@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
*{ padding: 0; margin: 0; box-sizing: border-box;}
body{padding:0px 0 0 0; margin: 0;font-family: "Raleway", serif;font-size: 18px; font-weight: normal; background: #fff;overflow: hidden !important; overflow-y:scroll!important; min-height: 100vh; color: var(--text-color);overflow:hidden; }
img{max-width: 100%;}
a,a:hover,a.active,a:active,a:focus{outline: none; text-decoration: none;}
a, a:hover, a:focus, a:active, a.active {outline: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none; cursor: pointer;}
@media screen and (min-width:1024px) {
#navbar-desktop {padding: 0rem 0;}
#masthead {padding: 15px 0;}
#navbar-desktop{width: 100%}
#navbar-desktop .container {display: flex;justify-content: space-between;align-items: center;}
.desktop-navlinks {margin: 0;padding: 0;list-style: none;display: flex;}
.desktop-navlinks li {font-size: 18px;font-weight: 500;padding: 10px;}
.desktop-navlinks li a {position: relative;color: #7D7D7D;padding: 10px;}
.desktop-navlinks li a:after,.desktop-navlinks li.active a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 2px;left: 50%;position: absolute;background:rgba(0, 0, 0, 1);transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.desktop-navlinks li a:hover:after,.desktop-navlinks li.active a:after { width: 100%; left: 0; }
.login-links {margin: 0;padding: 0;list-style: none;background:#000;border-radius: 5px;padding: 0 2rem;display: flex;height: 40px;align-items: center;justify-content: center;max-width: 120px;min-width: 120px;}
.login-links li a {font-size: 18px;color: #fff;font-weight: 600;}
}
#masthead{transition: all .5s ease-in-out;}
.mobile-header {padding: 15px 0;display: none;background:#fff;}
.stickyHeader {background:rgba(255, 255, 255, 0.9);transition: all .5s ease-in-out;backdrop-filter: blur(20px);}
@media screen and (max-width:1080px) {
.container{max-width: 100%}
.desktop-navlinks li {font-size: 16px;}
.login-links{min-width: fit-content;max-width: fit-content;}
.login-links li a {font-size: 16px;}
}
@media screen and (max-width:1024px) {
.desktop-nav{display: flex;}
.mobile-header {padding: 15px 0;display: none;}
#sidebar-mobiles {width: 240px;background: #fff;}
}
@media screen and (max-width:1023px) {
.desktop-nav{display: none;}
.mobile-header {padding: 15px 0;display: flex;}
#sidebar-mobiles {width: 240px;background: #fff;}
}
#sidebar-mobiles li a{color: #7d7d7d; font-size: 18px; font-weight: 600;}
.desktop-navlinks li{position: relative;}
.desktop-navlinks li .submenus1 {line-height: normal;list-style: none;margin: 0;padding: 0;display: flex;position: absolute;left: 0;top: 100%;background: #fff;border-radius: 0 30px;flex-direction: column;min-width: 20rem;padding: 15px;transform: rotateX(-75deg);  transform-origin: 0% 0%;opacity: 0;}
.desktop-navlinks li:hover .submenus1 {opacity: 1;transform: rotateX(0deg);   transition: .5s;  opacity: 1;}
.desktop-navlinks li .submenus1 li a {color: #000 !important;display: flex;margin: 0;padding: 0;}
#sidebar-mobiles .dropdown-menu {position: static !important;top: 0 !important;margin-top: 0 !important;border-radius: 0px;transform: translate3d(0 , 0 , 0) !important;}
#sidebar-mobiles .dropdown-menu li a {color: #000 !important;}
.download-btn{background: #000; font-size: 15px; color: #fff!important; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0 20px!important; height: 46px}

/*------------------------ button class ---------------------*/
#page-main{position: relative; min-height: 100vh; }
#hero-container{position: relative; /*min-height: 100vh;*/min-height: fit-content; padding: 125px 80px;}
.slider-main {position: absolute;right: 80px;top: 0;width: 40%;height: 100%;/*background: #000 url("http://174.141.231.46/~bestee/wp-content/uploads/2025/01/1726.png") left top no-repeat;*/ background-size: cover;display: flex;justify-content: center;align-items: center; padding: 1rem;}

.bg-grass {position: absolute;left: 0;bottom: 0;}
.mob-slides img {display: inline-block;}
#hero-container h1{color: #000; font-size: 50px; font-weight: 900;margin-bottom: 0.5rem !important;margin-top: 0px;padding-top: 0px;}#hero-container p{font-size: 18px; margin: 0;color:#000;line-height:28px;}#hero-container p strong{display: flex;}
.ball {position: absolute;left: -50px;top: 25%;z-index: 1;}
.dive1 {position: absolute;right: -76px;bottom: 10%;z-index: 1;}
.bg-1 {position: relative;max-width: fit-content;padding-right: 1rem;}
.bg-1:after {position: absolute;right: 0;top: 0;width: 200px;height: 100%;background: linear-gradient(90deg, rgba(252, 253, 253, 0) 0%, #75DFFF 100%);content: "";z-index: -1;}
.bluebgshadow span{background: linear-gradient(90deg, rgba(252, 253, 253, 0) 0%, #75DFFF 100%);padding-right:10px;}
.bg-2 {position: relative;max-width: fit-content;padding-right: 1rem;}
/*.bg-2:after {position: absolute;right: 0;top: 0;width: 200px;height: 100%;background: linear-gradient(90deg, rgba(252, 253, 253, 0) -11.97%, #FFD240 100%);content: "";z-index: -1;}*/
.bg-2 span {
    background: linear-gradient(90deg, rgba(252, 253, 253, 0) -11.97%, #FFD240 100%);
    padding: 0 15px 0 0px;
}
.btn-dark{background: #000!important; border-color: #000!important}
#hero-container .form-control {height: 55px;font-size: 18px; border-color: #C2C2C2;}
#hero-container .btn {height: 55px;}
@media screen and (max-width:1080px) {#hero-container h1{font-size: 40px;}.slider-main{right: 0;}#hero-container{overflow: hidden;}}
@media screen and (max-width:992px) {#hero-container{padding: 180px 0; min-height: fit-content; padding-right: 40%}#hero-container h1{font-size: 36px;}.slider-main{right: 0;}}
@media screen and (max-width:680px) {#hero-container{padding-right: 0;padding: 105px 0 180px 0} #hero-container h1{font-size:26px;}.slider-main {right: 0;position: relative;width: 100%;margin-bottom: 3rem;padding: 2rem 0;}.height_afterheader{display:none;}
}

#page-tetimonials {/*background: #D9F0F9 url("../img/testi-bg.png") left bottom no-repeat;*/overflow: hidden; min-height: 636px;}
#page-tetimonials h1 {font-size: 50px;font-weight: 900;color: #000;min-width: 280px;max-width: 280px;}
.slider-spacings {padding-left: 34%;left: 0;top: 3rem;overflow: hidden;}
.testi-cards {border-radius: 5px;}
.avatar-img {width: 60px;height: 60px;overflow: hidden;border-radius: 50%;min-width: 60px;max-width: 60px;display: flex;min-height: 60px;max-height: 60px;}
.avatar-img img {width: 100%;height: 100%;object-fit: cover;}
.testi-authore {font-size: 24px;color: #018EDE;font-weight: 700;}
.testi-contents {font-size: 18px;color: #000;}
@media screen and (max-width:992px) {
.slider-spacings {position: relative !important;padding-left: 0px;}
#page-tetimonials h1{min-width: 100%; max-width: 100%}
}

#pro-section {background: url("../img/bg-1.jpg") left center no-repeat;background-size: cover;}
.card-1 {background: rgba(255,255,255,0.2);backdrop-filter: blur(30px);border-radius: 10px;padding: 1.5rem;position: relative;border-image:linear-gradient(99.38deg, #FFD240 -16.35%, #01042D 33.46%, #00B2CF 96.86%) 1;border-radius: 10px; /* this doesn't work */border-width: 1px;border-style: solid;overflow: hidden;max-width: 320px;}
.card-1 h4 {color: #63E5FA;font-size: 20px;}
.card-1 p {margin: 0;color: #fff;}

/*--------------------------- footer section start ------------------------------*/
.download-section {padding: 4rem 0;background: url('http://174.141.231.46/~bestee/wp-content/uploads/2025/01/21978391_summer_pool-1.png') left top no-repeat;background-size: cover;position: relative;}
.download-section:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: #018EDEB2;z-index: 1;}
.download-section .container {position: relative;z-index: 2;color: #fff;}
.download-section h1 {font-size: 50px;font-weight: 900;margin: 0;color: #fff;}
.download-section h4 {font-size: 20px;font-weight: 600;margin: 0;color: #fff;}
.download-section .form-control {height: 55px;font-size: 18px; border-color: #C2C2C2;}
.footerformsection .form-control {height: 55px;font-size: 18px; border-color: #C2C2C2;}
.download-section .btn {height: 55px; max-width: fit-content;}
.wpcf7 .btn {height: 55px; max-width: fit-content;color: #fff;font-size: 16px;font-weight: 700;text-transform: none;line-height: 18.5px;}
.footer-main {background: #000;padding: 40px 0;color: #fff;}
.footer-main .container {display: flex;justify-content: space-between;align-items: center;}
.footer-logo {/*background: #ffff;border-radius: 10px;*/display: flex;/*justify-content: center;*/align-items: center;min-width: 180px;height: 80px;}
.footer-backto-top a {display: flex;align-items: center;color: #fff;justify-content: space-between;gap: 10px;}
.footer-backto-top a span {display: flex;min-width: 43px;height: 43px;align-items: center;justify-content: center;border: 1px solid #018EDE;border-radius: 50%;}
.footer-backto-top a:hover{color:#fff;}
@media screen and (max-width:992px) {.footer-main .container{font-size: 12px}
}
@media screen and (max-width:680px) {.footer-main .container{font-size: 12px}.footer-main .container{text-align: center;}.nav-link.download-btn.m-0 {font-size: 12px;}
}

@media screen and (max-width:768px){
    .mobpaddingleft {padding-left: 0px !important;}
    .followus{font-size:16px !important;}
}
.footerformsection .topform{display:none !important;}
@media (min-width: 768px) {
    .footerformsection .flex-md-row {flex-direction: column !important;}
    .footerformsection .align-items-center {align-items:flex-start !important;}
}
#hero-container .footerform {display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #fff;margin:0;}
#hero-container .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #000;margin: 2em 0.5em 1em 0;}
#hero-container .wpcf7 form.sent .wpcf7-response-output {margin: 2em 0.5em 1em 0;}
.wpcf7 input[type=submit]:hover {color:#fff;}
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    font-weight: 700;
    border-color: #25bb0a;
    margin:0;
    margin-top: -15px;
}
#hero-container .wpcf7 form.sent .wpcf7-response-output {color: #000;}
@media (min-width: 680px) and (max-width: 781px) {
    .ipad2col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 48% !important;
    }
    .ipadleft{float:left;}
}

.height_afterheader{
    height:100px;
}

.gap-2{
    /*gap: .2 rem!important;*/
}
.stars1 img {
    width: 15px;
}

.ub_counter-container .ub_counter.ub_text-center .ub_counter-number-wrapper {
    justify-content: flex-start !important;
}

@media screen and (max-width:1366px) {
	.mob-slides img {
    display: inline-block;
    max-width: 70%!important;
    width: 65%!important;
}
}
@media screen and (max-width:1365px) {
	.mob-slides img {
    display: inline-block;
    max-width: 70%!important;
    width: 100%!important;
}
}
@media screen and (max-width:992px) {
	.mob-slides img {
    display: inline-block;
    max-width: 50%!important;
    width: 100%!important;
}
}
@media screen and (max-width:926px) {
	.mob-slides img {
    display: inline-block;
    max-width: 100%!important;
    width: 100%!important;
}
}
@media (min-width: 769px) and (max-width: 1365px) {
 .horizontaldevicepadding{
    padding-right: 15px !important;
    padding-left: 30px !important;
 }
 .responsiveheading{
     margin-bottom: 40px !important;
 }
}
.slick-dots li button:before {font-size: 10px;}
ul.slick-dots button {
    background: #000;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0.5;
}
ul.slick-dots .slick-active button{opacity:1;background:#fff;}
.slick-dots li {margin:0;}
.slick-dots li button:before{display:none;}
.followus{
    display: flex;
    gap: 20px;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
}
.socialicons{display: flex;gap: 10px;}
.followus a {color: #fff !important;}
.navbar-toggler{font-size:1.3rem !important;}
.has-header-image .navbar, .has-header-video .navbar{position:relative !important;background:#fff !important;}
@media screen and (max-width:680px) {
    #hero-container .wpcf7 .btn, .footerformsection .wpcf7 .btn{max-width:100% !important;width: 100% !important;}
    .mobile-header.stickyHeader {
	background: #fff !important;
	border-bottom: 1px solid #ddd;
    }
    .mob-slides img {
	display: inline-block;
	max-width: 70% !important;
	width: 70% !important;
    }
}
.termsprivacy{gap: 50px;display: flex;justify-content: center;}
.termsprivacy a{cursor: pointer;color:#fff !important;}
.navbar{background:#fff !important;}
.subpagefirstdiv{padding: 105px 115px 180px 119px !important;}
@media screen and (max-width: 1024px) {
    .subpagefirstdiv {
        padding: 105px 15px 180px 15px !important;
    }
}
header.entry-header {visibility: hidden;}
/*.gap-5 {*/
/*	gap: 3rem !important;*/
/*}*/
/*.gap-2 {*/
/*	gap: .5rem !important;*/
/*}*/
/*.gap-3 {*/
/*	gap: 1rem !important;*/
/*}*/
/*.gap-4 {*/
/*	gap: 1.5rem !important;*/
/*}*/
/*.gap-1 {*/
/*	gap:.25rem !important;*/
/*}*/