@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
body{font-family: 'Poppins', sans-serif;padding: 0;margin: 0;
}
ul{list-style: none; padding: 0;margin: 0;}
.btn:focus,a:focus{box-shadow: none;}
figure{margin: 0;}

header .navbar-expand-lg{ padding: 25px 0;}
header .navbar .navbar-brand{color: #1090CB;font-size: 29px;font-weight: 700;}
header .navbar .collapse {justify-content: flex-end;}
header .navbar .navbar-nav .nav-item .nav-link{font-size: 16px;font-weight: 400;transition: all 0.9s;}
header .navbar .navbar-nav .nav-item .nav-link.active,header .navbar .navbar-nav .nav-item .nav-link:hover{color: #1090CB;position: relative;}
header .navbar .navbar-nav .nav-item .nav-link.active::before,header .navbar .navbar-nav .nav-item .nav-link:hover::before{content: '';position: absolute;left: 0;top: 0;width: 8px;height: 8px;background: #08D3BB;border-radius: 50%;transition: all 0.9s;}
header .navbar .navbar-nav .nav-item:last-child .nav-link:hover::before{display: none;}
header .navbar .navbar-nav .nav-item{margin-right: 48px;}
header .navbar .navbar-nav .nav-item:last-child{margin-right:0px;}
header .navbar .navbar-nav .nav-item.nav-contact .nav-link{border-radius: 6px;background: #1090CB;color: #fff;padding: 10px 25px;}
.home-banner{background: #1090CB1A;position: relative;text-align: center;}
.home-banner .top-right{top: 0;right: 26px;position: absolute;}
.home-banner .top-left{top: 23px;left: 0;position: absolute;}
.home-banner .btm-shape{ bottom: -18%;right: 0;position: absolute;margin: 0;}
.home-banner .btm-shape img{width: 34px;}
.home-banner h1{font-size: 48px;color: #fff;}
.home-banner .btngroup{text-align: center;display: flex;justify-content:center;margin-top: 50px;}
.home-banner .btngroup .btn{padding: 10px 5px;color: #FFF;font-size: 16px;border: none;text-transform: capitalize;min-width: 266px;}
.home-banner .btngroup .btn-explore{
background: linear-gradient(266deg, rgba(64, 69, 183, 0.95) 19.81%, rgba(110, 27, 141, 0.92) 64.06%, rgba(209, 54, 175, 0.95) 97.4%);font-weight: 700;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.home-banner .btngroup .btn-capture{margin-left: 56px;font-weight: 400;background: linear-gradient(#090909D9, #000000C7);}
.home-banner .demo-video{height: calc(100vh - 110px);position: relative;background: #0000006b;    }
.home-banner .demo-video video{width: 100%;height: 100%;object-fit: cover;}
.home-banner .demo-video::before{position: absolute;content: '';top: 0;left: 0;right: 0;background: rgb(0 0 0 / 65%);width: 100%;height: 100%;}
.banner-info{position: absolute;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;justify-content: space-between;z-index: 99;padding: 0 53px;left: 0;right: 0;}
/* .home-catgories ul{display: flex;justify-content: center;list-style: none;}
.home-catgories ul li{margin-right: 60px;display: flex;align-items: center;justify-content: center;}
.home-catgories ul li:last-child{margin-right: 60px;}
.home-catgories ul li span{margin-left: 16px;font-size: 20px;font-weight: 500;}
.home-catgories ul li figure{width: 83px;height: 83px;border-radius: 20px;display: flex;align-items: center; justify-content: center;} */
.home-catgories ul{list-style: none;}
.home-catgories ul li{display: flex;align-items: center;}
.home-catgories ul li span{margin-left: 16px;font-size: 20px;font-weight: 500;}
.home-catgories ul li figure{width: 60px;height: 60px;border-radius: 20px;display: flex;align-items: center; justify-content: center;}
.home-catgories ul li figure img{width: 32px;}
.home-catgories ul li:nth-child(1) figure{background: #EFEAFF;}
.home-catgories ul li:nth-child(2) figure{background: #ECFFDA;}
.home-catgories ul li:nth-child(3) figure{background: #DAE6FF;}
.home-catgories ul li:nth-child(4) figure{background: #FFE5DA;}
.home-catgories{text-align: center;padding: 43px 0;border-bottom:1px solid #C7C7C7;}
.home-stepper{position: relative;padding: 48px 0;}
.home-stepper .shape2{position: absolute;top: 8px;left: 0;}
.home-stepper .titles{ max-width: 950px;margin: 0 auto 48px;text-align: center;}
.home-stepper .titles h2{color: #252525;font-size: 33px;font-weight: 600;margin-bottom: 32px;}
.home-stepper .titles p{color: #868686;font-size: 18px;font-weight: 400;}
.stepper-list .list-details{border-radius: 60px;background: #DDE3EA;padding: 35px;margin-bottom: 100px;
}
.stepper-list .list-details .list-info h4{color: #252525;font-size: 30px;font-weight: 600;}
.stepper-list .list-details .list-info p{color: #545454;font-size: 16px;font-weight: 400;line-height: 27px}
.stepper-list .list-details .list-video video{width: 100%;height: 100%;border-radius: 20px;}
.stepper-list .list-details .list-video{border-radius: 8px;}

.list-info .clrspan{width: 58px;height: 58px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.list-info .clr1{background: #08D3BB;}
.list-info .clr2{background: #1090CB;}
.list-info .clr3{background: #9208D3;}
.list-info .clr4{background: #1090CB;}
.stepper-list{position: relative;}
.stepper-list .curve-line{position: absolute;left: 25px;top: 183px;display: none;}

.img-top figure{margin-top: -15px;}
.img-top figure img{margin-bottom: -15px;}
.notifications .box-gray{background: #F4F4F4;}
.notifications .box-blue{background:#1090CB;position: relative;color: #fff;}
.notifications .box-gray1{background:rgb(244 244 244 / 60%);}
.notifications .box-gray1:hover{background:#F4F4F4;}
.notifications .box-blue figure{position: absolute;top: -33px;right: 80px;}
.notifications .box-gray p .btn{background: #1090CB;color: #fff;}
.notifications .box-blue p .btn{background: #fff;color: #1090CB;}
.notifications .notifications-box{padding: 55px 76px;border-radius: 20px;text-align: center;min-height: 415px;}
.notifications .notifications-box.box-gray h4{color: #252525;}
.notifications .notifications-box.box-gray p{color: #545454;}
.notifications .notifications-box h4{font-size: 25px;font-weight: 600;margin: 0;}
.notifications .notifications-box p{font-size: 16px;font-weight: 400;margin: 36px 0;}
.notifications .notifications-box p .btn{padding: 11px 40px;text-align: center;font-size: 16px;font-weight: 500;border-radius: 10px;text-transform: capitalize;
}
.clients{padding: 150px 0 80px 0;text-align: center;}
.clients .title h5{font-size: 24px;font-weight: 500;margin-bottom: 12px;}
.clients img{width: 100%;}
.newsletter{background: #E8F4FA;padding: 148px;text-align: center;position: relative;}
.newsletter h6{color: #252525;font-size: 30px;font-weight: 600;line-height: 51px;margin-bottom: 80px;}
.newsletter .form-group{display: flex;}
.newsletter .form-group .form-control{border-radius: 10px;background: #FFF;box-shadow: 0px 4px 84px 0px rgba(0, 0, 0, 0.07);padding: 20px 36px;}
.newsletter .form-group .btn{padding: 20px 44px;border-radius: 10px;background: #000;color: #FFF4F4;text-align: center;font-size: 16px;font-weight: 500;margin-left: 14px;}
.newsletter .chart{text-align: right;margin-right: 60px;}
.newsletter .star{position: absolute;top: -27px;left: 165px;}
footer .top-ftr{padding: 85px 0;}
footer .top-ftr p{color: #515151;font-size: 16px;font-weight: 400;}
footer .top-ftr h6{color: #000;font-size: 17px;font-weight: 500;margin-bottom: 15px;}
footer .top-ftr ul li{padding-bottom: 10px;}
footer .top-ftr ul li,footer .top-ftr ul li a{color: #515151;font-size: 16px;font-weight: 400;text-decoration: none;}
footer .top-ftr .social-links ul{display: flex;align-items: flex-end;height: 100%;}
footer .top-ftr .social-links ul li a{display: flex; align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;margin-right: 15px;color: #000;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);}
footer .top-ftr .social-links ul li a .bi{font-size: 12px;}
footer .top-ftr .social-links ul li:last-child a{margin-right: 0;}
footer .btm-ftr{padding: 30px 0;border-top:1px solid #D2D2D2;}
footer .btm-ftr p{color: #686868;font-size: 13px;font-weight: 400;text-align: center;margin: 0;}
.mb-45{margin-bottom: -55px;}
.mb-30{margin-bottom: -31px;}
.explore-list{border-top: 1px solid #cdcdcd;padding: 60px 0;background: url('../images/explorebg.jpg') no-repeat center;background-size: cover;}
 .titles-top{text-align: center;padding: 5px 40px 40px;}
 .titles-top h3{font-size: 3rem;font-weight: 400;}
 .titles-top p{font-size: 1rem;font-weight: 400;}
.clrwhite{color: #fff;}
.clrgray{color: #7c7676;}
/* .explore-card .card-iframe{border-radius: 20px;overflow: hidden;} */
.brdr-top-space{border-top: 1px solid #cdcdcd;padding: 40px 0;}
.explore-card a{text-decoration: none;display: block;}
.explore-card a h3{font-size: 24px;padding: 10px 0;color: #fff;margin: 0;}
.explore-list .explore-card iframe{pointer-events: none;border-radius: 20px;}
/* .explore-list-view{border-top: 1px solid #cdcdcd;padding: 40px 0;} */
/* .explore-list-view .titles{text-align: center;padding-bottom: 60px;}
.explore-list-view .titles h3{font-size: 3rem;font-weight: 600;color: #000;}
.explore-list-view .titles p{font-size: 1rem;font-weight: 400;color: #7c7676;} */
.explore-list-view .explore-card iframe{width: 100%;height: calc(100vh - 205px);}
.custom-breadcrumb{margin-bottom: 20px;}
.custom-breadcrumb ol li a,.custom-breadcrumb ol li{font-size: 13px;text-decoration: none;}
.breadcrumb-item+.breadcrumb-item::before{content: '>';}
.price-list{background: rgb(245 245 245 / 10%);}
.pricing-card{border-radius: 20px;border: none;background: #3d5573;background-image: linear-gradient(150deg, #3d5573, #292d33);position: relative;padding: 25px 40px;color: rgb(255 255 255 / 90%);min-height: 460px;transition: all 0.9s;}
.pricing-card:hover{background-image: linear-gradient(150deg, #292d33, #3d5573);}
.pricing-card .card-body .card-title{font-size: 18px;text-align: center;border-bottom: 1px solid rgb(255 255 255 / 90%);padding: 0 0 12px 0;margin-bottom: 24px;}
.pricing-card .card-body ul{list-style: disc;}
.pricing-card .card-body ul li{font-size: 14px;padding-bottom: 12px;}
.pricing-card .card-body ul li:last-child{padding-bottom:0;}
.pricing-card .card-btns{text-align: center;}
.pricing-card .card-btns p{font-size: 14px;}
.pricing-card .card-btns .btn-price{background: linear-gradient(266deg, rgba(64, 69, 183, 0.95) 19.81%, rgba(110, 27, 141, 0.92) 64.06%, rgba(209, 54, 175, 0.95) 97.4%); border: none; padding: 12px 45px; border-radius: 4px; font-size: 18px; font-weight: 600;transition: all 0.9s;color: #fff;}
.pricing-card:hover .card-btns .btn-price{background: linear-gradient(266deg, rgba(209, 54, 175, 0.95) 19.81%, rgba(110, 27, 141, 0.92) 64.06%,  rgba(64, 69, 183, 0.95) 97.4%);color: #fff;}
.whychoose .whychoosecard{background: rgb(183 222 239 / 14%);padding: 100px;border-radius: 20px;}
.whychoose .whychoosecard h3{font-size: 25px;font-weight: 600;margin-bottom: 36px;}
.whychoose .whychoosecard ul li{position: relative; padding-left: 30px; padding-bottom: 24px; font-size: 16px;line-height: 1.8;}
.whychoose .whychoosecard ul li span{position: absolute;top: 0;left: 0;}
.whychoose .whychoosecard ul li span i{    color: #1090cb;font-size: 18px;}
.services-card .card-body .card-title{font-size: 18px;color: #1090cb;border-bottom: 1px solid #1090cb;padding: 0 0 12px 0;margin-bottom: 24px;}
.services-card{border-radius: 20px;border: none;position:relative;padding: 25px 40px;min-height:385px;transition: all 0.9s;margin-bottom: 20px;background-color: #f9f9f9;}
.services-card .card-body ul{list-style: disc;}
.services-card .card-body ul li{font-size: 14px;padding-bottom: 12px;}
.services-card .card-body ul li:last-child{padding-bottom:0;}
.services-card:hover .card-body .card-title{color: #fff;border-bottom: 1px solid #fff;}
.services-card:hover{background-color: #1090cb;color: #fff;}
.contact-cards h4{font-size: 18px;font-weight: 600;margin-bottom: 36px;color: #1090cb;}
.contact-cards .contact-info{background: rgb(183 222 239 / 14%);padding: 50px;border-radius: 20px;}
.contact-cards .contact-info ul li{padding-bottom: 20px;font-size: 16px;font-weight: 600;}
.contact-cards .contact-info ul li span{display: block;padding-bottom: 5px;color: #1090cb;}
.contact-cards .contact-form h4{    padding-top: 50px;padding-left: 25px;}
.contact-cards .contact-info{position: sticky;top: 0px;}
.contact-cards .contact-form iframe{height: 100vh;}
.mt-100{margin-top: 100px;}
.mtb-100{margin-bottom: 100px;}
.overview-details{margin-bottom: 48px;}
.overview-details .title h3{font-size: 24px;font-weight: 700;color: #1090cb; margin: 0;}
.overview-details .title p{font-size: 13px;font-weight: 400;color: #000000a6;margin-bottom: 24px;}
.overview-details .title p:last-child{margin-bottom: 0;}
.overview-details .title{margin-bottom: 24px;}
.overall-details .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{border: none;border-bottom: 3px solid #1090cb;color: #1090cb;font-weight: 500;}
.overall-details .nav-tabs .nav-link{color:#000000a6;text-transform: capitalize;}
.overview-details .aboutinfo h4{font-size: 18px;font-weight: 500;color: #000;}
.overview-details .aboutinfo p{font-size: 14px;font-weight: 400;color: #000000a6;margin-bottom: 24px;}
.tab-pane {padding: 40px 0;}
.facilities ul li{display: flex;align-items: center;padding-bottom: 24px;}
.facilities ul li figure img{width: 32px;margin-right: 14px;}
.book-section{
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) ;
    padding: 20px;
    border-radius: 4px;
    overflow: hidden;
    position: sticky;
    top: 0;
}
.book-section h4 {
    font-size: 24px;
    font-weight: 700;
    color: #1090cb;
    margin-bottom: 24px;
    text-align: center;
}

.book-section button{

    display: block;
    width: 100%;
    background: #1090cb;
    border: 1px solid #1090cb;
    padding: 12px 10px;
    margin-top: 20px;
}
.book-section .form-control:focus,.book-section select:focus{box-shadow: none;}
.floor-plans .card{border: none; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);padding: 10px;}
@media (max-width:767px) {
    .home-banner {min-height: 400px;}
    .home-banner h1 {font-size: 28px;line-height: 1.8;}
    .home-banner .btngroup{flex-direction: column;position: static;}
    .home-banner .btngroup .btn-capture{margin-left: 0;margin-top: 24px;}
    .top-right,.top-left{display: none;}
    .home-banner .btm-shape img { width: 20px;}
    .home-banner .btm-shape {bottom: -13%;}
    .home-catgories ul li figure{width: 48px;min-width:48px;height: 48px;border-radius: 8px;}
    .home-catgories ul li{margin-bottom: 18px;}
    .home-catgories ul li figure img{width: 24px;}
    .home-catgories ul li span {margin-left: 8px;font-size: 14px;}
    .home-stepper{margin: 0;}
    .home-stepper .shape2 {top: -72px;z-index: -1;}
    .home-stepper .titles h2 {font-size: 28px;}
    .stepper-list .list-details .list-info h4 {font-size: 28px;}
    .mb-45 {margin-bottom: 30px;}
    .img-top figure{margin: 0;}
    .img-top figure img {margin-bottom:30px;}
    .notifications .notifications-box {padding: 55px 20px;margin-bottom: 55px;}
    .clients {padding: 45px 0 80px 0;}
    .newsletter {padding: 55px 20px;}
    .newsletter .star {left: 30px;}
    .newsletter .chart {margin-right: 12px;}
    .newsletter h6 {font-size: 22px;line-height: 33px;margin-bottom: 30px;}
    .newsletter .form-group .form-control {padding: 20px 20px;}
    .newsletter .form-group .btn {padding: 16px 12px;}
    footer .top-ftr{text-align: center;}
    footer .top-ftr .row>*{margin-bottom: 28px;}
    footer .top-ftr .social-links ul{justify-content: center;}
    footer .top-ftr .social-links{margin-bottom: 0;}
    .explore-list .titles h3{font-size: 28px;line-height: 1.8;}
   .explore-list .titles p{font-size: 18px;line-height: 1.8;}
   .explore-list .explore-card{margin-bottom: 40px;}
   .pricing-card{margin-bottom: 40px;}
    
}

@media (min-width:768px) { 
    .ptb-0{padding: 0 15px !important;}
}
@media (min-width:992px) { 
    .custom-fluid{padding: 0 60px;}
    .pl-60{padding-left: 60px;}
   
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .pricing-card {padding: 24px 30px;}
    .pricing-card .card-btns .btn-price {padding: 12px 10px;}
    
 }