/*
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.   ***************/
/*==GLOBAL CSS==*/
a.primary {background-color: transparent !important; background-image: linear-gradient(45deg, #1c63df, #00e9b3); border-radius: 30px !important; border: none; text-transform: uppercase; }
.button i {top: 1px !important;}
a.primary:hover {background-image: linear-gradient(45deg, #1c63df, rgb(28 99 223 / 59%)); color: rgb(255 255 255 / 86%) !important;}
a.secondary {border: 2px solid #20b1ee !important; border-radius: 30px !important; color: black !important; text-transform: uppercase;}
a.secondary:hover {background-image: linear-gradient(45deg, #00e9b3 , rgb(0 233 179 / 81%) );  border-color: #00e9b3 !important; background-color: transparent !important;}
h1 {font-size: 3.000em !important; line-height: 1.2 !important;}
h2 {font-size: 2.500em !important; line-height: 1.3 !important;}
h3 {font-size: 1.650em !important; line-height: 1.3 !important;}
h4 {font-size: 1.450em !important; line-height: 1.4 !important;}
h5 {line-height: 1.5 !important;}
p {font-size: 1.10em !important; line-height: 1.8 !important;}
.white-text h2, .white-text p, .white-text h3 {color: white;}

/*== SLICK SLIDER ==*/
.slick-prev:before {content: '❮' !important;}
.slick-next:before {content: '❯' !important; left: 56% !important;}
.slick-prev:before, .slick-next:before {
    font-size: 27px !important;
    color: #1c63df !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-weight: 400; opacity: 1;
}
.slick-prev, .slick-next {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    opacity: 1 !important;
    border-radius: 0px !important;
    border: none !important;
}
.slick-arrow:hover {opacity: 1 !important;}
.slick-prev:hover, .slick-next:hover {background-color: white !important;}
.slick-prev {left: -55px !important; z-index:10;}
.slick-next {right: -50px !important; z-index: 10;}
.slick-prev:hover:before, .slick-next:hover:before {color: #00e9b3 !important;}
.slick-prev:hover, .slick-next:hover {color: white !important;}
.slick-dots li button:before {font-size: 7px !important; color: white !important; opacity: 1;}
.slick-dots li:before {display: none !important;}
.slick-dots li.slick-active button:before, .slick-dots li button:hover:before {opacity: 1 !important; color: #AC835E !important;}
.slick-track {display: flex !important;}
.slick-track .slick-slide {display: flex !important; height: auto; align-items: center; justify-content: center;}

/*==TESTIMONIALS CUSTOM SCRIPT==*/
.testimonial_slider {margin: 45px -15px 0px;}
.testimonial_slider .slick-slide {background-color: rgb(12 225 179 / 15%); padding: 40px; margin: 0 15px; border-radius: 15px; align-items: flex-start;}
.testimonial_name_portrait {display: flex; align-items: center;}
.testimonial_portrait {margin-right: 30px;}
.testimonial_name_portrait {margin-bottom: 35px;}
.testimonial_name_pos h4, .testimonial_name_pos p {margin-bottom: 0px;}
.testimonial_slider p:last-child {margin-bottom: 0px;}
.testimonial_name_pos p {line-height: 1.2 !important;}

/*==HEADER==*/
/*--Top Header--*/
#top-bar {padding-top: 7px; border-bottom: 1px solid #e6e6e6; padding-bottom: 6px;}
#top-bar .html_topbar_left {color: black; line-height: 1.2; font-weight: bold;}
#header-contact i {color: #1c63df;}
#header-contact a span {color: black; font-weight: bold; font-family: 'DM Sans'; font-size: 16px; position: relative; top: -3px;}
#header-contact a:hover span {color: #1c63df;}
.html_topbar_right a {width: 23px; height: 23px; background-color: black; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-left: 5px;}
.html_topbar_right a:hover {background-color: #1c63df;}
.html_topbar_right svg {fill: white; height: 11px;}
.header-button a.primary {padding: 14px 32px !important; position: relative; color: white; font-size: 15px;}
#masthead {margin-bottom: 8px;}

/*--Main Nav--*/
.header-nav li a {font-weight: bold !important; color: black;}
.header-nav li a:hover, .header-nav li.current-menu-item a {color: #1c63df;}
.header-button-1 {margin-left: 10px !important;}
.header-button a.primary:after {content: ''; font-family: 'fl-icons'; margin-left: 10px; top: 0px !important; position: relative;}

/*==HOME==*/
.home-banner h3 {font-size: 20px !important; font-weight: normal !important; font-family: 'DM Sans';}
.home-banner {justify-content: center; position: relative;}
.home-banner .section-content {position: absolute !important; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.home-banner .round-image img {background-color: white;}
.home-banner:before {content: url(/wp-content/uploads/2022/11/ellipse-1.webp); position: absolute; top: 0; right: 0; filter: blur(20px);}
.home-banner:after {content: url(/wp-content/uploads/2022/11/ellipse-2.webp); position: absolute; left: -40px; top: 90px; filter: blur(20px);}
.home-banner-row {position: relative;}
.home-banner-row:after {content: url(/wp-content/uploads/2022/11/ellipse-3.webp); position: absolute; bottom: -27px; left: 44%; transform: translateX(-50%); -webkit-transform: translateX(-50%); filter: blur(20px);}
.home-banner-col:before {content: url(/wp-content/uploads/2022/11/ellipse-4.webp); position: absolute; top: 32%; left: 84%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); filter: blur(20px);}
.home-row-1 .box-image img {border-radius: 20px; height: 260px; object-fit: cover;}
.home-row-1 .box-image {z-index: 10; position: relative;}
.home-row-1 .box-text {background-image: linear-gradient(84deg, #1c63df, #00e9b3); margin-top: -25px; z-index: 5; position: relative; padding-top: 45px; padding-bottom: 2px; border-radius: 0px 0px 20px 20px;}
.home-row-3 h3 {margin-bottom: 10px; font-size: 24px !important;}
.home-r3col p {font-size: 17px !important; margin-bottom: 0px !important;}
.home-row-1 .box a {line-height: 1; margin: 0px; transition: .3s -webkit-transition: .3s}
.home-row-1 .box:hover a {color: black; transition: .3s -webkit-transition: .3s}
#main-menu a {color: black;}

/*==PAGE==*/
.round-image .img-inner {border: 40px solid rgb(12 225 179 / 10%); border-radius: 50%; position: relative; overflow: visible;}
.round-image img {border-radius: 50%;}
.round-image .img-inner:before, .round-image .img-inner:after {content: ''; position: absolute; z-index: 5; width: 130px; height: 50px; background-size: contain; background-image: url(/wp-content/uploads/2022/11/icon-1.webp);
    background-position: center center; border-radius: 30px; box-shadow: 1px 1px 10px rgb(0 0 0 / 10%); background-repeat: no-repeat;}
.round-image .img-inner:before {top: 0px; right: -30px;}
.round-image .img-inner:after {bottom: 0px; left: -25px;}
.page-banner a.secondary {background-color: transparent !important; color: white !important; border-color: white !important;}
.page-banner a.secondary:hover {border-color: #00e9b3 !important;}
.page-section:after {content: ''; background-image: linear-gradient(to bottom, rgb(28 99 223), #00e9b3); width: 100%; height: 100%; position: absolute; opacity: 0.95;}

/*==ABOUT US==*/
.about-row-1 .home-row-1 .box-image img {height: 350px;}
.about-row-1 h3 {margin-bottom: 0px !important;}
.about-row-1 .box-text {padding-bottom: 20px;}
.black-color {margin-top: 35px;}
.black-color p {color: black !important; text-align: left;}
.round-image.about-round-img .img-inner:before, .round-image.about-round-img .img-inner:after {display: none;}
.about-img-1 {position: absolute; top: 55px; right: -20px;}
.about-img-2 {position: absolute; bottom: 55px; left: -56px;}

/*==CONTACT FORM==*/
#gform_1 input {background-color: rgb(12 225 179 / 15%); border-radius: 30px; padding: 16px 25px; color: black; border: none; font-size: 17px !important; margin-bottom: 7px;}
#gform_1 textarea {height: 150px; border-radius: 30px; border: none; background-color: rgb(12 225 179 / 15%); padding: 20px 25px; font-size: 17px;}
#gform_submit_button_1 {
    margin: 0 auto;
    background: linear-gradient(45deg, #1c63df, #00e9b3);
    border-radius: 30px !important;
    border: none;
    text-transform: uppercase;
    /* padding: 2px 40px; */
    /* width: 150px; */
}
#gform_submit_button_1:after {
    content: '';
    font-family: 'fl-icons';
    margin-left: 10px;
    top: 2px !important;
    position: relative;
}
#gform_submit_button_1:hover {background-image: linear-gradient(45deg, #1c63df, rgb(28 99 223 / 59%)); color: rgb(255 255 255 / 86%) !important;}

/*==FOOTER==*/
#footer h4 {margin-bottom: 25px;}
#footer p, #footer a {color: white;}
#footer a:hover, .quicklinks-footer-menu .ux-menu-link--active a {color: #4682eb !important;}
.absolute-footer {background-color: black !important; border-top: 1px solid rgb(112 112 112 / 40%); padding: 25px 0px 20px;}
.absolute-footer .footer-primary {width: 100%;}
.absolute-footer a, .absolute-footer div {color: white;}
.copyright_text {float: left;}
.policy_terms {float: right;}

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 1370) {
	.home-banner {min-height: 760px !important;}
}

@media only screen and (max-width: 849px) {
	h1 br, h2 br, h3 br, h4 br, h5 br, p br {display: none;}
	.custom-container, .header-inner {padding-left: 30px; padding-right: 30px;}
	.home-banner .section-content {position: relative !important; top: auto; transform: translateY(0%); -webkit-transform: translateY(0); padding-top: 135px;}
	.slick-prev {left: -27px !important;}
	.slick-next {right: -27px !important;}
	.mobile-nav {margin-top: 13px;}
	.mobile-nav i.icon-menu {}
	li.html_topbar_right {display: grid; grid-template-columns: repeat(6, 1fr);}
	.html_topbar_right a {padding: 0px !important; width: 27px !important; height: 27px !important;}
	.mobile-nav i.icon-menu {color: black;}
}

@media only screen and (max-width: 568px) {
	h1 {font-size: 2.300em !important;}
	h2 {font-size: 1.875em !important;}
	h3 {font-size: 1.500em !important;}
	.row:not(.row-collapse, .no-padding-lr-mobile, .no-padding-lr-tablet) > .small-12.col, .lightbox-content .row:not(.row-collapse, .no-padding-lr-mobile, .no-padding-lr-tablet) > .small-12.col {padding-left: 20px !important; padding-right: 20px !important;}
	.custom-container {padding-left: 0px; padding-right: 0px;}
	.header-inner {padding-left: 20px; padding-right: 20px;}
	a.primary {padding: 14px 30px 16px;}
	a.secondary {padding: 14px 30px 13px;}
	.home-row-1 .box-text {padding-top: 45px !important; padding-bottom: 2px !important;}
	.slick-prev {left: 0px !important;}
	.slick-next {right: 2px !important;}
	.testimonial_name_pos p {line-height: 1.3 !important; font-size: 15px !important;}
	.testimonial_slider .slick-slide {padding: 30px 20px;}
	.testimonial_items p {font-size: 16px !important;}
	.mobile-nav {margin-top: -2px;}
	
	.absolute-footer a, .absolute-footer div {text-align: center; float: none;}
	.copyright_text {margin-bottom: 6px;}
}