@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.messages{background:no-repeat 10px 17px;border:1px solid;border-width:1px 1px 1px 0;border-radius:2px;padding:10px 20px 10px 20px;word-wrap:break-word;overflow-wrap:break-word;margin:5px 0px}.messages+.messages{margin-top:1.538em}.messages__list{list-style:none;padding:0;margin:0}.messages__item+.messages__item{margin-top:0.769em}.messages--status{color:#325e1c;background-color:#f3faef;border-color:#c9e1bd #c9e1bd #c9e1bd transparent;box-shadow:-8px 0 0 #77b259}.messages--warning{background-color:#fdf8ed;border-color:#f4daa6 #f4daa6 #f4daa6 transparent;color:#734c00;box-shadow:-8px 0 0 #e09600}.messages--error{background-color:#fcf4f2;color:#a51b00;border-color:#f9c9bf #f9c9bf #f9c9bf transparent;box-shadow:-8px 0 0 #e62600}.messages--error p.error{color:#a51b00}form .field-multiple-table{margin:0}form .field-multiple-table .field-multiple-drag{width:30px;padding-right:0}form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:.5em}form .field-add-more-submit{margin:.5em 0 0}div.tabs{margin:1em 0}ul.tabs{list-style:none;margin:0 0 0.5em;padding:0}.tabs>li{display:inline-block;margin-right:0.3em}.tabs a{display:block;padding:6px 10px;text-decoration:none;font-size:13px;background:#e6e6e6;line-height:100%;color:#444}.tabs a.is-active{background-color:#e94a4a;color:#fff}.tabs a:focus,.tabs a:hover{background-color:#c52222;color:#fff}table{width:100%;margin:0 0 10px}caption{text-align:left}th{text-align:left;padding:10px 12px}thead th{background:#f5f5f2;border:solid #bfbfba;border-width:1px 0;color:#333;text-transform:uppercase}tr{border-bottom:1px solid #e6e4df;padding:0.1em 0.6em}thead>tr{border-bottom:1px solid #000}tbody tr:hover,tbody tr:focus{background:#f7fcff}tbody tr.color-warning:hover,tbody tr.color-warning:focus{background:#fdf8ed}tbody tr.color-error:hover,tbody tr.color-error:focus{background:#fcf4f2}td,th{vertical-align:middle}td{padding:10px 12px;text-align:left}th>a{position:relative;display:block}th>a:after{content:'';display:block;position:absolute;top:0;bottom:-10px;left:0;right:0;border-bottom:2px solid transparent;-webkit-transition:all 0.1s;transition:all 0.1s}th.is-active>a{color:#004875}th.is-active img{position:absolute;right:0;top:50%}th.is-active>a:after{border-bottom-color:#004875}th>a:hover,th>a:focus,th.is-active>a:hover,th.is-active>a:focus{color:#008ee6;text-decoration:none}th>a:hover:after,th>a:focus:after,th.is-active>a:hover:after,th.is-active>a:focus:after{border-bottom-color:#008ee6}td .item-list ul{margin:0}td.is-active{background:none}th.select-all{width:1px}.caption{margin-bottom:1.2em}@media screen and (max-width: 37.5em){th.priority-low,td.priority-low,th.priority-medium,td.priority-medium{display:none}}@media screen and (max-width: 60em){th.priority-low,td.priority-low{display:none}}p{margin:0 0 20px 0}h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-family:"Poppins",sans-serif;font-weight:400;margin:10px 0;line-height:120%}h1,.h1{font-size:3em}h2,.h2{font-size:2em;margin-bottom:20px}h3,.h3{font-size:1.5em}h4,.h4{font-size:1.2em}img{max-width:100%}em{font-style:italic}strong,b{font-weight:bold}.custom-block-title{margin:20px 0;overflow:hidden}.custom-block-title h2{color:#000;margin-bottom:5px}a{color:#e94a4a}a:hover{color:#c52222;text-decoration:none}ol,ul{padding-left:20px;margin-bottom:20px}ol li,ul li{list-style:outside}.list-unstyled li{list-style:none}ol li{list-style-type:decimal}ul.links.inline{padding:0}ul.links.inline li{list-style:none}.form-email,.form-text,.form-textarea{margin:0;border:1px solid #e8e8e8;background:transparent}.block{margin-bottom:10px}.card{border:0;-moz-box-shadow:0 0 5px 0 rgba(141,152,179,0.3);-webkit-box-shadow:0 0 5px 0 rgba(141,152,179,0.3);box-shadow:0 0 5px 0 rgba(141,152,179,0.3)}.card .card-header{padding:20px;border:0}.card:hover{-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}body{font-family:"Poppins",sans-serif;font-size:14px;line-height:160%;color:#435a6b;overflow-x:hidden;font-weight:300;background:#f7f7fa;text-align:left}.region-page-title h1{margin:30px 0}.footerwidget{background:#108441;color:#86b59a;padding:20px 0;border-top:1px solid #f7f7f7}.footerwidget h2.title{color:#fff}.footerwidget .left{float:left;margin:10px 10px 0 0}.copyright{background:#000;text-align:center}.map-and-address h2.title{display:none}.google_map p,.google_map .block{margin:0}.google_map iframe{display:block}.footer-menu{margin:0;border:0;color:#fff;background-size:cover;padding:80px 0}.social-media{padding:10px 0;text-align:left}.social-media a{line-height:100%;font-size:1em;display:inline-block;padding:4px 8px;width:26px}.social-media a:hover{color:#c52222}input,button,select,textarea{padding:6px;border:1px solid #e3e3e3}.contact-message-form label{display:block}.btn,.node-readmore a,.flexslider .more-link,input[type="submit"]{background:#51b371;cursor:pointer;color:#fff;border:0;padding:14px 30px;line-height:100%;margin-right:2px;display:inline-block;font-weight:400;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.btn:hover,.node-readmore a:hover,.flexslider .more-link:hover,input[type="submit"]:hover{background:#e94a4a;color:#fff}.comment-wrap{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F5F5F5}.comment-wrap .author-details{float:left;width:20%}.comment-wrap .author-comments{padding-left:5px;float:left;width:80%}.comment-wrap .author-comments h3{margin-top:10px}.comment-wrap .author-comments p{margin-bottom:10px}.comment-submitted{padding:5px 10px;border:1px solid #eee;display:inline-block;line-height:100%}ul.links.inline li{display:inline-block;padding-right:10px}.sidebar .region h2.title{padding:5px 0;margin:0}.sidebar .region .content{padding:10px 0}.region-content{min-height:300px}.path-frontpage .region-content{min-height:auto}.form-item,.form-actions{margin-top:1em;margin-bottom:1em}tr.odd .form-item,tr.even .form-item{margin-top:0;margin-bottom:0}.form-composite>.fieldset-wrapper>.description,.form-item .description{font-size:0.70em;line-height:150%}label.option{display:inline;font-weight:normal}.form-composite>legend,.label{display:inline;font-size:inherit;font-weight:bold;margin:0;padding:0}.form-checkboxes .form-item,.form-radios .form-item{margin-top:0.4em;margin-bottom:0.4em}.marker{color:#e00}abbr.tabledrag-changed,abbr.ajax-changed{border-bottom:none}.form-item input.error,.form-item textarea.error,.form-item select.error{border:2px solid red}.owl-theme .owl-dots .owl-dot span{background:#b5b5b5;height:7px;width:7px}.topwidget,.top-message,.footer,.bottom-widget,.path-frontpage .main-content,.features,.midwidget,.updates,.copyright,.clients{padding:40px 0;position:relative;border-bottom:1px solid #eee}.main-content{padding:0 0 50px 0}.team,.products,.price-table{background:#f6f6f6;text-align:center}.features{background-color:#ffd9d9}.clients .region ul{padding:0;margin:0;text-align:center}.clients .region ul li{list-style:none;display:inline-block;text-align:center}.services{text-align:center}.top-message h2{color:#e94a4a;margin-bottom:5px}.testimonials-wrap{background:#fafafa;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3;padding:20px 0;text-align:center;font-size:1em;line-height:160%}.region-testimonials{max-width:600px;margin:0 auto}.testimonials-pic{width:40px;height:40px;display:inline-block;vertical-align:bottom;margin-right:10px}.testimonials-pic img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.testimonials-author{padding:0 5px;font-size:.75em;color:#555}.price-table .card-header{border:0;padding:20px 0}.price-table ul li{list-style:none;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}.path-frontpage .feed-icon{display:none}.team .team-list .region{background:#efefef;overflow:hidden;padding:10px;border:1px solid #eaeaea}.bottom-widget{background:#fff}.path-frontpage .bottom-widgets{padding:20px 0}.top-nav{text-align:center;background:#000;padding:10px;font-size:.9em;position:relative}.top-nav>div{display:inline-block;padding-right:10px}.top-nav .region-message,.top-nav .region-email{display:inline-block}.top-nav .fa{padding:0 5px}.top-nav .block,.top-nav p{margin:0}.header{padding:6px;text-align:left;background:#e94a4a;-moz-box-shadow:inset 1px -1px 13px 3px red;-webkit-box-shadow:inset 1px -1px 13px 3px red;box-shadow:inset 1px -1px 13px 3px red}.header .row{width:100%;margin:0}.main-header nav{border:0;margin:0;position:relative;min-height:auto;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.main-header .region{position:relative;padding:25px 0}.main-header .block{margin:0}.main-header p,.main-header .block{margin:0}.site-branding{margin:0}.region-header{padding:12px 0}.region-header .brand{display:inline-block;vertical-align:middle;font-size:1.5em}.region-header .brand a{color:#fff;display:block;font-weight:400}.region-header .brand a img{vertical-align:middle}.region-header .brand .site-branding__slogan{font-size:.5em;text-transform:uppercase;vertical-align:top}.search-block-form{margin:0 auto}.region-search{width:100%;display:inline-block;padding:7px 0;vertical-align:middle}#search-block-form{display:table;width:100%}#search-block-form .form-item,#search-block-form .form-actions{display:table-cell;vertical-align:top}#search-block-form .form-actions{width:30px}#search-block-form input.form-submit{background:url('../images/search.png?1532937786') no-repeat center #c52222;font-size:0;width:100%;height:30px;padding:0 20px;vertical-align:top}#search-block-form input.form-submit:hover{background-color:#c52222;border-color:#c52222}#search-block-form input{width:100%;height:30px}.breadcrumb{font-size:.85em;padding:2px 0;margin:0;display:inline-block}.breadcrumb ul,.breadcrumb ol{padding:0;margin:0}.breadcrumb ul li,.breadcrumb ol li{display:inline-block;padding:0 8px}.breadcrumb ul li:after,.breadcrumb ol li:after{content:" >";padding-left:15px}.breadcrumb ul li:last-child:after,.breadcrumb ol li:last-child:after{display:none}.flexslider{border:0;max-width:100%;margin:0;overflow:hidden;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}.flexslider .slider-caption{top:5%;left:5%;width:90%;font-size:1em;position:absolute;z-index:99;text-align:left;line-height:150%;color:#fff;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}.flexslider .slider-title{font-size:1.5em;font-weight:600;color:#fff}.flexslider .slider-description{display:inline-block;clear:both}.flexslider .slides li{position:relative}.flexslider .slides li:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.5);-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;transition:all 2s}.flexslider .flex-direction-nav{display:none;position:absolute;top:50%;width:100%}.flexslider .flex-direction-nav li{list-style:none}.flexslider .flex-direction-nav a{font-size:0;padding:10px}.flexslider .flex-direction-nav a:before,.flexslider .flex-direction-nav a:after{color:#fff}.flexslider .flex-control-paging li a{width:8px;height:8px;display:block;background:#fff;cursor:pointer;text-indent:-9999px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.flexslider .flex-control-paging li a.flex-active{background:#c600ff}.flexslider .flex-control-nav{bottom:0}.navbar-toggle{cursor:pointer;float:right;background:none;border:0;padding:17px 0}.navbar-toggle:focus{outline:none}.navbar-toggle .fas{font-size:2em;color:#000;border:0;box-shadow:none}.navbar-toggle-close{position:absolute;right:0;padding:18px;font-size:2em;color:#f00;cursor:pointer;z-index:99}.navbar-default .navbar-toggle{z-index:999;margin-right:0;border:0;border-radius:0;color:#fff;background:none;padding:6px 6px}.navbar-default .navbar-toggle .icon-bar{display:block;width:35px;height:4px;border-radius:1px;background-color:#212020}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:none}nav h2{display:none}.menu-base-theme{background:none}.menu-base-theme ul{background:none}.menu-base-theme li a{font-family:"Poppins",sans-serif;color:#fff;line-height:100%;padding:24px 20px;font-size:1.1em}.menu-base-theme li a:hover,.menu-base-theme li a:focus,.menu-base-theme li a:active,.menu-base-theme li a.highlighted{background:none;color:#ffa6a5;line-height:100%;padding:24px 20px}.menu-base-theme li a.sub-arrow{color:#999;font-size:22px;padding:5px;border-radius:2px;border:1px solid #DCDCDC;background:#EFEFEF}.menu-base-theme li a span.sub-arrow{line-height:120%;font-size:2em}.region-primary-menu{width:100%;background:rgba(0,0,0,0.8);margin-bottom:15px;border-radius:0px;position:fixed;top:0;left:-100%;right:100%;bottom:0;width:auto;z-index:99;transition:all .5s}.region-primary-menu.expand{left:0;right:10%}.region-footer-menu ul{margin:10px 0;padding:0}.region-footer-menu nav li{display:inline-block}.region-footer-menu nav li a{display:block;padding:2px 15px 2px 0}.top-menu .top-blocks{overflow:hidden}.top-menu .top-blocks .region{padding:10px 10px 10px 0}.top-menu .top-blocks .social-media{padding:9px 0}.top-menu p,.top-menu .block{margin:0}.region-top-menu ul{margin:0;padding:0}.region-top-menu nav li{display:inline-block}.region-top-menu nav li a{padding:2px 10px;line-height:100%}.bd-example{position:relative;padding:20px;border:2px solid #f7f7f9;background:#ececec}.highlight{padding:20px;background-color:#ffffff}.highlight pre{border:0;background:none}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-type .table td{padding:15px 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.top-message{text-align:center}.topwidget{text-align:center}.topwidget .fa,.topwidget .fas{font-size:3em}.topwidget .topwidget-list .region .block{position:relative;background:#fff;padding:20px 20px;margin-bottom:30px;border:1px solid #eee;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}.topwidget .topwidget-list .region .block:hover{background:#ffd9d9;color:#000;transform:scale(1.1)}.topwidget .topwidget-list .region .block h2{margin-bottom:5px}.topwidget .topwidget-list .region .block p:last-child{margin:0}.topwidget ul{margin:0;padding:0}.topwidget ul li{list-style:none;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #dddddd42}.contact-message-feedback-form{margin:0 auto;background:#fff;border:1px solid #e8e8e8;padding:20px 30px}.contact-message-feedback-form .form-text,.contact-message-feedback-form .form-email,.contact-message-feedback-form .form-textarea{width:100%}.user-login-form,.user-form,.user-pass{max-width:500px;margin:40px auto;border:1px solid #e6e6e6;padding:5px 20px;background:#fdfdfd}.user-login-form .form-text,.user-login-form .form-email,.user-form .form-text,.user-form .form-email,.user-pass .form-text,.user-pass .form-email{width:100%}.form-composite>.fieldset-wrapper>.description,.form-item .description{color:#999;font-style:italic}.maintenance-page{background:url('../images/maintenance-bg.png?1532937786') #66CBFF center no-repeat;color:#fff;text-align:center;padding-top:220px;padding-bottom:100px;color:#000}.maintenance-page .brand,.maintenance-page .name-and-slogan{display:inline-block;vertical-align:middle}.maintenance-page .site-name a{color:#404040}.maintenance-page .site-slogan,.maintenance-page .name-and-slogan{display:none}.maintenance-msg{margin:20px 0;padding:20px 30px;display:inline-block;color:#404040;border:1px solid #fff;background:#f2f4cf;background:rgba(242,244,207,0.88);-moz-box-shadow:5px 5px 0px #fff;-webkit-box-shadow:5px 5px 0px #fff;box-shadow:5px 5px 0px #fff}.maintenance-msg h1{text-transform:uppercase;font-weight:bold}.path-user .profile>div{display:inline-block}.path-user .profile .label{display:block;color:#333}



body{
    background: white;
}
.trust-logo img {
    width: 300px !important;
    height: 300px !important;
}

.header .container .row {
    background-image: url(https://epanel.crudpixel.tech/sites/default/files/inline-images/main%20%281%29.gif);
    background-repeat: no-repeat;
    background-position: 8%;
    background-size: 104px;
    padding-bottom: 38px;
    position: relative;
}

.sticky-img {
  position: sticky;
  top: 20px; /* how far from top to stick */
  z-index: 1;
  display: block;
  width: 100%;
}

.main-content{
    background: white;
}

.top-message{
    background: white;
    border-bottom: 0;
    padding-top: 140px;
}
.banner.col-md-6 {
    padding: 0px !important;
}

h1{
    display: none;
}

.trust img {
    width: 250px;
    height: 250px;
}

.main-trust {
position: absolute;
top: 52%;
left: 17%;


}


/* Basic styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.carousel-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100vh;

}

.header .col-md-9{
    text-align: right;
}


.heading-banner {
    display: flex;
     gap: 20px;
     position: relative;
}


.banner{
    display: flex;
    gap: 10px;
    height: 80vh;
    
}

.banner h2{
    color: #003767;
    font-weight: 900;
    font-size: 70px;
    line-height: 80px;
    letter-spacing: normal;
    text-align: left;
    margin: 40px;
    margin-top: 80px;
    height: 170px;
    text-align: center;
}

.banner-left {
    /*width: 50%;*/
    background: #edf3f1;
    border-radius: 10px;
    position: sticky;
}

.banner-img{
    /*width: 50%;*/
    perspective: 1000px;
    overflow: hidden;
    border-radius: 10px;
}


label{
    font-size: 18px;
    font-weight: 600;
    color: #003767;
}


input{
    width: 100%;
      border: 0 !important;
    border-bottom: 1px solid black !important;
    
}

input:focus{
    outline: none;
    border: 0;
    border-bottom: 2px solid black;
}

textarea{
    width: 100%;
}

input#edit-submit {
    border-bottom: 0px !important;
}
textarea#edit-contactusquery {
    border: 0;
    border-bottom: 2px solid;
}





.card-speciality .child-image{
    overflow: hidden;
    border-radius: 10px;
}

.card-speciality .child-image img{
     transition: transform 0.5s ease-in-out;
}

.card-speciality .child-image img:hover{
  transform: scale(1.05); /* Scales the image by 1.2x */  
}

.banner-img img {
    border-radius: 10px;
      transition: transform 0.5s ease-in-out;

}

  .banner-img:hover img {
            transform: scale(1.05); /* Scales the image by 1.2x */
            border-radius: 10px;
        }
        
 .why-image{
      overflow: hidden;
    border-radius: 10px;
 }
        
 .why-image img{
      border-radius: 10px;
      transition: transform 0.5s ease-in-out;
 }
 
 .why-image:hover img{
      transform: scale(1.05); /* Scales the image by 1.2x */
            border-radius: 10px;
 }

.banner1{
    height: 100%;
    width: 100%;
    border-radius: 10px;
   position: relative;
    background-color: #dbf9ef;
background-image: linear-gradient(0deg, #dbf9ef 12%, #edf3f1 59%);

    
}
.banner2{
   height: 100%;
        width: 100%;
          position: relative;
      border-radius: 10px;
      background-color: #eecccc;
    background-image: linear-gradient(0deg, #eecccc 12%, #f3eded 59%);
}
.banner3{
  
        width: 100%;
      border-radius: 10px;
        position: relative;
      height: 100%;
background-color: #c3c9e1;
background-image: linear-gradient(0deg, #c3c9e1 12%, #edeef3 59%);



}




/*-------------------------------------carousel--------------------------------------------------------------*/





.carousel-wrapper {
  display: flex;
  /*width: 100%;*/
transition: transform 0.5s ease-in-out;

}

.carousel-slide {
 flex: 0 0 100%;
  min-width: 100%;


}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.prev, .next {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5); 
   color: #fff; 
  border: 2.5px solid #645f5f;
  /*padding: 2px 8px;*/
  cursor: pointer;
   border-radius: 50%; 
  z-index: 10;
  background: transparent;
  border-radius: 50%;
  width: 39px;
  color: #645f5f;
  font-weight: 900;
  font-size: 20px;
}

.prev {
  left: 80%;
}

.next {
   right: 15px; 
  left: 87%;
}
 .next:focus{
    outline: none;
    box-shadow: none;
}
 .prev:focus{
    outline: none;
    box-shadow: none;
}

/* Dots for Indicators */
.dots {
  text-align: center;
  margin-top: 10px;
}

/* .dot {*/
/*  height: 12px;*/
/*  width: 12px;*/
/*  margin: 0 5px;*/
/*  background-color: #bbb;*/
/*  border-radius: 50%;*/
/*  display: inline-block;*/
/*  cursor: pointer;*/
/*} */

/* .dot.active {*/
/*  background-color: #333;*/
/*} */

.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: none;
    border-bottom: 1px solid black;
    z-index: 1000;
}

.site-branding__name a {
    display: none !important;
}

ul#main-menu li:last-child a {
    margin-left: 90px;
    border: 1px solid;
    border-radius: 20px;
    padding: 10px;
    margin-top: 15px;
}

.region-primary-menu li a{
        color: black !important;
        font-size: 15px;
        font-weight: 500 !important;
    }
    

    
.region-header .brand a img {
    display: block;
    width: 60px;
    margin-top: 15px;
}



.region-header{
    padding: 0px;
}





/*-----------------------------------animation on image-----------------------------------------*/

.image-container {
  /*width: 150px; */
  /*height: 150px;*/
  /*position: relative;*/
  /*border-radius: 10px;*/
  /*left: 76%;*/
  /*top: 38%;*/
  width: 50%;
}

.hover-image {

    width: 150px;
    height: 150px;
    transition: transform 0.3s ease-in-out;
    position: absolute;
    top: 38%;
}

.image-container:hover .hover-image {
  transform: translateX(10px);
}

.image-container:hover:active .hover-image {
  transform: translateX(-10px);
}

.why .row {
    gap: 30px;
    flex-wrap: unset;
}

@keyframes dropFromTop {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.scroll-animate {
  opacity: 0;
  transform: translateY(-100px);
  transition: all 0.6s ease-out;
}

.scroll-animate.visible {
  animation: dropFromTop 0.8s ease-out forwards;
}



.why-us p{
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
   color: #003767;
}

.why-us h2,h4,h5{
    color: #003767;
}

.why-us h2{
    /*text-align: center;*/
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 0 0 76px 0;
}

.why h2{
   margin: 0 0 40px 0;
}

.why-us h4{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 26px;

}

.why-us li{
    font-size: 16px;
    line-height: 2;
    color: #003767;
    font-weight: 500;
}

.why-us ul{
    margin-top: 40px;
}

.healthcare h2{
    text-align: center;
}

p.healthcare-desc {
  width: 80%;
    margin: auto;
    text-align: center;
}
.panel-cover {
    border: 1px solid;
    border-radius: 10px;
    min-height: 242px;
 position: relative;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.panel-cover h2{
    margin: auto;
    text-align: center;
    margin: auto;
    text-align: center;
    position: absolute;
    font-size: 30px;
    margin-top: 210px;
    color: white;
    border: 2px solid;
    border-radius: 10px;
    padding: 0px 10px;
    
}

.query-connect {
    display: flex;
    justify-content: center;
    gap: 20px;
    color: #003767;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: -48px;
}


.panel-cover:hover {
  transform: scale(1.05);
 
}

.panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   backface-visibility: hidden;
  will-change: transform;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
}

.panel-cover:hover .panel-content {
  transform: rotateX(0deg);
}





.panel-cover h5{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}


h3.why-heading{
    background-color: #2b53a2;
    padding: 20px;
    color: white !important;
    text-align: center;
}
/*--------------------------------------------map asia css----------------------------------*/



h2.map-heading {
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 120px 0 76px 0;
} 

h3.map-text {
    color: #003767;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 36px 0;
}

#chartdiv {
  width: 100%;
  height: 500px;
  margin-bottom: 120px;
}

/*----------------------------------------------card speciality---------------------------------------*/

.card-speciality .grid-content {
  /* border: 2px solid black; */
  border-radius: 10px;
  padding: 10px;
  background:#e9edf0;
  margin-bottom: 20px;

  
}

.card-speciality .grid-content img {
  border-radius: 10px;
 
}

.card-speciality .speciality-heading {

    color: #003767;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 36px 0;
}

.speciality-btn{
  padding: 10px 10px 10px 0px;
}

.card-speciality .grid-content a {
  color: white !important;
  background: #0079c1;
  padding: 8px 16px;
  border-radius: 8px;
  line-height: 1.5;
}

.card-speciality .grid-content p{
    display: none;
}
.mobile .grid-content p {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: normal;
  font-weight: 400;
   color: #003767;
   display: block;
}


.card-speciality h2{
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 120px 0 76px 0;
}

.card-speciality h4{
     font-weight: 500;
     font-size: 33px;
}

.topwidget .topwidget-list .region .block:hover{
    background: none;
    transform: unset;
    
}

.topwidget{
    text-align: left;
    padding-top: 95px;
}


.topwidget .topwidget-list .region .block{
    border: 0;
}

.my-team img {
  /*border-radius: 10px;*/
      border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

.my-team .child-image{
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.my-team .child-image img{
     transition: transform 0.5s ease-in-out;
}

.my-team .child-image img:hover{
  transform: scale(1.05); /* Scales the image by 1.2x */  
}




.profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e9edf0;
    margin-top: -7px;
    margin-bottom: 7px;
    padding: 10px;
    /*border-bottom-left-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
}

.profile-text {
    margin: 10px;
}

.profile-text h4{
    margin: 0;
}
.profile-icon {
    margin-right: 10px;
}

.my-team h2{
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 0 0 76px 0;
}

.my-team p{
  margin: 0px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
  font-weight: 400;
   color: #003767;
}
.my-team h4{
    font-weight: 500;
    margin-bottom: 0px;
}

.project-report h4{
    font-weight: 500;
}


/*----------------------------------------hero banner---------------------------------------------------*/

.chart-map {
  display: flex;
  background-image: url("/sites/default/files/2025-03/map-with-users.gif");
  background-repeat: no-repeat;
  background-position: 450px;
  background-size: contain;
  height: 444px;

}

.hero-text{
  /*position: absolute;*/
  /*top:70%;*/
  text-align: left;
  width: 50%;
}

.hero-text span{
    color: #1c4c68;
}

.hero-text h2{
  color: #0079c1;
  line-height: 86px;
    font-size: 68px;
}





/*-----------------------------------------------------Project Report--------------------------------------------------------*/

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-left {
  animation: slideInFromLeft 1s ease-out forwards;
  opacity: 0; /* start hidden */
}
.map-heading.slide-in-left {
  animation-delay: 0.2s;
}

.map-text.slide-in-left {
  animation-delay: 0.5s;
}


.project-background {
       background: white;
       text-align: center;
}

.project-background h4{
    font-weight: 500;
    border: 2px solid;
    width: fit-content;
    MARGIN: AUTO;
    border-radius: 50%;
    padding: 25px 16px;
    background: #003767;
    color: white;
    margin-bottom: 20px;
}

.project-background li{
    list-style: none;
    color: #003767;
    font-size: 16px;
    font-weight: 400;
}

.owl-dot:focus{
    outline: none;
}


h2.project-heading {
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 0 0 76px 0;
}

.project-report li{
       font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
  font-weight: 400;
   color: #003767;
}

/*------------------------------------------------------footer---------------------------------------------------------*/




.footer-text {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    padding-left: 0px;
}

.footer-text div{
    list-style: none;
}

.footer-text a{
    color: #fff !important;
    font-size: 16px;
}

.footer-social {
    display: flex;
    /* justify-content: space-evenly; */
    gap: 20px;
  margin-top: 20px;
}

.region.region-footer-third {
    float: right;
}



.footer{
    padding: 0px;
    background: #0079c1;
}



.copyright .container{
    text-align: left;
    color: white;
    font-size: 16px;
}

.copyright{
    padding: 20px 0px;
    background: #0079c1;
}

/*--------------------------------------------------------about page-------------------------------------*/







.img-banner{
    overflow: hidden;
    border-radius: 10px;

}

.img-banner img{
     transition: transform 0.5s ease-in-out;
     border-radius: 10px;
}

.img-banner img:hover{
  transform: scale(1.05); /* Scales the image by 1.2x */  
  border-radius: 10px;
}


.highlighted {
    background: white;
    padding-top: 75px;
    
}
.topwidget .topwidget-list .region .block {
    padding: 20px 0px !important;
}

.about{
    display: flex;
    margin-top: 40px;
     height: 80vh;
}



.about-text.col-md-6 h2 {
    color: #003767;
    font-weight: 900;
    font-size: 70px;
    line-height: 80px;
    letter-spacing: normal;
    text-align: left;
    margin-top: 80px;
}


.about-decription {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
  font-weight: 400;
   color: #003767;
   margin: 110px 0px;
  
}




/*------------------------------------------------quaity page----------------------------------------------*/

.quality-box {

    border-left: 1px solid black;
    padding: 10px;
    min-height: 200px;
}

.quality-box h4 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}

.quality-box p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
    color: #003767;
}

.quality-page h2{
    
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
}

.quality-page h3{
    color: #003767;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
}

 .quality1 .row > .col:first-child {
    width: 66.67%; /* 9/12 columns = 75% */
    flex: 0 0 66.67%;
    max-width: 66.67%;
  }

 .quality1 .row > .col:last-child {
    width: 33.33%; /* 3/12 columns = 25% */
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }

/*------------------------------------------------Mobile and Speciality----------------------------------------------------------------------------*/

.mobile-heading {
    text-align: center;
    margin-top: 40px;
}

.mobile-heading h2 {
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    margin: 0 0 76px 0;
}

.mobile-heading h3{
    color: #003767;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 36px 0;
}




p.mobile-description {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
    color: #003767;
}

.mobile-specialty .grid-content{
    height: 150px;
}

h2.mobile {
    text-align: center;
    color: black;
    font-size: 32px !important;
    font-weight: 500;
}

.mobile-specialty h2 {
    text-align: center;
    color: black;
    font-size: 18px;
    font-weight: 500;
}

.mobile-specialty p {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

.container.mobile-specialty {
    float: left;
    background-size: cover;
    padding: 20px;
    background: url(https://e-panel.asia/themes/businessgroup_zymphonies_theme/images/mobile3.jpg);
    margin-bottom: 30px;
}

.mobile .grid-content .speciality-btn {
    display: none;
}

.mobile .grid-content {
    min-height: 490px;
}

/*---------------------------------------------------contact us------------------------------------------------*/

.add-container {
    display: flex;
}

h2.office {
    color: black;
    font-weight: 500;
}

.add-container a {
    color: black;
    font-weight: 400;
}

.add-container p {
    color: black;
    font-weight: 400;
}

.contact-leftImage img {
    border-radius: 10px;
      

}

h2.title{
    color: #003767;
    font-weight: 700;
}


.contact-us h2 {
    text-align: center;
    color: #003767;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.167;
    letter-spacing: normal;
    text-transform: none;
    /*margin-top: 120px;*/
}

.add-location {


    min-height: 200px;
    margin: auto;
    margin-top: 40px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.add-location p {
    width: 300px;
    color: #003767;
    font-size: 16px;
    font-weight: 400;
}

.add-location h3{
    color: #003767;
}

.add-map iframe {
    border-radius: 10px;
}

/*--------------------------------------------------------------------------------------------------*/


.home-demo .item {
  background: #ff3f4d;
}

.home-demo h2 {
  color: #FFF;
  text-align: center;
  padding: 5rem 0;
  margin: 0;
  font-style: italic;
  font-weight: 300;
}

.owl-prev span,
.owl-next span {
  font-size: 40px;
  font-weight: 500;
}

.owl-prev:focus,
.owl-next:focus {
  outline: none;
  box-shadow: none;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  width: 34px;
  height: 34px;
  border-radius: 50% !important;
  background-color: #333;
  color: #fff;
  border: none;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  margin: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  border: 2px solid gray !important;
}

.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: #555;
}

.owl-theme .owl-nav {
    display: none;
}



.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #0970CF;
}

/* Normal image scaling */
.owl-item > div img {
  align-self: center !important;
  transform: scale(0.90);
}

/* Remove transform on small screens */
@media (max-width: 575.98px) {
  .owl-item > div img {
    transform: none;
  }
}

/* Center item with larger scale and border radius */
.owl-item.active.center > div img {
  align-self: center !important;
  transform: scale(1);
  border-radius: 10px;
}

/* Remove transform on small screens for centered item */
@media (max-width: 575.98px) {
  .owl-item.active.center > div img {
    transform: none;
  }
}



/*-------------------------------------------------------------------------------------------------------------------*/

    .mobile-container {

      border-radius: 10px;
      overflow: hidden;
      position: relative;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    }

    .mobile-slides {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.6s ease-in-out;
    }

    .mobile-slide {
      min-width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 80px;
    }

 .mobile-slides p {
        font-size: 18px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
    color: #003767;
    margin-top: 20px;
}

.mobile-carousel{
        display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-slides h4{
     font-size: 32px;
    line-height: 1.5;
    font-weight: 500;
     color: #003767;
}

    .carousel1-dots {
      margin-top: 20px;
      display: flex;
      gap: 10px;
      justify-content: center;
      
    }

    .carousel1-dot {
      width: 12px;
      height: 12px;
      background-color: #bbb;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .carousel1-dot.active {
      background-color: #333;
    }
/*-----------------------------------------------------------------------------------------*/


        details {
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            overflow: hidden;
        }

        summary {
            padding: 10px;
            background-color: #f0f0f0;
            cursor: pointer;
            position: relative;
            list-style: none;
        }

        summary::-webkit-details-marker {
            display: none;
        }

        summary::after {
            content: '▼';
            position: absolute;
            right: 10px;
            transition: transform 0.3s ease;
        }

        details[open] summary::after {
            transform: rotate(180deg);
        }

        .content1 {
            background-color: #fff;
            border-top: 1px solid #ccc;
            padding: 0 10px;
            overflow: hidden;
            transition: height 0.3s ease-out;
        }
        
        
        .region-section {
      margin-bottom: 20px;
    }

    .region-title {
      padding: 10px;
      color: #fff;
      font-weight: bold;
    }

    .america-europe {
      background-color: #c82333;
    }

    .asia {
      background-color: #87cefa;
      color: #fff;
    }

    .middle-east {
      background-color: #ffc107;
      color: #fff;
    }

    .country-container {
      display: flex;
      flex-wrap: wrap;
      background-color: #002d72;
    }

    .country {
      flex: 1 1 120px;
      min-width: 100px;
      padding: 10px;
      color: #fff;
      text-align: center;
      border: 1px solid #fff;
      box-sizing: border-box;
    }

    @media (max-width: 768px) {
      .country {
        flex: 1 1 50%;
      }
    }


/*====================================media query==================================================================*/

@media (max-width:600px){
    .heading-banner {
    display: flex;
    flex-direction: column;
     gap: 0px;
}
    
    .region-header .brand{
        float: left;
    }
    
    .hover-image{
        left: 57%;
    }
    
    .hero-text h2 {
     
       line-height: 46px;
        font-size: 27px;
    }
    
    .why-us{
        margin: 0px !important;
    }
    
    .why .row{
        flex-wrap: wrap;
    }
    
    .healthcare .row {
    flex-direction: column;
    gap: 380px;
    margin-bottom: 500px !important;
    
}



.about{
    flex-direction: column;
    height: auto;
}

.about-text.col-md-6 h2 {
    margin-top: 0px !important;
}

.about-decription{
    margin-top: 0px !important;
}

.region-primary-menu li a {
    color: white !important;
}
.region-primary-menu li{
    text-align: left;
}

ul#main-menu li:last-child a{
    margin-left: 10px;
    border: 0px !important;
}

.top-message{
    padding: 10px;
    padding-top: 100px;
}

.main-div {
    margin: 0px !important;
}

.carousel-container{
    height: auto;
}

.prev {
    left: 75%;
}

.healthcare h2{
    text-align: left;
}

p.healthcare-desc{
    width: 100%;
    text-align: left;
}

.card-speciality h2{
    text-align: left;
}

.card-speciality .speciality-heading{
    text-align: left;
}

h2.map-heading.slide-in-left {
    text-align: left;
}
h3.map-text.slide-in-left {
    text-align: left;
}

  .quality1 .row > .col {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  .mobile-slide{
      padding: 10px 80px;
  }
  
  .region-primary-menu.expand {
    left: 0;
    right: 0%;
    background: white;
    height: 100vh;
    
}

.region-primary-menu li a{
    font-size: 18px;
    color: black !important;
}

.fa-times:before {
    content: "\f00d";
    color: black;
    font-size: 23px;
}

.main-trust{
    top: 35%;
}

.trust img {
    width: 150px;
    height: 150px;
}

.why-us h4{
    text-align: center;
    /*margin-top: 250px;*/
}

.healthcare .row > .col-md-3:first-child {
    height: 100px !important;
    min-height: 0 !important;
    /* background: red !important; */
    margin: auto;
    text-align: center;
}


   
}