.text-white{color: #ffffff;}
.highlight-word{ color:#fe0096; }
.text-center{text-align: center;}
.mt-40{margin-top: 40px;}
.width-30{width: 30%;}
.width-70{width: 70%;}
.m-auto{margin: auto;}
.button{font-size: 16px;}
#Top_bar{position: unset;}
.header-transparent.ab-hide #Top_bar{background-color: #fff !important;border-bottom: 1px solid #f2f2f2;}
.contact-us #submit {background: #fe0096;transition: 0.3s ease-out;}
#submit:hover{background: #000000;}
.custom-columns {flex-basis: 33.33%;}
.flex-container {display: flex;flex-flow: wrap;}
.flex-container.reverse {flex-flow: wrap-reverse;}
.custom-container {width: calc(100% - 80px);max-width: 1350px;margin-left: auto;margin-right: auto;}
.services{position:relative;overflow:hidden;padding:60px 0px 20px;background-position:center top;background-repeat:repeat-x;background-size:cover;}
.services .column .theme-btn{margin-bottom:60px;}
.services .pattern-layer-one{position:absolute;left:0px;top:50px;right:0px;bottom:0px;background-repeat:repeat-x;animation: 35s linear 0s infinite normal none running slide;}
.services .pattern-layer-two{position:absolute;left:-200px;top:0px;width:275px;height:175px;background-repeat:no-repeat;}
.services .pattern-layer-three{position:absolute;right:0px;top:0px;width:204px;height:194px;background-repeat:no-repeat;}
.services .pattern-layer-four{position:absolute;right:50px;bottom:0px;width:245px;height:185px;background-repeat:no-repeat;}
.services .column:nth-child(3) .service-block-two:first-child{margin-top:125px;}
.services .column:nth-child(3) .service-block-two:first-child{margin-top:125px;}
.service-block-two{position:relative;margin-bottom:60px;}
.service-block-two .inner-box{position:relative;text-align:center;padding:0px 15px 30px;background-position:center top;background-repeat:no-repeat;min-height: 202px;background-image: url(../images/service-bg.png);height: 250px;background-size: contain;margin: 10px;}
.service-block-two .inner-box .image-layer{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;opacity:0;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;-moz-transition:all 600ms ease;transition:all 600ms ease;background-position:center top;background-repeat:no-repeat;transform:translateX(-30px);background-image: url(../images/service-bg-2.png);height: 250px;background-size: contain;margin: 10px;}
.service-block-two .inner-box:hover .image-layer{opacity:1;transform:translateX(-10px);}
.service-block-two .inner-box .icon-boxs{position:relative;width:100px;height:100px;color:#ffffff;font-size:40px;margin:0 auto;top:-30px;line-height:90px;text-align:center;}
.service-block-two .inner-box .icon-boxs .icon-bg-layer {position:absolute;left:3px;top:0px;width:86px;height:92px;background-position:center center;background-repeat:no-repeat;}

.main-slider .icons .icon-two, .service-block-two .inner-box .icon-boxs .icon-bg-layer {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
@-moz-keyframes rotateme {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -moz-transform: rotate(360deg);
        opacity: 1;
      }
}
@-o-keyframes rotateme {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -o-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -o-transform: rotate(360deg);
        opacity: 1;
      }
}

@keyframes rotateme {
    
     0% {
        transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        transform: rotate(180deg);
      }
    100% {
        transform: rotate(360deg);
        opacity: 1;
      }
}

.services{background-color: #00487c;}
.service-block-two .inner-box .icon-bg-layer.green-img {background-image: url(../images/service-green-circle.png);}
.service-block-two .inner-box .icon-bg-layer.yellow-img {background-image: url(../images/service-green-yellow.png);}
.service-block-two .inner-box .icon-boxs .icon-bg-layer.yellow-img,.service-block-two .inner-box:hover .icon-bg-layer.green-img  {display: none;}
.service-block-two .inner-box:hover .icon-boxs {color: #002e28;}
.service-block-two .inner-box:hover .icon-bg-layer.yellow-img {display: block;}
/*.service-block-two .inner-box .icon-boxs .icon{position:relative;z-index:1;}*/
.service-block-two .inner-box h2 {position:relative;font-weight:700;line-height:1.3em;margin-top:-18px;font-size: 22px;color: #ffffff;}
.service-block-two .inner-box .text{position:relative;color:#ffffff;font-size:16px;line-height:1.5rem;padding:0px 5px;margin-top:12px;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;}
.services .section-title{width: 70%;margin: auto;margin-bottom: 50px;}
.services .icon-star::before{z-index: 9;opacity: 1;position: absolute;left: 0;right: 0;text-align: center;top: 24px;width: 100%;margin-left: 0;bottom: 0;}
.services .learn-more-btn {margin-top: 10px !important;text-decoration: underline;font-size: 18px !important;}
.services .icon-boxs .icon img{width: 50%;height: auto;margin: auto;align-items: center;display: grid;margin-top: auto;margin-bottom: auto;position: absolute;content: '';left: 0px;top: 20px;right: 0px;opacity: 1;transition: all 600ms ease;background-position: center;background-repeat: no-repeat;z-index: 1;filter: brightness(0) invert(1);}
.service-block-two .inner-box:hover .icon-boxs .icon img{filter: unset;}
.service-block-two .inner-box .learn-more-btn a:hover {color: #00487c !important;}
.service-col-one .service-block-two:nth-child(3), .service-col-two .service-block-two:nth-child(3){display: none;}

/*footer*/
#contactWrapper h4, #contactWrapper p{color: #ffffff;}
.error{color: #ddd;}

/*testimonials*/
.testimonials_slider .testimonials_slider_ul li .author h5{font-weight: 600;font-size: 18px}
.testimonials {padding-bottom:50px;padding-top:50px;}
.slider_pagination .slick-active a:after, .slider_pagination .slick-active a{background-color: #00487c;}

/*=======FAQS======*/
.faqs{padding: 80px 0 50px;}
.accordion-custom {background: linear-gradient(to bottom right, #FFF, #f7f7f7);background: #0097a7;margin: 0 auto;border-radius: 3px;box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);}
.heading {color: #FFF;font-size:16px;border-bottom: 1px solid #e7e7e7;letter-spacing: 0.8px;padding: 15px;cursor: pointer;background: #00487c;font-weight: 600;}
.heading:nth-last-child(2){border-bottom:0; }
.heading:hover {background: #fe0096;border-radius: 0;}
.heading:first-child:hover {border-radius: 3px 3px 0 0;}
.heading:nth-last-child(2):hover{border-radius:0 0 3px 3px;}
.heading::before {content: '';vertical-align: middle;display: inline-block;border-top: 7px solid #f5f5f5;border-left: 7px solid transparent;border-right: 7px solid transparent;float: right;transform: rotate(0);transition: all 0.5s;margin-top: 10px;}
.active.heading::before {transform: rotate(-180deg);}
.not-active.heading::before {transform: rotate(0deg);}
.contents {display: none;background: #FFFAFA;padding: 15px 15px 15px 30px;color: #7f8fa4;font-size: 16px;line-height: 1.5;margin: 0;}
.faqs .mcb-wrap{margin: auto;}
.faqs .faq-inner{display: flex;}
.faqs .partner-logo h4{color: #00487c;font-weight: 500;}
.header-transparent #Top_bar.is-sticky .menu>li>a span:not(.description){line-height: 90px;}
#Top_bar.is-sticky #logo img.logo-sticky{max-height: 80px !important;}
#Top_bar.is-sticky{height: 90px;}
#Top_bar #logo img{max-height: 80px;}
.faqs .heading.active{background: #fe0096;}

.info-box{padding: 50px 0;}
.info-box .info-content{display: flex;}
.info-box .info-inner{color: #fe0096;text-align: center;padding: 25px;position: relative;z-index: 1;margin: 0 10px; width: 33%;}
.info-box .info-inner p{color: #666666;}
.info-box .info-inner:before{content: "";background-color: #fff;border-radius: 20px;box-shadow: 0 3px 10px rgba(0,0,0,0.5),0 10px 0 #fe0096;position: absolute;left: 0;top: 0;right: 0;bottom: 20px;z-index: -1;}
.info-box .info-inner .title{font-size: 20px;font-weight: 600;margin: 0 0 10px;}
.info-box .info-inner .description{color:#666;font-size: 13px;line-height: 23px;}
.info-box .info-inner.blue{--color1: #05687D;--color2: #64639F;}
.info-box .info-inner.yellow{--color1: #FFB103;--color2: #F1C149;}
.info-box .info-inner.magenta{--color1: #E51F47;--color2: #DA617A;}
.info-box a.button .button_label{padding: 8px 20px;}
.info-box a.button:hover{background-color: #fe0096;transition: 0.3s all ease-in-out;}


/*About*/
.about{padding-top:70px; padding-bottom:70px;background-image:url(../content/psychologist3/images/psychologist3-sectionbg1.png);background-repeat:no-repeat;background-position:center top;}
/*Contact us*/
.contact-us{padding-top:30px;padding-bottom:30px;background-color:#00487c;}
.contact-item{display: flex;align-items: center;margin-bottom: 20px;}
.contact-item .contact-info{margin-left: 20px;}
.contact-item .contact-info p{margin-bottom: 5px;}
.site-content{margin: 20px 0;}
.contact-us .one-second.mcb-wrap{display: table-cell;vertical-align: middle;}
.contact-us .mcb-wrap{float: unset;}
.contact-us .mcb-section-inner .site-content{width: 75%;margin: auto;margin-top: 30px;}
.social-icons li{list-style: none !important;margin-right: 15px;border: 1px solid #ddd;padding: 7px;line-height: 15px;margin-bottom: 0;}
.social-icons{display: flex;margin: 0;}
.social-icons .list-inline-item i:before{color: #fff;font-size: 20px;margin: 0;}
.social-icons .list-inline-item:hover{background: #fe0096;border-color: #fe0096;transition: 0.3s ease-out; }
.social-icons {margin-top: 30px !important;}
.contact-us textarea, .contact-us #contactWrapper input[type="text"], .contact-us input[type="email"],.contact-us input[type="tel"]{background-color: #eaeaea;border-color: #EBEBEB;color: #000;}
.contact-us input[type="text"]:focus,.contact-us input[type="email"]:focus,.contact-us textarea:focus, .contact-us input[type="tel"]:focus{background-color: #eaeaea !important;border-color: #EBEBEB !important;color: #000 !important;}
.why-choose-us{display: flex;width: 100%;}

/* Modal */
.custom-modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
.custom-modal .modal-content {background-color: white;margin: auto; margin-top: 100px;padding: 30px;border-radius: 10px;width: 35%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.custom-modal .close-btn {float: right;font-size: 24px;font-weight: bold;cursor: pointer;color: #00487c;}
.custom-modal .modal-header{margin-top: 40px;}
.custom-modal .modal-header h2 {margin: 0;font-size: 24px;line-height: 30px;font-weight: 500;margin-top: 20px;}
.custom-modal .modal-header p {margin-top: 10px;font-size: 16px;}
.custom-modal .modal-body h3 {margin-top: 20px;font-size: 18px;color: #333;font-weight: 600;line-height: 20px;}
.custom-modal .modal-body h3 span{font-size: 16px;font-weight: 400;}
.custom-modal .modal-body ul {margin-left: 30px;list-style: disc;font-size: 16px;}
.custom-modal .modal-body ul li {margin-bottom: 10px;}
.custom-modal .modal-footer {margin: 40px 0;}
.book-now-btn, .open-modal-btn {background-color: transparent;color: white;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;text-decoration: underline;font-size: 18px;}
.book-now-btn:hover, .open-modal-btn:hover, .button-flat button:hover:after {background-color: transparent;}
.open-modal-btn:hover{color: #00487c;}
.custom-modal .modal-img{background-color: #fe0096;border-radius: 10px;padding: 10px;width: 50px;height: 50px;}
.custom-modal .modal-img img{width: 50px;height: 50px;filter: brightness(0) invert(1);}
.custom-modal .modal-footer .rev-btn{padding: 10px 20px;font-size: 16px;}
.custom-modal .modal-footer .rev-btn:hover{color: #ffffff;}
.modal-body{overflow-y: scroll;height: 700px;}
.custom-modal a.button{margin: 0;}
.custom-modal .modal-footer a:hover{background-color: #fe0096;transition: 0.3s all ease-in-out;}

/*QR CODE*/
.qr-code{padding-top: 0px;}
.qr-code .info-inner:before {box-shadow: 0 3px 10px rgba(0,0,0,0.5),0px 0px 0px 1px #fe0096;}


@media only screen and (min-width: 1300px) and (max-width: 1499px){
    .service-block-two .inner-box h2{margin-top: -35px;}
}
@media only screen and (min-width: 992px) and (max-width: 1299px){
    .service-block-two .inner-box:hover .image-layer{transform: translateX(0px); padding: 0px 25px 30px;}
    .service-block-two .inner-box .image-layer{transform: translateX(0px);}
    .service-block-two .inner-box .text{padding: 0px 60px;}
    .custom-columns{flex-basis: 50%;}
    .custom-container{justify-content: center;}
    .service-block-two .inner-box{padding: 0px 25px 30px;}
    .custom-modal .modal-content{width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width:  991px){
    .services .section-title{width: 80%;}
    .custom-columns{flex-basis: 50%;}
    .service-block-two .inner-box{min-height: 300px;height: 300px;background-size: cover;padding: 0px 10px 0px;}
    .service-block-two .inner-box .image-layer{transform: translateX(0px);height: 280px;background-size: cover;}
    .service-block-two .inner-box:hover .image-layer{transform: translateX(0px);}
    .about .section_wrapper, .about .container, .about .four.columns .widget-area{width: calc(100% - 45px) !important;}
    .about .section_wrapper .column{margin: 0;width: 100% !important;clear: both;}
}
@media only screen and (min-width: 577px) and (max-width: 767px){
    .service-block-two .inner-box .text{padding: 0px 10%;}
}
@media only screen and (min-width: 320px) and (max-width: 991px){
    .custom-columns{margin: auto;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    #Top_bar #logo img.logo-mobile{max-height: 100% !important;}
    #Top_bar .logo #logo img{height: 70px !important;}
    .mobile-header-mini #Top_bar #logo{height: 70px !important;}
    .mobile-header-mini #Top_bar .top_bar_left{height: 80px;line-height: 65px;}
    .header-transparent.ab-hide #Top_bar{height: 80px;}
    .services .section-title{width: 100%;}
    .contact-us .one-second.mcb-wrap{display: block;}
    .contact-us .contact-details{margin-top: 30px;}
}

@media only screen and (min-width: 320px) and (max-width: 576px){
    .custom-container{width: calc(100% - 20px);}
    .service-block-two .inner-box .image-layer{transform: translateX(0px);}
    .service-block-two .inner-box{background-size: cover;margin: 0;height: 300px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
    .about h5{font-size: 16px;line-height: 23px;}
}
@media only screen and (max-width: 1299px){
    .service-col-one .service-block-two:nth-child(3), .service-col-two .service-block-two:nth-child(3){display: block;}
    .service-col-three{display: none;}
}
@media only screen and (max-width: 991px){
    .why-choose-us{display: block;}
    .custom-modal .modal-content{width: 75%;}
}
@media only screen and (max-width: 767px){
    .custom-columns {flex-basis: 100%;}
    .testimonials_slider .testimonials_slider_ul li .bq_wrapper{padding: 30px 30px 10px;}
    .testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper{margin: 0 0% 20px;}
    blockquote{font-size: 16px;margin-left:  0;}
    .faqs .faq-inner{display: block;}
    .info-box .info-content{display: block;}
    .info-box .info-inner{width: auto;margin-bottom: 20px;}
}