*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Roboto', sans-serif;
}
p{
    margin-bottom: 0;
}
body{
    color: #0F5167;
}
a{
    text-decoration: none;
}
.mr-2{
    margin-right: 10px;
}
/*Simeller Color*/
.cta:hover,  .cta1:hover, .team-member button:hover {
    background: #0F5167;
}
.ctb:hover, .ctb1:hover{
    background: #42e4ff;
}
.mybg-dark{
    background: #0F5167;
}
.single-box-2,
.single-box-3
{
    background: #0F5167;
}
.maxSize{
    max-width: 1350px;
    margin: 0 auto;
}
/*TOP HEADER AREA*/
/*DROPDOWN MENU*/

li.hover-me:hover .dropdown-content{
    display: block;
}

.dropdown-content li a:hover{
    background-color: #153752;
    color: #fff !important;
}
ul.dropdown-content li a{
    background: #e7f1f8;
    display: block;
    color: #0F5167;
    padding: 12px 20px;
}
ul.dropdown-content li {
    display: block;
    font-size: 18px;
}

.dropdown-content {
    padding-top: 30px;
    position: absolute;
    display: none;
    width: 250px;
}

.top_header {
    background: #ffffff;
    color: #0F5167;
}
p.top_header_text {
    font-size: 13px;
}
.call-action {
    float: right;
    color: #717171;
    font-size: 13px;
}
p.f-header-text {
    font-size: 13px;
    color: #717171;
}
.first-header {
    padding: 10px;
    background: #efefef;
}
.top_header-border {
    padding: 10px 0;
    /*border-bottom: 1px solid gray;*/
    padding-bottom: 0;
}
.div-1 {
        width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-content: flex-end;
}
.div-2 {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
/*HEADER AREA*/
header {
    background: #ffffff;
    position: sticky;
    top: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    z-index: 3;
}
.header-content{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 25px 0;
}
.logo{
    cursor: pointer;
    width: 200px;
    margin-right: auto;
}
.log-header{
    display: none;
}
.nav__links{
    list-style: none;
    margin-bottom: 0;
        margin-right: 20px;
}
.nav__links li{
    display: inline-block;
    padding-right: 8px;
}
.nav__links li a{
    transition: all 0.3s ease 0s;
    font-size: 13px;
    color: #0F5167;
    font-weight: 600;
    text-decoration: none;
}
.nav__links li a:hover {
    color: #28a745;
    text-decoration: none;
}
a.cta {
    font-size: 14px;
    background: #34C2DA;
    padding: 7px 14px;
    margin-right: 8px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    transition: .3s;
}
a.cta-01 {
    font-size: 16px;
    background: #34C2DA;
    padding: 30px 100px;
    margin-right: 8px;
    font-weight: 600;
    color: #fff;
    border-radius: 100px;
    transition: .3s;
}
a.cta-01:hover{
    text-decoration: none;
    background: #42e4ff;
}
a.ctb {
    font-size: 14px;
    background: #34C2DA;
    padding: 7px 25px;
    /*margin-bottom: 10px;*/
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    transition: .3s;
}
.cta:hover, .ctb:hover{
    text-decoration: none;
}

a.cta1 {
    font-size: 11px;
    background: #34C2DA;
    padding: 10px 12px;
    margin-right: 8px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 2px;
    transition: .3s;
}
a.ctb1 {
    font-size: 11px;
    background: #0F5167;
    padding: 10px 12px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 2px;
    transition: .3s;
}
.cta1:hover, .ctb1:hover{
    text-decoration: none;
}



.sidebar {
    position: fixed;
    width: 100%;
    height: 100vh;
    background:#b5ccbc;
    visibility: hidden;
    transform: translateX(-400px);
    left: 0;
    top: 0;
    opacity: 0;
    transition:all .2s !important;
}
.sidebar-logo-div{
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.sidebar-logo-div img{
    width: 100px;
}
.sidebar ul{
    background: #f7f7f7;
    height: 100%;
    width: 100%;
    list-style: none;
    padding: 0;
}
.sidebar ul li a{
    padding-left: 0px;
    color: #475a60;
}
.sidebar ul ul{
    padding-top: 0px !important;
}
.sidebar ul ul ul{
    padding-top: 0px !important;
}
.sidebar ul ul ul li a{
    padding-left: 50px;
}
.sidebar ul li{
    line-height: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: inherit;
    padding-right: 0;
}
.sidebar ul li:first-child {
    background: #34C2DA;
}
.sidebar ul li:first-child a{
    color: #fff;
}
.sidebar ul li:first-child a i{
    color: #fff;
    font-size: 18px;
}
.sidebar ul li a:hover{
    color: #475A5F;

}
.sidebar ul li a {
    text-decoration: none;
    font-size: 14px;
    padding-left: 25px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #0F5167;
    text-transform: ;
}
.sidebar ul li.active{
    border-left: 2px solid #90CCE6; 
}
.sidebar ul li.active a{
    color: #90CCE6; 
}
.sidebar ul ul{
    position: static;
    display: none;
}
.show{
    display: block !important;
}

.sidebar ul ul li{
    line-height: 40px;
    border-bottom: none;
}
.sidebar ul ul li a {
    font-size: 14px;
    letter-spacing: 1px;
    border-left: 4px solid #e3e3e3;
}
.sidebar ul li ul .link-holder{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar ul li .link-holder{
    position: relative;
}
.sidebar ul li .link-holder span {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    font-size: 22px;
    transition: .4s;
    color: #475a60;
    width: 100%;
    text-align: right;
}
.fa-caret-down::before {
    content: "\f0d7";
    line-height: 1.7;
    margin-left: 13px;
    color: #475a60;
}
.h-1 {
    position: absolute;
    top: 50%;
    left: 10px;
    display: none;
    transform: translateY(-50%);
}
#humbarger {
    position: relative;
    display: inline-block;
    padding: 6px;
    color: #0F5167;
    cursor: pointer;
    margin-top: 5px;
}
#humbarger i{
    font-size: 24px;
}
#humClose {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin: 0;
        margin-left: 0px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    float: right;
    padding-top: 0;
    padding-right: 30px;
}
#humClose i{
    padding-right: 10px;
}
.open {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translate(0px) !important;
    overflow-y: scroll;
    display: block !important;
}
/*HEADER END*/

/*SLIDER AREA*/
/*.single-slider{
    background-image: url(assets/img/s1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}*/
.caption{
    padding: 25% 0px;
}
.sliderImage img{
    width: 100%;
}
.single-slider2{
    background-image: url(assets/img/s2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.single-slider3{
    background-image: url(assets/img/s3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.first-cap {
    margin-bottom: 40px;
}
.first-cap .t1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #0F5167;
    text-align: center;
}

.second-cap p {
    margin-bottom: 25px;
    color: #fff;
}
.cap-links {
    font-size: 16px;
    font-weight: 500;
    margin-top: 80px;
    text-align: center;
}
.cap-links a{
    color: #0F5167;
}
.to-btn {
    padding-top: 18px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.header-slider{
    position: relative;
}
.t2 {
    font-size: 24px;
    font-weight: 500;
    color: #0F5167;
    text-align: center;
}
.prevBtn {
    background: #fff;
    display: inline-flex;
    padding: 10px 13px;
    color: #c5c5c5;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -50px;
    z-index: 1;
    transition: .3s;
}
.prevBtn:hover, .nextBtn:hover{
    background: #f3f3f3;
}
.nextBtn{
    background: #fff;
    display: inline-flex;
    padding: 10px 13px;
    color: #c5c5c5;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    z-index: 1;
    transition: .3s;
}

/*CTA AREA*/
.single-box-1 {
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    width: 100%;
    background: #34C2DA;
}
.single-box-3{
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    width: 100%;
}
.single-box-2 {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    width: 100%;
}
.single-box-4{
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
    width: 100%;
    background: #34C2DA
}
.cta-box {
    display: inline-flex;
    width: 90%;
    margin: auto;
}
.box-content {
        padding: 50px 10px;
        padding-bottom: 70px;
    text-align: center;
    color: white;
}
.box-content .icon i {
    font-size: 70px;
    color: white;
}
.box-content .icon i {
    font-size: 50px;
    color: white;
}
.box-content .text h3{
    font-size: 16px;
    font-weight: 900;
    margin: 0;
}
.cP-1{
    margin-bottom: 15px;
}
.text {
    margin-top: 20px;
}
.box-content .text p{
    font-size: 13px;

}
.more-text-btn {
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0);
    transition: .5s;
}
.more-text-btn a{
    font-size: 12px;
    background: #22adc2;
    color: white; 
    transition: .3s;
    padding: 4px 30px;
}
.single-box-1 .box-content .text .more-text-btn a:hover,
 .single-box-4 .box-content .text .more-text-btn a:hover{
    background: #153752 !important;
}
.single-box-2 .box-content .text .more-text-btn a:hover,
 .single-box-3 .box-content .text .more-text-btn a:hover{
    background: #0F5167 !important;
}
.more-text-btn a:hover{
    text-decoration: none;
}
.box-content:hover .more-text-btn {
    visibility: visible;
    opacity: 1;
    transform:translateY(-10px);
}
.single-box-1 .box-content .text .more-text-btn a{
    background: #0F5167;
    border-radius: 2px;
}
.single-box-2 .box-content .text .more-text-btn a{
    background: #34C2DA;
    border-radius: 2px;
}
.single-box-4 .box-content .text .more-text-btn a{
    background: #0F5167;
    border-radius: 2px;
}
.single-box-3 .box-content .text .more-text-btn a{
    background: #34C2DA;
    border-radius: 2px;
}
.slider{
    position: relative;
}
.cta-1 {
    position: absolute;
    z-index: 1;
    bottom: -100px;
    width: 100%;
}
.cta-1 .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.cta-box .col-lg-3{
    padding: 0 !important;
}
.cta-box .col-6{
    padding: 0 !important;
}

section#header-slider-wapper {
    position: relative;
}
/*MAN INFO*/
.main-info{
    background-color: #f3f3f3;
    padding-top: 60px;
    margin-top: -24px;
}
.high-pad {
    margin-top: 200px;
    padding-bottom: 60px;
}
.high-pad1 {
    margin-top: 200px;
    padding-bottom: 60px;

}
.info-header h1{
    font-size: 39px;
    font-weight: 900;
}
.info-header ._p1{
    padding-top: 8px;
    font-size: 18px;
}
.info-header p{
    line-height: 1.5;
    padding: 16px 0px;
    font-size: 14px;
}
.last-main-info p{
    font-size: 14px;
}
div#middle-div {
    margin-bottom: 60px;
}
.modern{
    width: 37%;
    font-size: 19px;
    float: left;
}
._hr {
    width: 60%;
    height: 1px;
    background: black;
    float: left;
    margin-top: 13.5px;
}
.last-main-info p{
    padding-bottom: 20px;
    margin-bottom: 0;
}

.s-btn button {
    background: #34C2DA;
    color: #fff;
    padding: 8px 20px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    position: relative;
    padding-left: 55px;
    transition: .3s;
    overflow: hidden;
}
.s-btn button:hover{
    background: #0F5167;
}

.s-btn button i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 14px 15px;
    background: #0F5167;
    left: 0;
}
.last-main-info  a:hover{
    text-decoration: none;
    background: #76c04e;
}

.img-div{
  background-image: url(assets/img/ledydoctor.jpeg);
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 460px;

}
.right-div-text {
    background: #0F5167;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 20px;

}
.right-div-text h4{
    font-size: 15px;
    margin: 0;
    font-weight: 800;
}
.right-div-text p{
    font-weight: 300;
}
.moreBtn {
    margin-top: 10px;
    transform: translateY(2px);
    display: inline-block;
    transition: .4s;
    height: 0px;
    overflow: hidden;
}
.img-div:hover .moreBtn{
    visibility: visible;
    height: 25px;
}
.moreBtn a {
    color: #fff;
    background: #34C2DA;
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 2px;
    transition: .3s;
    text-decoration: none;
}
.moreBtn a:hover{
    background: #0F5167 !important;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #0F5167;
    text-decoration: none;
}
footer.page-footer {
    line-height: 1.7;
    font-size: 13px;
    padding: 30px 0;
    background: #0F5167;
    border-top: 1px solid #104658;
}
footer.page-footer p{
    padding: 40px 0;
    color: #0F5167;
}
.footer-copyright {
    background: #34C2DA;
}
.copyright-texts{
    text-align: right;
}
.social i {
    color: #fff;
    padding: 8px;
    background: #34C2DA;
    font-size: 14px;
}
.deep-colors-1 a{
    color: rgba(255,255,255,.6) !important;
}
.color-one {
    background: #fff;
}
.rev-logo {
    max-width: 80px;
    display: none;
}
.light-text{
    color: rgba(255,255,255,.6);
    font-size: 14px;
    text-transform: initial;
    font-weight: 400;
}
.day-title {
    width: 70px;
    margin: 0 20px 0 0;
    display: inline-block;
}
.uniqueColor{
    /* background: #ffffff; */
    overflow: hidden;
}
/*TEAM CARD */

.teamCardHead img{
    width: 100%;
    border: 5px solid gray;
    border-radius: 50%;
}

.sec-title h2{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: relative;
    color: #fff;
}

.sec-title p {
    font-size: 18px;
    text-align: center;
    width: 63%;
    margin: 0 auto;
    color: #34C2DA;
    margin-bottom: 70px;
}
/*Team Section Area Start*/
.team-wrapper{
    background-color: #e7f1f8;
}

.team-wrapper .sec-title span{
    display: block;
    text-align: center;
    color: #0F5167;
}
.team-member button {
    margin: 20px 0;
    border: none;
    width: 100%;
    padding: 8px 0px;
    background: #34C2DA;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    outline: none;
    transition: .3s;
}
.team-member{
    margin-bottom: 30px;
}
.img-circle {
    border: 1px solid rgba(0, 0, 0, 0.15);
    transition: .3s;
}
/*img.img-circle:hover {
    border-radius: 0;
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}*/
.subsection-title {
    margin-top: 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.team-member .post {
    color: #34C2DA;
    font-weight: 400;
    font-size: 14px;
    display: none;
    margin-bottom: 20px;
}
.team-member p {
    font-weight: 300;
    font-size: 14px;
}
.social-icons {
    margin-top: 1.5em;
    padding: 0;
}
.social-icons li {
    display: inline-block;
}
.social-icons li a {
    display: block;
    text-decoration: none;
    border-radius: 50%;
    background-color: #bdd1df;
    height: 32px;
    line-height: 32px;
    margin: 0 3px;
    width: 32px;
    color: #fff;
    transition: all ease .3s;
}
.social-icons .icon-facebook:hover {
    background: #4c66a4;
    color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-icons .icon-twitter:hover {
    background: #2ca8d2;
    color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-icons .icon-linkedin:hover {
    background: #399bdc;
    color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-icons .icon-mail-alt:hover {
    background: #738a8d;
    color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.social-icons li a:hover {
    background-color: #acc5d7;
}
.team-member img {
    width: 100%;
}
.sec-padding {
    padding: 5.5em 0;
}
/*TESTIMONIAL AREA*/

.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/
.testimonial .sec-title{
    color: #fff;
}
.testimonial .sec-title p {
    color: #fff;
}
.testimonial .sec-title h2:after{
    background-color: rgb(239 239 239 / 55%);
}
.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: url(assets/img/testimonial.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
    background-attachment: fixed;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 20s cubic-bezier(0.3,1,0,1);
  transition: all 20s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.7;
    margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
}

.testimonial .carousel {
    padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
/* ------testimonial  close-------*/
/*Team Section Area End*/
.about-img {
    background-image: url(assets/img/services-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;
}
.faqs-img {
    background-image: url(assets/img/faqs-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;
}

.about-img h1 {
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 15%;
    left: 10%;
}
.b-white {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #fff;
}
.b-white2 {
    position: absolute;
    bottom: 20%;
    right: 120px;
    width: 60px;
    height: 60px;
    background: #ffffff9e;
}
.b-white3 {
    position: absolute;
    bottom: 40%;
    right: 180px;
    width: 50px;
    height: 50px;
    background: #ffffff9e;
}
.about-text h1 {
    font-size: 24px;
    margin: 30px 0;
    position: relative;
    font-family: 'Roboto', sans-serif;
    color: #0F5167;
}
.about-text h1::after{
    content: '';
    width: 45px;
    height: 2px;
    background:#0F5167;
    position: absolute;
    top: -30px;
    left: 0; 
}
.about-text {
    padding: 20px 0;
    color: #0F5167;
    font-family: 'Roboto', sans-serif;
}
.about-text p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #0F5167;
}
.about-doctor-img {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.white-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
}
.white-box1 {
    position: absolute;
    bottom: 100px;
    right: 100px;
    width: 50px;
    height: 50px;
    background: #ffffff73;
}
section.small-news {
    margin: 100px 0;
    position: relative;
    margin-top: 300px;
}
.gray-bg {
    width: 100%;
    background: #f7f7f7;
    height: 360px;
}
section.small-news .container {
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
}

/*MAP AREA STRAT*/
section.get-direction-map {
    position: relative;
    background-color: #fff;
    width: 100%;

}
.get-direction {
    position: absolute;
    top: 0;
    right: 10%;
    color: #34C2DA;
}
.direction-box {
    background: #fff;
    padding: 0 10%;
    display: inline-table;
    width: 400px;
    padding-top: 100px;
}
.direction-box h4 {
    font-size: 18px;
    position: relative;
    color: #0F5167;
}
.direction-box h4::after{
    content: '';
    width: 50px;
    height: 3px;
    background: #0F5167;
    position: absolute;
    top: -37px;
    left: 0;
}
.direction-box label {
    display: block;
    font-size: 14px;
    margin-bottom: 0;
}
.direction-box input {
    width: 100%;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 4px 10px;
    margin: 20px 0;
    outline: none;
    font-size: 14px;
}
.direction-box a{
    display: block;
}
.direction-box a button {
    font-size: 14px;
    background: #34C2DA;
    padding: 7px 25px;
    margin-right: 8px;
    font-weight: 600;
    border: none;
    color: #0F5167;
    margin-bottom: 40px;
    border-radius: 40px;
    transition: .3s;
}
.direction-box a button:hover{
    background-color: #42e4ff;
}
/*MAP AREA END */

/*SERVICES PAGE AREA STRAT*/
section.our-services .sec-title {
    margin-top: 80px;
}
.compare-title {
    text-align: center;
    font-size: 20px;
    color: #34C2DA;
    margin-bottom: 50px;
    position: relative;
}
.compare-title span{
        display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 0 10px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.compare-title:after {
    height: 4px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
    background: rgba(0, 0, 0, 0.15);
}
p.card-text {
    font-size: 14px;
}
h5.card-title {
    font-size: 18px;
}
.card img{
    transform: scale(1);
    transition: .3s;
}

.card{
    border: none !important;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    overflow: hidden;
    transition: .3s;
}
.card:hover{
    transform: translateY(-20px);
}
.card:hover img{
    transform: scale(1.1);
}
/*SERVICES PAGE AREA END*/
 :focus, :active { outline:0; }

        #accordion, #accordion1, #accordion2 { 
            width:100%; 
            margin:0 auto; 
            color:#0F5167; 
        }

        #accordion h3, #accordion1 h3, #accordion2 h3 {
    padding: 10px;
    margin: 3px 0;
    cursor: pointer;
    font-size: 13px;
    background: #eaeaea;
    color: #0F5167;
    overflow: hidden;
    font-weight: 400;
}
        #accordion div, #accordion1 div, #accordion2 div {
            
            padding:10px; 
            border:solid 1px #F6F6F6; 
            height:auto;
        }
        #accordion div p b, #accordion1 div p b, #accordion2 div p b {
    text-align: left;
    float: left;
}
#accordion div p, #accordion1 div p, #accordion2 div p {
    margin: 5px 0;
    font-size: 13px;
    padding: 0 10px;
    overflow: hidden;
    text-align: left;
}       
        #accordion h3 .fas, #accordion1 h3 .fas, #accordion2 h3 .fas{
            float: right;
        }
        .fa-minus{
            display: none;
        }
        #accordion h3:hover .fa-minus{
            display: block;
        }
        #accordion h3:hover .fa-plus{
            display: none;
        }
        #accordion div p span {
            display: block;
            float: right;
        }
        
        #accordion1 h3:hover .fa-minus{
            display: block;
        }
        #accordion1 h3:hover .fa-plus{
            display: none;
        }
        #accordion2 h3:hover .fa-minus{
            display: block;
        }
        #accordion2 h3:hover .fa-plus{
            display: none;
        }
        .main-according{
            margin: 100px 0 60px 0;
        }
        .acc-title h1 {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    color: #0F5167;
    font-weight: 400;
}
        .acc-title h1::after{
            content: '';
            width: 45px;
            height: 2px;
            background: #0F5167;
            position: absolute;
            top: -30px;
            left: 0;
        }
/*CONTACT*/
.contact{
    padding: 100px 0;
    color: #0F5167;
}

.contact-from {
    padding: 20px;
    margin-top: 20px;
}
.from-title h1{
    font-size: 24px;
    position: relative;
    margin-top: 30px;
    font-weight: 400;
}
.from-title h1::after {
    content: '';
    width: 45px;
    height: 2px;
    background: #0F5167;
    position: absolute;
    top: -30px;
    left: 0;
}
.from-title p {
    font-size: 12px;
    font-weight: 400;
    color: #34C2DA;
    margin-bottom: 20px;
}
input.first-name {
    width: 48%;
    border: none;
    padding: 7px 10px;
    float: left;
    font-size: 12px;
}
input.last-name {
    width: 48%;
    border: none;
    padding: 7px 10px;
    float: right;
    font-size: 12px;
}

input.email {
   width: 100%;
    border: none;
   padding: 7px 10px;
    font-size: 12px;
    margin-top: 15px;
}
input.phone {
    width: 100%;
    border: none;
   padding: 7px 10px;
    font-size: 12px;
   margin-top: 15px;
}
input.subject {
    width: 100%;
    border: none;
   padding: 7px 10px;
    font-size: 12px;
    margin-top: 15px;
}
textarea.comment {
    width: 100%;
    border: none;
    padding: 7px 10px;
    font-size: 12px;
    margin-top: 15px;
}

label.check {
    position: relative;
    padding-left: 25px;
    margin: 20px 0;
}
label.check input{
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 2px;
}
form label {
    font-size: 12px;
}
form label span {
    color: #34C2DA;
}
button.send-btn {
        font-size: 14px;
    background: #34C2DA;
    padding: 7px 14px;
    margin-right: 8px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    border: none;
    transition: .3s;
}
.contact .row {
    padding: 0 15px;
}
.contact-info{
    background-image: url(assets/img/contact-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px;
    margin-top: 20px;
    background: #34C2DA;
}
.contact-info-title h1 {
    position: relative;
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 40px;
    font-weight: 400;
}
.contact-info-title h1::after{
    content: '';
    width: 45px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: -30px;
    left: 0;
}
.contact-info-title a {
    font-size: 13px;
    color: #fff;
    display: block;
    margin-top: 10px;
    position: relative;
    padding-left: 30px;
}
.contact-info-title a i{
    position: absolute;
    top: 3px;
    left: 0;
}
.contact-info-title p {
    font-size: 13px;
    color: #fff;
    position: relative;
    padding-left: 30px;
}
.contact-info-title p i{
    position: absolute;
    top: 3px;
    left: 0;
}
.white{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 35%;
    background: #fff;
}
.with1{
    position: absolute;
    bottom: 0;
    right: 25%;
    height: 20%;
    width: 15%;
    background: #ffffff73;
}
.offset-lg-1 {
    margin-left: 1.333333%;
}
.open-title {
    margin-top: 80px;
}

.open-title h1 {
    position: relative;
    font-size: 24px;
    color: #0F5167;
    margin-bottom: 20px;
    font-weight: 400;
}
.open-title h1::after{
    content: '';
    width: 45px;
    height: 2px;
    background: #0F5167;
    position: absolute;
    top: -30px;
    left: 0;
}
.about-img {
    background-image: url(assets/img/services-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;

}
.info-img {
    background-image: url(assets/img/services-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;

}
.colsultants-img {
    background-image: url(assets/img/services-img.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 300px;

}
.about-img h1, .info-img h1, .colsultants-img h1, .faqs-img h1  {
    font-size: 40px;
    color: #fff;
    position: absolute;
    bottom: 13%;
    left: 7%;
}
.about-doctor-img img {
    width: 100%;
}
.b-white {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #fff;
}
.b-white2 {
    position: absolute;
    bottom: 20%;
    right: 120px;
    width: 60px;
    height: 60px;
    background: #ffffff9e;
}
.b-white3 {
    position: absolute;
    bottom: 40%;
    right: 180px;
    width: 50px;
    height: 50px;
    background: #ffffff9e;
}
.about-text h1 {
    font-size: 24px;
    margin: 50px 0 20px;
    position: relative;
    font-weight: 400;
}
.about-text h1::after{
    content: '';
    width: 60px;
    height: 3px;
    background: #0F5167;
    position: absolute;
    top: -40px;
    left: 0;
}
.about-text {
    padding: 20px 0;
    color: #0F5167;

}
.about-text p {
    font-size: 14px;
    margin-bottom: 10px;
}
.about-doctor-img {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.white-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: #fff;
}
.white-box1 {
    position: absolute;
    bottom: 100px;
    right: 100px;
    width: 50px;
    height: 50px;
    background: #ffffff73;
}
section.small-news {
    margin: 10rem 0;
    position: relative;
    margin-top: 300px;
}
.gray-bg {
    width: 100%;
    background: #f7f7f7;
    height: 360px;
}
section.small-news .container {
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
}
.news-box .insight, .news-box span{
    font-size: 14px;
    font-weight: 300;
    padding:15px 15px 0 15px;
}
.news-box p{
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
}
.news-box span{
    padding-top: 0;
}
.news-box span{
    font-size: 14px;
    font-weight: 400;
    padding:0 15px;
}
.news-box h4{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
    padding:0 15px ;
}
.news-box img{
    width: 100%;
    margin-top: 10px;
    
}
.news-box{
    box-shadow: 0px 0px 1px #737373;
    margin: 20px 0;
    
    background-color: #fff;
}
.insight{
    color: #34C2DA;
    font-size: 13;
    font-weight: 300;
    margin-bottom: 5px;
}
/*CONTACT US PAGE START*/
section.contact-us .sec-title {
    margin-top: 80px;
}
section.contact-us .sec-title p{
    width: 70%;
}
.contact-us .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.lstt{
        margin-top: 3rem !important;
    }
.d-sm-none {
    display: unset; !important;
}
@media screen and (max-width: 1200px){
    
    .first-cap .t1 {
    font-size: 28px;
    }
    .first-cap .t2 {
    font-size: 18px;
    }
    .second-cap p {
    font-size: 13px;
    }
}
/*RESPONSIVE AREA START*/
@media screen and (max-width: 992px){
    .first-header{
        display: none;
    }
    .rev-logo {
    max-width: 180px;
    display: block;
    }
    .logo{
        display: none;
    }
    .cta{
        display: none;
    }
    a.ctb{
        margin-left: auto;
    }
    .h-1 {
    display: block !important;
    }
    .header-nav nav{
        display: block;
    }
    .cta-1{
        position: unset;
    }
    .cta-box {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    }
    .single-box-2, .single-box-1, .single-box-4, .single-box-3{
        clip-path: none;
    }
    .high-pad {
    margin-top: 50px;
    }
    .high-pad1{
        margin-top: 0;
    }
    .call-action{
        display: none;
    }
    .box-content {
    padding: 50px 30px;
    }
    .main-info{
        padding-top: 0;
        margin-top: 50px;
    }
    .caption {
    padding: 5% 0px;
    padding-bottom: 0;
    }
    .sec-title p{
        width: 100%;
    }
}
@media screen and (max-width: 792px){
    .caption {
    width: 100%;
    }
    .caption {
    padding: 5% 0px;
    padding-bottom: 0;
    }
    ._hr{
        width: 50%;
    }
    .modern {
    width: 50%;
    font-size: 14px;
    }
    .img-div .moreBtn {
    visibility: visible;
    height: 25px;
    margin-bottom: 20px;
    margin-top: 0;
    }
    .lstt{
        margin-top: 0 !important;
    }
    .high-pad{
        margin-top: 0;
    }
    .get-direction{
        display: none;
    }
    .log-header{
    display: block;
    text-align: center;
    padding: 10px 0;
    }
    .log-header img{
        max-width: 200px;
    }
}

@media screen and (max-width: 576px){
    .main-scroll-overlay{
        margin-top: 15px !important;
    }
    .box-content{
        padding: 20px;
    }
    .box-content .icon i{
        font-size: 50px;
    }
    .box-content .text h3 {
    font-size: 13px;
    font-weight: 600;
    }
    .box-content .text p{
        font-size: 11px;
    }
    .more-text-btn {
    visibility: visible;
    opacity: 1;
    transform: translateY(-10px);
    }
    ._hr{
        display: none;
    }
    .modern {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    }
    .more-text-btn a {
    font-size: 11px;
    padding: 4px 14px;
    }
    .caption {
    padding: 25% 0px;
    }
    .prevBtn{
        left: 20px;
    }
    .nextBtn{
        right: 20px;
    }
    .prevBtn, .nextBtn{
        top: 25%;
    }

}
@media screen and (max-width: 568px){
    
}
@media screen and (max-width: 450px){
    .cta-box {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    }
    .first-cap .t1 {
    font-size: 32px;
    line-height: 0px;
    }
    .first-cap .t2 {
    font-size: 18px;
    }
    .second-cap p {
    font-size: 14px;
    margin-bottom: 0;
    }
    .sec-title h1 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    position: relative;
    }
    .sec-title p {
    width: 100%;
    font-size: 14px;
    }
    .d-sm-none {
    display: none !important;
    }
    .to-btn {
    display: grid;
    }
    a.cta1{
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    a.ctb1{
        text-align: center;
    }
    .box-content{
        padding: 40px 20px;
    }
    .box-content .icon i {
    font-size: 35px;
    }
    .text {
    margin-top: 10px;
    }
    .info-header h1{
        font-size: 25px !important;
    }
    .info-header ._p1, .info-header p{
        font-size: 13px !important;
    }
    .info-header p{
        padding-bottom: 0;
    }
    .cta-box {
    display: grid;
    width: 100%;
    grid-template-columns: auto;
    }
    
    div#middle-div {
    margin-bottom: 10px;
    margin-top: 30px;
    overflow: hidden;
    }
    .high-pad{
        margin-top: 50px;
    }
    .high-pad1{
        margin-top: 0;
    }
}


.single-slider {
    background-image: url(assets/img/bermix-studio-nZZfP9.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.single-slider .ovf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff91;
}

.single-slider .caption{
    position: relative;
    z-index: 1;
}
.contact-page {
    position: relative;
    padding: 30px 0 60px;
}
/*FORM*/
.contact {
    position: relative;
}
.page-wrapper {
    grid-gap: 0;
    display: grid;
    position: relative;
    grid-template-columns: 3fr minmax(0,1fr);
    grid-template-rows: 1fr;
}
.page-wrapper__main {
    background: #fff;
    overflow: hidden;
}
.contact-from {
    padding: 30px !important;
}

.from-title h2 {
    margin: 30px 0 10px;
    padding: 0;
    font-weight: 400;
    color: #22404a;
    letter-spacing: normal;
    line-height: 1.2;
    position: relative;
}
p i.fa-file-download {
    margin-right: 5px;
}
a.download, i.fa-file-download {
    color: #888888;
}
.form-heading {
    background: #f3f3f3;
    padding: 20px 20px;
    color: #052755;
    text-transform: uppercase;
    font-size: 20px;
    margin-left: -20px;
    margin-right: -20px;
}
.form-control {
    font-size: 16px;
    border: 1px solid #34C2DA;
    border-radius: unset;
    color: #34C2DA;
    padding: 20px 15px;
    background: #0b3c4c;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.form-check-input:checked {
    background-color: #005C97;
    border-color: #005C97;
}
button:focus{
    outline: none;
}
.hide{
    display: none;
}
input[type=date], input[type=time] {
    color: #91979d !important;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}

@media screen and (max-width: 992px){
    .contact-from {
      padding: 30px 0 !important;
    }
    .form-heading{
        padding: 10px 20px;
    }
    .container {
        padding: 0 20px;
    }
    h6{
        font-size: 16px;
    }
    .main-btn a{
        padding: 10px 40px;
        font-size: 16px;
    }
    .form-heading{
        margin-left: 0;
        margin-right: 0;
    }
}
/*CONTACT PAGE*/
.contact-page {
    position: relative;
    padding: 30px 0 60px;
    background: #0F5167;
}
.contact-methods__left, .contact-methods__right {
    padding: 30px;
}
.from-title p {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 400;
}
.list-block--contact-list .list-block__contact a.mybtn {
    background: #005C97;
    color: #fff;
    border: none;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
    display: block;
    box-shadow: 0 0 0 5px #005c9759;
}
.list-block--contact-list .list-block__contact a.mybtn:hover {
    background: #052755;
    box-shadow: 0 0 0 5px #05275585;
}
.main-btn-sm {
    display: flex;
}
.main-btn-sm button, .main-btn-sm a {
    background: #34C2DA;
    color: #0F5167 !important;
    position: relative;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 40px;
    border-radius: 100px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    overflow: hidden;
    position: relative;
    border: none;
    outline: none;
    transition: .2s;
}
.main-btn-sm button:hover, .main-btn-sm a:hover {
    background: #42e4ff;
}
.contact-methods__left:before {
    position: absolute;
    top: -100px;
    left: 0;
    bottom: 0;
    width: 50%;
    content: "";
    background-color: #f3f3f3;
    z-index: -2;
}
.list-block__list-title{
    color: #22404a;
    display: inline-block;
    font-weight: 600;
}
.from-title h2 {
    margin: 0px 0 10px;
    padding: 0;
    font-weight: 600;
    color: #052755;
    letter-spacing: normal;
    line-height: 1.2;
    position: relative;
}
.contact__form__special__title h2 {
    font-size: 32px !important;
}
.mini-t{
    font-size: 16px;
    color: #ffffff;
}
.list-block--contact-list {
    padding-bottom: 30px;
}
.list-block__wrapper {
    padding: 0;
}
.list-block__list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px 50px;
    margin: 30px 0 0 0;
    padding: 0;
}
.list-block__list {
    list-style: none;
    display: block;
}
.list-block__list li {
    border-top: 1px solid #e8e7ea;
    padding: 10px 50px 10px 0;
    position: relative;
}
.list-block--contact-list .list-block__list li {
    padding-right: 0;
    border-top: 1px solid #fff;
}
.list-block__list li a {
    text-decoration: none;
    display: block;
}
.list-block--contact-list .list-block__list-title {
    color: #22404a;
    display: inline-block;
    font-weight: 600;
}
.list-block--contact-list .list-block__contacts {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #22404a;
}
.list-block--contact-list .list-block__contact {
    display: inline-block;
    padding-right: 8%;
    margin-bottom: 10px;
    vertical-align: middle;
}
.list-block--contact-list .list-block__contact a {
    display: inline-block;
    text-decoration: underline;
    color: #22404a;
}
.list-block--contact-list .list-block__contacts i {
    font-size: 14px;
    margin-right: 10px;
    color: #22404a;
}
label.indicat {
    padding-left: 20px;
    position: relative;
    color: #fff;
}

label.indicat input.check {
    position: absolute;
    top: 1px;
    left: 0;
}
@media screen and (max-width: 992px){
    .contact-methods__left:before{
        display: none;
    }
    .contact-methods__left, .contact-methods__right{
        padding: 0;
    }
    .contact__form__special__title h2{
        font-size: 28px !important;
    }
    .from-title p{
        font-size: 16px;
    }
    .from-title p br {
      display: none;
    }
}
.contact-page .sec-title{
    margin-top: 60px;
}
.contact-page .sec-title h1 {
    color: #fff;
    margin-bottom: 20px;
    /* color: #34C2DA; */
}
.contact-page .sec-title p {
    color: #fff;
    margin-bottom: 0;
}
.footerInner {
    color: #ffffff;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
}
.socialIcons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.socialIcons a {
    color: #0F5167;
    font-size: 20px;
}
.nav-links {
    display: flex;
    align-items: center;
    gap: 15px;
}
a.navIcon {
    /* background: #fff; */
    display: flex;
    align-items: center;
    font-size: 22px;
    width: 60px;
    height: 60px;
    background: #fff;
    justify-content: center;
    color: #0F5167;
    border: 1px solid #34C2DA;
    border-radius: 50%;
    text-decoration: none;
    transition: .2s;
}
a.navIcon:hover{
    background: #42e4ff;
    color: #fff;
}
.mybtn {
    background: none;
    padding: 17px 60px;
    font-size: 18px;
    font-weight: 600;
    color: #0F5167;
    text-decoration: none;
    outline: none;
    background: #34C2DA;
    border: 1px solid #34C2DA;
    border-radius: 50px;
    display: block;
    transition: .2s;
}
.mybtn:hover{
    background: #42e4ff;
    color: #0F5167;
}

.thankyou-content {
    padding: 0 30px;
    text-align: center;
}
.thankyou-content .title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0F5167;
}
.thankyou-content i{
    font-size: 86px;
    color: #10be10;
}
.thankyou-content .lg-title {
    font-size: 48px;
    font-weight: 700;
    color: #0F5167;
    margin-bottom: 20px;
}
.thankyou-content .dis p{
    margin-bottom: 20px;
}
.thankyou-content .dis p a{
    text-decoration: underline;
    color: #0F5167;
}
.thankyou-content .main-btn{
    justify-content: center;
    margin-bottom: 20px;
}
.contact-page .sec-title .mybtn{
    max-width: 100%;
    margin:  30px auto;
    padding: 30px 40px;
}
.addressText{
    font-size: 26px;
}
.ctaButton{
    padding: 0 30px;
}

.ineerWrap {
    max-width: 975px;
    margin: 0 auto;
}
.mb-40{
    margin-bottom: 40px;
}
.nrText {
    text-align: center;
}

.nrText h2.title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.nrText .dis {
    font-size: 24px;
    line-height: 1.6;
}
.gallery {
    position: relative;
    display: grid;
    grid-template-columns: 35% 10% 10% 35% 10%;
    grid-gap: 15px;
    margin-bottom: 15px;
}
.gallery.gallery1{
    grid-template-columns: 10% 10% 10% 35% 35%;
}
.gallery .img{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;


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

}
.works h2.sec-title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}




/*TESTIMONIALS*/
.test-main {
    position: relative;
}
.test-main:before {
    content: "";
    background: url(assets/img/test-bg.png) top center no-repeat;
    width: 50%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.test-main .row {
    display: flex;
    align-items: center;
}

.test-leftnew h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #041e3f;
    margin-top: 60px;
}
.test-leftnew h2 {font-size: 40px;font-weight: bold;text-align: center;position: relative;margin-bottom: 50px;}

.text-left {
    text-align: left!important;
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    margin: 0 -15px
}

.slick-slide {
    margin: 0 15px
}

ul.slick-dots {
    padding: 20px 0 0;
    text-align: center
}

ul.slick-dots li {
    margin: 0 8px 0 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: 0;
    border: none
}

.slick-dots li button:before {
    color: var(--white);
    opacity: 1;
    font-size: 20px
}

.slick-dots li button {
    height: 11px;
    width: 11px;
    border-radius: 50%;
    padding: 0;
    background: #d6d6d6;
    border: none;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    -webkit-transition: all .4s ease-In-out;
    -moz-transition: all .4s ease-In-out;
    -o-transition: all .4s ease-In-out;
    transition: all .4s ease-In-out;
    box-sizing: border-box
}

.main-test-video .slick-dots li.slick-active button {
    background: #0f5167;
}

span.arrows {
    width: 36px;
    height: 36px;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer;
    line-height: 39px;
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    top: 0;
    border-radius: 0;
    background: #dde2e6;
    color: #fff;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: unset;
}

span.arrows.next {
    right: 1%
}

.slick-initialized .slick-slide {
    outline: 0 !important
}


.main-test-video {
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 18%);
}
.main-test-video .slider-for {
    background: #34C2Df url(aseets/img/tesst-bg.png) right -50px bottom -50px no-repeat;
    text-align: center;
    border-radius: 10px;
    stroke-width: 3;
    padding: 12px;
    margin-bottom: 0;
}
.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.test-item {
    max-width: 650px;
    margin: 0 auto;
}
.test-item img {
    display: table;
    margin: 0 auto 30px;
}
.test-item p.quote {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 40px;
    color: #fff;
}
.test-item h4 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.test-item-video-img {
    padding: 40px;
}
.test-rightnew{
    max-width: 975px;
    margin: 0 auto;
}
.works {
    background: #e7f1f8;
}
.gallery-mobile{
    display: none;
}
.gallery-mobile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 992px){
    .test-main h2, .test-main h3 {
      text-align: center;
    }
    .test-main h2, .test-main h3 {
      text-align: center;
    }
    .test-main h2 {
      font-size: 30px;
      margin-bottom: 50px;
      line-height: 1.2;
    }
    .test-leftnew {
      padding-left: 15px;
    }
    .test-main h2 br {
      display: none;
    }
    .cir-img{
        display: none;
    }
    .test-item p.quote {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px;
    }
    .test-leftnew h3{
        font-size: 20px;
        font-weight: 600;
        margin-top: 0;
    }
    .test-item-video-img {
      padding: 10px 0 50px;
    }
}
@media screen and (max-width: 762px){

}
@media screen and (max-width: 480px){

}
/* ------testimonial  close-------*/
@media screen and (max-width: 992px){
    .addressText{
        font-size: 16px;
    }
    .ctaButton{
        padding: 0;
    }
    .contact-page .sec-title .mybtn{
        padding: 20px 20px;
        font-size: 14px;
    }
    .div-2 nav{
        float: right;
    }
    .sec-title h2{
        font-size: 26px;
    }
    .nav-links .mybtn span {
      display: none;
    }
    .nav-links .mybtn {
      padding: 0 !important;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      background: #fff;
      color: #0F5167;
      justify-content: center;
      font-size: 16px;
    }
    a.navIcon{
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
    a.cta-01 {
      font-size: 16px;
      padding: 15px 30px;
      width: 100%;
      display: block;
    }
    .first-cap{
        margin-bottom: 20px;
    }
    .cap-links {
      font-size: 16px;
      font-weight: 500;
      margin-top: 40px;
      text-align: center;
    }
    .main-btn-sm button{
        width: 100%;
        padding: 20px 20px;
        font-size: 14px;
    }
    .footerInner{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .socialIcons{
        justify-content: center;
    }
    .socialIcons a{
        font-size: 28px;
    }
    .gallery{
        grid-template-columns: 1fr 1fr;
        display: none;
    }
    .gallery.gallery1{
        display: none;
    }
    .gallery-mobile{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

}