html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

select::-ms-expand { display: none;}
select {-webkit-appearance: none;-moz-appearance:none;appearance:none;}
input[type=text]::-ms-clear { display: none; }
input[type=submit]{outline: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {background-color: transparent!important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #323645 inset !important;
-webkit-text-fill-color: #fff !important;
}

img {border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
a{outline:none; text-decoration:none; cursor: pointer;}
figure{margin: 0; padding: 0;}
body{font-family: 'Source Sans Pro'; font-size: 17px; font-weight: normal; color: #000}
html {font-size: 100%;}

/*Fonts Poppins*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Regular.eot');
    src: url('../fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Regular.woff2') format('woff2'),
        url('../fonts/Quicksand-Regular.woff') format('woff'),
        url('../fonts/Quicksand-Regular.ttf') format('truetype'),
        url('../fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Medium.eot');
    src: url('../fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Medium.woff2') format('woff2'),
        url('../fonts/Quicksand-Medium.woff') format('woff'),
        url('../fonts/Quicksand-Medium.ttf') format('truetype'),
        url('../fonts/Quicksand-Medium.svg#Quicksand-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold.eot');
    src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Bold.woff2') format('woff2'),
        url('../fonts/Quicksand-Bold.woff') format('woff'),
        url('../fonts/Quicksand-Bold.ttf') format('truetype'),
        url('../fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Veneer';
    src: url('../fonts/Veneer.eot');
    src: url('../fonts/Veneer.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Veneer.woff2') format('woff2'),
        url('../fonts/Veneer.woff') format('woff'),
        url('../fonts/Veneer.ttf') format('truetype'),
        url('../fonts/Veneer.svg#Veneer') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}
::-webkit-input-placeholder {font-size: 17px; font-family: 'Poppins'; font-weight: normal; color:#70768D; opacity: 9}
::-moz-placeholder {font-size: 17px; font-family: 'Poppins'; font-weight: normal; color:#70768D; opacity: 9 opacity: 9 opacity: 9}
:-ms-input-placeholder {font-size: 17px; font-family: 'Poppins'; font-weight: normal; color:#70768D; opacity: 9 opacity: 9}
:-moz-placeholder { font-size: 17px; font-family: 'Poppins'; font-weight: normal; color:#70768D; opacity: 9}
strong{font-weight: bold;}
a{color: #FCAC1D;}
body {background-color: #fff; height: 100%;font-family: 'Poppins'; font-weight: normal; font-size: 17px; line-height: 26px; color: #000;}
.pb-0{padding-bottom: 0px !important;}
.pt-0{padding-bottom: 0px !important;}
.mb-0{margin-bottom: 0px !important;}
.mt-0{margin-bottom: 0px !important;}
.mb-100{margin-bottom: 100px;}
.flex{display: flex !important ;}
.text-yellow{color: #FCAC1D;}

main{height: 100%;}
.container{max-width: 1280px; margin: 0px auto;}
.section-heading{font-size: 48px; line-height: 56px; font-weight: bold; }
.subtitle{margin: 9px 0 42px;}
/*Button*/
.back-btn{display: flex;}
.back-btn a{color: #FCAC1D; position: relative; text-decoration: none; z-index: 2;}
.back-btn a:hover{text-decoration: none;}
.back-btn a:before{border: solid #FCAC1D;  border-width: 0 2px 2px 0;top: 7px;position: absolute;content: "";padding: 4px;left: 0;transform: rotate(135deg); -webkit-transform: rotate(135deg);transition: all 0.3s ease-in-out 0s;}
.back-btn a span{margin: 0 0 0 18px; transition: all 0.3s ease-in-out 0s;}
.back-btn a:hover span{margin: 0 0 0 14px;}

.back-btn.black a{color: #938B8B; font-size: 17px; text-transform: uppercase;}
.back-btn.black a:before{border: solid #938B8B;  border-width: 0 2px 2px 0;}


.btn-yellow{padding:15px 20px;border-radius: 10px; min-width: 130px; color: #000;background: #FCAC1D; border: 1px solid #FCAC1D; display: flex; justify-content: space-between; align-items: center; font-weight: 500; cursor: pointer; text-transform: uppercase;transition: all 0.3s ease-in-out 0s; text-decoration: none;font-family: 'Quicksand';}
.btn-yellow:hover{background: transparent; color:#FCAC1D ; text-decoration: none;}
.btn-yellow span{font-size: 17px;line-height: 16px; margin-right:17px;}
.btn-yellow i{transition: all 0.3s ease-in-out 0s;}


.butn{padding:0px;border-radius: 0px; min-width: 130px; color: #FCAC1D;display: inline-flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 500; cursor: pointer; text-transform: uppercase;transition: all 0.3s ease-in-out 0s; text-decoration: none;}
.butn:hover{background: transparent; color:#000 ; text-decoration: none;}
.butn span{font-size: 17px;line-height: 16px; margin-right:17px;}
.butn i{transition: all 0.3s ease-in-out 0s;}


.underline{color: #FCAC1D; font-size: 15px; font-weight: bold; line-height: normal; position: relative; display:inline; text-decoration: none;}
.text-link{position: relative;}
.underline:after, .text-link:after {content: "";position: absolute;width: 100%;height: 1px;bottom:1px;left: 0;background-color: #FCAC1D;transition: all 0.3s ease-in-out 0s;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
.underline:hover:after, .underline.active:after, .text-link:hover:after {visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s;}
.text-link:after{transition: all 0.3s ease-in-out 0s;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s;}
.text-link:hover:after{visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}

header .container{padding:30px 0; display: flex; justify-content: space-between; align-items: center;}
header .header-login{display: flex; justify-content: space-between; align-items: center;}
header ul.login-links, header ul.login-links li{padding: 0; margin: 0; list-style: none;}
header ul.login-links li{display: inline-block;}
header ul.login-links a{display: inline-flex; color: #000000; margin-left: 22px; font-size: 16px; font-weight: 500; position: relative;ont-family: 'Libre Franklin';text-transform: uppercase;}
header ul.login-links a:hover{color: #FCAC1D;}
header ul.login-links li:first-child a:before{ width: 1px; height: 14px; background: #808080;top: 5px; right: -12px; position: absolute;content: ""; transform: rotate(22deg);}

header.inner-header{background: #F8F8F8;}

header .user-profile {display: inline-flex; align-self: center; position: relative;}
header .user-profile .user-img img{width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ECECEC; object-fit: cover; object-position: center;vertical-align: middle;}
header .user-profile .column{padding: 30px 28px 35px;background:#F8F8F8; text-align: center;border-radius:0px; border-top-left-radius: 10px;}
header .user-profile .profile-edit{margin: 0 0 20px; padding: 0; color: #FCAC1D; position: relative; text-decoration: none; display: flex; justify-content: flex-end; align-items: center; cursor: pointer; font-weight: 500;}
header .user-profile .profile-edit a{display: inline-flex; justify-content: flex-end; }
header .user-profile .profile-edit i{margin-right: 10px; vertical-align: middle;}
header .user-profile .user-pic img{ margin: 0px auto; width: 91px; height: 91px; border-radius: 50%;}
header .user-profile .name{margin:15px 0 4px; font-weight: bold;}
header .user-profile .userid{font-weight: 500;}
header .user-profile ul{padding: 30px 30px 10px; margin: 0px; background: #fff; list-style: none;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
header .user-profile ul li{display: flex; margin-bottom: 28px;}
header .user-profile ul li a i{margin-right: 16px;}
header .user-profile ul li a{ color: #000; font-weight: 500; display: flex; align-items: center;}
header .user-profile ul li a:hover{ color: #FCAC1D; }

header .user-profile .details-inner{box-shadow:0 0 40px  #ccc;border-radius: 10px; border-top-right-radius: 0;}
header .user-details{ min-width: 362px; display:none; padding-top: 52px; top:0px; margin: 0; right: 0;transition: all 0.3s ease-in-out 0s;position: absolute; z-index: 999;}
header .user-profile:hover .user-details{display:block;}


/*Navigation CSS*/
.hamburger{margin-left: 30px;}
.hamburger, .menu-close {position: relative;width: 27px;height:27px;cursor: pointer;background: url(../images/sprite.svg) no-repeat; background-position:-100px -55px}
.hamburger:hover{ background-position:-143px -55px}
.hamburger span, .menu-close span{background: #000;border: none;height: 3px;width: 100%;position: absolute; top: 0;left: 0;transition: all 0.35s ease;cursor: pointer;}
.hamburger span:nth-of-type(2), .menu-close span:nth-of-type(2) {top: 8px;}
.hamburger span:nth-of-type(3), .menu-close span:nth-of-type(3) {top: 16px;}
.overlay {position: fixed;  background: #fff;  top: 0;  left: 0; width: 100%; height: 0%; opacity: 0;visibility: hidden;transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden; z-index: 99;}
.overlay.open {opacity:9;visibility: visible;height:100vh;}
.overlay.open li {-webkit-animation: fadeInRight 0.5s ease forwards;animation: fadeInRight 0.5s ease forwards;-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
.overlay.open li:nth-of-type(2), .overlay.open li:nth-of-type(5),.overlay.open li:nth-of-type(8) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.overlay.open li:nth-of-type(3),.overlay.open li:nth-of-type(6),.overlay.open li:nth-of-type(9) {-webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
.overlay.open li:nth-of-type(4),.overlay.open li:nth-of-type(7),.overlay.open li:nth-of-type(10) {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.overlay nav {position: relative;height: 100vh;/*top: 50%;transform: translateY(-50%);*/ font-size: 50px; font-weight: 400;text-align: center;}
.overlay ul {list-style: none;padding:50px 0;margin: 0 auto;display:block;position: relative; height:calc(100% - 50px); max-width: 680px;}
.overlay ul li {display: block; position: relative; opacity: 0; font-size: 24px;}
.overlay ul li a {padding: 30px 0;display: block; position: relative; color: #000; text-decoration: none; overflow: hidden;font-family: 'Quicksand'; font-weight: 500;}
.overlay ul li a:after {content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; transform: translateX(-50%); height: 1px; background-image: linear-gradient(to left , #fbf2f2, #b1afaf, #fbf2f2); transition: 0.35s;}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a.active:after {background-image:linear-gradient(to left , #ffa20a, #ffa20a, #ffa20a);}
.overlay ul li a:hover{color: #ffa20a;}
.overlay ul li a.active{color: #ffa20a;}
.overlay ul li:last-child a:after{display: none;}
.overlay.open .hamburger {position: absolute; bottom: 0px;}
.menu-close {margin: 0px auto; width: 40px; height: 43px; z-index: 999;background: url(../images/sprite.svg) no-repeat; background-position:-186px -41px}
.menu-close:hover{background-position:-238px -41px}
.overlay ul li:nth-last-child(-n+2) a:after {display: none;}
.overlay ul li:last-child{margin-top: 0px;}

.overlay:after{background: url(../images/menu-rgt-bg.svg) no-repeat right bottom; position: absolute; content: ""; bottom: -4px; right: -66px; width: 687px; height: 100%; z-index: 999;
-webkit-animation: fadeInTree 1.5s ease forwards;animation: fadeInTree 1.5s ease forwards;-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.overlay:before{background: url(../images/menu-lft-bg.svg) no-repeat left bottom; position: absolute; content: ""; bottom: -4px; left: -54px; width:555px; height: 139px;
-webkit-animation: fadeInTree 1.5s ease forwards;animation: fadeInTree 1.5s ease forwards;-webkit-animation-delay: 0.5s; animation-delay: 0.5s; z-index: 2;}

/*login*/
.mountain-bg{padding:50px 0; color: #fff; background: url(../images/login-bg.svg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-attachment: fixed;  min-height: 100vh;display: flex; flex-direction: column;justify-content: center;}
/*.login-section{display: flex; flex-direction: column;justify-content: center;}*/
.login-section .container{position: relative;}
.login-inner{padding: 30px 0; height:calc(100vh - 240px); padding:0; margin:0px auto 0px; display: flex; justify-content: space-between; width: 100%; align-items:center;  flex-wrap: wrap; position: relative;}
.login-inner.signup-form{margin-top: 50px; height: auto;}
.login-inner .left-section{width: 51%;position: relative;}
.login-inner .right-section{width: 30%}
.login-inner .midd-section{width: 10px; margin: 0 3%; display: inline-flex; align-items: center;position: relative; }
.login-section .policy{display: block; padding-top: 15px;}
.get-app a{margin: 22px 25px 0 0; display: inline-block;transition: .45s;}
.get-app a:hover{transform: translateY(-3px);}
.get-app.mob{display: none;}
.resend-otp{display: flex; align-items: center;}
.resend-otp a{display: inline-block;}
.resend-otp i{margin-right: 12px;}

.calendar-icon { display: block;
    width: 20px;
    height: 23px;
    background: url(../images/calendar-icon.svg) no-repeat center;
}

.vertical-divider {color: #fff; position: absolute;display: table;text-align: center;height:45vh;width: 100%; margin-top:30px;margin-bottom:30px;}
.vertical-divider .center-element {position: relative;display: table-cell;vertical-align: middle;}
.vertical-divider .center-element:before,.vertical-divider .center-element:after {position: absolute;content: "";width: 1px;left: 50%;border-left: 1px solid rgba(112,112, 112, 0.5);}
.vertical-divider .center-element:before {bottom: 50%;top: 0;margin-bottom: 35px;}
.vertical-divider .center-element:after {top: 50%;bottom: 0;margin-top: 35px;}
.signup-form .vertical-divider {height:59vh;}

.other-login{margin: 0 0 60px;}
.other-login a{padding: 0px; margin: 0 0 28px; border-radius: 10px; line-height: 64px;background: #fff;color: #000; display:block; text-align: center; position: relative;    transition: .45s;}
.other-login a i{position: absolute; left: 16px; top: 50%; transform: translateY(-50%);}
.other-login a:hover {box-shadow: 0 0px 3px #fff;}
.other-login a:hover{transform: translateY(-3px);}


.forgot-step{margin: 0 0 40px; color: #fff; text-transform: uppercase;}

.congratulation{height:calc(100vh - 186px);display: flex;align-items: center; background: #eeeeee; position: relative;}
/*.congratulation:after{position: absolute; content: ""; top: 0; right: 0; width: 1124px; height: 100%;background: url(../images/congratulation-bg.png) no-repeat top right;}*/
.congratulation .bg-img{position: absolute; top: 0; right: 0; }
.congratulation .bg-img img{height:calc(100vh - 186px)}
.congratulation .container{width: 1280px}
.congratulation .cnt{max-width:556px;}
.congratulation .get-app{margin-top: 112px;}

.congrats { width: 100%; align-items: flex-start; display: flex; justify-content: space-between;}
.congrats .lft{width: 55%;}
.congrats .midd{margin: 0 0 -20px; position: relative;}
.congrats .midd:before{ width: 1px; height: 200px; background: #fff;top: 0px; right:0px; position: absolute;content: ""; transform: rotate(35deg);}
.congrats .rgt{width: 21%; display: inline-flex; justify-content: flex-end;}

.user-type{margin-top: 45px; display: flex; justify-content: center; flex-wrap: wrap;}
.user-type ul{padding: 0px; margin:125px 0 50px;list-style: none;    display: flex;width: 100%;flex-direction: column;justify-content: center;    align-items: center;}
.user-type ul li{padding: 0px; margin: 0 auto 32px; list-style: none; display:block;}
.user-type ul li a{color: #fff;min-width: 400px;background: rgba(255, 255, 255, 0.3);padding:24px;display: inline-block;transform: skew(-37deg);display: inline-block; text-align: center;}
.user-type ul li a span {display: inline-block;transform: skew(37deg);}
.user-type ul li a:hover, .user-type ul li a.active{background: #FCAC1D;}
.user-type .section-heading, .user-type .subtitle{width: 100%;justify-content: space-around;display: flex;}

/*Form css
============================================================*/
.lostpassword{margin-top: 10px; display: flex; justify-content: flex-end;font-weight: 500;}
.have-account{margin:0px; font-weight: 500;}
.input-field{padding: 8px 20px; margin-bottom: 25px;width: 100%; /*min-height: 85px;*/ background: #323645; border: 1px solid #323645;  border-radius: 10px;display: flex; justify-content: space-between; position: relative;}
label{display: flex; margin:0px; color: #fcac1d; font-size: 15px;}
.input-field .lft{width: 90%;}
.input-field.calendar-input .lft{width: 100%; position: relative; z-index: 2;}
.input-field.calendar-input .rgt{position: absolute; right:20px; top: 50%; transform: translateY(-50%); z-index: 1;}

.login-inner .left-section label{font-size: 15px; font-weight: 500;}
.input-field .rgt{padding-left: 20px; justify-content: center; display: flex;align-items: center; position: relative;}
.input-field .rgt:before{top: 50%; left: 0; position:absolute; content: ""; height: 20px; width:1px; background: #707070; transform: translateY(-50%); }
.submit-btn{margin-top: 42px; margin-bottom: 32px; display: inline-flex;}
.input-field textarea.form-control{margin: 20px 0; background: transparent;}
.input-field a.remove-icon{position: absolute; right:20px; top: 43px;}
.form-control, .form-control:focus{padding: 0px; margin: 0px;width: 100%;background: transparent; color: #fff; font-size: 17px; font-weight: normal;font-family: 'Poppins'; outline: none; border: 0;  }

.otp-input{margin-bottom: 80px;display: flex; align-items: center;}
.otp-input .otp-control{margin-right: 15px; width: 85px; height: 85px; background: #323645; border: 1px solid #323645; border-radius: 23px; color: #fff; font-size: 30px; text-align: center;}

.error-message{width: 100%;position: absolute; top:-20px;display: flex;justify-content: center; z-index: 1;}
.error-message .cnt{/*min-width: 775px;*/margin: 0px auto; margin-left: 148px; background:#D31B1B; padding:20px 80px 20px 28px; border-radius: 38px; color: #fff;font-size: 15px; line-height: 24px; position: relative;}
.error-message .close-btn{position: absolute; right: 28px; top: 20px;}
.input-error{border: 1px solid #D31B1B !important;}
.input-error label{color: #D31B1B}

.input-field.full-width {flex-direction: column;}
.calendar-field{position: relative;}
.calendar-field:after{width:20px; height: 23px;top: 42px; right:20px;position: absolute; content: ""; background: url(../images/calendar-icon.svg) no-repeat center;}

/*checkbox css
============================================================*/
.custom-checkbox input{position:absolute; left:-9999px; cursor: pointer;}
.custom-checkbox{position: relative; display: block;}


/* Radio button
 ------------------------------------------------------------- */
[type=radio]:checked,[type=radio]:not(:checked) {position: absolute; left: -9999px;}
[type=radio]:checked + label,[type=radio]:not(:checked) + label {position: relative;padding-left: 32px; cursor: pointer; line-height: 20px;display: inline-block; color: #fff;}
[type=radio]:not(:checked) + label{color: #70768D;}
[type=radio]:checked + label:before,[type=radio]:not(:checked) + label:before {  content: ""; position: absolute;left: 0;top: 0; width: 22px; height: 22px; border: 0;border-radius: 50%;  background: #52586F;}
[type=radio]:checked + label:after,[type=radio]:not(:checked) + label:after {content: ""; width: 12px; height: 12px; background: #FCAC1D;position: absolute;
  top: 5px;left: 5px;border-radius: 50%; transition: all 0.2s ease;}
[type=radio]:not(:checked) + label:after { opacity: 0; transform: scale(0);}
[type=radio]:checked + label:after {opacity: 1; transform: scale(1);}

.word-limit{position: absolute; right: 20px; top:8px; color: rgba(112, 118, 141, 0.5);}

/*textarea scollbar css*/
.textarea-scrollbar{height: 150px; border-radius: 0px;}
.scroll-wrapper { overflow: hidden !important; padding: 12px 20px 12px 0px; position: relative;}
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none;
max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
.scroll-element { display: none;}
.scroll-element, .scroll-element div { box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default;}
.scroll-textarea {padding-bottom: 25px;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0px 0 0px; padding-bottom: 8px; max-height: none !important;
max-width: none !important; overflow: scroll !important; outline: none; padding-top: 0; position: relative !important; top: 0; width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0;}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,.scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-outer > .scroll-element {/*background-color: #ffffff;*/}
.scrollbar-outer > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%;}
.scrollbar-outer > .scroll-element.scroll-y { height: 125px; right: 10px; top: 0; width: 18px; margin: 14px 0px;}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px;}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left: 15px; width: 4px;}
.scrollbar-outer > .scroll-element .scroll-element_outer {overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track {background-color:rgba(112, 112, 112, 0.5);}
.scrollbar-outer > .scroll-element .scroll-element_outer,.scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.scrollbar-outer > .scroll-element .scroll-bar {background-color:rgb(252 172 29)}
.scrollbar-outer > .scroll-element .scroll-bar:hover {background-color: rgb(252 172 29)}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {background-color:rgb(252 172 29)}
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left:0px; margin-left: 0px;}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px;}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {min-width: 6px;}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {min-height: 6px; height: 35px !important;}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {left: -14px;}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {top: -14px;}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -14px;}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -14px;}
/**/

.select-box{width: auto; margin:0px; padding: 0px;}
.select-box .dropdown-menu{overflow-x: hidden;}
.select-box .dropdown-menu{max-height:200px !important ;}
/*.sport-col .select-box .dropdown-menu .mCustomScrollBox{height: 100%;max-height: 100% !important;}
.sport-col .select-box .mCSB_scrollTools{display: block !important ; }*/

.select-box .dropdown-menu {margin:-23px 30px 0 0;padding: 10px 0 20px; background: #fff;border: 0px;font-size: 17px; min-width: 86% !important; width:86% !important; max-width: 86% !important; border-radius: 10px; border-top-right-radius: 0px;left: auto !important ; right: 0 !important}
div>.inner {max-height: 100% !important;min-height: inherit !important;overflow-y: hidden !important;width: 100% !important;}
.select-box .dropdown-menu ul.dropdown-menu {width: 100% !important;min-width: 100% !important;max-width: 100% !important;}
.bootstrap-select .dropdown-menu.inner {position: static;float: none;border: 0;padding: 0;margin: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%}
.profile-detail .select-box .mCSB_container{padding-bottom:0px;}

.bootstrap-select .dropdown-menu li{ margin:0px; }
.select-box .btn-light.dropdown-toggle, .select-box .btn-light.dropdown-toggle:focus-visible, .select-box .btn-light.dropdown-toggle:focus, .select-box .btn-light.dropdown-toggle:visited {
color: #fff;font-size: 17px;background-color: transparent;border-color: transparent;padding:0px;line-height: 39px;border: 0;    outline: none !important;box-shadow: none;}
.select-box .dropdown-item{padding:7px 25px 7px 20px;color: #000; background: transparent; font-size: 17px; font-weight: 500; position: relative;}
.select-box li:last-child .dropdown-item{border-bottom: 0px}
.select-box .dropdown-item:after{border:solid #848589;border-width: 0 2px 2px 0;top: 16px;position: absolute;content: "";padding: 3px;right: 8px;transform: rotate(135deg);-webkit-transform: rotate(-50deg);transition: all 0.3s ease-in-out 0s;}
.select-box .dropdown-item.active, .select-box .dropdown-item:active, .select-box  .dropdown-item:hover, .select-box  .dropdown-item:focus {color: #FCAC1D;text-decoration: none;background-color: transparent;}
.select-box .btn-light:not(:disabled):not(.disabled):active, .select-box .btn-light:not(:disabled):not(.disabled).active, .show > .select-box .btn-light.dropdown-toggle {
    color: #fff;box-shadow: none; background-color: transparent;border-color: transparent;}
.select-box .dropdown-item.active:after, .select-box .dropdown-item:hover:after, .select-box .dropdown-item:focus:after{border:solid #FCAC1D;border-width: 0 2px 2px 0;}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #fff;}
.bs-placeholder .filter-option-inner-inner{color:#70768D;}
.filter-option-inner-inner{color:#fff;}
.bootstrap-select li:first-child{display: none;}

.select-box .mCSB_scrollTools{top: 0; bottom: 0;}
.select-box .mCSB_inside > .mCSB_container{margin-right:15px;}

.border-gray .select-box .dropdown-menu {box-shadow:0 0px 10px #cbbfbf;font-family: 'Quicksand';}
.border-gray .filter-option-inner-inner {color: #000;}
.border-gray .bs-placeholder .filter-option-inner-inner{color: #70768D;}

/*form End
============================================================*/

/*sport-type
============================================================*/
.sport-type{margin-top: 45px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.sport-type .img-box{background: rgba(255, 255, 255, 0.3);display:block; width: 100%;height:270px; overflow: hidden; position: relative;}
.sport-type .img-box img{ height: 100%;width: 100%;object-fit: cover;object-position: center;filter: grayscale(100%);-webkit-filter: grayscale(100%); position: relative; z-index: 1;}
.sport-type .img-box:before{position: absolute; content: ""; left: 0; top: 0px; width: 100%; height: 100%; background: rgba(252, 172, 29, 0.5); z-index: 2; display: none;}
.sport-type h3 { margin: 12px 0 0 15px; display:block; color: #fff; letter-spacing: 1px; text-transform: uppercase; text-align: left;transform: skew(27deg);}
/*.sport-type .check-box{width:300px;}*/
.sport-type .custom-checkbox input[type="checkbox"]:checked + div + h3{color: #FCAC1D;}
.sport-type .custom-checkbox input[type="checkbox"]:checked + .img-box:before{display: block;}
/*.sport-type .custom-checkbox { transform: skew(-27deg); }*/
.sport-type .submit-btn{margin-top: 65px; display: flex; justify-content: center;}
.sport-type .checked-box {display: none; width:28px;height: 28px;top: 5px;right: 17px;position: absolute;z-index: 9;border:1px solid #fff; box-shadow: 0 0 5px #fff; border-radius: 50%;transform: skew(27deg);}
.sport-type .checked-box:before{content: '';display: block;position: absolute;top: 4px;left:8px;width: 8px;height: 14px;border: solid #fff;border-width: 0 2px 2px 0; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.sport-type .custom-checkbox input[type="checkbox"]:checked + div + h3+ .checked-box{display: block;}

.sport-type .slick-list{transform:skew(-28deg, 0deg) translate(-50px, 0px) !important ;}

.sport-type-slider{width: 100%;}
.sport-type .sport-type-inner{max-width:1200px; margin: 0px auto; }
.sport-type .get-app{margin-top: 45px; width: 100%; display: block; text-align: center;}
.sport-type-slider{padding: 0 0 0 80px; margin-left:1px;}

.form-scroll{max-height:645px;}
.profile-detail{height: calc(100vh - 211px);display: flex; justify-content: space-between; align-items: center;}
.profile-detail .left-section{width: 375px; }
.profile-detail .right-section{width:calc(100% - 375px); position: relative;display: flex;align-items: center;}
.profile-detail .right-section p.help-blog{font-size: 13px; line-height: 20px;margin-bottom: 20px;}

.profile-detail .fieldset-inner{display: flex; justify-content: space-between; align-items: center;}
.profile-detail .col-one{width: 480px; margin:0 36px 0 37px; float: left;}
.profile-detail .col-two{width:320px; float: right;}
.profile-detail .col-two .back-btn.black{ margin-bottom: 65px;}
.profile-detail .submit-btn{align-items: center;}
.profile-detail .skip{margin: 0; }
.profile-detail .skip a{color: #FCAC1D; position: relative; text-decoration: none; z-index: 2;}
.profile-detail .skip a:hover{text-decoration: none;}
.profile-detail .skip a:after{border: solid #FCAC1D;  border-width: 0 2px 2px 0;top: 10px;position: absolute;content: "";padding: 3px;right:-7px;transform: rotate(313deg); -webkit-transform: rotate(313deg);transition: all 0.3s ease-in-out 0s;}
.profile-detail .skip a span{margin: 0 7px 0 0px; transition: all 0.3s ease-in-out 0s;}
/*.profile-detail .skip a:hover span{margin-left:2px;}*/
.profile-detail .skip a:hover:after{right:-10px;}
.profile-detail .subtitle{margin-bottom: 100px;}
.profile-detail .profile-form{width: 100%;}
.profile-detail .mCSB_container{padding-bottom:35px;}

.adddiv{padding: 0 0 0 36px;position: absolute; bottom: 6px; right: 7px; color: #FCAC1D; background-color: transparent; border: 0; outline: none; text-transform: capitalize; background-image: url(../images/add-icon.svg); background-repeat: no-repeat; background-position:left center;}

.adddiv + .clean.itemToClone {
    display: none !important;
}

.logo-yellow{margin-bottom: 50px;display: inline-block;}

.form-wrapper .section{display: none;width: 100%;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);  transform: scale(1, 0); -webkit-transform-origin: top center;  -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center;  transform-origin: top center;  -webkit-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.form-wrapper .section.is-active{display: block;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}

.steps{list-style-type: none; margin: 0;}
.steps li{display: none;font-size: 14px;font-weight: 500;font-family: font-family: 'Quicksand'; text-transform: uppercase;}
.steps li.is-active{display: block;}

/*Tab Nav css
============================================================*/
ul.tab-nav{display: flex; justify-content: space-between; align-items: center; list-style: none; margin-bottom:30px; }
ul.tab-nav li{width: 30%; text-transform: uppercase;}
ul.tab-nav a{padding: 0 17px; display:flex; border-radius:25px; line-height:50px;  color: #70768D;background-color: #323645; position:relative; border: 0; justify-content: space-between;    align-items: center; text-decoration: none;}
ul.tab-nav a.active{color: #fff;background:#FCAC1D}
ul.tab-nav a i{vertical-align:middle;}
ul.tab-nav a.active i{background-position:-325px -181px}


.sport-fields {padding:20px; margin-bottom: 25px; width: 100%;background: #323645;border-radius: 10px; position: relative;}
.sport-fields label{display: flex; margin: 0px;  color: #fcac1d; font-size: 15px;}
.sport-row {margin:0 0 12px; width: 100%;display: flex; justify-content:space-between; align-items: center;}
.sport-row .sport-col {width: 45%; border-bottom: 1px solid #70768D; padding: 0 0 8px;}
.sport-row .sport-col.full-width{width: 100%;}
.sport-fields .remove-icon{display: flex; justify-content: flex-end; align-items: flex-end;}
.sport-row .sport-col .form-control{line-height: 35px; font-size: 16px;}
.sport-row .select-box .dropdown-item{padding-left: 8px; font-size: 16px;}
.gender-row{width: 100%; min-height: 65px;display: flex; justify-content: space-between; align-items: center;}
.gender-row .gender-list{width: calc(100% - 120px); display: inline-flex; align-items: center; justify-content: space-between;}
.calendar-box{display: flex; justify-content: space-between; align-items: center;}


.custom-select{width: 100% !important ;}
.phone-dropdown{display: flex; justify-content: space-between; align-items: center;}
.phone-dropdown .code-lft{width:70px; margin-right: 5px;}
.phone-dropdown .code-rgt{width: calc(100% - 85px);}
.phone-dropdown ul.dropdown-menu {width: 300px;padding:8px 0;margin-top:-18px;margin-left: 62px;border-radius: 10px;border-top-left-radius: 0px; font-size: 15px; background:#fff;}
.phone-dropdown .dropdown-scroll{max-height:250px;}

.phone-dropdown ul.dropdown-menu li a{padding: 8px 15px;color:#000; display: block; text-decoration: none;}
.phone-dropdown ul.dropdown-menu li a:hover{color: #FCAC1D; }
.phone-dropdown ul.dropdown-menu li:first-child a{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.phone-dropdown ul.dropdown-menu li:last-child a{border-bottom:0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.phone-dropdown button.dropdown-toggle, button.dropdown-toggle:focus {background: transparent;border: 0;color: #fff; outline: none;}
.phone-dropdown button{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0;margin: 0;}
.phone-dropdown button span.value{width:55px; text-align: left;}

.profile-detail .phone-dropdown .mCSB_container {padding-bottom: 0px;}

.dropdown-toggle::after{ border: 7px solid transparent; border-top: 7px solid #FCAC1D;margin: 6px 0px 0 12px; padding: 0; vertical-align: middle;}
.form-control:focus{ box-shadow: none; outline: none;}

.border-gray .dropdown-toggle::after{ border: 7px solid transparent; border-top: 7px solid #909090;margin: 6px 0 0 12px; padding: 0; vertical-align: middle;}
.border-gray .filter-option-inner-inner{font-weight: 500;}

.profile-picture .file-upload{margin: 9px 0 34px}

.profile-picture{width: auto;display: inline-flex;flex-direction: column;}
.file-upload { position: relative;width: auto;margin: 0 auto;margin-top: 0;margin-bottom: 0;}
.profile-picture.full-width{width: 100%;}
.file-upload .image-box {margin:0; /*height: 15em;width: 20em;*/cursor: pointer;overflow: hidden;}
.file-upload .hidediv { display: flex; align-items: center; position: relative;width: 100%;text-align: left;/*top: 45%;*/background: #323645;border-radius: 10px;padding: 48px 46px;font-size: 16px;color: #848484; justify-content: space-between; z-index: 3;}
.file-upload .hidediv p{width: calc(100% - 49px);}
.file-upload .hidediv i{margin-right: 54px;}
.file-upload .hidediv a:hover{color: #FCAC1D; text-decoration: none;}

.file-upload .profile-pic .hidediv{background: transparent;border-radius:0;padding:0;}
.file-upload .profile-pic .pic-box{background: #323645; width: 145px; height: 145px;border-radius: 10px; display: inline-flex; justify-content: center; align-items: center;}
.file-upload .profile-pic .hidediv i{margin-right: 0;}
.file-upload .profile-pic .hidediv p {margin-left: 28px;width: calc(100% - 145px);}
.file-upload .image-box.profile-pic .edit{left: 108px; right: auto;}
.file-upload .profile-pic .file-upload1 img{width: 145px; height: 145px; object-fit: cover; object-position: center;}

.file-upload .cover-img{width: 100%;}
.file-upload img { width: 145px;height: 145px;display: none; border-radius: 10px; object-position: center; object-fit: cover;}
.file-upload .cover-img img { width: 100%;}
.file-upload img{position: relative;    z-index: 1;}
.file-upload img:before, .edit{width: 36px; height: 32px; background-image: url(../images/sprite.svg); background-repeat: no-repeat; background-position: -289px -40px; display: inline-block; position: absolute; content: "test";    top: 0;
right: 0;z-index: 99999;}
.image-box .edit {position: absolute;right: 2px;width: 26px;height: 27px;background-image: url(../images/sprite.svg);background-repeat: no-repeat;
background-position: -329px -40px;display: inline-block;position: absolute;content: "test";z-index: 2;top:0px;right: 0px;}

.file-upload.white-bg .hidediv{min-height: 112px; padding: 0; background: transparent; border:2px dashed #BFBFBF; letter-spacing: 1px; justify-content: center; align-items: center; display: flex; flex-direction: column;}
.file-upload.white-bg .hidediv i{margin: 0px; padding: 0px;}
.file-upload.white-bg .hidediv p{margin: 0px; padding: 0px; color: #808080; font-weight: 500; text-align: center;}
.file-upload.white-bg  img {width: 100%;height: auto; max-height: 112px; display: none;}

ul.breadcrumbs{padding:28px 0 56px; margin:0; list-style: none; display: flex;font-family: 'Quicksand';}
ul.breadcrumbs li{padding: 0 12px; margin: 0; list-style: none; }
ul.breadcrumbs li:first-child{padding-left: 0;}
ul.breadcrumbs li a{color: #808080; position: relative;}
ul.breadcrumbs li a:hover{color: #FCAC1D;}
ul.breadcrumbs li a:before {width: 1px;height: 16px;position: absolute;content: "";top: 4px;right: -12px;border: 1px solid #c5baba;transform: rotate(34deg);}

.page-title{font-size: 32px; margin-bottom: 35px;}
.cms-pages{margin-bottom: 80px; line-height: normal; font-family: 'Quicksand'; min-height:calc(100vh - 187px)}
.cms-pages p{margin: 0 0 30px; font-size: 17px; line-height: 25px;}
.cms-pages .effective-date{margin-bottom: 50px;}
.cms-pages.about-page{margin-bottom: 0;}
.cms-pages p.help-blog{padding: 0; margin: 0; font-size: 14px; font-weight: 500;}

/*FAQ Tab Nav css
============================================================*/
ul.faq-tab{margin-top: 16px; width: 100%;list-style: none; flex-direction: column;font-family: 'Quicksand';}
ul.faq-tab li a{padding: 0; margin: 0 0 26px; color: #808080; font-weight: 500;display: flex;  position: relative;}
ul.faq-tab li a.active{color: #FCAC1D;}
ul.faq-tab li a:after {border: solid #848589;border-width: 0 2px 2px 0;top: 10px;right: 0px;position: absolute;content: "";padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(-50deg);transition: all 0.3s ease-in-out 0s;}
ul.faq-tab li a.active:after {border: solid #FCAC1D;border-width: 0 2px 2px 0;}


.faq-section {display: flex; justify-content: space-between;font-family: 'Quicksand';}
.faq-section .left-section{width: 21%; margin-right: 5%;}
.faq-section .right-section{width: calc(100% - 25%);}

/*Accordion Css
============================================================*/
.accordion__header {position: relative; margin: 0; padding:16px 0;border-top: 1px solid #E8E8E8; font-size:17px; font-weight: bold;  color: #000000; cursor: pointer;
    display: flex;justify-content: space-between; align-items: center;}
.accordion__header:first-child{border-top: 0;}
.accordion__header.is-active {color: #FCAC1D;}
.accordion__toggle { position: relative;}
.accordion__toggle:after, .accordion__toggle:before { content: ""; height: 15px; width: 2px; background-color: #FCAC1D; position: absolute; right:10px; top: -7px; margin-top: 0;}
.accordion__toggle:before {transform: rotate(182deg);}
.accordion__toggle:after { transform: rotate(90deg)}
.accordion__toggle:before {transition: transform 0.3s ease;}
.is-active .accordion__toggle:before {transform: rotate(90deg);}
/*.is-active .accordion__toggle {background-color: #fff;}
.is-active .accordion__toggle::before {display: none;}*/
.accordion__body {display: none; opacity: 0; height: 0; padding: 0; border:0;border-top: 0;transition: transform 0.3s ease;}
.accordion__body.is-active {display: block; opacity: 9; height: 100%;}
.accordion__body p{margin: 0 0 18px; font-weight: 500;}


/*Accordion End
============================================================*/




/*.tracking-section{position: relative; min-height:calc( 100vh - 199px);}
.tracking-section .left-section{width: 48%;}
.tracking-section .map-box{width: 45%;position: absolute; right: 0px; top: 0px;}
.tracking-section .map-box img, .tracking-section .map-box iframe{width: 100%;height: 96vh; object-fit: cover; object-position: center;}
.tracking-section .row-one{display: flex;  align-items: center;}
.tracking-section .user-details{margin: 100px 0 0;}
.tracking-section .col-two{width: clac(100% - 105px);}
.tracking-section .row-one img{margin-right: 30px; width: 80px; height: 80px; border-radius: 50%;}
.tracking-section .row-one h3{margin: 0 0 5px;font-size: 24px; font-weight:bold; line-height: 26px;}
.tracking-section .user-details p{margin:20px 0 70px;}*/

.tracking-section{margin-top: 60px; display: flex; justify-content: space-between;font-family: 'Quicksand'; align-items: center;}
.tracking-section .lft{width: 50%;}
.tracking-section h2{font-size: 32px; line-height: 40px;}
.tracking-section .lft p{margin: 30px  0 80px;}
.tracking-section .rgt{width: calc(100% - 50%); margin-left: 30px;}
.tracking-section .tracking-user{margin-bottom: 25px; display: flex; align-items: center;}
.tracking-section figure{width: 52px; height: 52px; margin-right: 16px; border-radius: 50%;}
.tracking-section figure img{width: 100%; height: 100%; border-radius: 50%;}
.tracking-section h3{font-size: 24px; line-height: 26px; font-weight: bold;}
.tracking-section h4{font-size: 17px; line-height: 26px; }
.tracking-section .map-box img{width: 100%;}
.tracking-section .app-btn{margin-bottom: 65px;}
.tracking-section .app-btn a{display: inline-block; margin-right: 18px;}
.tracking-section .app-btn{display: flex;}


.arrow-down {display: inline-block;position: relative; border: 1px solid #C5C5C5; border-radius: 50%; width: 68px; height: 68px; animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);  cursor: pointer}
.arrow-down:after {border: solid #CFCFCF;border-width: 0 3px 3px 0;padding: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;content: "";top: 21px;left: 24px;}

.arrow-down:hover {position: relative; border: 1px solid #FCAC1D;}
.arrow-down:hover:after {border: solid #FCAC1D;border-width: 0 3px 3px 0;}


@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}


.latest-challenge{position: relative; padding: 0 0 100px}
.latest-challenge i{transition: .45s;}
.latest-challenge .challenge-detail{margin: 0 0 95px;}
.latest-challenge ul{padding: 0px; margin: 0 -1.5%; list-style: none; background: #fff; display: flex; flex-wrap: wrap; position: relative; z-index: 4;}
.latest-challenge ul li{width: 30.3%; margin: 0 1.5% 5%; position: relative;}
/*.latest-challenge ul li:nth-child(3n+1){margin-left: 0;}
.latest-challenge ul li:nth-child(3n+3){margin-right: 0;}*/
img.challenge-img{width: 73px; height: 73px; top: 25px; left: 22px;position: absolute; z-index: 2; }
.latest-challenge ul figure{padding: 0px; margin: 0; border: 1px solid #E9E9E9; border-bottom: 0; max-height:265px; display: flex; position: relative; overflow: hidden;}
.latest-challenge ul figure img{width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center; z-index: 1;}
.latest-challenge ul .cnt{padding:20px 18px 30px; border: 1px solid #BFBFBF; border-top: 0;}
.latest-challenge ul h3{padding: 0; margin: 0; color: #FCAC1D; font-size: 14px; font-weight: 500; text-transform: uppercase;}
.latest-challenge ul h4{padding: 0; margin:25px 0 12px; color: #000000;font-size: 20px;}
.latest-challenge ul p{margin: 0 0 30px;}
.latest-challenge:after{position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height:142px; background: #fff; transform: skew(0deg, 8deg); z-index: 3;}

.download-app {margin-bottom: -80px; padding:190px 0 150px;position: relative;background: #f9f7f7;z-index: 2}
.download-app:before{position: absolute; content: ""; top: 0;left: 0;width: 100%;background: #f9f7f7;transform: skew(0deg, 10deg); margin-top: 0; z-index: 3; height: 179px;}
.download-app .container { position: relative; z-index: 10;transform:   inherit;text-align: center;}
.download-app h2{ margin: 0 0 50px; font-size: 43px; color: #000;}
.download-app .app-btn{display: flex; justify-content: center; align-items: center;}
.download-app .app-btn a{margin: 0 11px;transition: .45s;}

.app-btn a{transition: .45s;}
.app-btn a:hover {transform: translateY(-3px);}

.about-page h2{margin:0px; padding: 0; font-size: 32px;}
.about-page .section-first{margin-top: 15px; /*background: url(../images/about-bg.png) no-repeat right bottom;*/}
.about-page .section-first .container{display: flex; justify-content: space-between;}
.about-page .section-first .lft-section{margin:0; width: 100%;}
.about-page .section-first h2{margin:0 0 32px;}
.about-page .section-first p{margin: 0px;}
.about-page .section-first .rgt-section{padding: 0 0 97px; width: calc(100% - 59%); display: none; }
.about-page .section-first .user-detail{padding: 30px; max-width: 438px; min-height: 440px; border-radius: 20px; background: #fff; box-shadow:0 0 28px #e7e7e7;}
.about-page .section-first h3{margin: 0 0 5px; padding: 0; font-size: 32px;}
.about-page .section-first h4{color: #FCAC1D; font-size: 17px; font-weight: bold; text-transform: uppercase;}

.about-page .section-second{padding:100px 0; text-align: center;}
.about-page .section-second p{padding: 0; margin:35px 0 0px;}


.subscribe-section{padding:100px 0; background: #000; font-family: 'Quicksand'; font-size: 17px;}
.subscribe-section .container{display: flex; justify-content: space-between;}
.subscribe-section h4{padding: 0; margin: 0 0 20px;font-size: 32px; font-weight: normal; line-height: normal;}
.subscribe-section .subscribe-lft{color: #fff; width: 47%;}
.subscribe-section .subscribe-rgt{width: calc(100% - 52%);}
.subscribe-section .subscribe-rgt .btn-yellow-round{cursor: pointer;}
.subscribe-section .subscribe-rgt form{display: flex;}
.subscribe-section .subscribe-rgt .col-one{width: 58%; margin: 0px 17px 0 0;}
.subscribe-section .subscribe-rgt .col-two{width:190px;}
.subscribe-section .subscribe-rgt .input-search{padding: 0 35px; width: 100%; height: 67px; background: #fff; border-radius: 34px; outline: none; border: 0;}
.subscribe-section p{margin: 0; padding: 0; line-height: normal;}
.btn-yellow-round{width: 100%; background: #FCAC1D; border: 1px solid #FCAC1D; color: #000000;line-height: 65px;border-radius: 34px; font-weight: 500; text-align: center; text-transform: uppercase;font-family: 'Quicksand'; font-size: 17px;transition: .45s;}
.btn-yellow-round:hover{color: #FCAC1D; background: transparent;}

.subscription-list{padding-top: 20px; list-style: none; display: flex; justify-content: space-between;}
.subscription-list .column{padding: 30px 0 54px; width: 31%; background: #fff; text-align: center;}


.subscription-list .column.active{box-shadow: 0 0 36px #d4cbcb;}
.subscription-list .column.active .price span{color: #FCAC1D;}

.subscription-list figure img{width: px; margin: 0px auto;}
.subscription-list h2{margin: 35px 0 17px;color: #808080; letter-spacing: 1px; font-size:17px; font-weight: bold; text-transform: uppercase; text-align: center;}
.subscription-list .price{color: #000; font-size:63px;font-weight: 300; line-height: 65px;display: flex; justify-content: center;}
.subscription-list .price span{display: inline-block; letter-spacing: -5;}
.subscription-list .price small{color: #BFBFBF; font-size: 42px; display: inline-flex; align-items: flex-end;line-height: normal;}

.get-touch{display: flex; justify-content: space-between; font-size: 17px;font-family: 'Quicksand'; }
.get-touch .left-section ul{padding:20px 0 0;list-style: none;}
.get-touch .left-section ul li{margin: 0 0 28px; color: #000; display: block; list-style: none; font-weight: 500; display: flex; align-items: center;}
.get-touch .left-section ul li a{color: #000; display: flex;align-items: center; line-height: 20px;}
.get-touch .left-section ul li a:hover{color: #FCAC1D; text-decoration: none;}
.get-touch .left-section ul li i{margin-right:18px; vertical-align: middle;}
.get-touch .left-section{width: 49%}
.get-touch .right-section{width:calc(100% - 61%)}

.form-submit-btn{margin: 35px 0 0; text-align: center;}
.btn-black{ min-width: 194px; border-radius: 10px; color: #fff; line-height: 50px; background: #000; border: 1px solid #000000; font-size: 17px; font-weight: bold; letter-spacing: 2px; display: inline-flex; justify-content: center;  text-transform: uppercase; cursor: pointer;}
.btn-black:hover{background:transparent;color: #000}
.captcha-box {padding:0px 20px; min-height: 80px; margin: 44px 0 0; width: 100%;font-size: 17px;color: #000000;border:1px solid #BFBFBF; border-radius: 10px; font-weight: 500;display: flex; justify-content: space-between; align-items: center;}
.captcha-box .captcha-character{display: inline-flex;}

.material-form .group {position: relative; margin-bottom: 25px;}
.material-form input, .material-form .scroll-wrapper, .border-gray, .material-form textarea {font-size: 17px; padding:20px; -webkit-appearance: none; display: block; background:transparent; color: #000000;
    width: 100%; border: none;  border-radius: 0; border: 1px solid #BFBFBF; border-radius: 10px;font-size: 17px;font-family: 'Quicksand'; font-weight: 500;}
.material-form input:focus { outline: none; }
.material-form .scroll-wrapper{padding-left: 0; padding-right: 0;}
.border-gray{padding-top: 13px; padding-bottom: 13px;}
.material-form label {color: #808080; font-size: 17px;font-weight: 500;position: absolute;pointer-events: none;left: 20px;top: 17px;transition: all 0.2s ease;}
/* active */
.material-form input:focus ~ label, .material-form input.used ~ label, .material-form .scroll-wrapper:focus ~ label, .material-form .scroll-wrapper.used ~ label,
 .material-form .scroll-wrapper.keyup:focus ~ label, .material-form .scroll-wrapper.keyup ~ label,
 .material-form textarea:focus ~ label, .material-form textarea.used ~ label{
    top: -15px; padding: 0px 5px;background: #fff;transform: scale(.95); left: 8px; font-size: 15px; font-weight: 500; color: #fcac1d;}
.material-form input.btn-black{padding: 0px; width: auto; min-width: 194px; border-radius: 10px; color: #fff; line-height: 50px; background: #000; border: 1px solid #000000; font-size: 17px; font-weight: bold; letter-spacing: 2px; display: inline-flex; justify-content: center;  text-transform: uppercase; cursor: pointer;}
.material-form input.btn-black{padding: 0px; width: auto; min-width: 194px; border-radius: 10px; color: #fff; line-height: 50px; background: #000; border: 1px solid #000000; font-size: 17px; font-weight: bold; letter-spacing: 2px; display: inline-flex; justify-content: center;  text-transform: uppercase; cursor: pointer;}
.material-form input.btn-black:hover{background:transparent;color: #000}
.material-form textarea{font-size: 17px;font-family: 'Quicksand'; font-weight: 500;}
.label-title{margin: 0px 0 18px;color: #000000;font-weight:bold;}

label.fixed-top{top:-14px; left: 8px; position: absolute;color: #fcac1d; font-size: 15px; z-index: 2;}
label.fixed-top span{background: #fff; padding:0 5px;}

.subscription-list ul{margin: 40px 0 60px;list-style: none;}
.subscription-list ul li{padding: 0; margin:34px 15px; color: #000000; font-weight: 500; list-style: none; position: relative; text-transform: capitalize;}
.subscription-list ul li:before{position: absolute; content: ""; width: 144px; height: 1px; background: #DFDFDF; bottom: -20px; left: 50%; transform: translateX(-50%);}
.subscription-list ul li:last-child:before{display: none;}
.subscription-list .disable-plane{color: #BFBFBF;}
.subscription-list .btn-yellow-round{width: 142px; margin: 0px auto; display: inline-block; line-height:43px; color: #fff; border-radius: 23px; text-transform: none;}
.subscription-list .btn-yellow-round:hover{color: #FCAC1D;}


.sponsor-pages {margin-bottom: 80px;font-family: 'Quicksand';}
.sponsor-pages p{margin-bottom: 0;}
.sponsor-pages h2{padding: 0; margin: 0 0 25px; font-size:32px; font-weight: normal; line-height: normal;}

.brand-known{margin: 150px 0 0; min-height: 818px; background: url(../images/about-bg.png) no-repeat right bottom; position: relative; overflow: hidden;}
.brand-known .lft-section{width: 40%;}
.brand-known h1{font-size: 87px; color: #000; line-height: 80px;font-family: 'Veneer';}
.brand-known h1 span{color: #FCAC1D;}
.brand-known p{margin: 20px 0 50px;}
.brand-known a{color: #FCAC1D; font-size:32px; line-height: 40px; font-weight: 500; display: flex; align-items: center; text-transform: uppercase;}
.brand-known a:hover{color: #000;}
.brand-known a i{margin-left: 80px;}
.brand-known .rgt-img{position: absolute; right: 0; bottom: 100px;}

.marketing-benefits {padding:220px 0 35px;margin-bottom: 226px;background: #f9f7f7; position: relative;width: 100%; display: flex; flex-direction: column;}
.marketing-benefits ul{ margin-top: 100px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.marketing-benefits ul li{width: 23%; text-align: left; display: flex; flex-direction: column; position: relative; z-index: 4;}
.marketing-benefits ul li p{text-align: left;}
.marketing-benefits h2, .marketing-benefits p{position: relative; z-index: 5; text-align: center;}
.marketing-benefits h3{margin: 20px 0 15px; font-size: 24px;}
.marketing-benefits:before {position: absolute;content: "";top: 0;left: 0;width: 100%;background: #f9f7f7;transform: skew(0deg, -10deg);margin-top: 0;z-index: 3;height: 179px;z-index: 1;}
.marketing-benefits:after {position: absolute;content: "";bottom: -169px;left: 0;width: 100%;background: #f9f7f7;transform: skew(0deg, -10deg);margin-top: 0;z-index: 3;height: 340px;z-index: 1;}
.bottom-skew{position: relative;    width: 100%;display: flex;}
.bottom-skew:after {position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 169px;background: #fff;transform: skew(0deg, -10deg);z-index: 3;}

.bottom-skew .two-col-section{margin-bottom:110px;}
.two-col-section{margin:0px 0 0px; display: flex; justify-content: space-between; align-items: center;position: relative; z-index: 4;font-family: 'Quicksand';}
.two-col-section .cnt-section{width:50%;}
.two-col-section .cnt-section p{margin-bottom: 30px;}
.two-col-section .cnt-section p:last-child{margin-bottom: 0;}
.two-col-section h2 {padding: 0;margin: 0 0 25px; font-size: 32px;  line-height: normal;font-family: 'Quicksand';}
.two-col-section .image-section{width: calc(100% - 51%);}
.two-col-section .image-box{padding: 145px 60px; background: url(../images/texture-bg.png) no-repeat top left; position: relative;}
.two-col-section .white-bg{width: 89%; max-height: 470px; background: #fff; box-shadow: 0 0 75px #ddd9d9; position: relative; z-index: 2;}
.two-col-section .image-box:before{position: absolute; content: "";width: 65%; height: 1px; background: #707070;right:-11px; top: 65%; transform: rotate(-44deg); z-index: 1;}
.two-col-section .image-box .bottom-img{position: absolute; bottom: -79px;right: 32px; z-index: 5;}
.two-col-section .white-bg .cnt{padding: 28px; width: 223px; display: flex; flex-direction: column;}
.two-col-section .white-bg h4{padding:0px 0; margin: 0; font-size: 28px; font-weight: bold; text-transform: uppercase;}
.two-col-section .white-bg span.subtitle{padding:10px 0; margin: 0; font-size: px; font-weight: 500;text-transform: uppercase;}
.two-col-section .white-bg span.price{padding:0px 0px 0;color: #FCAC1D; font-size: 60px; font-weight: 300;    line-height: normal;}
.two-col-section .white-bg p{padding:0px 0px 0;font-weight: 500; font-size: 13px; line-height: 19px;}
.two-col-section .white-bg .cnt a{margin: 56px 0 0; padding:0;color: #808080; font-size: 15px; font-weight: 600; font-family: 'Poppins';}
.two-col-section .white-bg .cnt a:hover{color: #FCAC1D;}
.two-col-section .right-section{width: calc(100% - 51%);}
.two-col-section .white-bg.d-flex{display: flex; justify-content: space-between;}
.two-col-section .white-bg .help-links{padding: 28px 28px 0 0; display: inline-flex; justify-content: flex-end;}
.two-col-section .white-bg .help-links a{margin-left: 13px;}
.grass-background{position: relative;width: 100%; height: 260px;}
.grass-background:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 773px;
height: 283px;
background: url(../images/globe-feed-lft-bg.png) no-repeat bottom left;
}
.grass-background:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 587px;
height: 342px;
background: url(../images/globe-feed-rgt-bg.png) no-repeat bottom left;
z-index: 1;
}


.sponsor-pages .join-yew {margin-top: 180px; text-align: center;}
.sponsor-pages .join-yew .join-yew-btn{margin-top: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sponsor-pages .join-yew a{padding: 19px 0; min-width: 420px; margin-top: 20px; font-size: 24px; letter-spacing: 2px; font-weight: normal;}


.home-page{font-size: 17px;font-family: 'Quicksand'; font-weight: normal;}
.home-page h2{padding: 0;margin: 0 0 25px;font-size: 32px; line-height: normal;}
.home-page .section-first{padding: 198px 0 0; width: 100%; height: 100vh; position: relative; z-index: 3;}
.home-page .hero-img{position: absolute; right: 0; bottom: -25px; z-index: 2;}
.home-page .hero-img img{height: 100vh;}
.home-page h1 {font-size: 87px;color: #000;line-height: 80px;font-family: 'Veneer'; }
.home-page h1 span {color: #FCAC1D;}
.home-page .section-first .cnt-box {width: 52%; position: relative; z-index: 3;}
.home-page .section-first p{margin: 30px 0 60px;}
.home-page .section-first .app-btn{display: flex;}
.home-page .section-first .app-btn a{margin: 0 18px 0 0;}
.home-page .section-first .app-btn a img{height: 60px;}
.home-page .section-first .cnt{width: 50%; display: flex;}

.home-page .app-btn a{transition: .45s; display: inline-block;}
.home-page .app-btn a:hover{transform: translateY(-3px);}

.home-page .section-first:before {
position: absolute;
content: "";
bottom:-194px;
left: 0;
width: 100%;
background: #f9f7f7;
transform: skew(0deg, -10deg);
margin-top: 0;
z-index: 3;
height: 158px;
z-index: 3;
}
.home-page .section-first:after {position: absolute;
position: absolute;
content: "";
bottom: -141px;
left: 0;
width: 67%;
background: #fff;
transform: skew(0deg, -10deg);
margin-top: 0;
height:261px;
z-index: 1;
}

.home-page .section-second{margin-top: 0px; padding: 224px  0 50px; margin-bottom: 300px; position: relative;background: #f9f7f7; z-index: 2;}
.home-page .section-second:after {
    position: absolute;
    content: "";
    bottom: -169px;
    left: 0;
    width: 100%;
    background: #f9f7f7;
    transform: skew(0deg, -10deg);
    margin-top: 0;
    z-index: 3;
    height: 340px;
    z-index: 1;
}
.home-page .section-second .container{position: relative; z-index: 2; text-align: center;}

.home-page .section-second ul{ margin-top: 100px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap;font-family: 'Quicksand';}
.home-page .section-second ul li{width: 23%; text-align: left; display: flex; flex-direction: column; position: relative; z-index: 4;}
.home-page .section-second ul li img{display: flex;}
.home-page .section-second ul li p{text-align: left;}
.home-page .section-second h3{margin: 25px 0 20px; font-size: 24px; font-weight: normal;}

.globe-feed-container{margin: 200px 0 0;text-align: center; font-size: 17px;position: relative; padding-bottom: 300px;}
.globe-feed-container:before{position: absolute; content: ""; bottom: 0; left: 0; width: 773px; height: 283px; background: url(../images/globe-feed-lft-bg.png) no-repeat bottom left;}
.globe-feed-container:after{position: absolute; content: ""; bottom: 0; right: 0; width: 587px; height: 342px; background: url(../images/globe-feed-rgt-bg.png) no-repeat bottom left; z-index: 1;}
.globe-feed-container p.short-description{font-size: 17px; margin: 0 0 80px;}
.globe-feed-container p{ font-size: 15px;}
.globe-feed-container .cnt{padding: 22px 20px; text-align: left;}
.globe-feed-container figure{display: block; margin: 0; padding: 0;}
.globe-feed-container figure img{max-height: 460px; width: 100%; object-fit: cover; object-position: center;}
.globe-feed-container h3{width: 90%;line-height: normal; font-size:16px; font-weight: bold; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.globe-feed-container a{color: #808080; font-size: 15px;}
.globe-feed-container a:hover{color: #FCAC1D;}
.globe-feed-container .slide-box{background: #fff;margin-bottom: 20px; box-shadow: 0 0 18px #ccc;}
.globe-feed-container .arrow-icon{margin-top: 35px;display: flex; justify-content: flex-end;}
.globe-feed-slider{z-index: 2;}

.home-page .skew-gray-bg{background: #f9f7f7;padding: 160px 0;transform: skew(0deg, 13deg);margin-top:80px; position: relative; z-index: 4;}
.home-page .skew-gray-bg .container {transform: skew(0deg, -13deg);text-align: center;}

.ride-record-section{position: relative;}
.ride-record-section .lft-img{left: 0; bottom:195px; width: 519px;height: 528px;position: absolute; background: url(../images/tree2.png) no-repeat bottom right; z-index: 9;}
.ride-record-section .rgt-img{right: 0; bottom:-219px;width: 575px; height: 580px;position: absolute; background: url(../images/tree.png) no-repeat bottom right; z-index: 9;}
.ride-record-section .app-btn a{display: inline-block;transition: .45s;}
.ride-record-section .app-btn a:hover {transform: translateY(-3px);}


.ride-record{background: #000; position: relative; color: #fff; z-index: 3; min-height: 500px;}
.ride-record .container{margin-top:0px; position: relative;}
.skew-black-bg {background: #000;padding:33px 0;transform:skew(0deg, 13deg);margin-top:0px;z-index: 2; position: relative;}
.skew-black-bg:before{width: 100%;height: 267px;position: absolute;content: "";border-bottom: 0px;left: 0;background: #000;transform: skew(0deg, 1deg);margin-top: 4px;z-index:1;}
.ride-record .left-section{width: 50%; margin-top: -0px; }
.ride-record .left-section h3{font-size: 32px; font-weight: normal; line-height: normal; margin-bottom: 40px;}
.ride-record .left-section p{font-size: 17px; font-weight: normal; margin: 0 0 20px;}
.ride-record .right-section{width: 40%; position: absolute; margin-bottom: -200px; top: 175px; right: 0;}
.home-page .ride-record-bottom{width: 100%; height:700px; background: url(../images/map-bg.png) no-repeat bottom center;}


.download-app.yellow-bg{margin: 0;padding: 0;min-height: 362px;display: flex;align-items: center;background: url(../images/yellow-bg.jpg) no-repeat center; background-size:cover;}
.download-app.yellow-bg h2{color: #fff;font-family: 'Quicksand';}
.download-app.yellow-bg:after, .download-app.yellow-bg:before{display: none;}

.mt-50{margin-top: -135px;}
.border-bg{padding:148px 0 417px; margin-bottom: 150px; margin-top: -127px;width: 100%; min-height:1200px;overflow: hidden;}

.border-bg{position:relative}
.border-bg:after{position: absolute; content: ""; width:100%; height:100%; top:0; left:0;background:url(../images/border-bg.png) no-repeat center;background-size: 100%;}
.nearby-participant{margin-top: -400px;}

.map-background{padding-bottom:00px; background:transparent  url(../images/map-bg2.png) bottom center; background-size: 100%;;}

.two-col-section .img-screen{position: relative; width: 48%; display: flex; justify-content: center;background: url(../images/texture-bg2.png) no-repeat top left;}
.two-col-section.rgt .img-screen{background: url(../images/texture-bg2.png) no-repeat bottom center;}
.two-col-section .img-screen .rotate-line {position: absolute;content: "";width: 749px;height: 1px;background: #707070;right: -65px;top: 47%;transform: rotate(-45deg);z-index: 1;}
.two-col-section .top-fixed-img{position: absolute; top: -85px; left: -42px; z-index: 1;}
.two-col-section .top-fixed-img img{z-index: 1;}
.two-col-section .img-screen img{position: relative; text-align: center; z-index: 2;}


footer{padding: 28px 0;color: #8F8F8F; background: #FAFAFA; font-size: 16px; font-weight: 500; position: relative; z-index: 9;}
footer .container{display: flex; justify-content: space-between; align-items: center;}
footer .footer-links{display: inline-flex; align-items: center;}
footer .footer-menu, footer .social-media{display:inline-flex; justify-content: flex-start; align-items: center;}
footer .footer-menu a{display: inline-flex; color: #8F8F8F; margin-left: 22px; position: relative;font-family: 'Quicksand';}
footer .footer-menu a:hover{color: #FCAC1D;}
footer .footer-menu a:last-child:before{display: none;}
footer .footer-menu a:before{ width: 1px; height: 14px; background: #E1E1E1;top: 7px; right: -13px; position: absolute;content: ""; transform: rotate(22deg);}
footer .social-media{margin-left: 16px;}
footer .social-media a{margin-left: 11px; display: inline-block; cursor: pointer;line-height: 13px;transition: .45s;}
footer .social-media a:hover{transform: translateY(-3px);}


/*Icons Css */
.icon{background-image: url(../images/sprite.svg); background-repeat: no-repeat; display: inline-block;}
.icon.gmail{width: 35px; height: 37px; background-position:-285px 0px;}
.icon.fb{width: 35px; height: 37px; background-position:-325px 0px;}
.icon.apple{width: 35px; height: 37px; background-position:-367px 0px;}
.icon.arrow-black{width: 35px; height: 15px; background-position:-112px -16px;}
.icon.arrow-yellow{width: 27px; height: 15px; background-position:-403px -131px}
.icon.email{width: 25px; height: 22px; background-position:0 -62px;}
.icon.cross {width: 14px;height: 15px;background-position: -199px -16px;}
.icon.refresh {width:21px;height: 22px;background-position:-58px -62px}
.icon.calendar-icon{width: 22px; height: 25px; background-position:-233px -179px}
.icon.cross-icon{width: 13px;height: 13px;background-position: -244px -16px;}
.icon.add-icon{width: 23px; height: 23px; background-position:-298px -181px}
.icon.plus{width: 36px; height: 32px;background-position: -289px -40px;}
.edit-icon{width: 20px; height: 20px;  background-position:-364px -44px}
.dashboard{width: 25px; height: 22px;  background-position:-366px -146px}
.settings{width: 25px; height: 28px;  background-position:-365px -117px}
.notifications{width: 25px; height: 29px;  background-position:-365px -86px}
.logout{width: 25px; height: 24px;  background-position:-369px -62px}
.phone-icon{width: 25px;height: 21px;background-position: -418px -11px;}
.email-icon{width: 25px;height: 19px;background-position:-424px -43px;}
.address-icon{width: 25px;height: 21px;background-position:-422px -68px;}
.upload-icon{width: 43px;height: 29px;background-position: -391px -93px;}
.bell-icon{width:32px;height: 30px;background-position:-485px -3px}
.setting-icon{width:32px;height: 30px;background-position:-485px -83px}


.icon.facebook{width: 30px; height: 30px; background-position:-4px -177px }
.icon.instagram{width: 31px; height:30px; background-position:-40px -178px}
.icon.twitter{width: 30px; height: 28px; background-position:-75px -177px}
a:hover .icon.facebook{width: 30px; height: 30px; background-position:-113px -177px }
a:hover .icon.instagram{width: 31px; height:30px; background-position:-147px -178px}
a:hover .icon.twitter{width: 30px; height: 28px; background-position:-185px -178px}

a:hover .phone-icon{background-position:-448px -11px}
a:hover .email-icon{background-position:-455px -43px}

.show-eye, .hide-eye{width: 24px; height: 15px;background: url(../images/eye-icon.svg) no-repeat; display: inline-block; vertical-align: middle;position: relative;}
.hide-eye:before{width: 2px;height: 27px;background: #fff;top: -6px;left: 11px;position: absolute; content: ""; transform: rotate(-40deg);}
.show-eye:before{display: none;}


/* Icons hover Css */
.btn-yellow:hover .icon.arrow-black, .arrow-yellow-big{width: 35px; height: 15px; background-position:-156px -16px;}
.arrow-yellow-big:hover, a:hover .arrow-yellow-big{background-position:-112px -17px;}
.butn:hover .arrow-yellow{background-position:-436px -131px}
/*
div#mCSB_16_scrollbar_vertical {
    display: block !important;
}*/

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: red; }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: white; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInTree {
  0% {
    opacity: 0;
    bottom:-100%;
  }
  100% {
    opacity: 1;
    bottom: -4px;
  }
}