/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ------------------------------------ ROOT ------------------------------------  */
body {
    line-height: 1.6;
}
p,span,a {
    font-size: 17px;
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.2;
}
.section-heading-title {
    font-size: 32px;
}

.page-title {
    margin-bottom: 30px;
    font-size: 35px;
}
.rank-math-breadcrumb * {
    font-size: 16px;
}

.rank-math-breadcrumb p {
    margin-bottom: 20px;
}


.custom-btn-primary,
.custom-btn-secondary  {
    height: 48px;
    margin: 0 !important;
}

.custom-btn-primary span,
.custom-btn-secondary span {
    font-size: 24px;
    font-weight: 500;
    line-height: 48px;
}

.custom-btn-secondary  {
    background: #a04c4c !important;
    text-transform: uppercase !important;
}

.star-rating {
	font-size: 18px;
	 width: 6em;
}

.star-rating:before {
		color:#fc713f !important;
	letter-spacing:4px
}

.star-rating span:before {
	font-size:18px;
	color:#fc713f !important;
	letter-spacing:4px
}


/* ------------------------------------- END ROOT ------------------------------------ */

/* ------------------------------------- HEADER ------------------------------------ */
#wide-nav > .container > .flex-left {
    width: 100%;
}
#wide-nav > .container > .flex-left .header-nav {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    height: 50px;
}

#wide-nav > .container > .flex-left .header-nav > li {
    width: 100%;
    margin: 0;
    text-align: center;
    height: 100%;
}

#wide-nav > .container > .flex-left .header-nav > li:hover {
    background-color: #00599c;
}

#wide-nav > .container > .flex-left .header-nav > li.active {
    background-color: #00599c;
}

#wide-nav > .container > .flex-left .header-nav > li.active a{
    font-weight: 600;
}


#wide-nav > .container > .flex-left .header-nav > li a {
    height: 100%;
    display: block;
    line-height: 50px;
    padding: 0;
    font-weight: 400;
}

#wide-nav > .container > .flex-right {
    display: none;
}

.header-search-form-wrapper .searchform {
    border-radius: 5px;
    overflow: hidden;
}

.header-search-form-wrapper .searchform input {
    height: 36px;
    box-shadow: none;
    border: none;
}

.header-search-form-wrapper .searchform button {
    height: 36px;
    width: 36px;
    background: #fff !important;
    color: #00599c;
    border: none;
}

.header-button-1 a.button{
	border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 16px;
	height:36px
}

/* ------------------------------------- END HEADER ------------------------------------ */

/* ------------------------------------- FOOTER ------------------------------------ */
.footer-section h3 {
}

.footer-section .ux-menu .ux-menu-link__link {
    padding: 0;
    min-height: 36px;
}

.footer-section .languages-col {
}
.languages-wrapper > .col > .col-inner {
    display: flex;
    flex-direction: column;
}

.languages-wrapper a {
    min-height: 36px;
    color: #333;
}

.languages-wrapper a.gt-current-lang {
    min-height: 40px;
    color: #002d62;
}

/* ------------------------------------- END FOOTER ------------------------------------ */

/* ------------------------------------- SIDEBAR ------------------------------------ */
.post-sidebar {
    padding-left: 0 !important;
}
.post-sidebar .widget-area aside:not(#custom_html-4) {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    padding: 24px;
}

.post-sidebar .widget-area aside .services > li >a {
    color: #444;
    display: block;
    transition: all linear 0.1s;
    font-size: 18px;
    padding: 18px;
    margin-bottom: 3px;
    border-top: none;    background-color: #eee;
}


.post-sidebar .widget-area aside .services > li >a:hover {
    color: #2196F3;
    border-left: 5px solid #009eeb;
}


.post-sidebar .widget-area aside .services > li >a.active {
    color: #2196F3;
    border-left: 5px solid #009eeb;
}

.post-sidebar .widget-area aside .services .sub-services {
    padding: 0 14px;
    margin: 10px 0;
    display: none;
}

.post-sidebar .widget-area aside .services .sub-services > li {
    list-style-type: disc;    margin-left: 1.3em;
    margin-bottom: 0.6em;
}

.post-sidebar .widget-area aside .services .sub-services > li a {
    color: #444;
}


.post-sidebar .widget-area aside .services .sub-services > li a:hover {
    text-decoration: underline;
}



.post-sidebar .widget-area aside .widget-title span {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 11px;
    display: block;
}

.post-sidebar .widget-area aside .widget-title + .is-divider {
    display: none;
}

.post-sidebar .widget-area aside .custom-html-widget ul li {
    margin-bottom: 10px;
    font-size: 17px;
}

.post-sidebar .widget-area aside .custom-html-widget ul li i{
    margin-right: 6px;
}


.post-sidebar .widget-area aside#custom_html-2 .custom-html-widget ul li i{
   color: #00bcd4;
}

.post-sidebar .widget-area aside#custom_html-3 .custom-html-widget ul li i{
    color: #4caf50;
}

/*------------------------------------- END SIDEBAR ------------------------------------ */

/* ------------------------------------- HOME PAGE  ------------------------------------ */

.banner-section .banner  h3 {
    margin: 0;
    background: #00589ca6;
    padding: 30px 0;
    line-height: 1.2;
    text-transform: initial;
}

.banner-section .banner  h3 strong{
    width: 60%;
    display: block;
    margin: 0 auto;
}

.banner-section .banner p {
    color: #2d2d2d ;
    font-size: 24px;
    margin: 0;
    padding: 15px 30px;
}
.banner-section .banner .text-inner .divider {
    background: #ccc;
    height: 1px;
}

.banner-section .banner .text-inner > .row {
    width: 60%;
    margin: 0 auto;
}

.introduce-section .introduce-text-col > .col-inner .section-heading-title {
    color: #00599c;
}

 .introduce-section .introduce-text-col > .col-inner p {
    font-size: 28px;
 }

 .why-choose-us-section .answer-col .icon-box .icon-box-img {
    align-items: center;
    display: flex;
 }

 .why-choose-us-section .answer-col .icon-box .icon-box-text h3 {
    font-size: 24px;
 }

 .why-choose-us-section .answer-col .icon-box .icon-box-text p {
    font-size: 20px;
    line-height: 1.4;
 }

.partners-section .partners-logo-row > .col > .col-inner {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	gap:30px
}

.partners-section .partners-logo-row > .col > .col-inner .img  {
	min-width:165px;
	margin-bottom:0;
	width:calc(16.667% - 25px) !important;
}

.testimonials-section .testimonials-row .tesimonial-col > .col-inner {
	position:relative
}


.testimonials-section .testimonials-row .tesimonial-col > .col-inner:before {
	content:'';
	display:block;
	width:20px;
	height:20px;
	background:url(/wp-content/uploads/2023/10/google.png) no-repeat center/20px 20px;
	
	position:absolute;
	top:15px;
	right:15px;
	z-index:10
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-img {
	    height: 56px;
	border-radius:99px;
	box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;
	
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-img img {
	padding-top:0
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text {
	display: flex;
    flex-direction: column;
	padding-left:10px
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .star-rating,
.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .testimonial-text {
	order:1
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .star-rating{
	margin:6px 0
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .testimonial-meta {
	padding-top:0;
	font-size: 18px;
	line-height:1
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .testimonial-text {
	font-size:13px;
	color:#666
}

.testimonials-section .testimonials-row > .col > .col-inner .icon-box .icon-box-text .testimonial-text p {
	font-style:normal;
	font-size: 14px;
}

.testimonials-section .testimonials-row  .testimonial-content {
	margin-top:6px;
	color:#666;

	 height:176px;
	overflow-y:auto
}



.testimonials-section .testimonials-row  .testimonial-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f1f1f1;
		border-radius:10px
}

.testimonials-section .testimonials-row  .testimonial-content::-webkit-scrollbar
{
	width: 5px;
	background-color: #f1f1f1;

}

.testimonials-section .testimonials-row  .testimonial-content::-webkit-scrollbar-thumb
{
	background-color: #999;
	border: 2px solid #999;
		border-radius:10px
}


.testimonials-section .testimonials-row  .testimonial-content * {
		font-size:16px;
}

.news-section .slider:hover .flickity-prev-next-button svg {
    background-color: #00599c;
    opacity: 1;
}

.news-section .flickity-prev-next-button {
    opacity: 1;
    width: 40px;
}

.news-section .flickity-prev-next-button svg {
    padding: 25%;
}

.news-section .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
}
.news-section .flickity-page-dots .dot.is-selected {
    background: #00599c;
}

.news-section .flickity-prev-next-button.previous {
    transform: translateX(100%) !important;
}
.news-section .flickity-prev-next-button.next {
    transform: translateX(-100%) !important;
}

.news-section .flickity-prev-next-button svg {
    background-color: #00599c;
    color: #fff;
    border: none;
}

.news-section .post-item .box-blog-post .post-title {

} 

.news-section .post-item .box-blog-post .post-title + .is-divider {
    display: none;
} 

.news-section .post-item .box-blog-post .from_the_blog_excerpt  {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-section .post-item .box-blog-post .button {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: normal;
    color: #2196F3;
    border: none;
    padding: 0;
}

.news-section .post-item .box-blog-post .button:hover {
    text-decoration: underline;
}
/* ------------------------------------- END HOME PAGE  ------------------------------------ */

/* ------------------------------------- ABOUT PAGE  ------------------------------------ */

/* ------------------------------------- END ABOUT PAGE  ------------------------------------ */


/* ------------------------------------- FAQs PAGE  ------------------------------------ */
.FAQs-accordian .accordion-item a {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.FAQs-accordian .accordion-item .accordion-inner {
    background: #f9f9f9;
}

.FAQs-accordian .accordion-item a::after {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
}
.FAQs-accordian .accordion-item a.active::after {
    content: '\f068';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 12px;
}
.FAQs-accordian .accordion-item a.active{
    background: #00599c;
    color: #fff;
}

.FAQs-accordian .accordion-item .accordion-title {
    border-color: #00599c;
}

.FAQs-accordian .accordion-item button.toggle {
    display: none;
}
/* ------------------------------------- END FAQs PAGE  ------------------------------------ */

/* ------------------------------------- CONTACT PAGE  ------------------------------------ */

/* ------------------------------------- END CONTACT PAGE  ------------------------------------ */

/* ------------------------------------- BLOG ARCHIVE ------------------------------------ */
.blog-archive {
    padding-top: 0;
}

.blog-archive  .cate-slider-banner .flickity-page-dots .dot {
        background: #fff;
        opacity: 0.4;
}

.blog-archive  .cate-slider-banner .flickity-page-dots .dot.dot.is-selected {
    opacity: 1;
}
.blog-archive  .cate-slider-banner .banner h3 {
    font-size: 250%;
    text-transform: initial;
    line-height: 1.4;
}

.blog-archive  .cate-slider-banner .banner p {
    font-size: 120%;
    margin: 1em 0;
    line-height: 1.8;
}

.blog-archive .box-blog-post .box-image {
    border-radius: 5px;
}

.blog-archive .box-blog-post .box-text  {
    padding-bottom: 0;
}

.blog-archive .box-blog-post .box-text .post-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.blog-archive .box-blog-post  .box-text .from_the_blog_excerpt  {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-archive .box-blog-post  .box-text .button  {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: normal;
    color: #2196F3;
    border: none;
    padding: 0;
}

.blog-archive .box-blog-post  .box-text .button:hover {
    text-decoration: underline;
}


/* ------------------------------------- END BLOG ARCHIVE ------------------------------------ */

/* ------------------------------------- BLOG SINGLE ------------------------------------ */
.blog-single .entry-header {
    border-bottom: 1px solid #bfbfbf;
}

.blog-single  .entry-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
}


/* ------------------------------------- END BLOG SINGLE ------------------------------------ */


@media only screen and (max-width: 848px ) {
    /*************** ADD TABLET ONLY CSS HERE  ***************/
    .section-heading-title {
        font-size: 28px;
    }
    .why-choose-us-section .answer-col .icon-box .icon-box-text h3 {
        font-size: 22px;
    }
    .why-choose-us-section .answer-col .icon-box .icon-box-text p {
        font-size: 17px;
    }    

    .introduce-section .introduce-img-col > .col-inner {
        display: flex;
        justify-content: center;
    }

    
    .introduce-section .introduce-img-col > .col-inner > .img  {
        width: 80% !important;
        aspect-ratio: 100/86;
        overflow: hidden;
    }

    
    .introduce-section .introduce-text-col > .col-inner ,
    .introduce-section .introduce-text-col > .col-inner p {
        text-align: center;
    }

    .introduce-section .introduce-text-col > .col-inner .button {
        width: 100%;
        margin: 0;
    }
    
    .news-section .flickity-prev-next-button.next {
        transform: translateX(0%) !important;
    }
    .news-section .flickity-prev-next-button.previous {
        transform: translateX(0%) !important;
    }

    .post-sidebar {
        padding-left: 15px !important;
    }

}   

@media only screen and (max-width: 549px ) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


    .footer-payment-gateway {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px;
    }

    .footer-payment-gateway img {
        max-height: 40px;
    }
	
	
	.custom-btn-primary,
	.custom-btn-secondary  {
		width: 100%;
	}
	
	
	.partners-section .partners-logo-row > .col > .col-inner {
		flex-wrap: nowrap;
		overflow-x:auto
	}
	
	
	.partners-section .partners-logo-row-mobile .logos-row > .col > .col-inner {
		display: flex;
		flex-wrap: wrap;
		gap:20px;
	}
	
	.partners-section .partners-logo-row-mobile .logos-row > .col > .col-inner .img {
		width:calc(50% - 10px) !important;
		margin-bottom:0
	}
	
	.partners-section .partners-logo-row-mobile .flickity-page-dots .dot {
		background-color: var(--primary-color);
		border-color:  var(--primary-color);
	}

	.testimonials-section .testimonials-row .flickity-page-dots{
		    bottom: -10px;
	}
	
	.testimonials-section .testimonials-row .flickity-page-dots .dot {
		background-color: var(--primary-color);
		border-color: var(--primary-color);
	}

	
	
}

@media only screen and (max-width: 380px ) {
	.partners-section .partners-logo-row > .col > .col-inner .img {
		min-width: 140px;
		margin-bottom: 0;
		width: calc(16.667% - 25px) !important;
	}
	
}