@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px;
 -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:1000px; }

/*****common*****/
h1 { line-height: 50px; font-size: 40px;}
h2 { line-height: 44px; font-size: 34px;}
h3 { font-size: 24px; line-height: 30px;}
header .row {width: 1000px;}
.banner_section .banner_text h1 {line-height: 50px;}
.how-sec .sec-block {width: 100%;}
.how-sec h2 {color: var(--txt-lblack);margin-bottom: 30px;padding-top: 60px;}
.how-sec ul {padding: 0px 6% 6%;}
.how-sec { padding: 0px 0 30px;}
.testmonial {padding: 20px 0 40px;}
.testmonial h2 {margin-bottom: 10px;}
footer{padding: 40px 0;}
.how-sec ul {padding: 0px 0% 6%;}
.how-sec ul li {flex: 0 1 31.3%;padding: 40px 30px;}
.how-sec ul li p {font-size:17px;}
.feedback-para p {font-size: 18px;line-height: 26px;min-height: 90px;}
.div-center { text-align: center;justify-content: center;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:100%; padding: 0 15px;}

/***common css***/
h1 { font-size: 34px; line-height: 40px;}
h2 { font-size: 28px; line-height: 36px;}
h3 { font-size: 22px; line-height: 28px; }
.banner_section {clip-path:none;}

header .row {width: 100%;}
.banner_section .banner_text {padding: 0px;}
.how-sec {margin-top: -190px;margin-top: -190px;}
.how-sec .sec-block {width: 100%;}
.how-sec h2 {margin-bottom: 40px;padding-top: 60px;}
.how-sec ul {padding:0px 6% 8%;row-gap: 30px;justify-content: center;}
.how-sec ul li {flex: 0 1 48.5%;}
.mobile-app-sec {padding: 40px 0;}
.banner_section .banner_text h1{ line-height: 50px;font-size: 40px;}
/*privacy policy*/
.missio-sec h1 { font-size: 46px; line-height: 46px;}
.privacy-lft-cont { flex: 0 1 100%; margin-bottom: 30px;}
.privacy-rht-cont { flex: 0 1 100%;}
ul.pri-cont-area { row-gap: 20px;}
.welcome-cont h3.txt { padding-bottom: 20px;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row { width:100%; padding:0px 15px; }

/**common css**/
h1 { font-size: 28px; line-height: 36px;}
h2 { font-size: 24px; line-height: 32px;}
h3 { font-size: 20px; line-height: 26px;}
header .row {	width: 100%;	padding: 0 15px;}
.logo img { width: 150px;}
.logo { flex-grow: inherit;}
.join-btn a { height: 36px; line-height: 36px; padding: 0 10px; font-size: 14px;}
.btn-list ul li a {font-size: 15px;padding: 0px 10px;border-radius: 6px;height: 40px;line-height: 39px;}
.div-center {padding: 20px 0;}
.banner_section .banner_text {padding: 0; margin: 0;}
.banner_section .banner_text h1 {margin-bottom: 15px;line-height: 32px; font-size: 24px;}
.banner_section .banner_text p {font-size: 16px;}
.app-btn ul { flex-wrap: nowrap; column-gap: 10px;}
/* .app-btn img {width: 161px;} */

.how-sec .sec-block { width: 100%;}
.how-sec {padding: 35px 0 40px;}
.how-sec h2 { margin-bottom: 25px;padding-top: 40px;}
.how-sec ul { column-gap: 3%; row-gap: 22px; justify-content: center;}
.how-sec ul li { flex: 0 1 48.5%; padding: 25px 12px; row-gap: 15px;border-radius: 15px;}
.how-sec ul li h3 {font-size: 20px;line-height: 26px;margin-bottom: 10px;}    
.how-sec ul li p { font-size: 16px; line-height: 24px;}
.hero_image {margin-top: 40px;padding: 0 0%;}
.banner_section {clip-path:none;}
.popup {width: 100%; float: left; padding: 15px;}
.sign-up-vol ul li .l-p {width: 100%;float: left;margin-right: 0%; margin-bottom: 15px;}
.sign-up-vol ul li .l-r { width: 100%;}
.popup {width: 100%;float: left;padding: 15px;}
/*privacy policy*/
.privacy-lft-cont { flex: 0 1 100%; margin-bottom: 30px;}
.privacy-rht-cont { flex: 0 1 100%;}
ul.pri-cont-area { row-gap: 30px;}
ul.info-cont li { font-size: 16px; line-height: 26px;}
.priv-first ul li { font-size: 16px; line-height: 26px;}
ul.pri-cont-area li p { font-size: 16px; line-height: 26px;}
.priv-first h3 { font-size: 18px;}
.privacy-cont-sec { padding: 30px 0px;}
.missio-sec h1 { font-size: 46px; line-height: 46px;}
.welcome-cont h3.txt { padding-bottom: 20px;font-size: 18px; line-height: 28px;}
.feedback-main { padding: 20px; box-shadow: none;}
.feedback-main::after { display: none;}
.feedback-title { padding-bottom: 20px;}
.feedback-para p { font-size: 16px; line-height: 26px; min-height: auto;}
footer .footer-logo img { max-width: 200px;}
.feedback-slide .swiper-container { padding: 0;}
.feedback-cnt h4 { font-size: 14px;}
.testmonial h2 { margin-bottom: 20px;}
.feedback-slide .swiper-pagination-bullets  { margin-top: 20px;}
.feedback-slide .swiper-wrapper { padding-top: 5px;}.how-sec ul { row-gap: 15px; padding: 0px 0% 8%; }
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.how-sec {padding: 35px 0 0px;	margin-top: -108px;}
.how-sec h2 {margin-bottom: 21px;padding-top: 36px;}
.banner_section {clip-path:none;} 
.popup h3 {margin-top: 20px;font-size: 26px;line-height: 30px;margin-bottom: 10px;}
.Copyrights {font-size: 14px;padding-top: 20px;}
h2.sub-heading {font-size: 18px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.popup h3 {font-size: 21px; }
.how-sec {padding: 35px 0 20px;}
.testmonial {padding: 20px 0 60px;}
.how-sec ul li {	flex: 0 1 100%;	padding: 15%;}
.banner_section {clip-path:none;}
.testmonial {padding: 20px 0 20px;}
.mobile-app-sec {padding: 20px 0 30px 0;}
.how-sec ul {padding: 0px 6% 10%;}
footer{padding: 40px 0;}
.missio-sec h1 {font-size: 24px;line-height:30px;margin-bottom: 24px;}
.fancybox-close {cursor: pointer;right: 38px;}
ul.pri-cont-area { row-gap: 20px;}
.welcome-cont h3.txt {padding-bottom: 20px;font-size: 16px;line-height: 26px;}
}

@media screen and (max-width:379px) {

}