a{text-decoration:none;}
.ivv{padding: 6rem 0;}
body{font-family: "Noto Sans", sans-serif;}
/* p {font-size: 16px;letter-spacing: 0.55px;color: #404040;font-weight: 400;line-height: 27px;} */
p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #373f41;
}
.headers h2 {
    font-size: 55px;
    letter-spacing: 0.55px;
    margin-bottom: 1rem;
    font-family: "Playfair Display", serif;
    font-weight: 400;
}
.abthdd h2{
        font-family: "Playfair Display", serif;
        font-size: 65px !important;
        font-weight: 400;
        color: #4d4d4d;
        margin-bottom: 35px;
}
.abthdd h3 {
    color: #000960;
    line-height: 54px;
    max-width: 1000px;
    margin: auto;
    font-size: 43px;
    font-weight: 300;
    margin-bottom: 35px;
}
.cl img{width: 17px;}
.cl:nth-child(1) img{width: 15px;}
.cl p{font-weight: 500;font-size: 14px;}
.cl{opacity:0.8;}
.admbtn{display: flex;gap:20px;align-items: center;}
.admbtn img{filter: brightness(0)invert(1);width: 20px;transform: rotate(-45deg);transition: all .3s;}
.admbtn {padding: 10px 15px;background-color: #fb2224;color: #fff !important;display: flex;font-weight: 500;border: 1px solid #fb2224;border-radius: 30px;transition: all .3s;}
.admbtn:hover{background-color: #fff;color: #fb2224 !important;}
.admbtn:hover img{transform: rotate(0);filter: initial;}
.topnav1 {background-color: #000274;padding: 11px 0;}

.menu ul li a {
    font-size: 18px;
    letter-spacing: 0.55px;
    color: #ffffff;
    font-weight: 300;
}
.rightbus ul li {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    padding: 1.5rem 0;
    border-bottom: 2px solid #fff;
}
.tpnv a {
    padding: 1rem 0 1rem;
}
.btnv a {
    padding: 1rem 0 1rem;
}
.menu55{padding-top: 10px;}
.dropitems {top: 100%;width: 300px;background-color: #fff;left: -50%;transform: translateY(100%);visibility: hidden;opacity: 0;transition: all .3s;}
.rrrr a{display: flex;align-items: center;}
.ffg{gap: 10px;}
.ffg img{transition: all .3s;}
.ffg:hover img{transform: rotate(180deg);}
.dropitems li a {
    display: flex;
    padding: 1rem !important;
    border-left: 3px solid #2672db;
    border-bottom: 2px solid lightgray;
}
.dropitems li:last-child a{border-bottom: none;}
.dropdwn a img {
    width: 20px;
    filter: brightness(0) invert(1);
}
.scrolled .dropdwn a img ,.othernav .dropdwn a img {
    filter: initial;
}
.dropdwn:hover .dropitems{transform: translateY(0%);visibility: visible;opacity: 1;}
.topmenu ul li a{color: #fff;}
.dropitems a{position: relative;z-index: 1;transition: all .3s;}
.menu ul li .dropitems a{
    color: #000;
}
.brggfd{
    padding: 1rem;
    background: linear-gradient(45deg, #3337ca, #15bdf0);
    margin-top: 7.5rem;
}
.brggfd p{
    color: #fff;
}
.brggfd p img{
    width: 20px;
}
.dropitems a:hover {
    color: #fff !important;
}
.dropitems a::after {
    position: absolute;
    content: "";
    background-color: red;
    background: linear-gradient(90deg, #3337ca, #15bdf0);
    background-size: contain;
    height: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all .3s;
    z-index: -1;
}
.dropitems a:hover::after{height: 100%;}
.left-logo img {
    width: 60%;
    padding: 0.5rem;
    filter: brightness(0) invert(1);
    /* filter: drop-shadow(-2px 2px 1px white); */
}
.left-logo h1{font-size: 20px;font-weight: 900;color: #fe3c40;letter-spacing: 0.55px;}
.mnnav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff00;
    z-index: 99999999999;
    /* box-shadow: black 0px 0px 25px -20px; */
}
.mainnav-wrapper{width: fit-content;margin-left: auto;}
.navbar-hr{margin-top: 12px;}
.herobanner {width: 100%;height: 100%;}

.herobanner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 30px !important;
    background-color: #ffffff7c;
    opacity: 1;
    transition: all 1s;
}

.herobanner .swiper-pagination-bullet-active {
    width: 100px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff7c;
    opacity: 1;
}
.herobanner .swiper-pagination-bullet-active::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    border-radius: 30px;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    animation: forwardsmove 4s;
}
@keyframes forwardsmove{
    0%{width: 0;}
    100%{width: 100%;}
}
.cittt {
    padding: 10px 10px 10px 20px;
    background-color: #fff;
    border-radius: 10px;
    width: 70%;
    margin-top: 1rem;
}
.cittt p{
    font-size: 18px !important;
    font-weight: 500 !important;
}
.btnnn a{
    padding: 10px 25px;
    background-color: #fc5c02;
    color: #fff;
    border-radius: 10px;
    display: flex;
    min-width: 165px;
    justify-content: center;
    font-size: 18px;
    transition: all .3s;
}
.btnnn a:hover{
    background-color: #011f58;
}

.rim h3{font-size: 24px;font-style: italic;}
.rim h3 strong{font-style: normal;}
.leftmis {
    padding: 0.3rem 0.3rem;
    background: linear-gradient(90deg, #fe3c3c 9%, #add8e62b 0);
    border-radius: 14px;
}
.herobanner .swiper-slide {background-position: center;background-size: cover;}
.herobanner .swiper-slide img {width: 100%;height:100vh;object-fit: cover;}
.herobanner{
    position:relative;
}
.herobanner .swiper-slide::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #000000a6, #00000075);
    background-size: contain;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0%;
    z-index: 1;
}
.basic_button {
    background-color: rgb(255 255 255 / 0%);
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #fff;
    margin-top: 2rem;
    display: block;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .3s;
    text-transform: uppercase;
    letter-spacing: 0.55px;
}

.basic_button svg {
    filter: brightness(0) invert(1);
    width: 17px;
    transition: all .3s;
}
.basic_button:hover{
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.basic_button:hover svg{
    filter: brightness(0);
}




.basic_button12 {
    background-color: rgb(255 255 255 / 0%);
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
    padding: 10px 20px;
    border: 1px solid #000;
    margin-top: 2rem;
    display: block;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all .3s;
    text-transform: uppercase;
    letter-spacing: 0.55px;
}

.basic_button12 svg {
    filter: brightness(0);
    width: 17px;
    transition: all .3s;
}
.basic_button12:hover{
    background-color: #000000;
    border: 1px solid #000;
    color: #fff;
}
.basic_button12:hover svg{
    filter: brightness(0)invert(1);

}





.innerslide{
    transition: all .5s;
}

.gallery{
    position: relative;
    z-index: 1;
}
.gallery::after {
    position: absolute;
    content: "";
    background-image: url(../../images/asd.webp);
    background-size: contain;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0%;
    z-index: -1;
    background-position: bottom;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}
.bannerswiper .swiper-button-next::after {content: "";display: block;width: 100%;height: 100%;background-image: url(../../images/arrow-right-svgrepo-com.svg);background-repeat: no-repeat;background-position: center;background-size: 30px;filter: brightness(0)invert(1);}
.bannerswiper .swiper-button-prev::after {content: "";display: block;width: 100%;height: 100%;background-image: url(../../images/arrow-left-svgrepo-com.svg);background-repeat: no-repeat;background-position: center;background-size: 30px;filter: brightness(0)invert(1);}
.bannerswiper .swiper-button-next::before {position: absolute;content: "";width: 50px;height: 50px;border: 1px solid #ffffff91;background-color: #1212126e;background-size: contain;
top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;backdrop-filter: blur(2px);}
.bannerswiper .swiper-button-prev::before {position:absolute;content: "";width: 50px;height: 50px;border: 1px solid #ffffff91;background-color: #1212126e;background-size: contain;top:50%;left:50%;transform: translate(-50%,-50%);border-radius: 50%;backdrop-filter: blur(2px);}
.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev{top: 87%;}
.bannerswiper .swiper-button-next{right: 6%;}
.bannerswiper .swiper-button-prev{left: 87%;}
.bannerdata {
    top: 55% !important;
    transform: translateY(-50%);
    z-index: 9999;
    width: 50%;
    height: fit-content;
    left: 17%;
}
.daa {
    top: 55% !important;
    transform: translateY(-50%);
    z-index: 9999;
    width: fit-content;
    height: fit-content;
    right: 17%;
}
.bannerdata h2 {
    font-size: 65px;
    letter-spacing: 0.55px;
    font-weight: 300;
    margin: 0 !important;
    margin-top: 2rem !important;
        font-family: "Playfair Display", serif;
    font-weight: 400;
}
.bannerdata span {
    padding: 10px 20px;
    background-color: #ffffff52;
    border: 1px solid #ffffff6b;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.55px;
}
.morebtn a{color: #fff;font-size: 18px;letter-spacing: 0.55px;border: 1px solid #fff;padding: 10px 20px;border-radius: 30px;overflow: hidden;position: relative;display: block;    width: fit-content;transition: all .4s;z-index: 1;}
.morebtn a::after{position: absolute;content: "";background-color: #fff;background-size: contain;height: 100px;width: 100px;transform: translate(-50%,-50%)scale(0);top: 50%;left: 50%;border-radius: 50%;transition: all .3s;z-index: -1;}
.morebtn a:hover::after{transform: translate(-50%,-50%)scale(2);}
.morebtn a:hover{color: #000 !important;}
.morebtnred a{color:#fff;font-size:18px;letter-spacing:.55px;border:1px solid #fb2224;padding:0;border-radius:30px;overflow:hidden;position:relative;display:flex;align-items:center;width:45px;transition:all .4s;z-index:1;}
.morebtnred a img{filter:brightness(0) invert(1);width:20px;transform:rotate(-45deg);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)rotate(-45deg);transition: all .3s;}
.morebtnred a div{height:45px;width:45px;border-radius:50%;position:relative;}
.morebtnred a::after{position:absolute;content:"";background-color:#fb2224;height:100px;width:100px;transform:translate(-50%,-50%) scale(15) !important;top:50%;left:50%;border-radius:50%;transition:.3s;z-index:-1;}
.morebtnred a p{color:#fff;font-weight:500;padding-left:0;width:0;overflow:hidden;white-space:nowrap;transition:all .4s ease;margin:0;}
.morebtnred a:hover{width:200px;}
.morebtnred a:hover img{transform: translate(-50%,-50%)rotate(0);}
.morebtnred a:hover p{width:155px;padding-left: 15px;}
.main-about-list{height: 70vh;}
.ablist{bottom: -8%;left: 50%;transform: translateX(-50%);width: 95%;transition: all .4s;}
.main-about-list:hover .ablist{bottom: 10%;}
.ablist h2{font-size: 25px;letter-spacing: 0.55px;color: #ffffff;margin-bottom: 1.6rem;transition: all .4s}
.ablist h3 {font-size: 16px;letter-spacing: 0.55px;color: #ffffff;font-weight: 400;line-height: 24px;transform: translateY(80vh);transition: all .4s;}
.main-about-list:hover h3{transform: translateY(0);}
.main-about-list .morebtn{transform: translateY(80vh);transition: all .4s;}
.main-about-list:hover .morebtn{transform: translateY(0);}
.about::before{position: absolute;content: "";background-image:url('../../images/banner1.avif');background-size: cover;height: 100%;width: 100%;top: 0;left: 0;z-index: -1;transition: all .5s;transform: scale(1);background-position: center;}
.about::after{position: absolute;content: "";background-color: #00000080;background-size: contain;height: 100%;width: 100%;top: 0;left: 0;z-index: -1;}
.about .col-lg-3{border-right: 1px solid #ffffff30;}
.about .col-lg-3:last-child{border: none;}
.about:has(.col-lg-3:nth-child(1):hover)::before{background-image: url('../../images/b22.avif');transform: scale(1.2);}
.about:has(.col-lg-3:nth-child(2):hover)::before{background-image: url('../../images/banner2.avif');transform: scale(1.2);}
.about:has(.col-lg-3:nth-child(3):hover)::before{background-image: url('../../images/20260613_Commencement_N6A1207.avif');transform: scale(1.2);}
.about:has(.col-lg-3:nth-child(4):hover)::before{background-image: url('../../images/c22.avif');transform: scale(1.2);}
.inner-service{width: 100%;margin: auto; position: relative;}
.lfm img {
    object-fit: cover;
    border-radius: 10px;
    height: 180px !important;
}
.inner-service .headers{background-color: #fff;}
.inner-service .headers h3{font-size: 20px;letter-spacing: 0.55px;line-height: 33px;color: #393939;}
.inner-service .headers p{font-size: 22px;line-height: 37px;}
.icon img {width: 50px;filter: brightness(0) invert(1);}

.iconn {height: 40px;width: 40px;background-color: #fe3c40;border-radius: 50%;}
.overlayout {
    height: 100%;
    width: 100%;
    bottom: -150%;
    left: 0;
    z-index: 99999999999999;
    background-color: #fe3c3c;
    background: linear-gradient(180deg, #c50000, #550000);
    padding: 3rem 1rem;
    transition: all .3s;
}

.caption_section_inner{
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    width: 41%;
    background-color: #000;
    padding: 2rem;
}
.banner_title{
    font-size: 30px;
    font-weight: 700;
}
.sub_text{
    font-size: 20px;
    margin-bottom: 1.5rem;
    color: #ffffffbd !important;
}
.projectlist:hover .overlayout{bottom: 0;}
.innersubabout {
    width: 82%;
    margin: auto;
}
.prjimg img{height: 465px;object-fit: cover;}
.projectlist{border-radius: 10px;overflow: hidden;}
.projectlist::after{position: absolute;content: "";background-color: #0000000d;background-size: contain;height: 100%;width: 100%;top: 0;left: 0;z-index: 1;}
.prjdata h3{color: #fff;font-size: 19px;margin: 0;}
.lefttxt span{color: white;display: block;margin-bottom: 5px;font-size: 18px;letter-spacing: 0.55px;}
.prjdata{position: absolute;bottom: 10%;right: 0;width: 91%;background-color: #00000082;z-index: 99999999;border-radius: 10px 0 0 10px;padding: 1rem;}
.lefttxt h4 {font-size: 30px;letter-spacing: 0.55px;}
.flexible .col-lg-3 .flexiblelist{border-right: 1px solid #ffffff9a;}
.flexible .col-lg-3:last-child .flexiblelist{border:none;}
.course-image{border-radius: 10px;overflow: hidden;position: relative;}
.course-image::after {position: absolute;content: "";background-color: #00000054;background-size: contain;height: 100%;width: 100%;top: 0;left: 0;}
.coursedata {bottom: 9%;left: 6%;z-index: 9;}
.coursedata h3 {font-size: 28px;line-height: 40px;font-weight: 500;}
.course-image img{height: 350px;object-fit: cover;}
.newsdtls {
    padding: 1rem 1rem 2rem 1rem;
}
.newsdtls span{font-size: 15px;letter-spacing: 0.55px;color: gray;}
.newsdtls h4 {
    font-size: 20px;
    letter-spacing: 0.55px;
    line-height: 31px;
    color: #000;
    font-weight: 300;
}
.rdmr a{
    color: #00779f;
}
.newslist {border-radius: 10px;background-color: #fff;transition:all .3s;overflow: hidden;    box-shadow: #05050547 0px 0px 25px -5px;overflow: hidden;}
.newslist::after {
    position: absolute;
    content: "";
    background-color: #fc5c02;;
    background-size: contain;
    height: 4px;
    width: 0%;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all .3s;
}
.newslist:hover:after{
    width: 100%;
}
.mappp{
    position: relative;
    z-index: 1;
}
.mappp::after {
    position: absolute;
    content: "";
    background-image: url(../../images/bg.avif);
    background-size: cover;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.3;
    background-position: bottom;
}
.newslist:hover {
    box-shadow: #05050547 0px 0px 25px -5px;
    transform: scale(1.05);
}
.newsimg img {
    border-radius: 10px;
    height: 265px;
    object-fit: cover;
}
.expanddd {cursor: pointer;}
.desc {max-height: 0;overflow: hidden;transition: all .3s;}
.descnew {max-height: 10000px;transition: all 1s;}
.arrowd {transition: all .3s;}
.arrowd {height: 30px;width: 30px;border: 1px solid #a5a5a5;border-radius: 50%;overflow: hidden;background-color: #fb222400;}
.arrowdnew {transform: rotate(180deg);}
.arrowd img {animation: moveed211212 1s infinite;transform: translate(-50%, -50%);}
@keyframes moveed{0% {transform: translate(-50%, -150%);}
    50% {transform: translate(-50%, -50%);}
    100% {transform: translate(-50%, 100%);}
}
.news{position: relative;background: linear-gradient(to top, #efefef78, transparent);}

.bannerswiper123 video{
    height: 100vh;
    object-fit: cover;
    display: block;
}
.bannerswiper123{
    position: relative;
}
.bannerswiper123::after {
    position: absolute;
    content: "";
    background-color: #00000047;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.leftfoot-logo img{width: 9vw;}
.social-links {display: flex;gap: 1rem;}
.social-icon {width: 38px;height: 38px;border-radius: 50%;background-color: rgb(255 255 255 / 13%);display: flex;align-items: center;justify-content: center;color: #9ca3af;text-decoration: none;transition: all 0.3s ease;}
.social-links svg {color: #fff;}
.xwxw li a {display: flex;padding: 5px 0;font-size: 18px;}
.social-icon:hover {background-color: #2563eb;}
.frm input{height: 50px;border-radius: 0;border: 1px solid lightgray;outline: none;box-shadow: none;padding-left: 10px;}
.frm select{height: 50px;border-radius: 0;border: 1px solid lightgray;outline: none;box-shadow: none;padding-left: 10px;}
.frm textarea{height: 100px;border-radius: 0;border: 1px solid lightgray;outline: none;box-shadow: none;padding-left: 10px;}
.feature-item-three svg {min-width: 21px;width: 20px;height: fit-content;transform: translateY(4px);opacity: 0.5;}
.feature-item-three {padding: 2rem;box-shadow: black 0px 0px 13px -8px;border-radius: 10px;position: relative;border-bottom: 5px solid #ffd3d3;background: linear-gradient(360deg, #ff000014, transparent);}
.admbtn1212{width: fit-content;}
.lffrm{box-shadow: black 0px 0px 18px -11px;padding: 2rem;border-radius: 10px;}
.glli {overflow: hidden;border-radius: 10px;box-shadow: black 0px 4px 9px -9px;}
.glli img {height: 350px !important;object-fit: cover;}
.gllidata {
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding: 25px 23px 25px 23px;
    text-align: center;
    /* background: linear-gradient(to top, #ffffff, transparent); */
    background: linear-gradient(180deg, transparent, #000000b0, #000000cf);
}
.gllidata p {color: #fff;font-size: 20px;}
.glimgnum {
    left: 50%;
    transform: translateX(-50%);
    top: -100%;
    padding: 12px 20px;
    background-color: #fff;
    z-index: 9;
    border-radius: 0 0 30px 30px;
    color: #000;
    transition: all .3s;
    font-weight: 500;
    letter-spacing: 0.55px;
}
.glli:hover .glimgnum{
    top: 0%;
}
.icxxx {width: 35%;height: auto !important;z-index: 99999;opacity: 0;transition: all .3s;text-align: center;color: #ffffff;background-color: #c70003;padding: 10px 20px;border-radius: 30px;}
.icxxx h5 {font-size: 18px;}
.glli::after {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, #ffffff, #fc5c02);
    background-size: cover;
    background-position: right;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    transition: all .3s;
}
.glimg {display: grid;box-shadow: black 0px 0px 14px -8px;border-radius: 10px;}
.glimg img {
    border-radius: 10px;
    cursor: pointer;
    height: 293px !important;
    object-fit: cover;
}
.trtrrre{
    transform: translateX(100%);
    opacity: 0;
    transition: all .3s;
    transition-delay: var(--tran-delay);
        display: block;
}
.trtrrrenew{
    transform: translateX(0%);
    opacity: 1;
}
.gldtds {padding: 1rem;}
.gldtds h5 {color: #fb2224;text-align: center;margin: 0;font-size: 18px;}
.flxtab .tab-l a {border-radius: 15px;padding: 12px 20px;display: flex;justify-content: center;color: #fb2224;width: 100%;height: 100%;align-items: center;justify-content: center;text-align: center;border: 1px solid #fb222436;}
.flxtab .tab-l .active {border: 1px solid #fb2224;background-color: #fb2224;border-radius: 15px;padding: 12px 20px;display: flex;justify-content: center;color: #fff;}
.glli:hover::after {opacity: 0.5;}
.view-image {z-index: 99999999999999 !important;}
.brd::after {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, #000000c2, #0000002e, #0000008f);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.ttlhd {
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999;
}
.ttlhd h2 {
    font-size: 120px;
    letter-spacing: 0.55px;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    text-shadow: none;
    -webkit-text-stroke: 2px #ffffff4f;
    color: #fc5c0200 !important;
    font-style: italic;
}
.ttlhd h3 {
    color: #fff;
    font-weight: 300;
    font-size: 35px;
}
.sdtbl tr{padding: 2rem;border-radius:15px;display: flex;width: 100%;font-size: 17px;align-items: center;}
.sdtbl tr:nth-child(even){background-color: #d3d3d394;margin-bottom: 10px;}
.sdtbl tr:nth-child(odd){background-color: #d3d3d347;margin-bottom: 10px;}
.sdtbl tr td:nth-child(2),.sdtbl tr th:nth-child(2){text-align: end;}
.sdtbl tr td{width: 50%;}
.sdtbl tr th{width: 50%;}
.sdtbl tr th h6{font-size: 20px;color: #000000;}
.exp-hd121 h4{text-align: center;font-size: 30px;color: #000;}
.flxtabnew12 .tab-l{flex: 0 0 24%;}
.flxtabnew12 {justify-content: space-between;padding: 1rem;box-shadow: #00000059 0px 0px 24px -6px;border-radius: 10px;}
.flxtabnew12 .tab-l a {border-radius: 7px;border: none;box-shadow: inset #00000066 0px 0px 14px -10px;background-color: #d3d3d31c;}
.flxtabnew12 .tab-l .active {border-radius: 7px;border-bottom: 4px solid #000000;}
.curhd {width: 100%;padding: 1rem;background-color: #fb2224;border-radius: 20px 20px 0 0;}
.firsttab .tab-l a {
    padding: 1rem;
    display: flex;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #d3d3d357;
}
.viewbtn p{margin: 0;}
.firsttab .tab-l .active {
    background-color: #fe3c40;
    background: linear-gradient(90deg, #fe3c40, #5d0002);
    color: #fff;
    border-radius: 10px;
}
.tab-contentgggggg h2 {
    padding: 1rem;
    background-color: #fe3c4000;
    color: #000000;
    font-size: 22px;
    position: relative;
    width: fit-content;
    margin-bottom: 1rem !important;
}
.tab-contentgggggg h2::after{
    position: absolute;
    content: "";
    background-color: red;
    background-size: content;
    bottom: 0;
    left: 1rem;
    height: 2px;
    width: 25%;
}
.curhd p img{width: 26px;filter: brightness(0) invert(1);}
.curhd p{font-size: 18px;color: #fff;text-transform: uppercase;font-weight: 500;}
.wer2{box-shadow: black 0px 0px 25px -16px;border-radius: 20px;}
.eligibility{background-color: #f9f7f3;position: relative;z-index: 1;}
.eligibility1{z-index: 1;}
.eligibility::after{position: absolute;content: "";background-image: url('../../images/prm.avif');background-size: contain;height: 117%;width: 720px;bottom: 0;right: 0;z-index: -1;   background-position: bottom;background-repeat: no-repeat;}
.eligibility1::after{position: absolute;content: "";background-image: url('../../images/prmmm.avif');background-size: contain;height: 117%;width: 720px;bottom: 0;right: 0;z-index: -1;   background-position: bottom;background-repeat: no-repeat;}
.eligibility::before{position: absolute;content: "";background-image: url(../../images/element-10.avif);background-size: cover;height: 100%;width: 100%;bottom: 0;right: 0;z-index: -1;background-position: center;background-repeat: no-repeat;}
.stclr{color: #fb2224;}
.padf{height: 7vh;}
.lftadm img{border-radius: 10px;}
.lftadm::after {position: absolute;content: "";background-color: #ff00004f;background-size: contain;height: 100%;width: 100%;top: 0;left: 0%;z-index: 1;border-radius: 10px;verflow: hidden;}
.lftadm::before {position: absolute;content: "";background-image: url(../../images/adm.avif);background-size: contain;height: 119%;width: 133%;bottom: 0;left: -10%;z-index: 2;background-repeat: no-repeat;}
.admdata {bottom: 5%;right: 2%;z-index: 2;font-size: 50px;writing-mode: sideways-lr;letter-spacing: 0.55px;}
.rightadm{padding-left: 2rem;}
.admission{position: relative;box-shadow: #0000000f 0px 12px 21px -4px;}
.admission::after {position: absolute;content: "";background-image: url(../../images/adbg.avif);background-size: cover;height: 100%;width: 100%;bottom: 0;right: 0;z-index: -1;background-position: center;background-repeat: no-repeat;opacity: 0.1;}
.close{color: red;top: -2%;right: 2%;z-index: 999;}
.close img{width: 20px;}
.admdt {padding-top: 10rem;}
.inneradm {width: 65%;margin: auto;background-image: url(../../images/dtr.avif);padding: 10rem 0;position: relative;z-index: 1;border-radius: 15px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
.inneradm h4 {line-height: 35px;padding: 0 10%;font-weight: 300;}
.inneradm::after {position: absolute;content: "";background: linear-gradient(360deg, #000000, #8c0001);background-size: contain;height: 100%;width: 100%;top: 0;left: 0;z-index: -1;opacity: 0.8;}
.adicn svg{width: 26px;margin-bottom: 1rem;color: #000000;}
.brd img {
    height: 600px;
    object-fit: cover;
}
.mnbox22 img{
    height: 250px;
    object-fit: cover;
}
.show12 {animation: blinkkk 1s infinite;}
@keyframes blinkkk{
    0% {
        color: red;
    }
    50% {
        color: blue;
    }
    100% {
        color: red;
    }
}

.innervis{
    width: 80%;
    z-index: 9;
}
.lefvis h4{
    font-size: 35px;
}
.headers21 span{
    font-size: 19px;
    margin-bottom: 0.5rem;
    display: block;
    text-transform: uppercase;
    color: #616161;
}
.flxtabshadow{box-shadow: #0000003d 0px 0px 25px -5px;padding: 10px;border-radius: 15px;}
.togg img{width: 35px;}
.impact {
    /* background-image: url(images/default.jpg); */
    background: url(../../images/bggg.png) center center / cover no-repeat;
    background-size: cover;
    transition: background-image .4s ease;
    padding: 10rem 0;
}

.impact::after {
    background-position: bottom;
    opacity: 0.7;
    position: absolute;
    content: "";
    background-color: #000000ed;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.left-bus h2,
.left-bus p,
.left-bus .topddt{
    transition: .35s ease;
}
.left-bus span {
    font-size: 18px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.55px;
}

.rightbus ul li{
    cursor: pointer;
    position: relative;
}
.rightbus ul li::after{
    position: absolute;
    content: "";
    background-color: #b4b100ed;
    background-size: cover;
    height: 2px;
    width: 0%;
    bottom: -2px;
    left: 0;  
    z-index: 9;
    transition: all .3s;  
}
.rightbus ul li:hover::after{
    width: 100%;
}
.act::after{
    width: 100% !important; 
}

.impfiglist {
    padding: 1rem;
    background-color: #00000000;
    border-radius: 10px;
    backdrop-filter: blur(18px);
    border: 1px solid #ffffff29;
}
.impfiglist h2{font-size: 40px;font-weight: 700;letter-spacing: 0.55px;}
.mapicon {top: 51%;right: 41%;cursor: pointer;}
.cd{top: -200px;left: 50%;transform: translateX(-50%)scale(0);z-index: 9999999;width: 250px;transition: all .3s;}
.sdfdfdsf {width: 30px;animation: zoom 1s infinite;transition-delay: .5s;transform-origin: bottom;}
@keyframes zoom{
    0%{
        transform: scale(0.5);
    }
    25%{
        transform: scale(0.7);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(0.5);
    }
}
.mapicon:hover .cd{
    transform: translateX(-50%)scale(1);
}
.mapicon2 {
    top: 39%;
    right: 37%;
    z-index: 9;
    cursor: pointer;
}
.mapicon2:hover .cd{
    transform: translateX(-50%)scale(1);
}
.dtxlist {
    padding: 1rem;
    background: linear-gradient(90deg, #eef7f9, #ffffff);
    border-left: 3px solid red;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}
.dtxlist::before {
    content: "";
    position: absolute;
    background-image: conic-gradient(red 10%, transparent 0%);
    height: 600px;
    width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 2s linear infinite;
    animation-play-state: paused;
    opacity: 1;
    z-index: -1111;
    opacity: 0;

}
.dtx{
    overflow: hidden;
    padding: 2px;
    border-radius: 10px;
}
.dtxlist:hover::before {
    animation-play-state: running;
    opacity: 1;
}

@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}















.news1::after {
    position: absolute;
    content: "";
    background-image: url(../../images/sd.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.1;
}
.sub-title {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.55px;
    margin-bottom: 1rem;
}
.complist img{
    height: 350px;
    object-fit: cover;
}
.complist {
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
   
}
.compdta {
    padding: 1rem;
    background: linear-gradient(180deg, #60000000, #bc000000);
}
.compdta img {
    width: 35px;
    height: auto !important;
    /* filter: brightness(0); */
}
.compdta p {
    font-size: 18px;
    color: #000;
}
.cover_page{
    max-width: 100%;
    width: 100%;
}
.descp h2 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.descp{padding: 1rem;}
.cover_page img {
    height: 400px;
    object-fit: cover;
    object-position: top;
}
.descp img{
    filter: brightness(0);
    width: 25px;
}
.descp span{
    font-size: 21px;
    color: #000;
}
.fcdish {
    box-shadow: black 0px 0px 15px -11px;
    border-radius: 15px;
    overflow: hidden;
}
.bba212 .lefvis {
    padding: 1rem;
    box-shadow: black 0px 0px 12px -7px;
    border-radius: 10px;
    height: 100%;
    background: linear-gradient(0deg, #ffeaea6b, transparent);
}
.bba212{
    background-color: #d3d3d324;
}
.partner_img {
    padding: 0;
    margin-bottom: 0;
    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 20%);
    border-radius: 10px;
    overflow: hidden;
}
.partner_img::after {
    position: absolute;
    content: "";
    /* background-color: #0000002b; */
    background: linear-gradient(359deg, #000000c7, #0000002b);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s;
}
.dirdata{
    padding: 2rem !important;
}
.tmdata p{
    font-size: 16px;
    line-height: 24px;
    margin-top: 1rem;
    opacity: 0;
    visibility: hidden;
}
.dtxx {
    bottom: 12%;
    left: 2%;
    filter: brightness(0) invert(1);
    z-index: 9;
    width: 95%;
}
.dtxx h2 {
    font-family: "Playfair Display", serif;
    font-weight: 500;
    font-size: 71px;
}
.dtxx h2:nth-child(2){
        transform: translateX(66px);
}
.mdimgg::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, transparent, #00000038);
    background-size: contain;
    height: 77%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.partner_img img {
    width: 100%;
    object-fit: contain;
}
.hlt{
    position: relative;
    overflow: hidden;
}
.hlt::after{
    position: absolute;
    content: "";
    background-color: #e5f7fd;
    background-size: contain;
    height: 1500px;
    width: 1500px;
    border-radius: 50%;
    top: -840px;
    right: -750px;
    z-index: -1;
    opacity: 0.5;
}
.fggggg{
    z-index: 1;
    overflow: hidden;
    background-color: #f9f7f3;
}
.fggggg::after{
position: absolute;
    content: "";
    background-color: #e5f7fd;
    background-size: contain;
    height: 1500px;
    width: 1500px;
    border-radius: 50%;
    top: -840px;
    right: -750px;
    z-index: -1;
    opacity: 0.5;
}
.innernwssfsdds{
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem;
}
.tab-contentgggggg{
    /* box-shadow: #00000096 0px 0px 25px -15px; */
    border-radius: 10px;
    /* overflow: hidden; */
}
.ddptdata a {
    box-shadow: #00000096 0px 0px 17px -11px;
    display: block;
    border-radius: 10px;
    border: none;
    margin-bottom: 19px;
}
.wer1455 {
    background-color: #d3d3d326;
    border-radius: 10px;
    height: 100%;
}

.viewbtn img {
    width: 18px;
    filter: initial;
}
.viewbtn p {
    font-size: 16px;
    color: #c01010;
}
.viewbtn {
    border: 1px solid #c010103b;
    padding: 5px 20px;
    border-radius: 10px;
}

.descp252 p {
    padding: 4px 15px;
    border: 1px solid lightgray;
    width: fit-content;
    border-radius: 30px;
    font-size: 15px;
}

.descp252 p img {
    width: 17px;
}
.descp252 {
    padding: 1rem;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    height: 100%;
}
.sdafdsds svg{
    filter: brightness(0);
    width: 14px !important;
}
.publications a{
    background-color: #fff;
    display: block;
    border-radius: 10px;
}
.descp252 span {
    font-size: 19px;
    color: #000;
    font-weight: 400;
    line-height: 30px;
}

.clllll {
    width: 24px;
    filter: brightness(0) invert(1);
}

.scrolled {
    animation: animate 1s;
    transition: all .3s;
    background-color: #fff;
    box-shadow: #00000042 0px 5px 25px -14px;
}
.scrolled .left-logo img,.scrolled .clllll{
    filter: initial;
}
.scrolled .menu ul li a {
    color: #000000;
}
.scrolled .btnv a {
    padding: 2.5rem 0 2.5rem;
}
.scrolled .tpnv{
    display: none !important;
}
.scrolled .btnv{
    border: none;
}
@keyframes animate{
    0%{
        transform: translateY(0);
    }
    50%{
         transform: translateY(-100%);
    }
    100%{
        transform: translateY(0);
    }
}









.expand-gallery{
    width: 90%;
    margin: auto;
}
.expand-content span {
    font-size: 28px;
    letter-spacing: 0.55px;
    color: #626262;
    display: block;
    margin-bottom: 5px;
    transition: all .3s;
}
.col-active .expand-content span{
    color: #000;
}
.fgg h2{
    color: #626262;
    font-size: 28px;
}
.col21{
    cursor: pointer;
}
.col21 {
    transition: all 1s;
    overflow: hidden;
}
.col-active{
        flex: 1 0 41%;
}
.expand-item img{
    height: 500px;
    object-fit: cover;
}
.expand-content {
    width: 800px;
}

.fgg{
    transform: translateY(100%);
    transition: all .3s;
    transition-delay: .3s;
    opacity: 0;
}
.col-active .fgg{
    transform: translateY(0%);
    opacity: 1;
}
.trtr h2{
    font-size: 54px;
    line-height: 70px;
    font-weight: 300;
    color: #000;
}

/* .newsdtls {
    bottom: 5%;
    left: 50%;
    width: 91%;
    transform: translateX(-50%);
    z-index: 99999;
} */


footer {
    background: #011f57;
    padding: 4.4rem 0 1rem 0;
}
footer .project_list, footer .comon_link {
    display: flex;
}
footer .project_list li:first-child {
    padding-right: 2.1rem;
    color: #ffffff;
    /* border-right: 1px solid #ffffff8f; */
    font-size: 21px;
    font-weight: 600;
}
footer .project_list li a, footer .comon_link li a {
    color: #fff;
    font: var(--font12);
    font-weight: 300;
    font-size: 18px;
}
.address h5 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 600;
}
.follow_us li {
    height: 45px;
    width: 45px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    box-shadow: inset black 0px -18px 25px -19px;
    transition:all .3s;
}
.follow_us li::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    background-size: contain;
    height: 35px;
    width: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
    box-shadow: inset black 0px 14px 25px -19px;
    transition:all .3s;
}
.follow_us li:hover {
    transform: translateY(-3px);
    box-shadow:
        0 5px 8px rgba(0, 0, 0, 0.25),
        inset black 0px -8px 15px -15px, #000000 0px 7px 5px -2px;;
}

.follow_us li:hover::after {
    height: 39px;
    width: 39px;
    box-shadow:
        0 4px 7px rgba(0, 0, 0, 0.25),
        inset black 0px 5px 12px -12px;
}
.xxyyzz{
    padding: 3rem 0;
}


.yearswiper {
width: 100%;
height: 100%;
}

.yearswiper .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.yearswiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}



















.timeline-section{
    position:relative;
    padding:120px 0;
    overflow-x:auto;
    background:#f8f8f8;
}

.timeline{
    width:2200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    position:relative;
}

.timeline-line {
    height: 6px;
    background: #8f2025;
}

.timeline-item{
    width:100%;
    position:relative;
    text-align:center;
}

.timeline-item.top {
    padding-bottom: 70px;
}

.timeline-item.bottom {
    padding-top: 70px;
}

.timeline-item.top .content {
    margin-bottom: 13px;
}

.timeline-item.bottom .content{
    margin-top:40px;
}

.timeline-item::before{
    content:"";
    position:absolute;
    left:50%;
    width:2px;
    background:#9d9d9d;
    transform:translateX(-50%);
}

.timeline-item.top::before {
    bottom: 2px;
    height: 68px;
}

.timeline-item.bottom::before {
    top: 2px;
    height: 68px;
}
.circle {
    width: 86px;
    height: 86px;
    border: 5px solid #bcbcbc;
    border-radius: 50%;
    background: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-item.top .circle{
    top:calc(50% - 110px);
}

.timeline-item.bottom .circle{
    top:calc(50% + 20px);
}

.circle img{
    width:40px;
}

.year {
    font-size: 35px;
    font-weight: 700;
}

.timeline-item.top .year {
    top: initial;
    position: absolute;
    right: 5%;
    bottom: 0;
}

.timeline-item.bottom .year{
    top:0;
    position: absolute;
    right: 5%;
    bottom: 0;
}

.red{
    color:#97222d;
}

.blue{
    color:#3e3b96;
}


.xx{
        align-items: flex-end;
}







.othernav{
    background-color: #fff;
}
.othernav .left-logo img{
    filter: initial;
}
.othernav .menu ul li a {
    color: #000000;
}
.othernav .clllll {
    filter: initial;
}



.container141{
    width: 90%;
    margin: auto;
}
.addres  span{
    color: #dfb565 !important;
    margin-bottom: 1rem;
    display: block;
    font-size: 19px;
    letter-spacing: 0.55px;
}
.addres{
    width: 70%;
}
.addres h3{
    font-size: 23px;
    margin-bottom: 1rem;
}
.addres p{
    margin-bottom: 2rem;
}
.car-fr {
    padding: 4rem 1rem !important;
}
.form-row label {
    margin-bottom: 0.5rem;
}
.car-fr .form-input {
    width: 100%;
    display: block;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 10px 24px;
    border: 1px solid lightgray;
    border-radius: 1px;
    -webkit-transition: all 0.25s ease;
    color: grey;
    /* padding-left: 6px !important; */
}
.subcon {
    box-shadow: #000000ab 0px 0px 20px -13px;
    background: linear-gradient(90deg, #001848 50%, transparent 0);
}
.innersubcon .modal-body {
    background-color: #fff;
    width: 85% !important;
    margin: auto !important;
}
.adfdata h4{
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
}
.inner-connnr hr{
        margin: 5rem 0;
}
.adfdata {
    border-right: 1px solid lightgray;
    height: 100%;
}

.innerdrctr {
    background: linear-gradient(45deg, #00607e, #0900a2);
    border-radius: 15px;
    overflow: hidden;
    width: 90%;
    margin: auto;
}
.dirdata h3 {
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 1rem;
}
.dirdata h4 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 2rem;
    position: relative;
    width: fit-content;
}
.dirdata h4::after {
    position: absolute;
    content: "";
    background-color: #fff978;
    background-size: contain;
    height: 2px;
    width: 30%;
    bottom: -1rem;
    left: 0;
}

.tmdata {
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    /* background: linear-gradient(45deg, #16bbefb0, #352cc6cf); */
    width: 90%;
    padding: 0rem 1rem;
    border-radius: 10px;
    backdrop-filter: blur(0px);
    z-index: 2;
}

.tmdata h5 {
    /* margin-bottom: 1.5rem; */
    position: relative;
    width: fit-content;
    margin: 0 auto 0.5rem;
    font-size: 24px;
}
/* .tmdata h5::after{
        position: absolute;
        content: "";
        background-color: yellow;
        background-size: contain;
        height: 2px;
        width: 50px;
        bottom: -0.75rem;
        left: 50%;
        transform: translateX(-50%);
} */

.gllw {
    background: linear-gradient(180deg, #faf7f2, transparent);
}
.lfcar p{
    font-size: 21px;
    line-height: 38px;
    position: relative;
}
.rtcar{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 58%;
}
.msggg{
    z-index: 1;
}
.msggg::after {
    position: absolute;
    content: "";
    background-image: url(../../images/txt.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.05;
}
.lfcar h3{
    font-weight: 300;
    margin-top: 1rem;
    font-size: 24px;
}
.lfcar p::after {
    position: absolute;
    content: "";
    background-image: url(../../images/quote.png);
    background-size: contain;
    height: 50px;
    width: 50px;
    top: -24px;
    left: -59px;
    z-index: -1;
    opacity: 1;
}
.lfcar p::before {
    position: absolute;
    content: "";
    background-image: url(../../images/quote.png);
    background-size: contain;
    height: 50px;
    width: 50px;
    bottom: -24px;
    right: 97px;
    z-index: -1;
    opacity: 1;
    transform: rotate(180deg);
}




.swiper-button-next:after{
    position: absolute;
    content: "";
    background-image: url(../../images/right-arrow.png);
    background-size: 30px;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    
}

.bannerdata p {
    font-size: 20px;
    font-weight: 300;
    line-height: 38px;
    width: 75%;
    letter-spacing: 0.55px;
}

.innersharee {
    height: 50px;
    width: 50px;
    box-shadow: inset black 0px 0px 0px 1px;
    background-color: #fff;
    bottom: 3%;
    right: 2%;
    border-radius: 50%;
    z-index: 999999999999;
    transition: all .3s;
    cursor: pointer;
}
.sharee:hover{
    background-color: #4a4a4a;
}
.sharee:hover .xcx{
    filter: brightness(0)invert(1);
}
.sclllsstasdasd {
    height: 50px;
    width: 100%;
    border-radius: 50%;
}
.scllls {
    border: 1px solid #000;
    border-radius: 30px;
    width: 100%;
    transition: all .3s;
}




 /* =========================
       CHAT WIDGET
    ========================= */

    .trip-chat {
        width: 380px;
        height: 510px;
        background: #fff;
        border: 1px solid #222;
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.22);
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 10%;
        right: 3%;
        z-index: 999999999;
        transform: scale(0);
        transition: all .3s;
    }
    .trip-chat-active{
        transform: scale(1);
    }
    /* =========================
       HEADER
    ========================= */

.chat-header {
    height: 81px;
    flex-shrink: 0;
    background: rgb(15 23 42);
    color: #fff;
    padding: 13px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
}

    .header-left {
      display: flex;
      align-items: center;
      gap: 11px;
    }

.bee-logo {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #dcae13;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #011b4e;
    font-weight: 900;
    font-family: "Playfair Display", serif;
}

    .header-content h3 {
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
    }

    .header-content h3 span {
      color: #f0c300;
      margin-left: 3px;
    }

    .online-status {
      display: flex;
      align-items: center;
      gap: 5px;
      color: #d6d6d6;
      font-size: 11px;
      margin-top: 3px;
    }

    .online-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #16d890;
      box-shadow: 0 0 6px rgba(22, 216, 144, 0.5);
    }

    .close-chat {
        border: 0;
        background: transparent;
        color: #fc5c02;
        font-size: 29px;
        cursor: pointer;
        line-height: 1;
        padding: 5px;
        position: relative;
    }
    .close-chat::after{
        position: absolute;
        content: "";
        border: 1px solid #fc5c02;
        background-size: contain;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    /* =========================
       CHAT BODY
    ========================= */

    /* .chat-body {
      flex: 1;
      padding: 16px;
      overflow-y: auto;
      background: #fff;
    } */
    .chat-body {
        flex: 1;
        padding: 16px;
        overflow-y: auto;
        background: linear-gradient(90deg, #fdfdfb, #f8f2dd);
    }

    /* Welcome message */

    .welcome-message {
        max-width: 305px;
        background: #ffffff;
        border: 1px solid #f4dda19e;
        border-radius: 6px 14px 14px 14px;
        padding: 11px 14px;
        color: #3f3f3f;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 17px;
    }

    /* =========================
       QUICK OPTIONS
    ========================= */

    .quick-title {
      color: #d6a500;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      margin-bottom: 12px;
    }

    .quick-options {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    .quick-option {
        min-height: 100%;
        background: #fff;
        border: 1px solid #f4dda1;
        border-radius: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 10px;
        cursor: pointer;
        transition: 0.25s ease;
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.03);
    }

    .quick-option:hover {
      transform: translateY(-2px);
      border-color: #e7b719;
      box-shadow: 0 5px 14px rgba(205, 158, 0, 0.12);
      background: #fffdf5;
    }

    .quick-option i {
      width: 18px;
      color: #e0ac00;
      font-size: 16px;
      text-align: center;
      flex-shrink: 0;
    }

.quick-option span {
    font-size: 12px;
    line-height: 16px;
    color: #272727;
    font-weight: 600;
    text-align: left;
}

    /* =========================
       FOOTER
    ========================= */

    .chat-footer {
      flex-shrink: 0;
      background: #fffdf7;
      border-top: 1px solid #f0e6cc;
      padding: 9px 16px 13px;
    }

    .help-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 11px;
    }

    .help-label {
      font-size: 9px;
      letter-spacing: 1px;
      font-weight: 700;
      color: #858585;
    }

    .whatsapp-btn {
      border: 1px solid #f1dca3;
      background: #fff;
      border-radius: 20px;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      gap: 7px;
      color: #3c3c3c;
      font-size: 12px;
      cursor: pointer;
      transition: 0.2s ease;
    }

    .whatsapp-btn i {
      color: #00a86b;
      font-size: 16px;
    }

    .whatsapp-btn:hover {
      background: #f7fff9;
      border-color: #00b673;
    }

    /* =========================
       INPUT
    ========================= */

.chat-input-wrapper {
    height: 48px;
    border: 1px solid #f5d36b7d;
    background: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    padding: 0 11px 0 16px;
    transition: 0.2s ease;
}

    .chat-input-wrapper:focus-within {
      border-color: #e2ae00;
      box-shadow: 0 0 0 3px rgba(226, 174, 0, 0.08);
    }

    .chat-input {
      flex: 1;
      border: 0;
      outline: 0;
      background: transparent;
      font-size: 14px;
      color: #333;
      min-width: 0;
    }

    .chat-input::placeholder {
      color: #aaa;
    }

    .send-btn {
      width: 32px;
      height: 32px;
      border: 0;
      background: transparent;
      color: #e8bd43;
      font-size: 17px;
      cursor: pointer;
      transform: rotate(-5deg);
      transition: 0.2s ease;
    }

    .send-btn:hover {
      color: #d29e00;
      transform: rotate(-5deg) scale(1.1);
    }

    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 480px) {
     

      .trip-chat {
        width: 100%;
        max-width: 380px;
        height: 492px;
      }
    }

    @media (max-width: 360px) {
      .trip-chat {
        height: 480px;
      }

      .chat-body {
        padding: 13px;
      }

      .quick-option {
        padding: 8px;
        gap: 8px;
      }

      .quick-option span {
        font-size: 11px;
      }
    }
.chatpop{
    bottom: 5%;
    right: 3%;
    z-index: 9999;
    cursor:pointer;
}

.chatpop p {
    padding: 3px 15px;
    background-color: #ffc000;
    border-radius: 30px;
    font-weight: 400;
    font-size: 15px;
}





.banner .feature-icon{
    width: 50px;
    height: 50px;
}


.feature-card {
    width: 330px;
    min-height: 72px;
    padding: 12px 18px 12px 8px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.30), rgba(35, 59, 78, 0.78));
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.18), 0 8px 25px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.feature-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(241 243 245);
}

.feature-icon i {
    font-size: 25px;
    color: #f5b400;

    -webkit-text-stroke: 1px #111;
}

.feature-content h3 {
    margin: 0 0 7px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    /* line-height: 0; */
    color: #fff;
    /* margin: 0; */
}

.feature-content p {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1;
}  
.gffhbtn a {
    padding: 10px 20px;
    background-color: #fc5c02;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fc5c02;
    transition: all .3s;
}
.gffhbtn a:hover{
    background-color: transparent;
    color: #fc5c02;
}
.togg{
    height: 1px;
    width: 30px;
    background-color: #fff;
    position: relative;
}     
.togg::after{
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    height: 1px;
    width: 20px;
    bottom: -10px;
    left: 0;
    transition: all .3s;
    z-index: -1;
}   
.togg::before{
    position: absolute;
    content: "";
    background-color: #fff;
    background-size: contain;
    height: 1px;
    width: 40px;
    top: -10px;
    left: 0;
    transition: all .3s;
    z-index: -1;
}
.ffg i{
    font-size: 15px;
}
.cars::after {
    position: absolute;
    content: "";
    background-image: url(../../images/puri.png);
    background-size: contain;
    height: 700px;
    width: 700px;
    top: 12%;
    right: -8%;
    transform: translateY(-50%);
    z-index: -1;
    opacity: 0.1;
}
.cars::before {
    position: absolute;
    content: "";
    background-image: url(../../images/we.jpg);
    background-size: cover;
    height: 100%;
    width: 700px;
    bottom: 0;
    left: 0%;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0.1;
}
.cars .tab-l a{
    display: grid;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    color: #000;
    position: relative;
}
.cars .tab-l a img {
    width: 80%;
    margin: auto;
    transition: all .3s;
} 
.cars .tab-l a:hover img{
    transform: scale(1.1);
}
.cars .tab-l .active {
    color: #fc5c02;
    font-weight: 700;
}
.cars .tab-l a{
    transition: all .3s;
}
.cars .tab-l a:hover{
    color: #fc5c02;
    font-weight: 700;
}
.exp-bt1 a {
    padding: 10px 17px;
    /* background-color: #fff; */
    border: 1px solid #00000036;
    border-radius: 11px;
    color: #000;
    position: relative;
    /* box-shadow: inset black 0px -6px 16px -6px; */
    z-index: 1;
    transition: all .3s;
}

/* .exp-bt1 a::after {
    position: absolute;
    content: "";
    background-color: #fff;
    box-shadow: inset black 0px 4px 16px -8px;
    background-size: contain;
    height: 78%;
    width: 92%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 30px;
    transition: all .3s;
    z-index: -1;
} */
.exp-bt1 a img {
    width: 20px;
    filter: brightness(0);
    transform: rotate(-45deg);
    transition: all .3s;
}
.exp-bt1 a:hover img{
    filter: brightness(0)invert(1);
    transform: rotate(0);
}
.exp-bt1 a:hover{
    color: #fff;
    background-color: #fc5c02;
}
 




.car-card {
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid #edf0f2;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    }

    /* Car image */
    .car-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        display: block;
    }

    .card-content {
      padding: 18px 18px 15px;
    }

    /* Title */
    .car-title {
      font-size: 16px;
      font-weight: 700;
      color: #111;
      margin-bottom: 8px;
    }

    /* Seats */
    .seats {
      display: flex;
      align-items: center;
      gap: 7px;
      color: #526273;
      font-size: 13px;
      margin-bottom: 12px;
    }

    .person-icon {
      width: 15px;
      height: 15px;
      position: relative;
    }

    .person-icon::before {
      content: "";
      position: absolute;
      width: 5px;
      height: 5px;
      border: 1.4px solid #526273;
      border-radius: 50%;
      top: 0;
      left: 5px;
    }

    .person-icon::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      border: 1.4px solid #526273;
      border-bottom: 0;
      border-radius: 8px 8px 0 0;
      bottom: 0;
      left: 2.5px;
    }

    /* Features */
    .features {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-bottom: 20px;
    }

    .feature {
      display: flex;
      align-items: center;
      gap: 6px;
      background: #f1f3f5;
      color: #566474;
      border-radius: 9px;
      padding: 6px 9px;
      font-size: 11px;
      white-space: nowrap;
    }

    .feature-icon {
        font-size: 18px;
        line-height: 1;
        color: #000;
    }
    .feature span:nth-child(2) {
        color: #000;
        font-size: 14px;
        font-weight: 300;
    }
    /* Bottom section */
    .card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .price {
        font-size: 15px;
        color: #011f57;
    }


    .price strong {
      font-weight: 700;
      font-size: 20px;
    }
    .details a {
        padding: 7px 12px;
        background-color: #fc5c02;
        border: 1px solid #fc5c02;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        display: flex;
        justify-content: center;
        width: 100%;
        transition: all .3s;
    }
    
    .details a:hover{
        background-color: transparent;
        color: #fc5c02;
    }
    .details212 a:hover img{
        filter: initial;
    }
    .Bookbtn a {
        padding: 7px 12px;
        border: 1px solid #fc5c02;
        border-radius: 10px;
        color: #fc5c02;
        font-size: 14px;
        display: flex;
        justify-content: center;
        width: 100%;
        transition: all .3s;
    }
    .Bookbtn a:hover{
        background-color: #fc5c02;
        color: #fff;
    }

    .details {
      display: flex;
      align-items: center;
      gap: 5px;
      color: #287bf0;
      font-size: 13px;
      text-decoration: none;
    }

    .arrow {
      font-size: 18px;
      line-height: 10px;
      font-weight: 300;
    }

    /* Hover */
    .car-card {
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .car-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
    }

    @media (max-width: 480px) {
    .car-card {
        width: 100%;
    }

      .car-image {
        height: 165px;
      }
    }



.sustainability-section {
    min-height: 680px;
    background: #011f58eb;
    color: #fff;
    display: flex;
    align-items: center;
}


/* =========================
   LABEL
========================= */

.section-label span {
    width: 36px;
    height: 1px;
    background: #d9a060;
}

.section-label p {
    color: #fc5c02;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
}


/* =========================
   HEADING
========================= */

.sustainability-title {
    color: #f5f1e9;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;
    font-weight: 400;
    line-height: 1.1;

    letter-spacing: -1px;
}

.sustainability-title em {
    color: #fc5c02;
    font-style: italic;
}


/* =========================
   DESCRIPTION
========================= */

.sustainability-description {
    max-width: 540px;
    color: #ffffff;
    /* font-family: Arial, sans-serif; */
    /* font-size: 15px; */
    /* line-height: 1.7; */
}


/* =========================
   BUTTON
========================= */

.report-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 13px 22px;

    background: #c95b2d;
    color: #fff;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;

    transition: all .3s ease;
}

.report-btn:hover {
    background: #e06c38;
    color: #fff;
    transform: translateY(-2px);
}


/* =========================
   STATISTICS
========================= */

.sustainability-stats {
    border-top: 1px solid rgba(255,255,255,.15);
}


/* Each Bootstrap col */

.stat-item {
    min-height: 140px;

    padding: 30px 25px;

    border-bottom: 1px solid rgba(255,255,255,.15);
}


/* Vertical line */

.stat-item:nth-child(odd) {
    border-right: 1px solid rgba(255,255,255,.15);
}


/* Numbers */

.stat-item h3 {
    margin: 0 0 8px;
    color: #fc5c02;
    /* font-family: Georgia, "Times New Roman", serif; */
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
}


/* Main text */

.stat-item p {
    margin: 0 0 4px;
    color: #f5f5f1;
    /* font-family: Arial, sans-serif; */
    /* font-size: 14px; */
    line-height: 1.4;
}


/* Small text */

.stat-item small {
    color: rgba(255, 255, 255, .45);
    /* font-family: Arial, sans-serif; */
    font-size: 15px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .sustainability-section {
        padding: 80px 0;
    }

    .sustainability-title {
        font-size: 46px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 575px) {

    .sustainability-section {
        padding: 60px 0;
    }

    .sustainability-title {
        font-size: 38px;
    }

    .sustainability-description {
        font-size: 14px;
    }

    .stat-item {
        min-height: 125px;
        padding: 25px 15px;
    }

    .stat-item h3 {
        font-size: 30px;
    }

    .stat-item p {
        font-size: 13px;
    }

}


.details323 a{
    width: fit-content;
}

.sustainability-section{
    position: relative;
}
.sustainability-section::after{
    position: absolute;
    content: "";
    background-image: url(../../images/tr.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}







/* -------------------------------------pakage design start---------------------------------------------- */

.mnbox img{
    height: var(--img-height);
    object-fit: cover;
}
.grid-panel-item{
    text-align: center;
    z-index: 9;
    width: 90%;
}
.grid-panel-item span{
    color: #fff;
}
.grid-panel-item .h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 25px;
}
.mnbox{
    overflow: hidden;
    border-radius: 10px;
}
.mnbox::after {
    overflow: hidden;
    position: absolute;
    content: "";
    background-color: #00000052;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/* -------------------------------------pakage design end---------------------------------------------- */









.luxury-rental {
    width: 100%;
    overflow: hidden;
}


/* ==============================
   CAR BANNER
================================ */

.car-banner {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
}

.car-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}


/* ==============================
   FEATURES SECTION
================================ */

/* .features-section {
    background: linear-gradient(
        180deg,
        #8f98ae 0%,
        #646b7c 100%
    );

    padding: 32px 0 42px;
    min-height: 180px;
} */


.features-section {
    background: linear-gradient(180deg, #022057 0%, #011f58 100%);
    padding: 32px 0 42px;
    min-height: 180px;
}

/* ==============================
   FEATURE BOX
================================ */

.feature-box {
    padding: 0 8px;
}


/* TITLE */

.feature-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
}

.feature-title i {
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
}

.feature-title h5 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}


/* DESCRIPTION */

.feature-box p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0;
    max-width: 260px;
}


/* ==============================
   DESKTOP SPACING
================================ */

@media (min-width: 992px) {

    .features-section .row {
        --bs-gutter-x: 34px;
    }

}


/* ==============================
   TABLET
================================ */

@media (max-width: 991px) {

    .car-banner {
        height: 300px;
    }

    .features-section {
        padding: 35px 0;
    }

    .feature-box p {
        max-width: 100%;
    }

}


/* ==============================
   MOBILE
================================ */

@media (max-width: 575px) {

    .car-banner {
        height: 220px;
    }

    .features-section {
        padding: 30px 0px;
    }

    .feature-title {
        margin-bottom: 12px;
    }

    .feature-title h5 {
        font-size: 15px;
    }

    .feature-box p {
        font-size: 13px;
    }

}







/* ================================
   RENTAL PROCESS
================================ */

.rental-process {
    background: #fff;
    overflow: hidden;
}

.process-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: start;
    z-index: 1;
}

/* Dashed connecting line */
.process-wrapper::before {
    content: "";
    position: absolute;
    top: 65px;
    left: 10%;
    right: 10%;
    border-top: 2px dashed #d5d5d5;
    z-index: 0;
}

.process-wrapper::after {
    content: "";
    position: absolute;
    background-image: url(../../images/sedan.png);
    top: 21px;
    left: 11%;
    width: 66px;
    height: 55px;
    z-index: -1;
    background-repeat: no-repeat;
    animation: move 10s infinite linear;
}
@keyframes move{
    0%{
        left: 11%;
    }
    100%{
        left: 83%;
    }
}
.process-item {
    position: relative;
    text-align: center;
    z-index: 1;
}

/* Circle */
.process-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #011f57;
    border: 1px solid #333;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* Font Awesome */
.process-icon i {
    font-size: 27px;
    color: #fff;
}

/* Heading */
.process-item h5 {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 700;
    color: #111;
    letter-spacing: 0.2px;
}

/* Description */
.process-item p {
    margin: 0 auto;

    max-width: 190px;

    font-size: 14px;
    line-height: 1.6;

    color: #777;
}

/* Hover */
.process-item:hover .process-icon {
    transform: translateY(-6px);
    background: #000;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.process-item:hover .process-icon i {
    transform: scale(1.1);
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .process-wrapper {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;
    }

    .process-wrapper::before {
        display: none;
    }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 575px) {

    .rental-process {
        padding: 35px 15px;
    }
    .process-wrapper {
        grid-template-columns: 1fr;
        gap: 19px;
    }
    .process-item {
        display: grid;
        grid-template-columns: 50px 1fr;
        column-gap: 10px;
        text-align: left;
        align-items: center;
    }

    .process-icon {
        grid-row: span 2;
        width: 45px;
        height: 45px;
        margin: 0;
    }
    .process-icon i {
        font-size: 17px;
    }
    .process-item h5 {
            margin: 0 0 8px;
            font-size: 17px;
            font-weight: 500;
            color: #111;
            letter-spacing: 0.2px;
        margin-bottom: 2px;
    }
    .process-item p {
        margin: 0;
        max-width: none;
    }

}
.holiday-grid{
   position: relative; 
}
.holiday-grid::after {
    position: absolute;
    content: "";
    background-image: url(../../images/texture.png);
    background-size: contain;
    height: 600px;
    width: 600px;
    top: 2%;
    left: 2%;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0.1;
    /* filter: brightness(0); */
}


.togglemenuitems {
    top: 0;
    left: 0;
    z-index: 9999999999999999999;
    height: 100vh;
    width: 100%;
    visibility: hidden;
}
.leftnav {
    height: 100%;
    width: 100%;
    background-color: lightgray;
    transform: translateX(-100%);
    transition: all .3s;
}
.rightnav {
    height: 100vh;
    width: 100%;
    background-color: #011f58;
    transform: translateX(100%);
    transition: all .3s;
    padding: 7rem 5rem;
}
.trr{
    height: 50px;
    width: 50px;
    cursor: pointer;
    transition: all .3s;
}
.scrolled .trr{
    filter: brightness(0);
}
.togglemenuitemsnew{
    visibility: visible;
}
.togglemenuitemsnew .leftnav,.togglemenuitemsnew .rightnav{
    transform: translateX(0%);
}

.treeee li a {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 44px;
    font-weight: 500;
}
.treeee{
    flex-direction: column;
}

.rightnav{
    position: relative;
}
.rightnav::after {
    position: absolute;
    content: "";
    background-image: url(../../images/texture.png);
    background-size: contain;
    height: 600px;
    width: 600px;
    bottom: -18%;
    right: -10%;
    background-repeat: no-repeat;
    opacity: 0.1;
    filter: brightness(0) invert(1);
    z-index: 9999999999999999999999999999999999;
}
.closs{
    top: 2rem;
    right: 2rem;
    cursor: pointer;
}
.closs img{
    width: 30px;
}
.closs25{
    top: 2rem;
    right: 2rem;
    cursor: pointer;
}
.closs25 img{
    width: 30px;
}

.abouthd h2 {
    font-family: "Playfair Display", serif;
    font-size: 183px;
    font-weight: 700;
    background-image: url(../../images/conc.jpg);
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.abouthd p{
    font-size: 23px;
    font-weight: 300;
    line-height: 36px;
    color: #373f41;
}
.abouthd h4 {
    font-size: 36px;
    color: #011f57;
    /* letter-spacing: 17.55px; */
    font-weight: 400;
    /* text-align: start; */
    /* padding-left: 15rem; */
    margin-bottom: 2rem;
}
.whyyyy {
    background-image: radial-gradient(#002c7e, #011f57, #011f57);
    padding: 7rem 0 12rem 0;
}
.whyyyy::after {
    position: absolute;
    content: "";
    background-image: url(../../images/texture.png);
    background-size: contain;
    height: 600px;
    width: 600px;
    top: 13%;
    right: 9%;
    background-repeat: no-repeat;
    opacity: 0.2;
    /* filter: brightness(0) invert(1); */
    z-index: 1;
}
.rightbusasdd {
    position: absolute;
    bottom: -20%;
    right: 4%;
    width: 55%;
    z-index: 9;
}
.container252{
    width: 85%;
    margin: auto;
}
.wwwwf img{
    width: 20px;
}
.banner .swiper-pagination{
    bottom: 28px;
}
















        .features-section25 {
            padding: 0 30px 30px;
        }

        .feature-card25 {
            background: #fff;
            border-radius: 15px;
            min-height: 203px;
            padding: 30px;
            display: flex;
            justify-content: space-between;
            gap: 25px;
            /* border: 1px solid #fc5c022e; */
            height: 100%;
            align-items: center;
            background-color: #d3d3d324;
        }

        .feature-content25 {
            flex: 1;
        }

        .feature-title25 {
            font-size: 24px;
            font-weight: 600;
            color: #111;
            margin: 0 0 20px;
        }

        .feature-description25 {
            font-size: 16px;
            line-height: 1.6;
            color: #111;
            margin: 0;
        }

        .feature-icon25 {
            width: 90px;
            height: 90px;
            min-width: 90px;
            border-radius: 50%;
            background: #f7f8fa;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            color: #1764bd;
            font-size: 34px;
            margin-top: -3px;
        }

        .feature-icon25::before {
            content: "";
            position: absolute;
            width: 66px;
            height: 66px;
            border: 4px solid #d6dde7;
            border-right-color: transparent;
            border-radius: 50%;
        }

        .feature-icon25 i {
            position: relative;
            z-index: 2;
            color: #011f57;
        }

        @media (max-width: 991px) {
            .feature-card25 {
                min-height: auto;
            }
        }

        @media (max-width: 575px) {
            .features-section25 {
                padding: 15px;
            }

            .feature-card25 {
                padding: 25px 20px;
                gap: 15px;
                display: flex;
                flex-direction: column-reverse;
                justify-content: center;
                align-items: center;
                text-align: center;
            }

            .feature-title25 {
                font-size: 17px;
                margin-bottom: 14px;
            }

            .feature-description25 {
                font-size: 14px;
            }

            .feature-icon25 {
                width: 65px;
                height: 65px;
                min-width: 65px;
                font-size: 25px;
            }

            .feature-icon25::before {
                width: 48px;
                height: 48px;
                border-width: 3px;
            }
        }


        .dropdown {
            top: 0;
            right: -100%;
            height: 100vh;
            width: 73%;
            background-color: #002468;
            transition: all .3s;
        }
        .dropdownnew{
            right: 0;
        }
        .innerdropdown li a{
            color: #fff;
            font-family: "Playfair Display", serif;
            font-size: 38px;
            font-weight: 600;
        }
        .innerdropdown {
            padding: 7rem 2rem;
        }











    /* Heading */
.main-title {
    font-size: 40px;
    line-height: 59px;
    font-weight: 800;
    letter-spacing: -1.5px;
    margin-bottom: 28px;
    color: var(--primary);
    font-size: 45px;
    letter-spacing: 0.55px;
    margin-bottom: 1rem;
    font-family: "Playfair Display", serif;
    font-weight: 400;
}

    .main-title span {
      color: var(--purple);
    }

    /* Info Cards */
    .rating-card,
    .review-card {
      height: 76px;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 18px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: center;
      padding: 12px 15px;
    }

    .rating-score {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: var(--orange);
      color: #fff;
      font-size: 1.25rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      box-shadow: 0 5px 10px rgba(255, 152, 0, 0.25);
    }

    .rating-text small,
    .review-text small {
      display: block;
      color: #606b7b;
      font-size: 0.78rem;
    }

    .stars {
      color: #e2a911;
      font-size: 1.25rem;
      letter-spacing: 2px;
      white-space: nowrap;
    }

    .review-icon {
      width: 50px;
      height: 50px;
      background: linear-gradient(135deg, #3157b8, #4934ba);
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.3rem;
      margin-right: 12px;
      box-shadow: 0 5px 10px rgba(57, 66, 176, 0.25);
    }

    .review-text strong {
      font-size: 0.9rem;
      letter-spacing: 0.5px;
    }

    /* Badges */
    .custom-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 15px;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.4px;
    }

    .verified-badge {
      color: #25875e;
      border: 1px solid #b9decf;
      background: #effaf4;
    }

    .verified-badge .dot {
      width: 8px;
      height: 8px;
      background: #35ad73;
      border-radius: 50%;
    }

    .price-badge {
      color: #315eab;
      border: 1px solid #bfd0e7;
      background: #f0f6fd;
    }

    .price-badge .dot {
      width: 8px;
      height: 8px;
      background: #5c8fd4;
      border-radius: 50%;
    }

    /* Gallery */
    .gallery {
      margin-top: 28px;
    }

    .gallery-img {
      width: 100%;
      object-fit: cover;
      border-radius: 16px;
      display: block;
    }

    .main-image {
      height: 470px;
    }

    .small-image {
      height: 228px;
    }

    .gallery .row {
      --bs-gutter-x: 16px;
      --bs-gutter-y: 16px;
    }


    /* Responsive */
    @media (max-width: 991.98px) {
      .main-image {
        height: 400px;
      }

      .small-image {
        height: 195px;
      }
    }

    @media (max-width: 767.98px) {
      .tour-section {
        padding: 0 15px 20px;
      }

      .main-title {
        margin-bottom: 20px;
      }

      .main-image {
        height: 350px;
      }

      .small-image {
        height: 240px;
      }

      .rating-card,
      .review-card {
        width: 100%;
      }
    }

.pktpdata {
    top: 15px;
    left: 15px;
    z-index: 9;
    padding: 2px 15px;
    background-color: #ffffff94;
    border-radius: 30px;
    backdrop-filter: blur(2px);
}
.package-dataxyg {
    padding: 1rem;
}
.packagelistingtp {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: black 0px 5px 20px -15px;
    transition: all .3s;
}
.packagelistingtp:hover{
    transform: scale(1.03)translateY(-2%);
}
.pkimmg256 img{
    height: var(--img-height);
    object-fit: cover;
}
.package-dataxyg h3 {
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.55px;
    color: #000;
}
.package-dataxyg p{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #656565;
}


















.review-bar {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
}
.gallery212{
    margin-top: 1rem;
}
.whatsapp-arrow{
    height: 35px;
    width: 35px;
    background: linear-gradient(180deg, #006600, #008b00);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-arrow i {
    color: #fff;
    font-size: 16px;
}

.review-item {
    white-space: nowrap;
}

.stars {
    color: #00b894;
    font-size: 16px;
    letter-spacing: 1px;
}

.review-count {
    font-weight: 500;
    color: #222;
}

.divider {
    width: 1px;
    height: 22px;
    background: #777;
    margin: 0 20px;
}

.recommended-icon {
    color: #e85d3f;
    font-size: 15px;
}

.info-icon {
    color: #555;
    font-size: 13px;
}

.badge-icon {
    color: #e69a22;
    font-size: 17px;
}

.location-icon {
    color: #555;
    font-size: 14px;
}

.review-item strong {
    font-weight: 700;
}


/* Mobile */
@media (max-width: 767px) {

    .review-bar {
        padding: 12px 10px;
        font-size: 12px;
    }

    .review-bar .container-fluid > .d-flex {
        justify-content: flex-start !important;
        gap: 10px;
    }

    .divider {
        margin: 0 5px;
        height: 18px;
    }

    .stars {
        font-size: 13px;
    }

    .review-item {
        gap: 5px !important;
    }
}
.x{
    transition: all .3s;
}
.a{
    border-radius: 16px;
}
.x:hover{
    transform: scale(1.1);
}

/* 

    .details p {
        padding: 7px 12px;
        background-color: #fc5c02;
        border: 1px solid #fc5c02;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        display: flex;
        justify-content: center;
        width: 100%;
        transition: all .3s;
        margin: 0;
    }
    
    .details p:hover{
        background-color: transparent;
        color: #fc5c02;
    }
    .Bookbtn p {
        padding: 7px 12px;
        border: 1px solid #fc5c02;
        border-radius: 10px;
        color: #fc5c02;
        font-size: 14px;
        display: flex;
        justify-content: center;
        width: 100%;
        transition: all .3s;
        margin: 0;
    }
    .Bookbtn p:hover{
        background-color: #fc5c02;
        color: #fff;
    }
    .pktpdata span{
        color: #000;
    } */

    .price-section {
        background-color: #022158;
        border-radius: 0 0 50% 50%;
        padding: 2rem 2rem 3rem 2rem;
        border-bottom: 5px solid #e18d00;
        margin-bottom: 0.5rem;
    }
   .main-price-row{
        align-items: baseline;
   }
.main-price {
    font-size: 45px;
    font-weight: 700;
    background: linear-gradient(180deg, #ff5c00, #fc5c02, #ff7e36);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.old-price{
        font-size: 20px;
        position: relative;
        width: fit-content;
        margin: auto;
}
.old-price::after{
    position: absolute;
    content: "";
    background: linear-gradient(90deg,transparent,#d0a048);
    background-size: contain;
    height: 2px;
    width: 70px;
    top: 50%;
    left: -85px;
    transform: translateY(-50%);
}
.old-price::before{
    position: absolute;
    content: "";
    background: linear-gradient(270deg,transparent,#d0a048);
    background-size: contain;
    height: 2px;
    width: 70px;
    top: 50%;
    right: -85px;
    transform: translateY(-50%);
}
.price-dot{
    font-size: 50px;
    line-height: 0;
}
.cab-card {
    border: 2px solid #fc5c023b;
    border-radius: 30px;
    overflow: hidden;
    position: sticky;
    top: 8rem;
}
.cab-content{
    padding: 1rem;
}

.old-price span {
    position: relative;
    display: inline-block;
}

.old-price span::after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 44%;
    height: 2px;
    opacity: 0.7;
    transform: rotate(0deg);
    background: currentColor;
}


.whatsapp-icon i{
    font-size: 40px;
    color: #fff;
}
.whatsapp-btn252 {
    background: linear-gradient(180deg, #009200, #006100);
    padding: 1rem;
    border-radius: 50px;
    gap: 1rem;
    margin-bottom: 2rem;
}
.whatsapp-title,.whatsapp-subtitle{
    color: white;
    font-size: 15px;
}
/* .whatsapp-arrow i{
    color: #fff;
    font-size: 20px;
} */

.call-icon {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #edcd8c, #fef5e1);
    border-radius: 50%;
}
.call-btn {
    padding: 0.5rem 0.8rem;
    background: linear-gradient(1800deg, #fbeed7, #fef8ec);
    border-radius: 50px;
    gap: 1rem;
    margin-top: 0rem;
    border: 1px solid #ffd99a;
    margin-bottom: 1rem;
}

.feature-box262 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 8px 13px;
    /* background: linear-gradient(1800deg, #f7f8fc, #f7f8fc); */
    background-color: #f5f7fe;
    border-radius: 50px;
    /* gap: 1rem; */
    /* margin-top: 1rem; */
    border: 1px solid #d1d1d1;
}
.feature-icon262 i {
    font-size: 17px;
    color: #5e5e5e;
}
.feature-text262{
    font-size: 14px;
}
.call-icon i {
    color: #fc5c02;
    font-size: 22px;
}
.call-title {
    color: #fc5c02;
    font-size: 19px;
    font-weight: 700;
}
.phone-number{
    color: #000;
    letter-spacing: 0.55px;
    font-size: 16px;
}
.price-section{
    z-index: 1;
    overflow: hidden;
}
.price-section::after {
    position: absolute;
    content: "";
    background-image: url(../../images/trbg.png);
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    opacity: 0.07;
    z-index: -1;
}

.abtpck {
    padding: 6rem 2rem 2rem;
    border: 1px solid #00297136;
    border-radius: 15px;
}
.abtpckhd {
    position: absolute;
    top: -15px;
    left: 2rem;
    background-color: #022158;
    padding: 1rem;
    border-radius: 0 0 15px 15px;
}
.abtpckhd::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #002971 50%, #02215800 0);
    background-size: contain;
    height: 28px;
    width: 12px;
    right: -12px;
    top: 0;
    border-radius: 0 100px 50% 0;
    /* box-shadow: inset black 0px -2px 25px -6px; */
}
.abtpckhd::before {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #002971 50%, #02215800 0);
    background-size: contain;
    height: 28px;
    width: 12px;
    left: -12px;
    top: 0;
    border-radius: 100px 0 50% 0;
    /* box-shadow: inset black 0px -2px 25px -6px; */
}
.abtpckhd span{
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.55px;
}
.abtpckhd h5{
    font-size: 19px;
}















.itinerary-box {
    background: #f8fbff;
    border: 1px solid #dce9f7;
    border-radius: 12px;
    padding: 6rem 24px 26px;
    max-width: 1000px;
    margin: auto;
}

/* Timeline item */
.timeline-item {
    position: relative;
    display: flex;
    gap: 16px;
}

/* Vertical line */
.timeline-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 15px;
    top: 48px;
    bottom: -16px;
    border-left: 2px dotted #c9d2df;
}

/* Timeline icon */
.timeline-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;

    background: #4b3df5;
    color: #fff;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;

    position: relative;
    z-index: 2;

    margin-top: 16px;
}

.timeline-icon i {
    font-size: 13px;
}

/* First item */
.timeline-item.active .timeline-icon {
    background: #00a94f;
}

/* Card */
.day-card {
    flex: 1;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 12px;

    cursor: pointer;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

    border: 1px solid transparent;
}

/* Hover */
.day-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(25, 55, 90, .08);
    border-color: #e2e8f0;
}

/* Header */
.day-header {
    min-height: 64px;
    padding: 12px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* Day number */
.day-number {
    display: block;

    font-size: 13px;
    font-weight: 700;

    color: #13233f;

    margin-bottom: 5px;
}

/* Title */
.day-title {
    font-size: 16px;
    line-height: 1.5;
    color: #35506f;
}

/* Arrow */
.expand-icon {
    width: 30px;
    height: 30px;

    min-width: 30px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f3f5ff;
    color: #4b3df5;

    transition: all .35s ease;
}

.expand-icon i {
    font-size: 12px;
    transition: transform .35s ease;
}

/* Content */
.day-content {
    display: grid;
    grid-template-rows: 0fr;

    transition: grid-template-rows .4s ease;
}

.content-inner {
    overflow: hidden;
    min-height: 0;

    padding: 0 18px;

    transition: padding .4s ease;
}

.day-content p {
    margin: 0;

    color: #65758b;
    font-size: 14px;
    line-height: 1.7;
}

/* Expanded */
.day-card.open .day-content {
    grid-template-rows: 1fr;
}

.day-card.open .content-inner {
    padding: 0 18px 18px;
}

.day-card.open .expand-icon {
    background: #4b3df5;
    color: #fff;
}

.day-card.open .expand-icon i {
    transform: rotate(180deg);
}

/* Details */
.day-details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.day-details span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 7px 11px;

    background: #f7f8fc;
    border-radius: 7px;

    font-size: 12px;
    color: #52647b;
}

.day-details i {
    color: #4b3df5;
}

/* Disabled / upcoming */
.timeline-item.disabled .timeline-icon {
    background: #a7a2f7;
}

.timeline-item.disabled .day-card {
    opacity: .65;
}

/* Mobile */
@media (max-width: 767px) {


    .timeline-item {
        gap: 10px;
    }

    .timeline-item:not(:last-child)::after {
        left: 14px;
    }

    .timeline-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .day-header {
        padding: 12px 14px;
    }

    .day-title {
        font-size: 14px;
    }

    .day-number {
        font-size: 12px;
    }

    .day-details {
        flex-direction: column;
        align-items: flex-start;
    }

}
.day-header div{
    text-align: left;
}








.trip-policies {
    background: #f5f7fa;
    border-radius: 10px;
}

/* =========================
   SECTION HEADING
========================= */

.section-heading .small-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #022158;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.section-heading h2 {
    font-size: 40px;
    font-weight: 400;
    color: #022158;
    margin-bottom: 12px;
    font-family: "Playfair Display", serif;
}


/* =========================
   POLICY CARD
========================= */

.policy-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    min-height: 170px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e2e7ef;
    border-radius: 18px;
    overflow: hidden;
    transition: all .4s ease;
    height: 100%;
}

.policy-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #022158;
    transition: height .4s ease;
}

.policy-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 50px rgba(2, 33, 88, .12);
    border-color: transparent;
}

.policy-card:hover::before {
    height: 100%;
}


/* =========================
   POLICY ICON
========================= */

.policy-icon {
    min-width: 45px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eaf0f8;
    color: #022158;
    font-size: 22px;
    transition: all .4s ease;
}

.policy-card:hover .policy-icon {
    background: #022158;
    color: #ffffff;
    transform: rotate(-5deg);
}


/* =========================
   POLICY CONTENT
========================= */

.policy-content {
    position: relative;
    z-index: 2;
    padding-right: 25px;
}

.policy-content h5 {
    margin: 3px 0 10px;
    color: #022158;
    font-size: 19px;
    font-weight: 650;
}

.policy-content p {
    /* margin: 0; */
    color: #292929;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================
   POLICY NUMBER
========================= */

.policy-number {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 12px;

    font-size: 42px;
    line-height: 1;
    font-weight: 800;

    color: rgba(2, 33, 88, .07);
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 767px) {

    .section-heading h2 {
        font-size: 32px;
    }

    .policy-card {
        padding: 24px;
        gap: 16px;
    }

    .policy-icon {
        min-width: 48px;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .policy-content h5 {
        font-size: 17px;
    }

    .policy-content p {
        font-size: 13px;
    }

}

.tmdata256{
        bottom: -11%;
        transition: all .3s;
}
.partner_img:hover .tmdata256{
    bottom: 30%;
}
.tmdata p{
    transition: all .3s;
}
.partner_img:hover .tmdata p{
    opacity: 1;
    visibility: visible;
}
.partner_img:hover::after {
    background: linear-gradient(359deg, #00000085, #0000007d);
}




.descp252 .sdafdsds {
    padding: 3px 15px;
    border: 1px solid #000000;
    width: fit-content;
    border-radius: 30px;
    font-size: 15px;
    color: #000;
    background-color: #ffffff;
    transition: all .3s;
}
.teamdtbtn a {
    background-color: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
    padding: 4px 15px !important;
}
.sdsqqqqqq a {
    padding: 4px 15px;
    border: 1px solid #fff;
    width: fit-content;
    border-radius: 30px;
    font-size: 15px;
    color: #fff;
    justify-content: center;
    width: fit-content;
    margin: auto !important;
    transition: all .3s;
}
.teamdtbtn a:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.details212 img{
    width: 17px;
    filter: brightness(0) invert(1);
    transition: all .3s;
}

.rdmr p{
        color: #fc5c02;
}
    .conbtn{
        transition: all .3s;
    }
    .conbtn:hover{
        background-color: #fff !important;
        border: 1px solid #fff;
    }
    .scrolled .conbtn:hover{
        color: #fc5c02 !important;
        border: 1px solid #fc5c02;
    }
    .conbtn img{
        width: 16px;
        filter: brightness(0)invert(1);
        transition: all .3s;
    }
    .conbtn:hover img{
        filter: initial;
    }














    /* =========================================
   CONTACT HOVER
========================================= */

.contact-hover {
    position: relative;
}


/* Contact Button */

.contact-hover .conbtn {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.contact-hover .conbtn i {
    font-size: 11px;
    transition: transform .3s ease;
}

.contact-hover:hover .conbtn i {
    transform: rotate(180deg);
}


/* =========================================
   POPUP
========================================= */

.contact-popup {
    position: absolute;

    width: 380px;

    top: calc(100% + 18px);
    right: -67%;

    background: #fff;

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 20px 50px rgba(0, 0, 0, .18),
        0 5px 20px rgba(0, 0, 0, .08);

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(15px)
        scale(.96);

    transform-origin: top right;

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease;

    z-index: 9999;
}


/* Small arrow */

.contact-popup::before {
    content: "";

    position: absolute;

    top: -8px;
    right: 35px;

    width: 16px;
    height: 16px;

    background: #2878f0;

    transform: rotate(45deg);
}


/* Show popup */

.contact-hover:hover .contact-popup {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================
   HEADER
========================================= */

.contact-popup-header {
    position: relative;

    padding: 25px 24px 24px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #1976f3 0%,
            #4268ff 48%,
            #9b18f5 100%
        );

    overflow: hidden;
}


/* Decorative circle */

.contact-popup-header::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background: rgba(255,255,255,.10);

    right: -55px;
    top: -70px;
}


/* Header icon */

.header-icon {
    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: rgba(255,255,255,.15);

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    position: relative;
    z-index: 2;
}

.header-icon i {
    font-size: 17px;
}


/* Heading */

.contact-popup-header h4 {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    font-size: 21px;
    font-weight: 700;
}


/* Description */

.contact-popup-header p {
    position: relative;
    z-index: 2;

    margin: 0;

    max-width: 300px;

    font-size: 14px;
    line-height: 1.6;

    color: rgba(255,255,255,.95);
}


/* =========================================
   CONTACT OPTIONS
========================================= */

.contact-options {
    padding: 20px;
    background: #fff;
}


.contact-option {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 17px !important;
    margin-bottom: 11px !important;
    text-decoration: none !important;
    background: #fafafa !important;
    border-radius: 15px !important;
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
        border: none  !important;
}
.call-icon i{
    color: #fff;
}

.contact-option:last-child {
    margin-bottom: 0;
}


.contact-option:hover {
    transform: translateX(4px);

    background: #fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.08);
}


/* =========================================
   CONTACT ICONS
========================================= */

.contact-icon {
    min-width: 48px;
    width: 48px;
    height: 48px;

    border-radius: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    box-shadow:
        0 8px 18px rgba(0,0,0,.12);
}


.contact-icon i {
    font-size: 19px;
}


/* Call */

.call-icon {
    background:
        linear-gradient(135deg, #00c875, #00a94f);
}


/* WhatsApp */

.whatsapp-icon {
    background:
        linear-gradient(135deg, #00d084, #00b968);
}


/* Email */

.email-icon {
    background:
        linear-gradient(135deg, #438fff, #1468f5);
}


/* =========================================
   CONTACT TEXT
========================================= */

.contact-info {
    display: flex;
    flex-direction: column;

    min-width: 0;
}


.contact-info span {
    font-size: 13px;

    font-weight: 500;

    color: #202637;

    margin-bottom: 3px;
}


.contact-info strong {
    font-size: 15px;

    font-weight: 700;

    color: #00a94f;
}


.contact-info .email-text {
    color: #1769ff;

    font-size: 13px;

    white-space: nowrap;
}


/* =========================================
   FOOTER
========================================= */

.contact-popup-footer {
    padding: 20px;

    border-top: 1px solid #eee;

    background: #fff;
}


/* Availability */

.availability {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    height: 32px;

    margin-bottom: 13px;

    border-radius: 9px;

    background: #effcf5;

    color: #07964b;

    font-size: 12px;

    font-weight: 600;
}


.availability span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #0abd63;
}


/* Quote Button */

.quote-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 38px !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background:
        linear-gradient(
            90deg,
            #2859ff,
            #9818f5
        );
    border: none !important;
    box-shadow:
        0 8px 18px rgba(72,67,255,.25);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.quote-btn:hover {
    color: #fff !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 12px 25px rgba(72,67,255,.35) !important;
}











    .mySwiper2222, .mySwiper111 {
        width: 100%;
        height: 475px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
        overflow: hidden;
    }

      .mySwiper2222 .swiper-slide,.mySwiper111 .swiper-slide{
        background-size: cover;
        background-position: center;
      }

      .mySwiper22222 {
        height: 80%;
        width: 100%;
      }

.mySwiper111 {
    height: 135px;
    /* box-sizing: border-box; */
    padding: 10px 0;
}

        .mySwiper111 .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
            border-radius: 15px;
            overflow: hidden;
            cursor: pointer;
        }

      .mySwiper111 .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .mySwiper22222 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }








        .pricing-card {
            max-width: 100%;
            margin: 0;
            background: #e8eef7;
            border-radius: 16px;
            padding: 10px;
        }

        /* ================= TABS ================= */

        .pricing-tabs {
            background: #f1f4fa;
            border-radius: 12px;
            padding: 0;
            overflow: hidden;
        }

        .pricing-tabs .nav-link {
            color: #1761c9;
            font-size: 16px;
            font-weight: 500;
            padding: 14px 10px;
            border-radius: 11px;
            border: 0;
        }

        .pricing-tabs .nav-link.active {
            background: #fff;
            color: #1761c9;
        }

        /* ================= PRICE ================= */

        .price-box {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            margin-top: 10px;
        }

        .price-label {
            font-size: 14px;
            margin-bottom: 2px;
            color: #111;
        }

        .price123456 {
            font-size: 30px;
            line-height: 1.1;
            font-weight: 500;
            color: #050505;
        }

        /* ================= DETAILS ================= */

        .details-box {
            background: #ffffff;
            border-radius: 12px;
            padding: 14px 19px;
            margin-top: 10px;
        }

        .detail-row {
            min-height: 36px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            font-size: 16px;
            color: #111;
        }

        .detail-row .value {
            font-weight: 500;
            white-space: nowrap;
        }

        .old-price {
            color: #686868;
            text-decoration: line-through;
            font-weight: normal;
            margin-right: 5px;
        }

        .discount {
            color: #159447;
            margin-right: 5px;
        }

        .info-icon {
            color: #8290a6;
            font-size: 14px;
            margin-left: 4px;
        }

        /* ================= WHATSAPP ================= */

        .whatsapp-btn {
            height: 51px;
            width: 100%;
            border: 0;
            border-radius: 10px;
            background: #0baa4f;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
        }

        .whatsapp-btn i {
            font-size: 20px;
            margin-right: 17px;
            vertical-align: middle;
        }

        .whatsapp-btn:hover {
            background: #099744;
            color: #fff;
        }

        /* ================= PAYMENT ================= */

        .payment-section {
            padding: 16px 9px 11px;
        }

        .payment-title {
            font-size: 14px;
            color: #111;
        }

        .payment-icons {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 15px;
        }

        .cash {
            background: #45bb7b;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            padding: 5px 7px;
            border-radius: 2px;
        }

        .visa {
            color: #1747c6;
            font-size: 17px;
            font-weight: 800;
            font-style: italic;
        }

        .mastercard {
            position: relative;
            width: 28px;
            height: 20px;
        }

        .mastercard::before,
        .mastercard::after {
            content: "";
            position: absolute;
            width: 17px;
            height: 17px;
            border-radius: 50%;
            top: 1px;
        }

        .mastercard::before {
            left: 0;
            background: #f44336;
        }

        .mastercard::after {
            right: 0;
            background: #ffbd00;
        }

        .tether {
            font-size: 11px;
            color: #18a779;
            font-weight: 700;
        }

        .tether span {
            display: inline-flex;
            width: 13px;
            height: 13px;
            align-items: center;
            justify-content: center;
            background: #18a779;
            color: #fff;
            border-radius: 50%;
            font-size: 8px;
            margin-right: 2px;
        }

        .hyperpay {
            font-size: 10px;
            color: #777;
            font-weight: 600;
        }

        .bitcoin {
            color: #666;
            font-size: 11px;
            font-weight: 600;
        }

        .bitcoin i {
            color: #f7931a;
            margin-right: 2px;
        }

        /* Mobile */
        @media (max-width: 450px) {

            .pricing-card {
                margin: 15px;
            }

            .detail-row {
                font-size: 13px;
            }

            .payment-icons {
                gap: 8px;
            }
        }

        .sdsdf252 {
            padding: 1rem;
            background-color: #f1f4fa;
            border-radius: 15px;
        }
        .sdsdf252 a{
            font-size: 17px;
        }

        .sdsdf252  .details a{
            border: 1px solid green;
            background-color: green;

        }
        .sdsdf252 a img{
            width: 18px;
            transition: all .3s;
        }
        .sdsdf252  .details a img{
            filter: brightness(0)invert(1);
        }
        .sdsdf252  .Bookbtn a:hover img{
            filter:brightness(0)invert(1);
        }
        .sdsdf252  .details a:hover img{
            filter: initial;
        }
        .sdsdf252  .details a:hover{
            background-color: transparent;
            color: green;
        }

        .calldsds img{
            width: 23px;
        }
         

        .contact-popupactive{
            overflow: hidden !important;
            opacity: 0 !important;
            visibility: hidden !important;
            transform: translateY(15px) scale(.96) !important;
            transition: opacity .3s ease, visibility .3s ease, transform .3s ease !important;
        }

        .calldsds p{
            font-size: 16px;
            font-weight: 500;
        }

        .features25x .feature-icon{
                font-size: 25px;
        }
        .features25x img{
            width: 25px;
        }
        .features25x .feature span:nth-child(2) {
            color: #000;
            font-size: 16px;
            font-weight: 300;
        }










.rental-terms-box {
    max-width: 100%;
    font-family: Arial, sans-serif;
    color: #222;
}

.rental-terms-title {
    font-size: 23px;
    font-weight: 700;
    margin: 0 0 18px;
    color: #171717;
}

.rental-terms-item {
    min-height: 100%;
    border-top: 1px solid #e2e5e9;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.rental-terms-item:last-child {
    border-bottom: 1px solid #e2e5e9;
}

.rental-terms-label {
    width: 53%;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #596579;
}

.rental-terms-label > i {
    width: 18px;
    text-align: center;
    font-size: 21px;
    color: #727272;
}

.rental-terms-value {
    width: 90%;
    font-size: 16px;
    color: #222;
}

.rental-terms-info {
    margin-left: 4px;
    color: #8993a4;
    font-size: 13px;
}


/* Mobile */
@media (max-width: 576px) {

    .rental-terms-label {
        width: 50%;
    }

    .rental-terms-value {
        width: 50%;
    }

}

.pricing-card556{
        position: sticky;
        top: 10rem;
}

.rental-terms-label span{
    color: #000;
    font-size: 18px;

}


/* =========================================
   RENTAL POPUP
========================================= */

.rental-popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  /* display: none; */
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.25);
  z-index: 99999999999999999999999;
}

/* Show popup */

.rental-popup.active {
  display: flex;
}

/* Popup box */

.rental-popup-box {
  width: 100%;
  max-width: 900px;

  max-height: calc(100vh - 40px);

  background: #f7f8fa;

  border-radius: 17px;

  overflow: hidden;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

/* =========================================
   HEADER
========================================= */

.rental-popup-header {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 58px;

  padding: 15px 60px 10px 30px;
}

.rental-popup-header h5 {
    margin: 0;
    color: #111;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
}

/* Close button */

.popup-close {
  position: absolute;

  right: 18px;
  top: 17px;

  width: 35px;
  height: 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  background: transparent;

  color: #111;

  font-size: 20px;

  cursor: pointer;
}

.popup-close:hover {
  color: #555;
}

/* =========================================
   BODY
========================================= */

.rental-popup-body {
  padding: 0 10px 10px;
}

/* White cards */

.rental-card {
  height: 100%;

  padding: 20px;

  background: #fff;

  border-radius: 11px;
}

.rental-card h3 {
  margin: 0 0 24px;

  font-size: 19px;
  font-weight: 700;

  color: #111;
}

/* =========================================
   FORM
========================================= */

.rental-card label {
  display: block;

  margin-bottom: 7px;

  color: #4d5662;

  font-size: 12px;
  font-weight: 600;
}

/* Bootstrap form-control override */

.rental-card .form-control,
.rental-card .form-select {
  min-height: 45px;

  border: 1px solid #d8dde4;
  border-radius: 7px;

  color: #333;

  font-size: 13px;

  box-shadow: none !important;
}

.rental-card .form-control:focus,
.rental-card .form-select:focus {
  border-color: #2785d8;
}

/* Input icon */

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;

  left: 13px;
  top: 50%;

  z-index: 2;

  transform: translateY(-50%);

  color: #1765b3;

  font-size: 14px;

  pointer-events: none;
}

.input-icon .form-control {
  padding-left: 38px;
}

/* Phone */

.phone-input {
  display: flex;

  height: 45px;

  border: 1px solid #d8dde4;

  border-radius: 7px;

  overflow: hidden;

  background: #fff;
}

.phone-input select {
  width: 90px;

  padding: 0 8px;

  border: 0;
  border-right: 1px solid #d8dde4;

  outline: 0;

  color: #333;

  background: #fff;

  font-size: 13px;
}

.phone-input input {
  flex: 1;

  min-width: 0;

  padding: 0 12px;

  border: 0;
  outline: 0;

  font-size: 13px;
}

/* Textarea */

.rental-card textarea {
  width: 100%;

  height: 75px;

  padding: 12px;

  border: 1px solid #d8dde4;

  border-radius: 7px;

  resize: none;

  outline: none;

  font-size: 13px;
}

.rental-card textarea:focus {
  border-color: #2785d8;
}

/* =========================================
   SUMMARY
========================================= */

.summary-row {
  display: flex;

  justify-content: space-between;
  align-items: flex-start;

  gap: 15px;

  padding: 11px 0;

  font-size: 13px;
}

.summary-row span {
  color: #657080;

  flex-shrink: 0;
}

.summary-row span i {
  width: 18px;

  margin-right: 5px;

  color: #155fac;
}

.summary-row strong {
  color: #111;

  text-align: right;

  font-size: 13px;
}

.summary-divider {
  margin: 5px 0;

  border-top: 1px dotted #999;
}

/* Prices */

.price-row {
  display: flex;

  justify-content: space-between;

  padding: 9px 0;

  color: #586273;

  font-size: 13px;
}

.price-row strong {
  color: #111;
}

.total-row {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-top: 4px;

  padding-top: 14px;

  border-top: 1px dotted #999;

  color: #111;

  font-size: 16px;
}

.total-row strong:last-child {
  font-size: 22px;
}

/* =========================================
   BUTTONS
========================================= */

.discount-btn {
  width: 100%;
  height: 48px;

  margin-top: 20px;

  border: 1px solid #7bd5fa;

  border-radius: 8px;

  background: #fff;

  color: #075ca8;

  font-size: 13px;
  font-weight: 600;

  cursor: pointer;
}

.discount-btn i {
  margin-right: 7px;

  color: #f0b900;
}

.reserve-btn {
  width: 100%;
  height: 48px;

  margin-top: 10px;

  border: 0;

  border-radius: 8px;

  background: #155db5;

  color: #fff;

  font-size: 13px;
  font-weight: 700;

  cursor: pointer;
}

.reserve-btn:hover {
  background: #0d4d9c;
}

/* =========================================
   FOOTER
========================================= */

.rental-popup-footer {
  padding: 7px 15px 15px;

  color: #3867a2;

  font-size: 10px;

  text-align: center;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
  .rental-popup {
    padding: 10px;
  }

  .rental-popup-box {
    max-height: calc(100vh - 20px);

    overflow-y: auto;

    border-radius: 12px;
  }

  .rental-popup-header {
    min-height: 55px;

    padding-left: 20px;
    padding-right: 50px;
  }

  .rental-popup-body {
    padding: 0 7px 7px;
  }

  .rental-card {
    padding: 17px;
  }

  .rental-card h3 {
    font-size: 18px;
  }
}
/* Required star */

.rental-card label span {
    color: #e53935;
}


/* Form controls */

.rental-card .form-control,
.rental-card .form-select {
    height: 46px;

    border: 1px solid #d8dde4;
    border-radius: 7px;

    font-size: 13px;

    box-shadow: none;
}

.rental-card .form-control:focus,
.rental-card .form-select:focus {
    border-color: #1765b3;

    box-shadow: 0 0 0 2px rgba(23, 101, 179, 0.08);
}


/* Labels */

.rental-card label {
    display: block;

    margin-bottom: 7px;

    color: #333;

    font-size: 13px;
    font-weight: 600;
}


/* Icon wrapper */

.input-icon {
    position: relative;
}

.input-icon > i {
    position: absolute;

    left: 13px;
    top: 50%;

    z-index: 2;

    transform: translateY(-50%);

    color: #1765b3;

    font-size: 14px;

    pointer-events: none;
}


/* Give input space for icon */

.input-icon .form-control,
.input-icon .form-select {
    padding-left: 38px;
}


/* Select arrow doesn't overlap icon */

.input-icon .form-select {
    padding-right: 35px;
}


/* Textarea */

.rental-card textarea {
    width: 100%;

    height: 80px;

    padding: 11px 12px;

    border: 1px solid #d8dde4;

    border-radius: 7px;

    outline: none;

    resize: none;

    font-size: 13px;
}

.rental-card textarea:focus {
    border-color: #1765b3;

    box-shadow: 0 0 0 2px rgba(23, 101, 179, 0.08);
}


/* Reserve button */

.reserve-btn {
    width: 100%;
    height: 48px;
    margin-top: 8px;
    border: 0;
    border-radius: 8px;
    background: #fc5c02;
    border: 1px solid #fc5c02;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: .2s;
}

.reserve-btn:hover {
    background: #fff;
    color: #fc5c02;
}
.pcktp p {
    width: fit-content;
    padding: 8px 15px;
    line-height: 1;
    color: #000;
    background-color: #fc5c02;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.55px;
    font-weight: 500;
    margin-bottom: 1rem !important;
}





        .reserve-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.52);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            z-index: 999999999999999999;
        }

        /* Popup Box */
        .reserve-popup {
            width: 100%;
            max-width: 650px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25);
            position: relative;
            overflow: hidden;
        }

        /* Header */
        .reserve-header {
            padding: 26px 28px 10px;
        }

        .reserve-title {
            font-size: 25px;
            font-weight: 700;
            color: #151c2e;
            margin: 0 35px 10px 0;
        }

        .reserve-description {
            color: #697180;
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 8px;
        }

        /* Close Button */
        .reserve-close {
            position: absolute;
            right: 18px;
            top: 18px;
            border: 0;
            background: transparent;
            color: #666;
            font-size: 18px;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            cursor: pointer;
            transition: 0.2s;
        }

        .reserve-close:hover {
            background: #f1f1f1;
            color: #111;
        }

        /* Form */
        .reserve-form {
            padding: 15px 28px 28px;
        }

        .reserve-form .form-control,
        .reserve-form .form-select {
            height: 52px;
            border: 1px solid #d6dbe4;
            border-radius: 10px;
            padding: 0 15px;
            font-size: 15px;
            color: #333;
            box-shadow: none;
        }

        .reserve-form textarea.form-control {
            height: 98px;
            resize: none;
            padding-top: 15px;
        }

        .reserve-form .form-control:focus,
        .reserve-form .form-select:focus {
            border-color: #2d7ff9;
            box-shadow: 0 0 0 3px rgba(45, 127, 249, 0.12);
        }

        .reserve-form .form-control::placeholder {
            color: #9297a0;
        }

        /* Input with Font Awesome Icon */
        .input-icon {
            position: relative;
        }

        .input-icon i {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #8b929d;
            font-size: 14px;
            z-index: 2;
        }

        .input-icon .form-control,
        .input-icon .form-select {
            padding-left: 42px;
        }

        /* Date Input */
        input[type="date"] {
            color: #777;
        }

        /* Reserve Button */


        /* Mobile */
        @media (max-width: 576px) {

            .reserve-overlay {
                padding: 12px;
            }

            .reserve-popup {
                max-height: 95vh;
                overflow-y: auto;
            }

            .reserve-header {
                padding: 22px 20px 8px;
            }

            .reserve-form {
                padding: 12px 20px 22px;
            }

            .reserve-title {
                font-size: 21px;
            }

            .reserve-description {
                font-size: 13px;
            }

            .reserve-form .form-control,
            .reserve-form .form-select {
                height: 48px;
            }
        }