:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #52413a; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #31221c; /* Color for headings, subheadings and title throughout the website */
    /* --accent-color:linear-gradient(to right, #244cfd, #15e4fd); */
  --accent-color: #724bff; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}




@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,500,700");body{color:#777;font-family:"Roboto",sans-serif;font-size:15px;font-weight:400}h1{color:#222;font-family:"Ubuntu",sans-serif;font-size:45px !important;font-weight:700}h2{color:#222;font-family:"Ubuntu",sans-serif;font-size:36px !important;font-weight:700}h3{color:#222;font-family:"Ubuntu",sans-serif;font-size:18px !important;font-weight:700;text-transform:uppercase}h4{color:#222;font-family:"Ubuntu",sans-serif;font-size:16px !important;font-weight:400}h5{color:#777;font-family:"Roboto",sans-serif;text-transform:capitalize;font-size:14px !important;font-weight:400}h6{color:#777;font-size:12px !important;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:500}ul{margin:0;padding:0;list-style:none}a:hover,a:focus{text-decoration:none}input:focus,textarea:focus{outline:none}.spinner{width:40px;height:40px;margin:100px auto;background-color:#244cfd;border-radius:100%;-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;animation:sk-scaleout 1.0s infinite ease-in-out}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:5}.preloader .spinner{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}.nav-menu li{position:relative;white-space:nowrap}.nav-menu>li{float:left}.nav-menu li:hover>ul,.nav-menu li.sfHover>ul{display:block}.nav-menu ul ul{top:0;left:100%}.nav-menu ul li{min-width:180px;text-align:left}.menu-has-children ul li a{padding:4px 10px !important;text-transform:uppercase !important}.sf-arrows .sf-with-ul{padding-right:30px}.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:normal}.sf-arrows ul .sf-with-ul:after{content:"\f105"}#nav-menu-container{margin:0}@media (max-width: 960px){#nav-menu-container{display:none}}.nav-menu a{padding:7px 10px;text-decoration:none;display:inline-block;color:#222;font-weight:500;font-size:12px;text-transform:uppercase;outline:none}.nav-menu>li{margin-left:15px}.nav-menu ul{margin:14px 0 0 0;padding:10px;box-shadow:0px 0px 30px rgba(127,137,161,0.25);background:#fff}.nav-menu ul li{transition:0.3s}.nav-menu ul li a{padding:10px;color:#333;transition:0.3s;display:block;font-size:12px;text-transform:none}.nav-menu ul li:hover>a{color:#244cfd}.nav-menu ul ul{margin:0}#mobile-nav-toggle{position:fixed;right:15px;z-index:999;top:16px;border:0;background:none;font-size:24px;display:none;transition:all 0.4s;outline:none;cursor:pointer}#mobile-nav-toggle i{color:#244cfd;font-weight:900}@media (max-width: 960px){#mobile-nav-toggle{display:inline}#nav-menu-container{display:none}}#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,0.8);left:-260px;width:260px;overflow-y:auto;transition:0.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}#mobile-nav ul li{position:relative}#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700}#mobile-nav ul li a:hover{color:#fff}#mobile-nav ul li li{padding-left:30px}#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#244cfd}#mobile-nav ul .menu-has-children li a{text-transform:capitalize}#mobile-nav ul .menu-item-active{color:#244cfd}#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active #mobile-nav{left:0}body.mobile-nav-active #mobile-nav-toggle{color:#fff}
.header-top{padding:10px 0;background:rgba(255,255,255,0.8);position:absolute;top:0;left:0;width:100%;z-index:1}.header-top h6{margin-top:6px}.header-top h6 i{font-size:18px;position:relative;top:2px}@media (min-width: 768px) and (max-width: 991.98px){.header-top{display:none}}@media (min-width: 576px) and (max-width: 767.98px){.header-top{display:none}}@media (max-width: 575.98px){.header-top{display:none}}.header-top .social-links ul{float:right;margin-top:5px}.header-top .social-links ul li{display:inline;margin-left:15px}.header-top .social-links ul li a{color:#777;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all 0.3s ease-in-out}.header-top .social-links ul li a:hover{color:#244cfd}#header{padding:14px 0;position:fixed;left:0;top:48px;right:0;transition:all 0.5s;z-index:997}@media (min-width: 768px) and (max-width: 991.98px){#header{top:0}}@media (min-width: 576px) and (max-width: 767.98px){#header{top:0}}@media (max-width: 575.98px){#header{top:0}}#header.header-scrolled{background:#f9f9fd;transition:all 0.5s;top:0}@media (max-width: 673px){#logo{margin-left:20px}}#header #logo h1{font-size:34px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:3px}#header #logo h1 a,#header #logo h1 a:hover{color:#fff;padding-left:10px;border-left:4px solid #244cfd}#header #logo img{padding:0;margin:0}@media (max-width: 768px){#header #logo h1{font-size:28px}#header #logo img{max-height:40px}}
.header-top{background:rgb(255, 255, 255)}

.banner-area{padding:300px 0 250px;background-color:#b0b0b0;position:relative; overflow: hidden;}
.banner-area.single_news_banner{
  padding:200px 0 200px;
  background-color:#4e08ff;
  position:relative; 

  overflow: hidden;

}
.banner-area.single_news_banner video{

}
/* .banner-area{padding:400px 0 350px;background-color:#b0b0b0;background-image:url("../images/banner-bg.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative} */
.banner-area::after{
    content: '';
    top: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 1, 48, 0.421);
  position: absolute;
  /* z-index: 1; */
}
@media (min-width: 768px) and (max-width: 991.98px){
  .banner-area{padding:280px 0}}
  @media (min-width: 576px) and (max-width: 767.98px){
    .banner-area{padding:250px 0}}
    @media (max-width: 575.98px){
      .banner-area{padding:200px 0}}

    @media (max-width: 844px){
      .banner-area.single_news_banner{
        padding:200px 0 0;
      }
      
    }
    @media (max-width: 502px){
      .banner-area.single_news_banner{
        padding-top: 100px;
        padding-bottom: 10px;
      }
      
    }
   
   

      .single-feature{background:#f9f9fd;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.single-feature img{margin-bottom:40px}.single-feature:hover{background:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1)}.welcome-img img{width:120%;position:relative;z-index:1}@media (min-width: 768px) and (max-width: 991.98px){.welcome-img img{width:100%}}@media (min-width: 576px) and (max-width: 767.98px){.welcome-img img{width:100%}}@media (max-width: 575.98px){.welcome-img img{width:100%}}.welcome-text{padding:100px;border:10px solid #f9f9f9}@media (min-width: 576px) and (max-width: 767.98px){.welcome-text{padding:50px}}@media (max-width: 575.98px){.welcome-text{padding:40px 20px}}
.department-area{
  /* background:#f9f9fd; */
}
.slide-img img{
  width:100%;
  object-fit: cover;
}
.shadow:hover .slide-img img{
  /* display: none; */
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.8;

}
.shadow{
  overflow: hidden;
   -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
   -moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);
   box-shadow:0 5px 20px rgba(0,0,0,0.1) 
}
.department-area .single-slide{margin:0 5% 20px}.department-area .single-slide:hover .item-padding{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1)}.department-area .single-slide:hover .slide-img .hover-state{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}.department-area .single-slide .item-padding{background:#fff;padding:40px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}@media (max-width: 575.98px){.department-area .single-slide .item-padding{padding:40px 20px}}.department-area .single-slide .slide-img{position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;overflow:hidden}.department-area .single-slide .slide-img .hover-state{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1,2,14,0.4);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}.department-area .single-slide .slide-img .hover-state i{color:#fff;font-size:50px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.department-slider.owl-carousel .owl-nav{display:none}.department-slider.owl-carousel .owl-dots{display:block;position:absolute;bottom:-70px;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.department-slider.owl-carousel .owl-dots .owl-dot{width:15px;height:4px;background:#c6d0d4;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;margin:0 7px}.department-slider.owl-carousel .owl-dots .owl-dot.active{background:#244cfd}
.patient-area .single-patient{
  background:#f9f9fd;
  padding:40px 20px 20px 40px;

  /* padding:40px 80px 20px 40px; */
  -webkit-transition:.5s;
  -moz-transition:.5s;-o-transition:.5s;transition:.5s;margin-top:90px}.patient-area .single-patient:hover{background:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1)}.patient-area .single-patient img{margin-bottom:24px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-top:-90px}.patient-area .appointment-form{padding:80px;background-image:url("../images/patient.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}@media (min-width: 992px) and (max-width: 1199.98px){.patient-area .appointment-form{padding:80px 40px}}@media (max-width: 575.98px){.patient-area .appointment-form{padding:40px 20px}}.patient-area .appointment-form:before{content:'';position:absolute;top:-5%;right:-30%;width:60%;height:110%;border:10px solid #f9f9f9;z-index:-1}@media (min-width: 992px) and (max-width: 1199.98px){.patient-area .appointment-form:before{right:-20%}}@media (min-width: 768px) and (max-width: 991.98px){.patient-area .appointment-form:before{position:inherit}}@media (min-width: 576px) and (max-width: 767.98px){.patient-area .appointment-form:before{position:inherit}}@media (max-width: 575.98px){.patient-area .appointment-form:before{position:inherit}}.patient-area .appointment-form:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top right, rgba(21,228,253,0.9), rgba(36,76,253,0.9));z-index:-1}.patient-area .appointment-form h3{font-size:24px !important;color:#fff !important}.specialist-area{background:#f9f9fd}.specialist-area .single-doctor:hover .content-area{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1)}.specialist-area .single-doctor:hover .doctor-name{background:linear-gradient(to right, #244cfd, #15e4fd)}.specialist-area .single-doctor:hover .doctor-name h3,.specialist-area .single-doctor:hover .doctor-name h6{color:#fff}@media (min-width: 768px) and (max-width: 991.98px){.specialist-area img{width:100%}}@media (max-width: 575.98px){.specialist-area img{width:100%}}.specialist-area .content-area{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.specialist-area .doctor-name{padding:20px;background:#f9f9fd;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.specialist-area .doctor-text{background:#fff;padding:20px}.specialist-area .doctor-icon li{display:inline;margin:0 7px}.specialist-area .doctor-icon li a{color:#777;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.specialist-area .doctor-icon li a:hover{color:#244cfd}
.hotline-area{color:#fff;background-image:url("../images/banner-bg.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}
.hotline-area:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top right, rgba(36,76,253,0.9), rgba(21,228,253,0.9));z-index:-1}.hotline-area h2{color:#fff}.hotline-area span{font-size:56px;font-family:"Roboto",sans-serif;font-weight:900}@media (min-width: 576px) and (max-width: 767.98px){.hotline-area span{font-size:45px}}@media (max-width: 575.98px){.hotline-area span{font-size:45px}}
.news-area .news-date{color:#fff;background:#244cfd;padding:12px 30px;display:inline-block;position:relative;top:-25px;left:30px}.news-area h3 a{color:#222;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}@media (min-width: 576px) and (max-width: 767.98px){.news-area img{width:100%}}.news-area .single-news:hover h3 a{color:#244cfd}.footer-area{color:#fff;background:#12151f}.footer-area h3{color:#fff}.footer-area a{color:#fff;text-transform:capitalize;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.footer-area a:hover{color:#244cfd}.footer-area input{display:inline-block;margin:auto;width:250px;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:10px 20px}@media (min-width: 576px) and (max-width: 767.98px){.footer-area input{width:250px}}@media (max-width: 575.98px){.footer-area input{width:100%}}.footer-area .template-btn{margin-left:10px;border:none;width:170px}@media (max-width: 575.98px){.footer-area .template-btn{margin-left:0;margin-top:30px}}.footer-area img{width:55px;height:55px;margin-right:5px;margin-bottom:10px}.footer-copyright{margin-top:70px}.footer-copyright .color{color:#244cfd}.footer-copyright ul{float:right}@media (min-width: 576px) and (max-width: 767.98px){.footer-copyright ul{float:left;margin-top:30px}}@media (max-width: 575.98px){.footer-copyright ul{float:left;margin-top:30px}}.footer-copyright ul li{display:inline;margin-left:10px}.footer-copyright ul li i{display:inline-block;padding:10px;color:#777;background:#fff;height:40px;width:40px;text-align:center;line-height:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all 0.3s ease-in-out}.footer-copyright ul li i:hover{color:#fff;background:linear-gradient(to right, #244cfd, #15e4fd)}.banner-area.other-page{padding:220px 0 170px}@media (min-width: 576px) and (max-width: 767.98px){.banner-area.other-page{padding:250px 0 100px}}@media (max-width: 575.98px){.banner-area.other-page{padding:250px 0 100px}}.banner-area.other-page a{color:#777;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.banner-area.other-page a:hover{color:#244cfd}.blog_categorie_area{padding-top:80px;padding-bottom:80px}.categories_post{position:relative;text-align:center;cursor:pointer}.categories_post img{max-width:100%}@media (min-width: 576px) and (max-width: 767.98px){.categories_post img{width:100%}}.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(1,2,14,0.4);color:#fff;transition:all 0.3s linear;display:flex;align-items:center;justify-content:center}.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}.categories_post:hover .categories_details{background:rgba(36,76,253,0.7)}.blog_item{margin-bottom:40px}.blog_info{padding-top:30px}.blog_info .post_tag{padding-bottom:20px}.blog_info .post_tag a{font:300 14px/21px;color:#222}.blog_info .post_tag a:hover{color:#244cfd}.blog_info .post_tag a.active{color:#244cfd}.blog_info .blog_meta li a{font:300 14px/20px;color:#777777;vertical-align:middle;padding-bottom:12px;display:inline-block}.blog_info .blog_meta li a i{color:#222;font-size:16px;font-weight:600;padding-left:15px;line-height:20px;vertical-align:middle}.blog_info .blog_meta li a:hover{color:#244cfd}.blog_post img{max-width:100%}.blog_details{padding-top:20px}.blog_details h4{font-size:24px;line-height:36px;color:#222;font-weight:600;transition:all 0.3s linear}.blog_details h4:hover{color:#244cfd}.blog_details p{margin-bottom:26px}.blog_details .template-btn{color:#222 !important;padding:10px 24px !important;background:#f9f9fd}

.blog_details .template-btn:hover{
    color:#fff !important;background:linear-gradient(to right, #244cfd, #15e4fd)
}
.blog_right_sidebar{border:1px solid #f9f9f9;background:#f9f9fd;padding:30px}.blog_right_sidebar .widget_title{font-size:18px;line-height:25px;background:linear-gradient(to right, #244cfd, #15e4fd);text-align:center;color:#fff;padding:8px 0px;margin-bottom:30px}.blog_right_sidebar .search_widget .input-group .form-control{font-size:14px;line-height:29px;border:0px;width:100%;font-weight:300;color:#fff;padding-left:20px;border-radius:45px;z-index:0;background:linear-gradient(to right, #244cfd, #15e4fd)}.blog_right_sidebar .search_widget .input-group .form-control:focus{box-shadow:none}.blog_right_sidebar .search_widget .input-group .btn-default{position:absolute;right:20px;background:transparent;border:0px;box-shadow:none;font-size:14px;color:#fff;padding:0px;top:50%;transform:translateY(-50%);z-index:1}.blog_right_sidebar .author_widget{text-align:center}.blog_right_sidebar .author_widget h5{font-size:18px;line-height:20px;margin-bottom:5px;margin-top:30px}.blog_right_sidebar .author_widget p{margin-bottom:0px}.blog_right_sidebar .author_widget .social_icon{padding:7px 0px 15px}.blog_right_sidebar .author_widget .social_icon a{font-size:14px;color:#222;transition:all 0.2s linear}.blog_right_sidebar .author_widget .social_icon a+a{margin-left:20px}.blog_right_sidebar .author_widget .social_icon a:hover{color:#244cfd}.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}.blog_right_sidebar .popular_post_widget .post_item .media-body h5{font-size:14px;line-height:20px;margin-bottom:4px;transition:all 0.3s linear}.blog_right_sidebar .popular_post_widget .post_item .media-body h5:hover{color:#244cfd}.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:12px;line-height:21px;margin-bottom:0px}.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}.blog_right_sidebar .post_category_widget .cat-list li{border-bottom:2px dotted #eee;transition:all 0.3s ease 0s;padding-bottom:12px}.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#777}.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}.blog_right_sidebar .post_category_widget .cat-list li:hover{border-color:#244cfd}.blog_right_sidebar .post_category_widget .cat-list li:hover a{color:#244cfd}.blog_right_sidebar .newsletter_widget{text-align:center}.blog_right_sidebar .newsletter_widget .form-group{margin-bottom:8px}.blog_right_sidebar .newsletter_widget .input-group-prepend{margin-right:-1px}.blog_right_sidebar .newsletter_widget .input-group-text{background:#fff;border-radius:0px;vertical-align:top;font-size:12px;line-height:36px;padding:0px 0px 0px 15px;border:1px solid #eeeeee;border-right:0px}.blog_right_sidebar .newsletter_widget .form-control{font-size:12px;line-height:24px;color:#cccccc;border:1px solid #eeeeee;border-left:0px;border-radius:0px}.blog_right_sidebar .newsletter_widget .form-control:focus{outline:none;box-shadow:none}.blog_right_sidebar .newsletter_widget .bbtns{color:#fff;background:linear-gradient(to right, #244cfd, #15e4fd);font-size:12px;line-height:38px;display:inline-block;font-weight:500;padding:0px 24px 0px 24px;border-radius:0}.blog_right_sidebar .newsletter_widget .text-bottom{font-size:12px}.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}.blog_right_sidebar .tag_cloud_widget ul li a{color:#222;display:inline-block;border:1px solid #eee;background:#fff;padding:5px 13px;margin-bottom:8px;transition:all 0.3s ease 0s;font-size:12px}.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:linear-gradient(to right, #244cfd, #15e4fd);color:#fff}.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}.blog-pagination{padding-top:25px;padding-bottom:95px}.blog-pagination .page-link{border-radius:0}.blog-pagination .page-item{border:none}.page-link{background:transparent;font-weight:400}.blog-pagination .page-item.active .page-link{background:linear-gradient(to right, #244cfd, #15e4fd);border-color:transparent;color:#fff}.blog-pagination .page-link{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-1px;line-height:1.25;color:#8a8a8a;border:none}.blog-pagination .page-item:last-child .page-link,.blog-pagination .page-item:first-child .page-link{border-radius:0}.blog-pagination .page-link:hover{color:#fff;text-decoration:none;background:linear-gradient(to right, #244cfd, #15e4fd);border-color:#eee}.single-post .social-links{padding-top:10px}.single-post .social-links li{display:inline-block;margin-bottom:10px}.single-post .social-links li a{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}.single-post .social-links li a:hover{color:#222}.single-post .blog_details{padding-top:26px}.single-post .blog_details p{margin-bottom:10px}.single-post .quotes{margin-top:20px;margin-bottom:30px;padding:24px 35px 24px 30px;background-color:#fff;box-shadow:-20.84px 21.58px 30px 0px rgba(176,176,176,0.1);font-size:14px;line-height:24px;color:#777;font-style:italic}.single-post .arrow{position:absolute}.single-post .arrow .lnr{font-size:20px;font-weight:600}.single-post .thumb .overlay-bg{background:rgba(0,0,0,0.8)}@media (max-width: 991px){.single-post .sidebar-widgets{padding-bottom:0px}}.comments-area{background:#fafaff;border:1px solid #eee;padding:50px 30px;margin-top:50px}@media (max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{text-align:center;margin-bottom:50px;color:#222;font-size:18px}.comments-area h5{font-size:16px;margin-bottom:0px}.comments-area a{color:#222}.comments-area .comment-list{padding-bottom:48px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .date{font-size:13px;color:#cccccc;margin-bottom:13px}.comments-area .comment{color:#777777;margin-bottom:0px}.comments-area .btn-reply{background-color:#fff;color:#222;border:1px solid #eee;padding:5px 18px;font-size:12px;display:block;font-weight:600;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.comments-area .btn-reply:hover{background:linear-gradient(to right, #244cfd, #15e4fd);color:#fff !important}.comment-form{background:#fafaff;text-align:center;border:1px solid #eee;padding:47px 30px 43px;margin-top:50px;margin-bottom:40px}.comment-form h4{text-align:center;margin-bottom:50px;font-size:18px;line-height:22px;color:#222}.comment-form .name{padding-left:0px}@media (max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}.comment-form .email{padding-right:0px}@media (max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{padding:8px 20px;background:#fff;border:none;border-radius:0px;width:100%;font-size:14px;color:#777777;border:1px solid transparent}.comment-form .form-control:focus{box-shadow:none;border:1px solid #eee}.comment-form textarea.form-control{height:140px;resize:none}.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}.comment-form ::-moz-placeholder{font-size:13px;color:#777}.comment-form :-ms-input-placeholder{font-size:13px;color:#777}.comment-form :-moz-placeholder{font-size:13px;color:#777}#mapBox{width:100%;height:420px;overflow:hidden}.info-text h3{text-transform:inherit}.into-icon i{font-size:20px;color:#244cfd;margin-right:20px}.contact-form form .left,.commentform-area form .left{width:48%;float:left;overflow:hidden;margin-right:4%}@media (max-width: 575.98px){.contact-form form .left,.commentform-area form .left{width:100%;float:none}}.contact-form form .left input,.commentform-area form .left input{width:100%;border:1px solid #f9f9f9;padding:12px 20px;margin-bottom:20px}.contact-form form .right,.commentform-area form .right{width:48%;overflow:hidden}@media (max-width: 575.98px){.contact-form form .right,.commentform-area form .right{width:100%;float:none}}.contact-form form .right textarea,.commentform-area form .right textarea{width:100%;border:1px solid #f9f9f9;padding:12px 20px}.contact-form form button,.commentform-area form button{margin-top:20px;float:right;border:none}@media (max-width: 575.98px){.contact-form form button,.commentform-area form button{float:left}}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.sample-text-area{padding:100px 0px}.sample-text-area .title_color{margin-bottom:30px}.sample-text-area p{line-height:26px}.sample-text-area p b{font-weight:bold;color:#244cfd}.sample-text-area p i{color:#244cfd;font-style:italic}.sample-text-area p sup{color:#244cfd;font-style:italic}.sample-text-area p sub{color:#244cfd;font-style:italic}.sample-text-area p del{color:#244cfd}.sample-text-area p u{color:#244cfd}.elements_button .title_color{margin-bottom:30px;color:#222}.title_color{color:#222}.button-group-area{margin-top:15px}.button-group-area:nth-child(odd){margin-top:40px}.button-group-area:first-child{margin-top:0px}.button-group-area .theme_btn{margin-right:10px}.button-group-area .white_btn{margin-right:10px}.button-group-area .link{text-decoration:underline;color:#222;background:transparent}.button-group-area .link:hover{color:#fff}.button-group-area .disable{background:transparent;color:#007bff;cursor:not-allowed}.button-group-area .disable:before{display:none}.primary{background:#52c5fd}.primary:before{background:#2faae6}.success{background:#4cd3e3}.success:before{background:#2ebccd}.info{background:#38a4ff}.info:before{background:#298cdf}.warning{background:#f4e700}.warning:before{background:#e1d608}
.danger{background:#f54940}.danger:before{background:#e13b33}.primary-border{background:transparent;border:1px solid #52c5fd;color:#52c5fd}.primary-border:before{background:#52c5fd}.success-border{background:transparent;border:1px solid #4cd3e3;color:#4cd3e3}.success-border:before{background:#4cd3e3}.info-border{background:transparent;border:1px solid #38a4ff;color:#38a4ff}.info-border:before{background:#38a4ff}.warning-border{background:#fff;border:1px solid #f4e700;color:#f4e700}.warning-border:before{background:#f4e700}.danger-border{background:transparent;border:1px solid #f54940;color:#f54940}.danger-border:before{background:#f54940}.link-border{background:transparent;border:1px solid #244cfd;color:#244cfd}.link-border:before{background:#244cfd}.radius{border-radius:3px}.circle{border-radius:20px}.arrow span{padding-left:5px}.e-large{line-height:50px;padding-top:0px;padding-bottom:0px}.large{line-height:45px;padding-top:0px;padding-bottom:0px}.medium{line-height:30px;padding-top:0px;padding-bottom:0px}.small{line-height:25px;padding-top:0px;padding-bottom:0px}.general{line-height:38px;padding-top:0px;padding-bottom:0px}.generic-banner{margin-top:60px;text-align:center}.generic-banner .height{height:600px}@media (max-width: 767.98px){.generic-banner .height{height:400px}}.generic-banner .generic-banner-content h2{line-height:1.2em;margin-bottom:20px}@media (max-width: 991.98px){.generic-banner .generic-banner-content h2 br{display:none}}.generic-banner .generic-banner-content p{text-align:center;font-size:16px}@media (max-width: 991.98px){.generic-banner .generic-banner-content p br{display:none}}.generic-content h1{font-weight:600}.about-generic-area{background:#fff}.about-generic-area p{margin-bottom:20px}.white-bg{background:#fff}.section-top-border{padding:50px 0;border-top:1px dotted #eee}.switch-wrap{margin-bottom:10px}.switch-wrap p{margin:0}.sample-text-area{padding:100px 0 70px 0}.sample-text{margin-bottom:0}.text-heading{margin-bottom:30px;font-size:24px}.typo-list{margin-bottom:10px}@media (max-width: 767px){.typo-sec{margin-bottom:30px}}@media (max-width: 767px){.element-wrap{margin-top:30px}}b,sup,sub,u,del{color:#f8b600}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{color:#777777}.button-area .border-top-generic{padding:70px 15px;border-top:1px dotted #eee}.button-group-area .genric-btn{margin-right:10px;margin-top:10px}.button-group-area .genric-btn:last-child{margin-right:0}.circle{border-radius:20px}.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.genric-btn:focus{outline:none}.genric-btn.e-large{padding:0 40px;line-height:50px}.genric-btn.large{line-height:45px}.genric-btn.medium{line-height:30px}.genric-btn.small{line-height:25px}.genric-btn.radius{border-radius:3px}.genric-btn.circle{border-radius:20px}.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.genric-btn.arrow span{margin-left:10px}.genric-btn.default{color:#222222;background:#f9f9ff;border:1px solid transparent}.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}.genric-btn.default-border:hover{color:#222222;background:#f9f9ff;border:1px solid transparent}.genric-btn.primary{color:#fff;background:#f8b600;border:1px solid transparent}.genric-btn.primary:hover{color:#f8b600;border:1px solid #f8b600;background:#fff}.genric-btn.primary-border{color:#f8b600;border:1px solid #f8b600;background:#fff}.genric-btn.primary-border:hover{color:#fff;background:#f8b600;border:1px solid transparent}.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}.genric-btn.link{color:#222222;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}.genric-btn.link:hover{color:#222222;border:1px solid #f9f9ff;background:#fff}.genric-btn.link-border{color:#222222;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}.genric-btn.link-border:hover{color:#222222;background:#f9f9ff;border:1px solid transparent}.genric-btn.disable{color:#222222, 0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}.generic-blockquote{padding:30px 50px 30px 30px;background:#fff;border-left:2px solid #244cfd}@media (max-width: 991px){.progress-table-wrap{overflow-x:scroll}}.progress-table{background:#fff;padding:15px 0px 30px 0px;min-width:800px}.progress-table .serial{width:11.83%;padding-left:30px}.progress-table .country{width:28.07%}.progress-table .visit{width:19.74%}.progress-table .percentage{width:40.36%;padding-right:50px}.progress-table .table-head{display:flex}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#222222;line-height:40px;text-transform:uppercase;font-weight:500}.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}.progress-table .table-row .country img{margin-right:15px}.progress-table .table-row .percentage .progress{width:80%;border-radius:0px;background:transparent}.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-gallery-image:hover{opacity:.8}.list-style{width:14px;height:14px}.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #f8b600;background:#fff;top:4px;left:0;border-radius:50%}.ordered-list{margin-left:30px}.ordered-list li{list-style-type:decimal-leading-zero;color:#f8b600;font-weight:500;line-height:1.82em !important}.ordered-list li span{font-weight:300;color:#777777}.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#f8b600;font-weight:500;line-height:1.82em !important}.ordered-list-alpha li span{font-weight:300;color:#777777}.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#f8b600;font-weight:500;line-height:1.82em !important}.ordered-list-roman li span{font-weight:300;color:#777777}.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}.single-input:focus{outline:none}.input-group-icon{position:relative}.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}.input-group-icon .icon i{color:#797979}.input-group-icon .single-input{padding-left:45px}.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}.single-textarea:focus{outline:none}.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-primary:focus{outline:none;border:1px solid #f8b600}.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
.single-input-accent:focus{outline:none;border:1px solid #eb6b55}.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-secondary:focus{outline:none;border:1px solid #f09359}.default-switch{width:35px;height:17px;border-radius:8.5px;background:#fff;position:relative;cursor:pointer}.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#f8b600;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.default-switch input:checked+label{left:19px}.single-element-widget{margin-bottom:30px}.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#fff;position:relative;cursor:pointer}.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.primary-switch input:checked+label:after{left:19px}.primary-switch input:checked+label:before{background:#f8b600}.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#fff;position:relative;cursor:pointer}.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.confirm-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.confirm-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}.confirm-switch input:checked+label:after{left:19px}.confirm-switch input:checked+label:before{background:#4cd3e3}.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#fff;position:relative;cursor:pointer}.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.single-defination h4{color:#222}.primary-checkbox input:checked+label{background:url(../images/elements/primary-check.png) no-repeat center center/cover;border:none}.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#fff;position:relative;cursor:pointer}.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.confirm-checkbox input:checked+label{background:url(../images/elements/success-check.png) no-repeat center center/cover;border:none}.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#fff;position:relative;cursor:pointer}.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}.disabled-checkbox input:checked+label{background:url(../images/elements/disabled-check.png) no-repeat center center/cover;border:none}.primary-radio{width:16px;height:16px;border-radius:8px;background:#fff;position:relative;cursor:pointer}.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.primary-radio input:checked+label{background:url(../images/elements/primary-radio.png) no-repeat center center/cover;border:none}.confirm-radio{width:16px;height:16px;border-radius:8px;background:#fff;position:relative;cursor:pointer}.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.confirm-radio input:checked+label{background:url(../images/elements/success-radio.png) no-repeat center center/cover;border:none}.disabled-radio{width:16px;height:16px;border-radius:8px;background:#fff;position:relative;cursor:pointer}.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.unordered-list{list-style:none;padding:0px;margin:0px}.ordered-list{list-style:none;padding:0px}.disabled-radio input:checked+label{background:url(../images/elements/disabled-radio.png) no-repeat center center/cover;border:none}.default-select{height:40px}.default-select .nice-select{border:none;border-radius:0px;height:40px;background:#fff;padding-left:20px;padding-right:40px}.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}.default-select .nice-select .list .option.selected{color:#f8b600;background:transparent}.default-select .nice-select .list .option:hover{color:#f8b600;background:transparent}.default-select .current{margin-right:50px;font-weight:300}.default-select .nice-select::after{right:20px}@media (max-width: 991px){.left-align-p p{margin-top:20px}}.form-select{height:40px;width:100%}.form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff !important;padding-left:45px;padding-right:40px;width:100%}.form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.mt-10{margin-top:10px}.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}.form-select .nice-select .list .option.selected{color:#f8b600;background:transparent}.form-select .nice-select .list .option:hover{color:#f8b600;background:transparent}.form-select .current{margin-right:50px;font-weight:300}.form-select .nice-select::after{right:20px}.page_link a{color:#fff}
.template-btn{
  color:#fff;
   background:linear-gradient(to right, #244cfd, #15e4fd);
  /* background:linear-gradient(to right, #244cfd, #15e4fd); */
  font-family:"Roboto",sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:400;
  display:inline-block;
  padding:12px 30px !important;
  -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all 0.2s ease-in-out}.template-btn:hover{color:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8}.news-btn{color:#222;text-transform:uppercase;font-size:12px;font-weight:500;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all 0.5s ease-in-out}.news-btn:hover{color:#244cfd}.news-btn:hover i{right:-20px}.news-btn i{position:absolute;right:-17px;top:1px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all 0.2s ease-in-out}.appointment-form input,.appointment-form textarea{width:100%;padding:12px 20px;border:none}.appointment-form .template-btn{width:100%}.section-padding{padding:130px 0}.section-padding2{padding-top:130px}.section-padding3{padding-bottom:130px}
.section-padding4{padding:20px 0 100px}.section-top{margin-bottom:80px}.section-top .style-change{color:#244cfd;font-style:italic}.section-top2{margin-bottom:80px}.section-top2 span{color:#244cfd}.item-padding{padding:40px 20px}

/* customize */

@media (max-width: 575.98px){

}


.about .section-heading {
  font-size: 2.5rem;
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  position: relative;
  padding-bottom: 1rem;
  font-weight: 700;
}

.about .section-heading:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 3px;
  background: var(--accent-color);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.about .lead {
  font-size: 1.2rem;
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  margin-bottom: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.about .feature-box {
  background: var(--surface-color);
  border-radius: 12px;
  padding: 2.5rem 1.5rem;
  text-align: center;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.about .feature-box:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  z-index: -1;
  transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  border-radius: 12px;
}

.about .feature-box:hover {
  transform: translateY(-10px);
  box-shadow: none;
}

.about .feature-box:hover:before {
  height: 100%;
}

.about .feature-box:hover .icon-container {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.about .feature-box .icon-container {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.8rem;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px color-mix(in srgb, var(--accent-color), transparent 85%);
}

.about .feature-box h4 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--heading-color);
}

.about .feature-box p {
  color: color-mix(in srgb, var(--default-color), transparent 25%);
  font-size: 0.95rem;
  line-height: 1.6;
}

.about .about-content-box {
  padding: 2rem;
}

.about .about-content-box h3 {
  font-size: 2rem;
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.about .about-content-box p {
  color: color-mix(in srgb, var(--default-color), transparent 20%);
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.about .about-content-box .progress-item {
  margin-bottom: 1.2rem;
}

.about .about-content-box .progress-item .progress-title {
  font-weight: 600;
  color: var(--heading-color);
  font-size: 1rem;
}

.about .about-content-box .progress-item .progress-percent {
  font-weight: 700;
  color: var(--accent-color);
}

.about .about-content-box .progress-item .progress {
  height: 8px;
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  margin-top: 0.5rem;
  overflow: hidden;
}

.about .about-content-box .progress-item .progress .progress-bar {
  background-color: var(--accent-color);
  border-radius: 4px;
}

.about .about-content-box .btn-discover {
  background: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  border-radius: 30px;
  padding: 0.8rem 2rem;
  font-weight: 600;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.about .about-content-box .btn-discover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: color-mix(in srgb, var(--accent-color), #000 15%);
  transition: width 0.3s ease;
  z-index: -1;
  border-radius: 30px;
}

.about .about-content-box .btn-discover:hover {
  box-shadow: 0 8px 25px color-mix(in srgb, var(--accent-color), transparent 80%);
}

.about .about-content-box .btn-discover:hover:before {
  width: 100%;
}







/* service  */


.services {
  padding-top: 60px;
  padding-bottom: 30px;
}

.services .services-row {
  position: relative;
}

.services .services-headline .services-subtitle {
  color: var(--accent-color);
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 18px;
}

.services .services-headline .services-title {
  color: var(--heading-color);
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
}

.services .services-description {
  margin-bottom: 30px;
}

.services .services-description p {
  font-size: 1.1rem;
  line-height: 1.6;
}

.services .services-image-container {
  position: relative;
  margin-bottom: 30px;
}

.services .services-image-container .services-image {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 460px;
}

.services .services-image-container .services-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services .services-grid {
  margin-left: 50px;
}

@media (max-width: 991px) {
  .services .services-grid {
    margin-left: 0;
    margin-top: 70px;
  }
}

.services .service-card {
  background-color: color-mix(in srgb, var(--accent-color), transparent 92%);
  border-radius: 25px;
  padding: 30px 25px;
  margin-bottom: 25px;
  border: 1px solid rgba(154, 154, 154, 0.3);
  transition: all 0.3s ease;
  height: 100%;
}

.services .service-card:hover {
  background-color: var(--accent-color);
  transform: translateY(-5px);
}

.services .service-card:hover .service-icon {
  color: var(--contrast-color);
  transform: scale(0.95);
}

.services .service-card:hover .service-info h3 a,
.services .service-card:hover .service-info p {
  color: var(--contrast-color);
  transform: scale(0.95);
}

.services .service-card:hover .service-content .read-more-btn {
  background-color: color-mix(in srgb, var(--contrast-color), transparent 84%);
  color: var(--contrast-color);
}

.services .service-content .service-icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  margin: 0 auto;
  font-size: 48px;
  color: var(--heading-color);
  transition: all 0.3s ease;
}

.services .service-content .service-info h3 {
  font-size: 1.4rem;
  margin: 15px 0;
  transition: all 0.3s ease;
}

.services .service-content .service-info h3 a {
  color: var(--heading-color);
  text-decoration: none;
}

.services .service-content .service-info p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

.services .service-content .service-action {
  margin-top: 20px;
}

.services .service-content .service-action .read-more-btn {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 5px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.services .service-content .service-action .read-more-btn:hover {
  transform: translateX(5px);
}

.services .service-content .service-action .read-more-btn i {
  margin-left: 5px;
}

@media (max-width: 767px) {
  .services .services-headline .services-title {
    font-size: 2rem;
  }

  .services .services-image-container .services-image {
    height: 350px;
  }

  .services .services-image-container .circular-btn {
    bottom: -40px;
    right: 50%;
    transform: translateX(50%);
  }

  .services .services-image-container .circular-btn .circular-link {
    width: 130px;
    height: 130px;
    font-size: 0.9rem;
  }
}
/* end service */






.stats .stats-overview {
  height: 100%;
  padding: 30px;
}

.stats .stats-overview h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
  color: #fff;
}

.stats .stats-overview h3::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background:#fff;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .stats .stats-overview h3::after {
    margin: 0;
  }
}

.stats .stats-overview p {
  font-size: 16px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
  line-height: 1.7;
  margin-bottom: 0;
}

.stats .stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.stats .stats-card {
  background: var(--surface-color);
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  padding: 20px;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stats .stats-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.stats .stats-card .stats-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
}

.stats .stats-card .stats-icon i {
  font-size: 24px;
  color: var(--accent-color);
}

.stats .stats-card .stats-content {
  flex-grow: 1;
}

.stats .stats-card .stats-content .stats-number {
  display: flex;
  align-items: baseline;
}

.stats .stats-card .stats-content .stats-number .purecounter {
  font-size: 32px;
  font-weight: 700;
  color: var(--heading-color);
  margin: 0;
  line-height: 1;
}

.stats .stats-card .stats-content .stats-number .plus {
  font-size: 24px;
  font-weight: 700;
  color: var(--accent-color);
  margin-left: 2px;
}

.stats .stats-card .stats-content p {
  font-size: 14px;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  margin: 5px 0 0;
  font-weight: 500;
  font-family: var(--heading-font);
}

@media (max-width: 768px) {
  .stats .stats-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .stats .stats-card {
    padding: 15px;
  }

  .stats .stats-card .stats-icon {
    width: 50px;
    height: 50px;
  }

  .stats .stats-card .stats-icon i {
    font-size: 20px;
  }

  .stats .stats-card .stats-content .stats-number .purecounter {
    font-size: 28px;
  }

  .stats .stats-card .stats-content .stats-number .plus {
    font-size: 20px;
  }
}
.light-background {
  color:#fff;
  background-image:url("../images/banner-bg.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative;
  z-index:1;
}
.light-background:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top right, rgba(36,76,253,0.9), rgba(21,228,253,0.9));z-index:-1}










.call-to-action .cta-wrapper {
  display: flex;
  align-items: center;
  gap: 3rem;
  background-color: var(--surface-color);
  border-radius: 1rem;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.call-to-action .cta-content {
  position: relative;
  z-index: 2;
  flex: 1;
}

.call-to-action .cta-content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.call-to-action .cta-content p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  max-width: 600px;
  opacity: 0.9;
}

.call-to-action .cta-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.call-to-action .cta-buttons .btn-primary {
  padding: 0.8rem 2rem;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.call-to-action .cta-buttons .btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), white 15%);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.call-to-action .cta-buttons .btn-outline {
  padding: 0.8rem 2rem;
  background-color: transparent;
  color: var(--default-color);
  border: 2px solid var(--default-color);
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.call-to-action .cta-buttons .btn-outline:hover {
  background-color: var(--contrast-color);
  color: var(--heading-color);
  transform: translateY(-3px);
}

.call-to-action .cta-image {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.call-to-action .cta-image img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));
  transition: transform 0.3s ease;
}

.call-to-action .cta-image img:hover {
  transform: translateY(-5px);
}

@media (max-width: 992px) {
  .call-to-action .cta-wrapper {
    flex-direction: column;
    padding: 2.5rem;
  }

  .call-to-action .cta-content {
    text-align: center;
  }

  .call-to-action .cta-content h2 {
    font-size: 2rem;
  }

  .call-to-action .cta-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .call-to-action .cta-buttons {
    justify-content: center;
  }

  .call-to-action .cta-image img {
    max-width: 80%;
  }
}

@media (max-width: 768px) {
  .call-to-action .cta-wrapper {
    /* padding: 2rem; */
  }

  .call-to-action .cta-content h2 {
    font-size: 1.8rem;
  }

  .call-to-action .cta-content p {
    font-size: 1rem;
  }

  .call-to-action .cta-buttons .btn-primary,
  .call-to-action .cta-buttons .btn-outline {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

.img-item {
  position: relative;
  
}
.img-item::after{
  content: "";
  width:50%;
  height: 200px;
  position: absolute;
  background: rgb(0, 60, 255);
  z-index: -1;
  top: -20px;
  right: -60px;
  transform: translate(-50%);

}


/*  */




/*--------------------------------------------------------------
# Consultation Section
--------------------------------------------------------------*/
.consultation {
  padding-top: 60px;
  padding-bottom: 60px;
}

.consultation .cta-wrapper {
  background-color: var(--surface-color);
  border-radius: 15px;
  padding: 60px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.consultation .cta-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, var(--accent-color), color-mix(in srgb, var(--accent-color), #fff 30%));
}

@media (max-width: 992px) {
  .consultation .cta-wrapper {
    padding: 40px;
  }
}

@media (max-width: 576px) {
  .consultation .cta-wrapper {
    padding: 30px 20px;
  }
}

.consultation .cta-content {
  padding-right: 30px;
}

@media (max-width: 992px) {
  .consultation .cta-content {
    padding-right: 0;
    margin-bottom: 40px;
  }
}

.consultation .cta-content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
}

@media (max-width: 768px) {
  .consultation .cta-content h2 {
    font-size: 2rem;
  }
}

.consultation .cta-content p {
  font-size: 1.1rem;
  margin-bottom: 2rem;
  color: var(--default-color);
}

.consultation .cta-content .cta-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.consultation .cta-content .cta-stats .stat-item .number {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--accent-color);
  display: block;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .consultation .cta-content .cta-stats .stat-item .number {
    font-size: 2rem;
  }
}

.consultation .cta-content .cta-stats .stat-item .text {
  font-size: 0.9rem;
  color: var(--default-color);
}

.consultation .cta-form {
  background-color: color-mix(in srgb, var(--surface-color), #000 3%);
  border-radius: 10px;
  padding: 30px;
}

.consultation .cta-form h3 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--heading-color);
}

@media (max-width: 768px) {
  .consultation .cta-form h3 {
    font-size: 1.5rem;
  }
}

.consultation .cta-form p {
  font-size: 1rem;
  margin-bottom: 25px;
  color: var(--default-color);
}

.consultation .cta-form .form-control {
  height: 50px;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%);
  background-color: var(--surface-color);
  color: var(--default-color);
  font-size: 14px;
}

.consultation .cta-form .form-control:focus {
  border-color: var(--accent-color);
  box-shadow: none;
}

.consultation .cta-form .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.consultation .cta-form select.form-control {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 15px;
}

.consultation .cta-form button[type=submit] {
  background-color: var(--accent-color);
  border: none;
  color: var(--contrast-color);
  padding: 12px 30px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}

.consultation .cta-form button[type=submit]:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 10%);
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Why Choose Us Section
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
  background-color: color-mix(in srgb, var(--background-color), #f5f8fd 30%);
}

.contact .container {
  max-width: 1200px;
}

.contact .contact-main-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

@media (min-width: 992px) {
  .contact .contact-main-wrapper {
    grid-template-columns: 45% 55%;
    min-height: 600px;
  }
}

.contact .map-wrapper {
  height: 300px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .contact .map-wrapper {
    height: 100%;
    position: sticky;
    top: 100px;
  }
}

.contact .contact-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contact .contact-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media (min-width: 576px) {
  .contact .contact-cards-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact .contact-cards-container .spanning{
    grid-column: span 2;

  }

}

.contact .contact-card {
  background-color: var(--surface-color);
  padding: 20px;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact .contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.contact .contact-card .icon-box {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact .contact-card .icon-box i {
  font-size: 22px;
  color: var(--accent-color);
}

.contact .contact-card .contact-text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--heading-color);
}

.contact .contact-card .contact-text p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--default-color);
  margin-bottom: 0;
}

.contact .contact-form-container {
  background-color: var(--surface-color);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.contact .contact-form-container h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--heading-color);
  position: relative;
  padding-left: 15px;
}

.contact .contact-form-container h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: var(--accent-color);
  border-radius: 2px;
}

.contact .contact-form-container>p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
  color: var(--default-color);
}

.contact .contact-form-container .php-email-form .form-control {
  height: auto;
  padding: 14px 20px;
  border-radius: 10px;
  background-color: color-mix(in srgb, var(--background-color), #f5f8fd 30%);
  border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  color: var(--default-color);
  transition: all 0.3s ease;
}

.contact .contact-form-container .php-email-form .form-control:focus {
  background-color: var(--surface-color);
  border-color: var(--accent-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 85%);
}

.contact .contact-form-container .php-email-form .form-control::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
}

.contact .contact-form-container .php-email-form textarea.form-control {
  min-height: 140px;
}

.contact .contact-form-container .php-email-form .form-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 10px;
}

@media (max-width: 576px) {
  .contact .contact-form-container .php-email-form .form-submit {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contact .contact-form-container .php-email-form button {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  border: none;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.contact .contact-form-container .php-email-form button:hover {
  background-color: color-mix(in srgb, var(--accent-color), #000 15%);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px color-mix(in srgb, var(--accent-color), transparent 75%);
}

.contact .contact-form-container .php-email-form .social-links {
  display: flex;
  gap: 12px;
}

.contact .contact-form-container .php-email-form .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--background-color), #f5f8fd 20%);
  color: var(--heading-color);
  font-size: 16px;
  transition: all 0.3s ease;
}

.contact .contact-form-container .php-email-form .social-links a:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-3px);
}

@media (max-width: 768px) {
  .contact .contact-form-container {
    padding: 25px 20px;
  }

  .contact .contact-form-container h3 {
    font-size: 22px;
  }
}

/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/

.why-choose-us {
  padding: 80px 0;
  background-color: var(--background-color);
}

.why-choose-us .features-content {
  padding-right: 30px;
}

@media (max-width: 992px) {
  .why-choose-us .features-content {
    padding-right: 0;
    margin-bottom: 50px;
  }
}

.why-choose-us .features-content h2 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--heading-color);
}

@media (max-width: 768px) {
  .why-choose-us .features-content h2 {
    font-size: 1.5rem;
  }
}

.why-choose-us .features-content .lead {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: var(--default-color);
}

.why-choose-us .features-content p {
  margin-bottom: 2rem;
  color: var(--default-color);
}

.why-choose-us .features-content .features-list .feature-item {
  display: flex;
  margin-bottom: 2rem;
}

.why-choose-us .features-content .features-list .feature-item:last-child {
  margin-bottom: 0;
}

.why-choose-us .features-content .features-list .feature-item .feature-icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  color: var(--accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin-right: 20px;
  transition: all 0.3s ease;
}

.why-choose-us .features-content .features-list .feature-item .feature-icon:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-5px);
}

.why-choose-us .features-content .features-list .feature-item .feature-text h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--heading-color);
}

.why-choose-us .features-content .features-list .feature-item .feature-text p {
  font-size: 0.95rem;
  margin-bottom: 0;
  color: var(--default-color);
}

.why-choose-us .features-image {
  position: relative;
}

.why-choose-us .features-image .main-image {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.why-choose-us .features-image .stats-card {
  position: absolute;
  top: -30px;
  left: -30px;
  background-color: var(--surface-color);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  z-index: 2;
  width: 220px;
}

@media (max-width: 768px) {
  .why-choose-us .features-image .stats-card {
    width: 180px;
    padding: 15px;
    top: -20px;
    left: -10px;
  }
}

.why-choose-us .features-image .stats-card .stat-item {
  text-align: center;
}

.why-choose-us .features-image .stats-card .stat-item h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .why-choose-us .features-image .stats-card .stat-item h3 {
    font-size: 1.2rem;
  }
}

.why-choose-us .features-image .stats-card .stat-item p {
  font-size: 0.8rem;
  margin-bottom: 0;
  color: var(--default-color);
}

@media (max-width: 768px) {
  .why-choose-us .features-image .stats-card .stat-item p {
    font-size: 0.7rem;
  }
}

.why-choose-us .features-image .experience-badge {
  position: absolute;
  bottom: -20px;
  right: -20px;
  background-color: var(--accent-color);
  color: var(--contrast-color);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

@media (max-width: 768px) {
  .why-choose-us .features-image .experience-badge {
    padding: 15px;
    right: 0;
  }
}

.why-choose-us .features-image .experience-badge .badge-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.why-choose-us .features-image .experience-badge .badge-content .number {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 768px) {
  .why-choose-us .features-image .experience-badge .badge-content .number {
    font-size: 2rem;
  }
}

.why-choose-us .features-image .experience-badge .badge-content .text {
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.2;
}





.footer-img{
  display: flex;
  align-items: center;
  /* justify-content: center; */
}
.features-new h4{
  color: #222;
  font-family: "Ubuntu",sans-serif;
  font-size: 20px !important;
  font-weight: 700;
}