/**
Theme Name: Astra Child
Author: Wiselogix 
Author URI: http://www.wiselogix.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
html:lang(es-MX) .find-btn a, html:lang(es-MX) .contact-btn a{
    font-size: 13px!important;
    padding-left: 20px!important;
}
body{
    background: #fff!important;
}
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary{
    margin: 1em 0!important;
  }
  .ast-separate-container #primary, .ast-separate-container #secondary{
      padding: 0;
  }
.swipe_img{
    display: none;
}
.ast-search-menu-icon.slide-search .search-form{
    right: 0!important;
}
a:focus, input:focus, input:form { outline: none; }
/* .main-header-menu .menu-link, .main-header-menu>a{
    color: #000!important;
} */
.ast-separate-container .ast-article-post{
    padding: 30px 0!important;
    background-color: transparent!important;
}
 .ast-separate-container .ast-article-single{
    padding: 4em 0!important;
    background-color: transparent!important;
 }
.blog .entry-title a, .ast-single-post .entry-title{
font-size: 36px;
font-weight: 700!important;
color: #16d6f9!important;
text-align: left;
font-family: 'Montserrat',sans-serif;
}
.site-primary-footer-wrap{
    background-color: transparent!important;
}
.ast-article-single{
    background-color: transparent!important;
}
#procedure .wpsm_panel-group .wpsm_panel-default > .wpsm_panel-heading{
    background-color: #fff!important;
}
#procedure .wpsm_panel-group .wpsm_panel-default > .wpsm_panel-heading{
    background-color: #fff!important; 

}
#procedure  .wpsm_panel-group .wpsm_panel{
    /* border: 1px solid #ccc!important; */
    border-radius: 30px!important;  
}
#procedure .wpsm_panel-group .wpsm_panel-title a{
font-family: 'Montserrat',sans-serif!important;

}
#procedure  .wpsm_panel-group .ac_open_cl_icon{
    background-color: #fff!important;
}
#procedure  .wpsm_panel-group .wpsm_panel-body{
    color: #69747a!important;
    font-family: 'Montserrat',sans-serif!important;
    padding:0 15px 15px!important;
    border: none!important;

}
#procedure .fa-plus:before{
    content: "\f107";
}
#procedure .fa-minus:before {
    content: "\f106";
    color: #16d6f9;
}
#procedure .wpsm_panel-group .ac_title_class{
    position: relative;
}
#procedure .wpsm_panel-group .ac_title_class{
    padding-left: 25px!important;
}
#procedure .ac_title_class:before {
    background: url(images/question-icon.png) no-repeat left center;
    content: '';
    position:absolute;
    top:12px;
    left:0px;
    width: 17px;
    height: 17px;

}
.site-footer-section-1 a {
    color: #737373;
}
.entry-meta, .entry-meta a, .author-name {
    color: #000!important;
}
.read-more a{
    color: #16d6f9!important;
}

.current-menu-item a{
    font-weight: bold;
}
/* .site-content{
    background-image: url(images/service-detail-bg-3.png);
    background-repeat: repeat-y;
    background-position: right top;
    background-size: 100%;
} */
.procedures-template-default, .page-template-default, .blog, .post-template-default ,.page-template{
    background: url(images/service-detail-bg-3.png) repeat-y right top!important;
    background-size: 100%!important;
}
.home.page-template-default{
    background: none!important;
}
.home .site-content{background:none;}
.site-above-footer-wrap .site-footer-section-3 ul {
    display: flex;
}
.ast-primary-header-bar{
    background-size: 100% 100%!important;
}

.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a){
    text-decoration: none!important;
}
/* .single .ast-primary-header-bar .site-primary-header-wrap{
    border-bottom: 1px solid #ccc;
} */
/* CLEARFIX
----------------------------------------------- */
 
.clearboth {
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}
 
/* PORTFOLIO FILTER STYLE
----------------------------------------------- */
 
#portfolio-filter {
    list-style-type: none;
}
 
.why-box-1 img {
    margin-top: -50px;

}
.why-box {
    position: relative;
}
#portfolio-filter li a {
    color: #777;
    text-decoration: none;
}
 
#portfolio-filter li .current,
#portfolio-filter li:hover {
    color: #084a9a;
}
 
/* PORTFOLIO LIST STYLE
----------------------------------------------- */
 
#portfolio-wrapper {
    padding-bottom: 25px;
}
 
#portfolio-list {
    list-style-type: none;
 
}

#portfolio-list .portfolio-item h3 a {
    color: #084a9a;
    text-transform: uppercase;
    font-weight: bold;
}
 
#portfolio-list .portfolio-item .excerpt
{
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
    padding-right: 15px;
    margin-bottom: 5px;
}
 
#portfolio-list .portfolio-item .excerpt a {
    color: #555;
}
 
#portfolio-list .portfolio-item .excerpt a:hover {
    text-decoration: none;
}

.site-above-footer-wrap .site-footer-section-3 ul li {
    flex: auto;
}
.site-above-footer-wrap .site-footer-section-3 .widget{
    margin:0;
}
.site-above-footer-wrap .site-footer-section-3 h2, .site-above-footer-wrap .site-footer-section-1 h2, .store-app h2{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.site-above-footer-wrap .site-footer-section-1  p{
    font-size: 18px;
    line-height: 26px;
    color: #737373;
}
.img-logo {
    padding: 20px 0 0;
}
.site-footer-section-2 p {
display: inline-block;
font-size: 18px;
color: #737373;
padding:15px 5px 0;
}
.site-footer-section-2 p a {
    font-style: italic;
    color: #000;
    text-decoration:underline;
    font-weight: 600;
}
.site-footer-section-2 p a:hover {
    text-decoration: none;
}
.store-app {
    text-align: left;
}
.store-app .app-option img{
    margin-bottom: 10px;
}
.site-primary-footer-wrap .site-footer-section-3 {
    padding-top: 60px;
}
.site-primary-footer-wrap .site-footer-section-3 h3{
    font-size: 15px;
color: #000;
font-weight: 600;

}
.ast-footer-copyright {
    padding-top:10px;
}
.site-primary-footer-wrap .site-footer-section-3{
    text-align: left;
}
.site-primary-footer-wrap .site-footer-section-3 .widget{
    margin: 0 0 20px;
}
.site-primary-footer-wrap .site-footer-section-3 .wp-block-image.size-full{
    margin: 0;
}
.ast-header-search .astra-search-icon svg{
    display: none;
}
.ast-header-search .astra-search-icon .icon-search{
    /* background: url(https://demo.nayyerraza.com/geodesign/wp-content/uploads/2022/03/Search.png) no-repeat left top; */
    background: url(images/Search.png) no-repeat left top;
    width: 48px;
    height: 41px;
 }
 .our-procedure{
     position: relative;
     margin-top: 20px;
     /* margin-bottom: -130px; */
 }
 .our-procedure::before{
    content: '';
     background: url(images/bg-texture-top.png) no-repeat left top;
     position:absolute;
    top:-167px;
    left:0px;
    width: 100%;
    height: 100%;
 }


 .our-procedure h2, .our-professional h2, .testimonial-section h2, .why-us-section h2{
     font-size: 48px;
     font-weight: 900!important;
     color: #000!important;
     text-align: center;
 }
 .our-procedure h2 span, .our-professional h2 span, .testimonial-section h2 span, .why-us-section h2 span{
    color: #16d6f9;
    padding-left: 5px;
 }
 .icon-heading{
     margin-bottom: 0!important;
 }
#procedure ul.tabs, #professional ul.tabs, #services-detail ul.tabs{
 list-style: none;
 padding: 12px 0;
 margin: 0;
 text-align:center;
 background: #d9fafe;
 border-radius: 25px;
 box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
#professional ul.tabs{
    width: 60%;
    margin: auto;
}
#procedure ul.tabs li, #professional ul.tabs li, #services-detail ul.tabs li {
    /* display: inline-block; */
    display: inline;
    font-size: 16px;
    border-right:1px solid #69747a;
    position: relative;
}
#services-detail ul.tabs li a{
    text-decoration: none;
color: #69747a;
padding: 0 100px;
}
 #professional ul.tabs li a{
text-decoration: none;
color: #69747a;
padding: 0 32px;
}
#professional ul.tabs li{
    padding: 0 32px;
    cursor: pointer;
}
#procedure ul.tabs li a{
    text-decoration: none;
    color: #69747a;
    padding:0 32px;
    cursor: pointer;
    }
#procedure ul.tabs li:after, #professional ul.tabs li:after, #services-detail ul.tabs li:after {
    content: '';
    border-bottom: 3px solid transparent;
    position:absolute;
    bottom:-15px;
    left:-1px;
    width: 100%;
    height: 60%;
}
#procedure ul.tabs li:last-child, #professional ul.tabs li:last-child, #services-detail ul.tabs li:last-child {
    border-right: none;
}
#procedure ul.tabs li:hover:after, #professional ul.tabs li:hover:after, #services-detail ul.tabs li:hover:after, #procedure ul.tabs li.active:after, #professional ul.tabs li.active:after, #services-detail ul.tabs li.active:after {
    content: '';
    border-bottom: 3px solid #44baeb;
    position:absolute;
    bottom:-18px;
    left:-1px;
     color:#000;
      background: url(images/arrow-top.png) no-repeat center bottom; 
}
#procedure .procedure-detail ul li, .procedure-detail_doc ul li {
	border:1px solid #c2c3c6;
	border-radius: 50px;
	padding:20px;
	font-size: 14px;
	margin-bottom: 30px;
	margin-right: 15px;
}
#procedure .procedure-detail ul li{
	max-width: 32%;
	margin-right: 1.33%;
}
#procedure .procedure-detail ul li:hover, .procedure-detail_doc ul li:hover{
    border:1px solid #16d6f9; 
    box-shadow: 1px 3px 20px 3px rgba(227,242,245,1);
    -webkit-box-shadow: 1px 3px 20px 3px rgba(227,242,245,1);
    -moz-box-shadow: 1px 3px 20px 3px rgba(227,242,245,1);
}


ul.tabs .slick-list{
    overflow: visible!important;
    padding-top: 0!important;
}
ul.tabs .slick-track{
    margin-left: auto!important;
    margin-right: auto!important;
}
.slick-prev:before, .slick-next:before{
    display: none;
}
.slick-prev, .slick-next{
     background: url(images/prev.png) no-repeat left top!important;
    height: 123px!important;
    width: 123px!important;
}
.slick-next{
     background: url(images/next.png) no-repeat left top!important;
}
.slick-next:hover{
   background: url(images/next-hover.png) no-repeat left top!important;
}
.slick-prev:hover{
    background: url(images/prev-hover.png) no-repeat left top!important;
}
.slick-track{
    margin-left: 20px!important;
    margin-right: 20px!important;
}
.slick-prev, .slick-prev:hover {
    left: -102px!important;
    top: 50%!important;
}
.slick-next, .slick-next:hover {
    right: -102px!important;
    top: 50%!important;
}
.slick-list{
    padding-top: 20px!important;
}
@media only screen and (max-width: 767px) and (min-width:320px ){

.slick-track{
    margin-left: 10px!important;
    margin-right: 10px!important;
}

#procedure .procedure-detail ul{
    margin: 50px 0 0px 17px;
}


}

#procedure .procedure-detail ul li p  {
font-size: 16px;
color:#c2c3c6;
line-height: 28px;
    }
    #procedure .procedure-detail ul li span {
        color: #16d6f9;
        /* font-weight: bold; */
    } 
    #procedure .procedure-detail ul li span + span{
        color: #c2c3c6;
 
    } 
 
    #procedure .procedure-detail ul li span.gold {
        color: #39dcfa;
        font-weight: bold;
    }       
#procedure .procedure-detail ul li strong {
color: #747474;
    }
#procedure .procedure-detail h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #989898;
    text-align:center;
    margin-bottom: 10px;
    line-height: 26px;
    min-height: 52px;
}
/* #procedure .procedure-detail .imgBox{
    margin-bottom: 30px;
} */
/* #procedure .procedure-detail .procedure-1 h3 {
    float: left;

} */
#procedure .procedure-detail .procedure-1 div.timer  {
    /* float:right; */
    text-align: center;
    margin-bottom: 10px;
}
#procedure .procedure-detail .procedure-1 div.timer span{
    background: #b9f3fd;
    border:1px solid #65e4fb;
    border-radius: 50%;
    color:#000;
    font-weight: bold;
    padding:8px 10px;
    margin: 0 1px;
}
#procedure .procedure-detail .golden-package h3{
    text-align: center;
    color: #39dcfa;
    float: unset;

}
#procedure .procedure-detail .golden-package{
    position: relative;
}
#procedure .procedure-detail .golden-package:after{
    content: '';
    background: url(images/deal-icon.png) no-repeat right top; 
     position:absolute;
    top:-32px;
    right:-41px;
    /* left:227px; */
    width: 122px;
    height: 107px;
}
#procedure .procedure-detail .procedure-3 h3{
    text-align: center;
}
.view-all{
    z-index: 10;
    position: relative;
}
.view-all a  {
    background: url(images/view-all.png) no-repeat center top;
    display: block;
    font-size: 20px!important;
    font-weight: bold;
    color:#fff;
    text-decoration: none!important;
    padding: 24px;
    text-align: left;
    width: 330px;
    margin: auto;
}
.view-all a:hover  {
   background: url(images/view-all-hover.png) no-repeat center top;
}
#procedure .view-all a{
    font-size: 20px!important;
    padding: 18px 24px;
}

.our-professional{
background-image: url(images/bg-3.png)!important;
background-position: left 240px!important;
background-repeat: repeat;
position: relative;
padding: 80px 0 0;
background-size: 100% 100%!important;
margin-bottom: 130px;
}
.our-procedure::after{
    content: '';
    background: url(images/bg-texture-bottom.png) no-repeat right bottom;
    position: absolute;
    bottom: -90px;
    right: 0px;
/*    width: 100%;*/
    height: 100%;
  }
.our-professional::after{
    content: '';
    background: url(images/section-bg-1.png) no-repeat right top;
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%;

}
.our-professional::before{
    content: '';
    background: url(images/leaf-bottom.png) no-repeat right bottom;
    position: absolute;
    bottom:-130px;
    right: 0px;
    width: 294px;
    height: 366px;
    background-size: 100%;

}
.elementor-column-wrap{
    z-index: 1;
}


/* .our-professional{
    background-image: url(images/section-bg-1.png);
    background-position: top center;
    background-repeat: no-repeat;
       position: relative;
        padding: 250px 0 180px;
        background-size: 100% 100%!important;
    
    } */
.site-above-footer-wrap[data-section="section-above-footer-builder"]{
    background-color:transparent!important;
}
#professional .procedure-detail ul, .procedure-detail_doc ul {
    list-style: none;
    padding: 0;
/*     margin: 40px 0 20px;
    display: flex; */
}
#professional .procedure-detail, .procedure-detail_doc{
    margin-bottom: 30px;
}
#professional .procedure-detail ul li,  .procedure-detail_doc ul li {
/* 	flex: 0 0 32%;
	max-width: 32%;
	margin-right: 1.33%; */
	border:1px solid #c2c3c6;
	border-radius: 50px;
	padding:30px 0 0;
	font-size: 14px;
	background: #fbfdfd;
/* 	position: relative;
	height: 435px;
	width: 100%;
	z-index:1; */
} 
#professional .procedure-detail ul li:hover,  .procedure-detail_doc ul li:hover {
    border: 1px solid #16d6f9;
    box-shadow: 1px 3px 20px 3px rgb(227 242 245);
    -webkit-box-shadow: 1px 3px 20px 3px rgb(227 242 245);
    -moz-box-shadow: 1px 3px 20px 3px rgba(227,242,245,1);
}
#professional .procedure-detail ul li .imgBox,  .procedure-detail_doc ul li .imgBox {
    width:205px;
    height: 205px;
    overflow: hidden;
    margin: auto auto 30px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #c2c3c6;

}
#professional .procedure-detail ul li:hover .imgBox,  .procedure-detail_doc ul li:hover .imgBox {
     border: 1px solid #16d6f9;

}
#professional .procedure-detail ul li:hover,  .procedure-detail_doc ul li:hover {
    background-image: url(images/shape.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 171px;
}
#professional .procedure-detail ul li .imgBox img,  .procedure-detail_doc ul li .imgBox img{
    width: auto;
    height: 100%;
}
#professional .procedure-detail ul li h3,  .procedure-detail_doc ul li h3{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color:#000;
    margin-bottom:15px;
}
#professional .procedure-detail ul li h4,  .procedure-detail_doc ul li h4{
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color:#000;
    margin-bottom: 5px;
}
#professional .procedure-detail ul li .location,  .procedure-detail_doc ul li .location{
    font-size: 16px;
    font-weight: normal;
    color:#565656;
    text-align:center;
    margin-bottom: 5px;
}
#professional .procedure-detail ul li .location::before,  .procedure-detail_doc ul li .location::before{
    content: '';
    background: url(images/location.png) no-repeat left top;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: sub;margin-right:3px;

}
#professional .procedure-detail .social-contact ul, .procedure-detail_doc .social-contact ul  {
    list-style: none;
    display: flex;
    margin:auto;
    text-align: center;
    width: 80%;
}
#professional .procedure-detail .social-contact ul li, .procedure-detail_doc .social-contact ul li {
    border: none;
    flex: 0 0 25%;
    margin: 0;
    max-width: 25%;
    background: none;
    padding: 5px;
    text-indent: -999999px;
    border-radius: 0;
}
#professional .procedure-detail .social-contact ul li:hover, .procedure-detail_doc .social-contact ul li:hover {
    border:none;
    box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
}
#professional .procedure-detail .social-contact ul li a, .procedure-detail_doc .social-contact ul li a{
    display: block;
}
#professional .procedure-detail .social-contact ul li.facebook, .procedure-detail_doc .social-contact ul li.facebook {
    background: url(images/facebook-hover.png) no-repeat center top;
    width: 51px;
    height: 51px;  
}
#professional .procedure-detail .social-contact ul li.twitter, .procedure-detail_doc .social-contact ul li.twitter  {
    background: url(images/twitter-hover.png) no-repeat center top;
    width: 51px;
    height: 51px; 
}
#professional .procedure-detail .social-contact ul li.insta, .procedure-detail_doc .social-contact ul li.insta {
    background: url(images/insta-hover.png) no-repeat center top;
    width: 51px;
    height: 51px; 
}
#professional .procedure-detail .social-contact ul li.linkedin, .procedure-detail_doc .social-contact ul li.linkedin {
    background: url(images/linkedin-hover.png) no-repeat center top;
    width: 51px;
    height: 51px; 
}

#professional .procedure-detail .social-contact ul li.facebook:hover, .procedure-detail_doc .social-contact ul li.facebook:hover {
   background: url(images/facebook-1.png) no-repeat center top;
}
#professional .procedure-detail .social-contact ul li.twitter:hover, .procedure-detail_doc .social-contact ul li.twitter:hover {
    background: url(images/twitter-1.png) no-repeat center top;

}
#professional .procedure-detail .social-contact ul li.insta:hover, .procedure-detail_doc .social-contact ul li.insta:hover  {
    background: url(images/insta.png) no-repeat center top;

}
#professional .procedure-detail .social-contact ul li.linkedin:hover, .procedure-detail_doc .social-contact ul li.linkedin:hover {
    background: url(images/linkedin.png) center top;
}
#professional .procedure-detail .social-contact, .procedure-detail_doc .social-contact {
width: 100%;
border-radius: 0 0 50px 50px;
background: #01dffd;
text-align: center;
/* display: none; */
	opacity: 0;

}
#professional .procedure-detail ul li:hover .social-contact, .procedure-detail_doc ul li:hover .social-contact {
/*    display: block; */
	opacity: 1;
}
/* .testimonial-section {
    margin-top: -100px;
    padding-bottom: 100px;
} */
.why-us-section {
    background-image: url(images/why-us-bg.png)!important;
    background-repeat: no-repeat;
    background-size: cover;

}
.why-us-section{
     padding:210px 0 300px;
    /* margin-top: -200px; */
    margin-top: -110px;
    background-size: 100% 100%!important;
}
.why-us-section p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}
.testimonial-box {
    border-radius: 20px;
	border:1px solid #d1cece;
    margin:15px;
}
.testimonial-box:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.custom-counter-section {
    border: 1px solid #d1cece!important;
	border-radius:30px;
	background-color:#ffff;
    padding:120px 0 20px;	

}
.custom-counter-section:hover {
    border: 1px solid #16D6F9 !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.why-us-inner{
    padding: 300px 0;
}
.testimonial-box, .testimonial-box h3, .testimonial-box p{
    font-family: 'Montserrat',sans-serif!important;
}
.custom-testimonial-name .elementor-widget-heading {
    margin-bottom: 0px;
}
.custom-testimonial-box {
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    margin: 0px 15px 15px 15px;
}
.custom-testimonial-box:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.custom-testimonial-box h3 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    font-family: 'Montserrat',sans-serif!important;
}
.custom-testimonial-name .elementor-widget-heading p{
    font-size: 14px!important;
    font-family: 'Montserrat',sans-serif!important;
}
.custom-testimonial-box p{
    font-size: 16px;
    font-family: 'Montserrat',sans-serif!important;
    margin-bottom: 10px!important;
    line-height: 28px;
}
.services-section{
    margin-top: 150px;
}
.services-section h2{
    font-size: 60px;
    font-weight: bold!important;
    text-transform: uppercase;
}
.services-section h6{
    color: #c2c3c6!important;
    font-size: 25px!important;;
    font-weight: normal!important;;
}
.services-section h6 span{
    color: #c2c3c6;
    font-weight: 600;
}
.services-section .leftBox .elementor-widget{
    margin-bottom: 0px;
    
}
.services-section  .agenda-btn a{
    background: url(images/button-2.png) no-repeat center top;
    width: 280px;
    height: 100px; 
    color: #3ebeed;
    line-height: 60px;
    font-size: 18px;
    text-align: left;
    padding-left: 60px;
}
.services-section  .agenda-btn a:hover{
     background: url(images/button-2-hover.png) no-repeat center top;
    width: 280px;
    height: 100px; 
    color: #3ebeed;
    line-height: 60px;
    font-size: 18px;
    text-align: left;
    padding-left: 60px;
}
.services-section  .liamanos-btn a{
    background: url(images/button-1.png) no-repeat center top;
    width: 252px;
    height: 94px; 
    color: #fff;
    line-height: 48px;
    font-size: 18px;
    text-align: left;
    padding-left: 52px;
}
.services-section  .liamanos-btn a:hover{
    background: url(images/button-1-hover.png) no-repeat center top;
    width: 252px;
    height: 94px; 
    color: #fff;
    line-height: 48px;
    font-size: 18px;
    text-align: left;
    padding-left: 52px;
}

/* ----------------------------- Detail Page css------------------------------- */

#top_tabs ul.ui-tabs-nav  {
    list-style: none;
    padding: 12px 0;
    margin: 0 0 60px;
    text-align: center;
    background: #d9fafe;
    border-radius: 25px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
#top_tabs ul.ui-tabs-nav li {
    display: inline;
    font-size: 16px;
    border-right: 1px solid #69747a;
    position: relative;
}
#top_tabs ul.ui-tabs-nav li:last-child {
    border-right: none;
}
#top_tabs ul.ui-tabs-nav li a {
    text-decoration: none;
    color: #69747a;
    padding: 0 80px;
}
#top_tabs ul.ui-tabs-nav li:after,
#top_tabs ul.ui-tabs-nav li.ui-state-active:after {
    content: '';
    border-bottom: 3px solid transparent;
    position: absolute;
    bottom: -15px;
    left: -1px;
    width: 100%;
    height: 60%;
}
#top_tabs ul.ui-tabs-nav li:hover:after,
#top_tabs ul.ui-tabs-nav li.ui-state-active::after {
    content: '';
    border-bottom: 3px solid #44baeb;
    position:absolute;
    bottom:-18px;
    left:-1px;
     color:#000;
    background: url(images/arrow-top.png) no-repeat center bottom;
}
#top_tabs #tabs{
    border-radius: 25px;
    box-shadow:rgb(149 157 165 / 20%) 0px 8px 24px;
    padding:20px 20px 20px 0;
    /* float: left; */
    width: 100%;
    margin-bottom: 40px;
}
.clr{
    clear: both;
}

.download-info {
    text-align: right;
    margin: 0 10px 10px;
}
.download-info a {
    background: url(images/download-icon.png) no-repeat left top;
    padding-left: 26px; 
    font-size: 18px; 
    font-family: 'Montserrat',sans-serif!important;
    color: #7B7B7B;
    text-decoration: underline;

}
.download-info a:hover{
    text-decoration: none;
}
.price-info {
    padding: 20px 100px;
}
.price-info p{
    padding-left: 26px; 
    font-size: 18px; 
    font-family: 'Montserrat',sans-serif!important;
    margin-bottom: 0;
} 
.price-info p span{
    font-weight: bold;
    color: #16D6F9;
}
#top_tabs #tabs-1 ul.ui-tabs-nav   {
    padding: 0;
    margin: 0 0 0 15px;
    text-align: left;
    background: #fff;
    border-radius:0;
    box-shadow: none;
}
#top_tabs #tabs-1 ul.ui-tabs-nav  li {
    font-family: 'Montserrat',sans-serif!important;
    display: block;
    font-size: 24px;
    font-weight: 500;
    border: 1px solid #E1E1E1!important;
    position: relative;
    border-radius:10px;
    margin: 0 0 10px;
    color: #C2C3C6;
    text-transform: uppercase;
}
#top_tabs #tabs-1 ul.ui-tabs-nav  li.ui-tabs-active {
    font-weight: bold;
    border: 1px solid #16D6F9!important;
    box-shadow: rgb(149 157 165 / 20%) 0px 2px 7px;
}
#top_tabs #tabs-1 ul.ui-tabs-nav  li.ui-tabs-active a{
    color: #16D6F9;
}
#top_tabs ul.ui-tabs-nav li:last-child {
    border-right: none;
}
#top_tabs #tabs-1 ul.ui-tabs-nav a {
    text-decoration: none;
    color: #69747a;
    margin: 8px;
    padding: 20px 5px 20px 100px;

}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.education {
     background: url(images/summary-hover.png) no-repeat left top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.support {
   background: url(images/profit-hover.png) no-repeat left top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.firm {
   background: url(images/candidates-hover.png) no-repeat left top;
}


#top_tabs #tabs-1 ul.ui-tabs-nav li:hover {
    border: 1px solid #16D6F9!important;
    box-shadow: rgb(149 157 165 / 20%) 0px 2px 7px;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.education,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover a.education {
    background: url(images/summary.png) no-repeat left top;
    color: #16D6F9;
    
}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.support,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover a.support {
   background: url(images/profit.png) no-repeat left top;
   color: #16D6F9;

}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.firm,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover  a.firm {
   background: url(images/candidates.png) no-repeat left top;
   color: #16D6F9;
}




#top_tabs #tabs-1 ul.ui-tabs-nav li:after {
    content: '';
    border-bottom: 3px solid transparent;
    position: unset;
      width: 100%;
    height: 100%;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover:after {
    content: '';
    border-bottom: 3px solid transparent;
    position:unset;
     color:#000;
    background:none;
}
#top_tabs #tabs .imgBox{
    float: left;
    width:47%;
}
#top_tabs #tabs .imgBox img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-top: 70px;

}
#top_tabs #tabs .detailBox{
    float: right;
    width: 50%;
}
#top_tabs #tabs .detailBox p, .ui-tabs-vertical .ui-tabs-panel p{
    font-size: 17px;
    font-family: 'Montserrat',sans-serif!important;
    color: #69747A;
    line-height: 30px;
    margin-bottom: 10px;
}
.ui-tabs-vertical .ui-tabs-panel img{
    width: 380px;
    height: auto;
    margin-top: 70px;
    
}
#top_tabs #tabs .detailBox .btn{

    font-size: 16px;
    font-weight: bold; 
    font-family: 'Montserrat',sans-serif!important;
    text-transform: uppercase;
}
#top_tabs #tabs .detailBox .btn a{
    color: #fff;
    padding: 25px 70px 20px 30px;
   background: url(images/detail-btn.png) no-repeat left top;
    display: block;
    background-size: 100%;
    height: 100px;

}
#top_tabs #tabs .detailBox .btn a:hover{
    color: #3EBEED;
   background: url(images/detail-btn-hover.png) no-repeat left top;
   background-size: 100%;

}
.procedure-option{
    max-width: 1200px;
    margin: auto auto 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 20px 20px;
    
}
.site-breadcrumb {
    font-size: 12px;
    font-family: 'Montserrat',sans-serif!important;
    text-transform: uppercase;
    color: #69747A;
}
.site-breadcrumb  strong{
    color: #000;
}
.site-breadcrumb span{
padding:0 5px;
}
.site-breadcrumb a {
    color: #69747A;
    font-weight: normal;
    padding-right: 5px;
}
.page_cat_info {
    margin: 30px 0;
    display: flex;
}
.page_cat_info .left_hd{
    flex:0 0 50%;
    max-width: 50%;
}
.page_cat_info .right_btn{
    flex:0 0 50%;
    max-width: 50%;
    text-align: right;
}
.page_cat_info .left_hd h1{
    font-size: 40px;
    font-family: 'Montserrat',sans-serif!important;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.page_cat_info .left_hd p{
    font-size: 24px;
    font-family: 'Montserrat',sans-serif!important;
    color: #B1B1B5;
    margin-bottom: 0;
 
}
.page_cat_info .right_btn .appointment_btn{
    font-size: 14px;
    font-family: 'Montserrat',sans-serif!important;
    color: #fff;
    padding: 25px 120px 30px 45px;
    background: url(images/button-2.png) no-repeat left top;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    width: 280px;
 
}
.page_cat_info .right_btn .appointment_btn:hover{
       background: url(images/button-2-hover.png) no-repeat left top;
    color: #3EBEED;
}
.page_cat_info .right_btn .appointment_btn_2{
    font-size: 14px;
    font-family: 'Montserrat',sans-serif!important;
    color: #fff;
    padding: 22px 120px 35px 45px;
      background: url(images/button-1-1.png) no-repeat left top;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;

}
.page_cat_info .right_btn .appointment_btn_2:hover{
       background: url(images/button-1-hover.png) no-repeat left top;
    color: #fff;
}
.portfolio-item a {
    color: #c2c3c6!important;
}
#top_tabs #tabs-2 {
    border-radius: 25px;
    box-shadow:rgb(149 157 165 / 20%) 0px 8px 24px;
    padding:0;
    width: 100%;
    margin-bottom: 40px;
}
 #top_tabs #tabs-3 {
    border-radius: 25px;
    box-shadow:rgb(149 157 165 / 20%) 0px 8px 24px;
    padding:30px;
    width: 100%;
    margin-bottom: 40px;

}
 #tabs12 h2,  #tabs13 h2,  #tabs-3 h2{
    font-family: 'Montserrat',sans-serif!important;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin: 0 0 10px;
    color: #000;
    text-transform: uppercase;
}
.treatment_box {
    display: flex;
    flex-wrap: wrap;
}
.treatment_box .before_box{
    /* flex: 0 0 49.829%; */
    flex: 0 0 50%;
    max-width: 50%;
background: #d1f6ff; /* Old browsers */
background: -moz-linear-gradient(left, #d1f6ff 0%, #ecfcff 49%, #ecfcff 51%, #f0fcff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d1f6ff 0%,#ecfcff 49%,#ecfcff 51%,#f0fcff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d1f6ff 0%,#ecfcff 49%,#ecfcff 51%,#f0fcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f6ff', endColorstr='#f0fcff',GradientType=1 ); /* IE6-9 */
padding:0 30px;
border-radius: 25px 0 0 25px;
border-right:2px solid #39BDEC;

}
.treatment_box .after_box{
    border-radius: 0 25px  25px 0;
    flex: 0 0 50%;
    max-width: 50%;
    background: #d1f6ff; /* Old browsers */
    background: -moz-linear-gradient(right, #d1f6ff 0%, #ecfcff 49%, #ecfcff 51%, #f0fcff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #d1f6ff 0%,#ecfcff 49%,#ecfcff 51%,#f0fcff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, #d1f6ff 0%,#ecfcff 49%,#ecfcff 51%,#f0fcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f6ff', endColorstr='#f0fcff',GradientType=1 ); /* IE6-9 */
    padding:0 30px;
    border-left:2px solid #39BDEC;

    }
    .treatment_box  .outer_row{
        display: flex;
        flex-wrap: wrap;
    }

    .treatment_box  .outer_row .detail_box,   .treatment_box  .outer_row .pic_box{
        flex: 0 0 50%;
        max-width: 50%;
    }  
    .treatment_box  .before_box .outer_row .detail_box  {
        margin-top: 40px;
    }
    .treatment_box  .after_box .outer_row .detail_box  {
        margin-top: 40px;
        text-align: right;
    }
    .treatment_box  .before_box .outer_row .detail_box h5  {
        margin-top: 40px;
    }
    .treatment_box  .after_box .outer_row .detail_box  h5 {
        margin-bottom: 40px;
    }
.treatment_box  .outer_row h2{
        font-size: 17px;
        text-transform: uppercase;
        font-family: 'Montserrat',sans-serif!important;
        font-weight: 600;
        border-bottom:1px solid #C7D6D9;
        color: #000;
        display: inline-block;
    } 
    .treatment_box  .outer_row h2 span{
        font-size: 15px;
         font-weight: 600;
       color: #69747A;
       text-transform: capitalize;

    } 
    .treatment_box  .outer_row h5{
        font-size: 45px;
        text-transform: uppercase;
        font-family: 'Montserrat',sans-serif!important;
        font-weight: bolder;
        color: #E4EFF2;
    }   
    .treatment_box  .outer_row p{
        font-size: 16px;
         font-family: 'Montserrat',sans-serif!important;
        font-weight: 600;
        color: #000;
        margin-bottom: 0;
        line-height: 1.5;
    }  
    .treatment_box  .outer_row p span{
        font-size: 14px;
         font-weight: 400;
       color: #69747A;


    }        

    #procedure .procedure-detail .imgBox{
        margin-bottom: 0;
    }
    #procedure .procedure-detail .imgBox img{
        margin-bottom: 30px;
        /* height: 170px; */
    } 

    .single-procedures .btns-container.procedure-show, .btns-container, .btns-container-1{
        text-indent: -99999999px;
    }

@media only screen and (max-width: 992px) and (min-width:320px ){
.mobile-menu-toggle-icon{
background: url(images/menu.png) no-repeat center top;
width: 34px;
height: 20px;
}
.mobile-menu-toggle-icon svg, .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    display: none;
}

}

@media only screen and (max-width: 1024px) and (min-width:320px ){
    .slick-prev, .slick-next {
        display: none!important;
    }

}


@media only screen and (max-width: 1024px) and (min-width:768px ){
    .page_cat_info .left_hd h1 {
        font-size: 36px;
    }
.page_cat_info .left_hd p {
     font-size: 11px;
   }  
#top_tabs ul.ui-tabs-nav li a {
    padding: 0 44px;
}  
   .page_cat_info .left_hd {
    flex: 0 0 40%;
    max-width: 40%;
}
.page_cat_info .right_btn {
    flex: 0 0 60%;
    max-width: 60%;
}  
.ui-tabs-vertical .ui-tabs-panel{
    width: 70%!important;
} 
#top_tabs #tabs-1 ul.ui-tabs-nav li{
    font-size: 14px;
}
#top_tabs #tabs-1 ul.ui-tabs-nav a {
    padding: 15px 0 15px 65px;
    background-size: 55px 55px!important;
    margin:5px;
}
#top_tabs #tabs .detailBox p {
    font-size: 11px;
    line-height: 19px;

}
.page_cat_info .right_btn .appointment_btn, .page_cat_info .right_btn .appointment_btn:hover {
    font-size: 14px;
    padding: 27px 60px 20px 70px;
     background-size: 100%!important;
     text-align: left;
}
.page_cat_info .right_btn .appointment_btn_2, .page_cat_info .right_btn .appointment_btn_2:hover {
    font-size: 14px;
    /* padding: 16px 60px 35px 30px; */
    padding: 22px 102px 20px 40px;
   background-size: 100%!important;
   margin-right: 15px;
}
#top_tabs #tabs .detailBox .btn a {
    padding: 6% 10% 5% 5%;
}
#top_tabs #tabs .detailBox .btn{
    font-size: 10px;
}
.download-info a {
    font-size: 15px;
}

.procedure-option{
    margin:auto 15px 20px;
}
.site-footer {
    padding: 0 20px;
    margin-top: 0;
    z-index: 100000;
    position: relative;
}
.site-footer-section-2 p {
    font-size: 16px;

}
}
@media only screen and (max-width: 1024px) and (min-width:850px ){
    #top_tabs #tabs .detailBox .btn a {
        padding: 6% 10% 5% 10%;
    }
    #top_tabs #tabs .detailBox .btn{
        font-size: 12px;
    }  
}

.current-menu-item a {
    font-weight: normal !important;
}
.social_icons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.social_icons li{
    line-height: 2.4;
    float: left;
    margin-right:5px
}
.social_icons li a{
    padding-left:36px;
    display: inline-block;
}
.social_icons .facebook a{
 background: url(images/facebook_ico-1.png) no-repeat left top;
}
.social_icons .twitter a{
      background: url(images/twitter_ico-1.png) no-repeat left top;
}
.social_icons .insta a{
      background: url(images/insta_ico-1.png) no-repeat left top;
}
.social_icons .linkedin a{
    background: url(images/in_ico-1.png) no-repeat left top;
}
.polylang-flags li{
    display: inline-block!important;
    padding-left:4px;
    font-size: 18px;
    line-height: 26px;
    color: #737373;
}

.lang-option{
    margin-top: 30px;
}
.polylang-flags li a{
    color: #737373;
}

.popup-inner{
      background: url(images/popup.png) no-repeat left bottom;
    background-size: 100%;
}
.popup-inner .listing{
    padding: 30px 50px 100px;
}
.call-me a{
       background: url(images/call-me.png) no-repeat left top;
    padding-top: 10px;
    line-height: 42px;
}
.call-me a, .call-us a, .call-clinic a, .call-whatsapp a{
    padding-left:60px;
    color: #000;
    margin-bottom: 10px;
    display: inline-block;
     font-size: 22px;
    font-weight: bold;
}

.call-us  a{
    background: url(images/call-us.png) no-repeat  left top;
    padding-top: 10px;
    line-height: 42px;
}
.call-clinic a{
      background: url(images/go-clinic.png) no-repeat left top;
    padding-top: 10px;
    line-height: 42px;
}
.call-whatsapp a{
        background: url(images/send-whats-up.png) no-repeat left top;
    padding-top: 10px;
    line-height: 42px;
}
.sgpb-popup-close-button-1{
    top: 15px!important;
    right: 15px!important;
    bottom: 0!important;
}

#cont:hover {
    background: url(images/button-11-hover.png) no-repeat left top;
    width: 210px;
    height: 78px;
    display: block;
}
#cont-1:hover {
    background: url(images/button-12-hover.png) no-repeat left top;
    width: 262px;
    height: 78px;
    color: #3EBEED!important;
    display: block;
}
.btn-container{
    position: relative;
    width: 100%;
}
.contact-btn a{
    background: url(images/button-12.png) no-repeat left top;
    width: 210px!important;
    height: 60px;
    display: block;
    line-height: 32px!important;
    text-align: left!important;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif!important;
    font-size: 15px!important;
}
.find-btn a{
    background: url(images/button-12-.png) no-repeat left top;  
    width: 262px!important;
    height: 60px;
    display: block;
    line-height: 32px!important;
    text-align: left!important;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif!important;
    font-size: 15px!important;
    padding-left: 25px!important;
}
.contact-btn a:hover {
    background: url(images/button-11-hover.png) no-repeat left top;

}
.find-btn a:hover {
    background: url(images/button-12-hover.png) no-repeat left top;
    width: 262px;
    height: 60px;
    color: #3EBEED!important;
  
}

.site-above-footer-wrap .site-footer-section-1 p{
    margin-bottom: 0px;
}
.single-procedures .ui-tab a{
	background-size: contain !important;
}
/* .btns-container{
    display: none;
} */
body #myBtn {
    z-index: 999 !important;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .banner-bottom-box > div {
    background-color: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }
}

@media only screen and (max-width: 767px) and (min-width:320px ){
    .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary{
        margin: 0!important;
      }
    .procedure-option{
          padding: 10px 20px 20px;
        
    }


    .pum-theme-2635 .pum-container, .pum-theme-lightbox .pum-container{
        padding: 0!important;
    }
    .popup-inner .listing {
        padding: 30px 20px 70px;
    }
    .logo-container{
        display: none;
    }
    .left-col h2{
        text-align: left!important;
        font-size: 34px!important;
        line-height: 40px!important;
    }
    .find-btn a, .contact-btn a{
        line-height: 38px!important;
    }  

 #procedure .procedure-detail ul li{
        float: none!important;    }

 #procedure .procedure-detail ul li.portfolio-item{
 float: left!important;  
  }

    .procedure-detail_doc ul li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        }
        #procedure .procedure-detail ul {
            margin: 50px 0 30px!important;
            min-height: 380px;
        }
        #procedure .procedure-detail ul li{
            margin: 0 10px!important;
        }

    .treatment_box .before_box, .treatment_box .after_box,.treatment_box  .outer_row .detail_box,   .treatment_box  .outer_row .pic_box{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .treatment_box .after_box .outer_row .pic_box{
        order: 2;
    }
    .treatment_box .before_box{
        margin-bottom: 10px;
    }
    .treatment_box .before_box,  .treatment_box .after_box{
        border: none;
        border-radius: 25px;
        padding: 0 20px;
    }
    .treatment_box .after_box .outer_row .detail_box {
        margin-top: 20px;
       padding-bottom: 20px;
    }
    #professional .procedure-detail ul li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0%;
         width: 100%;
         margin-bottom: 20px;
        } 
        #professional .procedure-detail ul li .social-contact{
            display: block;
       
        }   
        #top_tabs ul.ui-tabs-nav{
            margin: 0 0 20px;
        }   
    .site-breadcrumb{
        font-size: 13px;
    }
    .page_cat_info{
        display: block;
        margin: 0 0 10px;
    }
    .page_cat_info .left_hd h1{
        font-size: 30px;
    }
    .page_cat_info .left_hd p{
        font-size: 11px;
  
    }  
    .page_cat_info .right_btn .appointment_btn {
        padding: 25px 95px 30px 45px;
            background-size: 100%;
    }
    .page_cat_info .right_btn .appointment_btn_2 {
        background-size: 100%;
    }
    .page_cat_info .left_hd{
        flex:0 0 100%;
        max-width: 100%;
    }
    .page_cat_info .right_btn{
        flex:0 0 100%;
        max-width: 100%;
        text-align: center;
        display: none;
    } 
    #top_tabs ul.ui-tabs-nav li {
        font-size: 13px;
    }
  #top_tabs ul.ui-tabs-nav li a {
        padding: 0 10px;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav{
        float: unset;
        width: 100%!important;
    } 

    .ui-tabs-vertical .ui-tabs-panel{
        float: unset!important;
        width: 100%!important;
    }
    #top_tabs #tabs .imgBox{
        float: unset!important;
        width: 100%!important;
        order: 2;
    }
    #top_tabs #tabs .imgBox img{
        margin: 20px 0;

    }
    #top_tabs #tabs .detailBox .btn{
        font-size: 13px;
    }
    #top_tabs #tabs .detailBox{
        float: unset!important;
        width: 100%!important;
        order: 1;
    }
    .price-info {
        padding: 20px;
    }
    #top_tabs #tabs .detailBox .btn a{
        background-size: contain!important;
         background: url(images/view-all.png) no-repeat center top;
         text-align: center;
         height: auto!important;
    }
#top_tabs #tabs .detailBox .btn a:hover{
        background-size: contain!important;
        background: url(images/view-all.png) no-repeat center top;
        text-align: center;
        height: auto!important;
        color: #fff;
    
    }
    #top_tabs #tabs {

        padding: 20px 5px;
    }
    .ui-tabs-vertical .ui-tabs-panel{
        padding: 1em!important;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav{
        margin:0;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav li{
        font-family: 'Montserrat',sans-serif!important;
        font-size: 12px;
        text-align: center;
        float: left;
        width: 31%;
        margin: 0 1% ;
    } 
    #top_tabs #tabs-1 ul.ui-tabs-nav a {
        text-decoration: none;
        color: #69747a;
        margin: 10px 0;
        padding: 65% 10px 0 10px;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav li:last-child{
       margin: 0 0 0 1%; 
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav a.education {
         background: url(images/education-icon-active.png) no-repeat center top;
        background-size: 60%!important;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav a.support {
        background: url(images/support-icon.png) no-repeat center top;
        background-size: 60%!important;
    }
    #top_tabs #tabs-1 ul.ui-tabs-nav a.firm {
           background: url(images/firm-icon.png) no-repeat center top;
        background-size: 60%!important;
    }
    #procedure .procedure-detail .golden-package:after {
        content: '';
           background: url(images/new-mobile.png) no-repeat right top;
        position: absolute;
        top: -31px;
        right: -26px;
        width: 104px;
        height: 105px;
    }
    #procedure .procedure-detail h3{
        font-size: 20px;
        text-align:center;
    } 
 
    #procedure .procedure-detail .procedure-1 h3, #procedure .procedure-detail .procedure-1 div.timer{
        float: unset;
        margin-bottom:5px;
        text-align: center;
    }
    #procedure .procedure-detail .procedure-1 div.timer{
        margin-bottom: 10px;
    } 
    .payment-detail{
        font-size: 13px;
        color: #c2c3c6;
    }

 #procedure .procedure-detail ul li{
    padding: 20px 15px;
    flex: 0 0 100%;
    max-width: 94%;
    }
#procedure .procedure-detail ul li p{
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 5px;
}
.app-icon{
       float: left;
       width: 45%;
       margin-right: 4%;
   }
   .site-primary-footer-wrap .site-footer-section-3{
       padding-top: 0;
   }
   .store-app .app-option img{
       margin-bottom: 0;
   }
   .site-above-footer-wrap .site-footer-section-3 h2, .site-above-footer-wrap .site-footer-section-1 h2, .store-app h2{
       font-size: 22px;
       text-align: left;
   }
   .site-above-footer-wrap .site-footer-section-1 p{
       text-align: left;
       font-size: 16px;
       line-height: 22px;
       margin-bottom: 0;
   }
    .site-above-footer-inner-wrap .site-footer-section-1{
        order: 2;
    }
    .site-above-footer-inner-wrap .site-footer-section-2{
        order: 1;
        position: relative;
    }
    .site-above-footer-inner-wrap .site-footer-section-3{
        order: 3;
    }
    .site-primary-footer-wrap .site-footer-section-3 h3{
        text-align: left;
        margin-bottom: 10px;
    } 
    .site-primary-footer-wrap .site-footer-section-3 .widget{
        margin: 0;
        text-align: left;
    }   
.home .site-footer{
    padding: 0 20px 45px;
    margin-top: -180px;
    z-index: 100;
    position: relative;
}
.site-footer{
    padding: 0 20px  45px;
    margin-top: 0;
    z-index: 100;
    position: relative;
}
.ast-footer-copyright p{
    text-align: center!important;
}
.testimonial-hd h3 {
    font-size: 13px!important;
}
.testimonial-hd h6 {
    font-size: 10px!important;
}
.site-above-footer-wrap .site-footer-section-3 ul li {
    flex: 0 0 14%;
    margin-right: 5px;
}
.site-footer-section-2 p{
    margin-bottom: 0;
    font-size: 16px;
    padding: 0 3px 0 0;
}
.view-all{
    width: 280px;
    overflow: hidden;
    margin: auto;
}
.view-all a {
    background: url(images/view-all.png) no-repeat left top;
    background-size: 82%;
    display: block;
    font-size: 14px;
    padding: 18px 40px 20px 20px;
    text-align: left;

}
#procedure .view-all a {
    font-size: 17px!important;
    padding: 15px 24px;
}
.view-all a:hover {
    background: url(images/view-all.png) no-repeat left top;
    background-size: 82%;
    display: block;
    font-size: 14px;
    padding: 18px 40px 20px 20px;
    text-align: left;
}
.our-procedure h2, .our-professional h2, .testimonial-section h2, .why-us-section h2{
    font-size: 26px;
}
#procedure ul.tabs li, #professional ul.tabs li{
    font-size: 13px;
    padding:0 13px;
}
#portfolio-wrapper{
    padding-bottom: 0;
}

#procedure ul.tabs, #professional ul.tabs{
    width: 100%;
}
.our-procedure .elementor-element-populated{
    padding: 0!important;
}
#procedure ul.tabs li a, #professional ul.tabs li a{
    padding: 0 10px;
}
.our-procedure{
    padding:0 20px;
    margin-bottom: 0!important;
}

.why-us-section {
    background-image: url(images/why-us-mobile-bg.png)!important;
    background-repeat: no-repeat;
    background-size: cover;

}
.why-us-section p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 50px;

}    .why-box {
    margin-bottom: 50px;
}
.mobile-menu-toggle-icon{
    background: url(images/menu.png) no-repeat center top;
    width: 34px;
    height: 20px;
}
.mobile-menu-toggle-icon svg, .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    display: none;
}
.banner-img{
    background-image: url(images/mobile-banner.png)!important;
background-repeat: no-repeat!important;
background-position: center  bottom!important;
background-size: 100% 100%;
}
#top_tabs ul.ui-tabs-nav li:hover:after, #top_tabs ul.ui-tabs-nav li.ui-state-active::after{
    content: '';
    border-bottom: 2px solid #44baeb;
    position: absolute;
    bottom: -5px;
    left: -1px;
    color: #000;
    background: url(images/arrow-top.png) no-repeat center bottom;
    background-size: 12%;
}
.left-col {
    padding:80px 0 350px;
}

.home .site-header{
    background: transparent;
    z-index: 101;
}
.site-header{
    background: #fff;
    z-index: 101;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.education {
    background: url(images/summary-hover.png) no-repeat center top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.support {
  background: url(images/profit-hover.png) no-repeat center top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li a.firm {
  background: url(images/candidates-hover.png) no-repeat center top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.education,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover a.education {
   background: url(images/summary.png) no-repeat center top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.support,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover a.support {
  background: url(images/profit.png) no-repeat center top;
}
#top_tabs #tabs-1 ul.ui-tabs-nav li.ui-tabs-active a.firm,
#top_tabs #tabs-1 ul.ui-tabs-nav li:hover  a.firm {
  background: url(images/candidates.png) no-repeat center top;
}
.btns-container, .single-procedures .btns-container-1{
    position: fixed;
    width: 100%;
    display: none;
    bottom: -10px;
    z-index: 1000000;
    background: #fff;
    padding: 5px 5px 10px;
    text-align: center;

}
.btns-container .contact-btn, .single-procedures .btns-container-1 .contact-btn {
    background: url(images/button-12.png) no-repeat left top;
    width: 116px!important;
    height: 55px;
    display: inline-block;
    line-height: 41px!important;
    text-align: left!important;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif!important;
    font-size: 12px!important;
    padding-left: 6px!important;
    background-size: 104% 98%;
    color: #fff;
}
.btns-container .find-btn, .btns-container-1 .appointment_btn {
    background: url(images/button-12-.png) no-repeat left top;
    width: 190px!important;
    height: 60px;
    display: inline-block;
    line-height: 47px!important;
    text-align: left!important;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif!important;
    font-size: 10px!important;
    padding-left: 10px!important;
    background-size: 100%;
    color: #fff;
}
.btns-container-1 .appointment_btn {
    padding-left: 25px!important;
}
.single-procedures .btns-container-1 .contact-btn{
    padding-left: 8px!important;
    font-size: 10px!important;
} 
.single-procedures .btns-container.procedure-show, .btns-container, .btns-container-1{
    text-indent: 0;
}

.single-procedures .btns-container{
    display: none!important;
} 
     .single-procedures .btns-container-1{
    display: block;
}
.ui-tabs-vertical .ui-tabs-panel img{
    width: 100%;
margin-bottom: 30px;
margin-top: 10px;
    
}

#tabs12 h2, #tabs13 h2, #tabs-3 h2{
    padding-top: 10px;
}
#procedure .wpsm_panel-group .ac_title_class{
    padding-left: 0!important;
}
#procedure .ac_title_class:before{
    display: none;
}
#procedure .wpsm_panel-group  .wpsm_panel-title a{
    font-size: 12px;
}
#procedure .wpsm_panel-group   .ac_open_cl_icon{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.elementor-2035 .elementor-element.elementor-element-2a6981c7 > .elementor-element-populated > .elementor-widget-wrap{
    padding: 0!important;
}
.swipe_img{
    display: block;
    text-align: center;
}
.swipe_img img{
    max-width: 50%;
}
.banner-btn .elementor-widget-wrap{
    padding: 0!important;
}
.site-logo-img img{
    width: 206px!important;
    height: 40px!important;
}
.ast-logo-title-inline .site-logo-img{
    padding-right:0!important ;
}
.taste_btn{
    position: relative;
    bottom: 48px;
    left: 0;
    height: 140px;
    width: 85%;
} 

.our-professional{
     background-image: url(images/bg-3.png)!important;
        background-position: left 63px!important;
        background-repeat: repeat;
        position: relative;
        padding: 40px 0 0;
        background-size: 100% 100%!important;
        margin-bottom: 130px;
}
.our-professional::after{
    top: 6px;
}

.our-professional::before{
    bottom:-60px;
    background-size: 40% 40%;

}
.our-procedure::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    background-size: 40%;
}
#top_tabs #tabs .detailBox .btn button{
    font-size: 12px!important;
}
}


@media only screen and (max-width: 400px) and (min-width:320px ){
    #top_tabs #tabs-1 ul.ui-tabs-nav li{
        font-size: 9px;
    } 
    #top_tabs #tabs .detailBox .btn {
        font-size: 10px;
    }
    #top_tabs #tabs .detailBox .btn a {
        padding: 18px 35px 20px 10px;
        text-align: left;
    } 
    .ui-tabs-vertical .ui-tabs-panel {
        padding: 1em 0.2em!important;
    }
     
} 

@media only screen and (max-width: 1151px) and (min-width:768px ){
.ui-tabs-vertical .ui-tabs-panel img {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0;
}
.mobile-menu-toggle-icon {
    background: url(images/menu.png) no-repeat center top;
    width: 34px;
    height: 20px;
}
.mobile-menu-toggle-icon svg, .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    display: none;
}
.page_cat_info {
    margin: 10px 0;
}

.page-id-2200 #procedure .view-all{
    display: none;
}
.taste_btn{
    max-width: 1200px;
    padding:10px 0;
    margin: auto;
}
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary{
    margin: 0!important;
    padding: 0;
}
.ast-separate-container .ast-article-single{
    padding:1em 0 4em!important;
}

.stiky-header{
    height:104px;
    background:#fff!important;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
    transition: background 2s;
  }
}

@media only screen and (max-width: 767px){
.ast-separate-container article.ast-article-single{margin-top:20px !important;}
}

.professional-slider{
	margin: 0 !important;
}