/* 01 : Website Global CSS BOF

========================================================== */

body,html {height: 100%; }

body { background:#ffffff;font-family: 'Nunito', sans-serif; font-weight:400; font-size:16px; line-height:normal; color:#162941;  text-transform: none;} 

*, html { margin:0; padding:0;  }

a { color:#162941; display: inline-block;} /* Common color hyperlink */

a:hover, a:focus, a:active { color:#00DF61; text-decoration:none; } /* Common hover color hyperlink */

a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }

a img, img { border:none; outline:none !important; outline-offset:0 !important; }

ul { list-style:none; margin:0; padding:0; } 

i { font-family:'FontAwesome'; } 

img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }



    /* Transition Effect CSS BOF */

    a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; 

        -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }

    

    /* Browser Selection CSS BOF */

    ::selection { background:#162941; color:#fff; } ::-moz-selection { background:#162941; color:#fff; } 

    ::-webkit-selection { background:#162941; color:#fff; } ::-o-selection { background:#162941; color:#fff; } 

    ::-ms-selection { background:#162941; color:#fff;  }



/* 02 : Global Classes CSS BOF

==================================================== */ 



/* Background & Color Style CSS BOF

=================================================== */



.none{display: none !important;}



/* Font Color Style CSS BOF */

.white-color-text { color:#fff; }

.blue-color-text { color: #162941; }

.green-color-text{color: #00DF61;}





/* Background Color Style CSS BOF */

.blue-bg{background: #162941;}

.green-bg{background:#00DF61;}



/* 03 : Heading Style CSS BOF

=================================================== */

h1, h2, h3, h4, h5, h6 {font-family: 'Nunito', sans-serif; line-height:normal; font-weight:900; color: #162941;}



h1 { font-size:50px; }

h2 { font-size:48px; }

h3 { font-size:28px; }

h4 { font-size:24px; }

h5 { font-size:18px; }  

h6 { font-size:20px; }





/* Font Weight Variation CSS BOF */

.font-we-rg { font-weight:normal;}

.font-we-bl { font-weight:bold;}

.font-we-blk {font-weight:900;}

.font-we-sb {font-weight:600;}







/* 04 : Paragraph Style CSS BOF

=================================================== */

p { line-height:26px;font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: normal; color: #162941; margin-bottom: 16px; font-weight: normal;}



/* 05 : Image Style CSS BOF

=================================================== */

img { margin-bottom:0; } /*margin-bottom:5px*/













.btn { background-color: #ffffff; padding:15px 25px; color: #162941; font-size: 20px; font-weight: 600;

    font-family: 'Nunito', sans-serif; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; 

    border-radius: 10px; border:1px solid #707070; text-transform: capitalize;  box-shadow: none;  }

/*** Buttton Varilation CSS BOF ***/



/* Hover State CSS BOF */

.btn:hover, .btn:focus, .btn:active{ background-color: #00DF61; border:1px solid #00DF61; color:#fff;  box-shadow: none; outline: none;}







/* 11 : Form & Input Style BOF

==================================================== */ 



.form-control {background: #ffffff; border:none; border-bottom:  1px solid #CCCCCC; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; 

    font-size: 20px; color: #162941; -webkit-appearance: none;font-family: 'Nunito', sans-serif; font-weight: normal; padding: 11px 11px 11px 0px; }



textarea.form-control  { padding:30px 38px; resize:none; overflow:auto; height:60px; }

    

    /*** Placeholder CSS BOF ***/

    .form-control::placeholder { color:#162941; font-weight: 600; }

    .form-control::-moz-placeholder { color:#162941; font-weight: 600; }

    .form-control:-ms-input-placeholder { color:#162941; font-weight: 600; }

    .form-control::-webkit-input-placeholder { color:#162941; font-weight: 600; }

    .form-control::-o-input-placeholder { color: #162941; font-weight: 600; }



   

/* Focus State CSS BOF */

.form-control:focus { border-color:#00DF61;  box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } 





.page-wrapper { margin:0px auto; }



.text-underline{ text-decoration: underline; }

.text-capitalize{ text-transform: capitalize !important; }

.text-uppercase{ text-transform: uppercase !important; }



.display-none{ display: none !important; }



.no-scroll{overflow: hidden;}





.no-padding{ padding: 0; }





/*.fixed-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%; z-index: 9999;

}*/

.header-main {padding: 0px;-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;  width: 100%; position: fixed; top: 0; left: 0; right: 0;  z-index: 9999; }

 .header-main.animate{ top:-95px; }

.header-main.sticky{ top:0 !important; z-index:9999;}



/*.header-main.fixedPosition{position: fixed; top: 0 !important; }

.header-main.fixedPosition.animate{position: fixed; top: 0 !important; background: #fff; z-index: 999; left: 0; right: 0; }

*/







.header-main .header-inner-main {position: relative; background-color: #ffffff; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); }

.header-main .header-inner-main .header-inner {width: 100%; align-items: center; }

.header-main .header-inner-main  nav.navbar {padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; flex-wrap: nowrap; align-items: center;}

.header-main .header-inner-main .header-inner .header-menu ul li a {position: relative; font-size: 20px; color: #829AB7; margin: 0px 39px; font-weight: normal; padding: 34px 0;}

.header-main .header-inner-main .header-inner .header-menu ul li a:hover { color:#162941; text-shadow:1px 0px 0px #162941;}

.header-main .header-inner-main .header-inner .header-menu ul li.active a {  color:#162941; text-shadow:1px 0px 0px #162941;}



.header-main button.navbar-toggler { padding:0;border: none; margin: 10px 0; top: 30px;}

.header-main button.navbar-toggler span.icon-bar {margin: auto; background-color: #162941; border-radius: 2px; display: block; height: 3px; position: relative; width: 28px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }

.header-main button.navbar-toggler .icon-bar+.icon-bar {margin-top: 6px; }

.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1), 

.header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3) {top: 0; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0);background:#162941;width: 18px; margin-right: 0; }

.header-main button.navbar-toggler span.icon-bar:nth-child(3) {margin-right: auto; margin-left: 0; }

.header-main button.navbar-toggler span.icon-bar:nth-child(1) {top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}

.header-main button.navbar-toggler span.icon-bar:nth-child(3) {top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.header-main button.navbar-toggler span.icon-bar:nth-child(2) {visibility: hidden;opacity: 0;}

.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2) { visibility: visible; opacity: 1;}



.header-main .header-right {margin-left: auto; margin-right: auto; }



.header-main .header-logo a {width: 162px; max-height: 54px; }

.header-main .header-logo img {width: 100%; height: 100%; }

.header-main .navbar-container{max-width:1600px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}



.btn-fill {background-color: #162941; color: #fff; border-color: #162941; padding: 15px 35px; }

.btn-fill:hover, .btn-fill:focus, .btn-fill:active{ background-color: #00DF61; border:1px solid #00DF61;}



.btn-margin{margin-right: 16px;}



.header-main .header-inner-main .header-inner .header-menu ul li a:after{display:block; content: ''; position: absolute; bottom: 0; width: 100%; border-bottom: 3px solid #162438; transform: scaleX(0); transition: transform 250ms ease-in-out;}

.header-main .header-inner-main .header-inner .header-menu ul li a:hover:after , .header-main .header-inner-main .header-inner .header-menu ul li.active a:after{ transform: scaleX(1); transform-origin:  50% 50%; }







.cm-main-wrapper{width: 100%; height: 100%; overflow: hidden;}



.coming-soon-main{min-height: 930px; -webkit-transition: all 800ms 1s ease;

   -moz-transition: all  800ms 1s ease;

    -ms-transition: all  800ms 1s ease;

     -o-transition: all  800ms 1s ease;

        transition: all  800ms 1s ease; }



.coming-soon-main.adjust-height {

    min-height: 780px;  -webkit-transition: all 800ms 1s ease;

   -moz-transition: all  800ms 1s ease;

    -ms-transition: all  800ms 1s ease;

     -o-transition: all  800ms 1s ease;

        transition: all  800ms 1s ease; }



.coming-soon-main .app-img-sec .app-img {text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; overflow: hidden !important; }

.coming-soon-main .app-img-sec .app-img.rotate-img{ -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); -o-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); margin-top: 130px;}

.coming-soon-main .app-img-sec {position: relative; }



.coming-soon-text {padding: 70px 0 100px; visibility: hidden; opacity: 0; --webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; }

.coming-soon-text.show-text{visibility: visible;opacity: 1; --webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);}

.coming-soon-text .text-main {padding: 22px 0 31px; max-width: 650px; margin: 0 auto; }

.coming-soon-text .text-main p {margin: 0; font-size: 28px; line-height: 38px; }

.coming-soon-text .tagline p{font-size: 28px; line-height: 38px; }

.coming-soon-text .btn-sec {padding: 39px 0 70px; }

.coming-soon-text .btn-sec .btn-links {margin: 0 8px; }

.coming-soon-text .btn-sec .btn-links img {max-width: 190px; }

.coming-soon-inner {background-color: #FDF9F8; padding: 0 15px;}













.services-sec-main {padding-top: 70px; }

.services-sec-main .service-content .title {display: flex; align-items: center; margin-bottom: 65px; }

.services-sec-main .service-content .title h2 {margin-bottom: 0; padding-left: 20px; }

.services-sec-main .service-content .inner-text p { margin-bottom: 36px; }



.services-sec-main .sevice-col {padding: 0 40px; }



.border-right{border-right: 1px solid #C9C9C9 !important;}



.back-to-top {position: fixed; bottom: 10px; right: 24px; z-index: 99;}

.back-to-top a {background-color: #00DF61; width: 66px; height: 66px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.back-to-top a i {color: #fff; font-size: 20px; margin-top: -3px; }





.how-it-work-sec .steps-main .step-info {margin-bottom: 80px; }

.how-it-work-sec .steps-main.left-col .step-info {text-align: right;}

.how-it-work-sec .steps-main.left-col .step-no p{margin-left: auto;}

.how-it-work-sec .steps-main .step-no p {background: #D3FFE6; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; margin-bottom: 0; font-size: 23px; font-weight: 900; border-radius: 20px;}

.how-it-work-sec .steps-main .step-title h6 {margin: 20px 0 12px; }

.how-it-work-sec .steps-main .step-detail p {margin-bottom: 0; font-size: 18px; }

.how-it-work-sec .work-inner {padding: 0 120px; }

.how-it-work-sec .work-inner .main-title {padding: 130px 0 100px; }



.how-it-work-sec .app-frame-col-inner {text-align: center; position: relative; padding-top: 70px;}

.how-it-work-sec .app-frame-img {position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }



.app-dwn-btn {padding: 75px 0; }

.app-dwn-btn .btn-links {margin: 0 10px; }







.rotate.shake.go {animation-iteration-count: infinite; animation-duration: 12s; }

.rotate.shakeUp.go {animation-iteration-count: infinite; animation-duration: 12s; }









.about-sec-main .about-inner {display: flex; }

.about-sec-main .about-inner .about-left , .about-sec-main .about-inner .about-right {width: 50%; }

.about-sec-main .about-right-inner {padding: 0 80px 0 40px; }

.about-sec-main .about-right-inner .title {display: flex; align-items: center; margin-bottom: 70px; }

.about-sec-main .about-right-inner .title img {padding-left: 20px; }

.about-sec-main .about-right-inner .title-topic {margin-bottom: 20px; }

.about-sec-main .about-right-inner .about-content p {font-size: 20px; line-height: 30px; margin-bottom: 38px; }

.about-sec-main {padding: 100px 0; }



@-webkit-keyframes aboutrollIn { 

    0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 

    50% { opacity: 1; -webkit-transform: translate(0px ,60px) rotate(360deg); } 

    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(360deg); } 

} 

@keyframes aboutrollIn { 

    0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 

    50% { opacity: 1; -webkit-transform: translate(0px ,60px) rotate(360deg); } 

    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(360deg); } 

} 





.about-sec-main .about-bg .aboutrollIn.go {

    -webkit-animation-name: aboutrollIn; 

    animation-name: aboutrollIn; animation-iteration-count: infinite; animation-duration:8s;

}



.about-sec-main .about-bg  {-webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); transform: translateX(-200px); }



.about-sec-main .about-left{position: relative;}

.about-sec-main .about-phone-sec{position: absolute;top: 40px; left: 0px;}



.look-slider .img-wp {margin: 0 20px; max-width: 210px; max-height: 455px;}

.look-slider {max-width: 1920px; margin: 0 auto; }



.take-look-sec {margin: 100px 0; text-align: center; padding: 100px 0; }

.take-look-sec .tag-line p {margin-bottom: 0; padding: 17px 15px 70px; max-width: 678px; margin-left: auto; margin-right: auto; line-height: 32px; }





.join-team-sec .tag-line p {margin-bottom: 0; padding: 17px 15px 80px; text-align: center; line-height: 32px; }





.join-team-form select.join-team-select {  height: auto !important; background-image: url('../images/down-arrow.png'); background-repeat: no-repeat;

    background-position: right center;}



.join-team-form textarea.form-control {padding: 0px 38px 30px 0px; resize: none; overflow: auto; height: 200px; }

.join-team-form label{color:#162941; font-weight: 600; font-size: 20px; padding-top: 11px;}



.join-team-form textarea.form-control::placeholder { color:#ADADAD; font-size: 16px; font-style: italic; }

.join-team-form .form-group {margin-bottom: 46px; }



.apply-btn-sec { text-align: right;}



.ripple {margin: auto; background-color: #00DF61; position: relative; -webkit-transition: all 400ms ease;

   -moz-transition: all 400ms ease; -ms-transition: all 400ms ease;  -o-transition: all 400ms ease;

        transition: all 400ms ease; width: 428px; height: 428px; border-radius: 50%; animation: ripple 2s linear infinite; }







.ripple:before{box-shadow: 0px 0px 0px 0px #00DF61;left:0;opacity:0;padding:0;top:0;border-radius:50%;content:"";height:100%;pointer-events:none;position:absolute;width:100%;}

.ripple:before{-o-animation:infinite bigeffect 2.5s ease-out 0ms; -ms-animation:infinite bigeffect 2.5s ease-out 0ms; -webkit-animation:infinite bigeffect 2.5s ease-out 0ms;-moz-animation:infinite bigeffect 2.5s ease-out 0ms;animation:infinite bigeffect 2.5s ease-out 0ms;}



.ripple:after{box-shadow: 0 0 0 0 #B9F6D3;left:0;opacity:0;padding:0;top:0;border-radius:50%;content:"";height:100%;pointer-events:none;position:absolute;width:100%;}

.ripple:after{-o-animation:infinite smalleffect 2.5s ease-out 0ms; -ms-animation:infinite smalleffect 2.5s ease-out 0ms; -webkit-animation:infinite smalleffect 2.5s ease-out 0ms;-moz-animation:infinite smalleffect 2.5s ease-out 0ms;animation:infinite smalleffect 2.5s ease-out 0ms;}







@keyframes bigeffect{

0%{opacity: 1; box-shadow: 0px 0px 0px 0px #00DF61;}

50%{opacity: 1; box-shadow: 0px 0px 0px 0px #00DF61;}

100%{opacity: 0;box-shadow: 0px 0px 0px 60px #00DF61;}

}



@-webkit-keyframes bigeffect{

0%{opacity: 1; box-shadow: 0px 0px 0px 0px #00DF61;}

50%{opacity: 1; box-shadow: 0px 0px 0px 0px #00DF61;}

100%{opacity: 0;box-shadow: 0px 0px 0px 60px #00DF61;}

}



@keyframes smalleffect{

0%{opacity: 1; transition:all .6s ease; }

40%{opacity: 1; transition:all .6s ease;}

100%{opacity: 0;box-shadow: 0px 0px 0px 40px #B9F6D3;}

}



@-webkit-keyframes smalleffect{

0%{opacity: 1; transition:all .6s ease; }

40%{opacity: 1; transition:all .6s ease;}

100%{opacity: 0;box-shadow: 0px 0px 0px 40px #B9F6D3;}



}

















.faq-main {padding: 100px 0; }

.faq-main .faq-inner {padding: 45px 0; }

.faq-main .faq-inner .card .card-header{border: 1px solid #ffffff; border-radius: 36px; background-color: #fff; position: relative; padding: 16px 40px; text-shadow: 1px 0px 0px #162941; padding-right: 45px;}

.faq-main .faq-inner .card{border-radius: 36px;border: 1px solid #ffffff; box-shadow: 0px 10px 40px rgba(0,0,0 ,0.05); margin-bottom: 30px;}

.faq-main .faq-inner .card.collapsed{box-shadow: 0px 0px 0px rgba(0,0,0 ,0.05);}

.faq-main .faq-inner .card.collapsed .card-header {border: 1px solid #E6E6E6; text-shadow: 1px 0px 0px #ffffff;}

.faq-main .faq-title {font-size: 20px; font-weight: 600; color: #162941;}

.faq-main .faq-inner .card.collapsed .card-header::after{content: '+'; }

.faq-main .faq-inner .card .card-header::after{content: '-' ; position: absolute; right: 26px; font-size: 30px; top: 50%; transform: translateY(-50%);}

.faq-main .faq-inner .card-body {padding: 0px 40px 16px;font-size: 16px;line-height: 30px;}





.partner-sec .partner-logo-main {padding: 80px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.partner-sec .partner-logo-main .partner-img {padding: 0px 30px; width: 33%; height: 110px; margin-bottom: 30px; }

.partner-sec .partner-logo-main .partner-img img {width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

.partner-sec .partner-logo-main .partner-img img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}



.border-line {border-top: 1px solid #E6E6E6; margin: 0 140px; }



.btn-sec.dwnload-btn-sec {padding-top: 40px; }

.app-dwn-btn.bottom-app-btn{padding-bottom: 0px;}



.footer-main .footer-bottom {width: 100%; text-align: center; border-top: 1px solid #D9D9D9; padding: 24px 15px; }

.footer-main .footer-bottom .footer-inner p {font-size: 20px; margin: 0; color: #909093; }

.footer-main {background-color: #FDF9F8; padding: 62px 140px 0px;}

.footer-main .footer-top {padding-bottom: 38px; }

.footer-main .footer-top .img-sec {max-width: 162px; margin-bottom: 32px; }

.footer-main .footer-top .img-sec img{width: 100%; height: 100%; object-fit: contain; }

.footer-main .footer-top .tc-main a {font-size: 20px; }

.footer-main .footer-top .tc-main .tc-text {padding-right: 30px; }

.footer-main .footer-top .footer-col-title p {font-size: 18px; margin-bottom: 18px; }

.footer-main .footer-top .footer-col-info .site-links {font-size: 20px; font-weight: 900; }

.footer-main .footer-top .tf-other-col{padding-top: 40px;}





.stick-footer-bottom {display: inline-block; width: 100%; min-height: 100%; padding-bottom: 75px; padding-top: 95px; }

#preloader {

    overflow: hidden;

    background-color: #fff;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999999;

}



.colorlib-load {

    -webkit-animation: 2000ms linear 0s normal none infinite running colorlib-load;

    animation: 2000ms linear 0s normal none infinite running colorlib-load;

    background: transparent none repeat scroll 0 0;

    border-color: #00DF61 #00DF61 #162438;

    border-radius: 50%;

    border-style: solid;

    border-width: 2px;

    height: 40px;

    left: calc(50% - 20px);

    position: relative;

    top: calc(50% - 20px);

    width: 40px;

    z-index: 9;

    

}



@-webkit-keyframes colorlib-load {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes colorlib-load {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

} 





.tc-text-main {padding: 60px 0; }  

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.msg-class {display: none; background: #00df61; padding: 5px 10px; font-size: 13px; color: #fff; margin-top: 8px; text-align: center; width: 100%; font-weight: bold; }







/*LOGIN PAGE CSS START*/



/*.color-bg{background-color: #FDF9F8;}



.login-main-sec {max-width: 536px; margin: 0 auto; padding: 80px 0; }

.login-main-sec .login-box-main {padding: 30px; background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 15px 60px rgba(0,0,0,0.16); }





.login-tab-main .nav-tabs {border-bottom: none; }

.login-tab-main .nav-tabs .nav-link {font-size: 36px; color: #C5C5C6; padding: .5rem 0rem; margin: 0 20px; border: none;  border-bottom: 3px solid #ffffff; }

.login-tab-main .nav-tabs .nav-item.show .nav-link, .login-tab-main .nav-tabs .nav-link.active {color: #162941; text-shadow: 1px 1px 0px #162941; border: none; border-bottom: 3px solid #162438; }

.login-tab-main .nav-tabs .nav-link:focus, .login-tab-main .nav-tabs .nav-link:hover {color: #162941; }

.login-tab-main .nav{justify-content: center;}



.logintab-content-inner {padding: 50px 30px; }

.logintab-content-inner .form-group {margin-bottom: 50px; }

.logintab-content-inner .below-btn-sec {padding-top: 25px; }

.logintab-content-inner .form-control{font-size: 16px;}

.logintab-content-inner .below-btn-sec .btn {width: 100%; margin: 10px 0; padding: 15px 25px; border-radius: 4px; font-size: 16px; color: #ffffff; border:none; display: flex; justify-content: center; align-items: center;}

.logintab-content-inner .below-btn-sec .btn.btn-login {background-color: #162941; font-size: 18px;}

.logintab-content-inner .below-btn-sec .btn.btn-fb {background-color: #3B5998;}

.logintab-content-inner .below-btn-sec .btn.btn-apple {background-color: #000000;}

.logintab-content-inner .below-btn-sec .btn.btn-fb img, .logintab-content-inner .below-btn-sec .btn.btn-apple img{padding-right: 12px;}

.logintab-content-inner .below-btn-sec .btn.btn-fb , .logintab-content-inner .below-btn-sec .btn.btn-apple {box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}

.logintab-content-inner .below-btn-sec .btn.btn-fb:hover , 

.logintab-content-inner .below-btn-sec .btn.btn-apple:hover ,

.logintab-content-inner .below-btn-sec .btn.btn-login:hover  {opacity: 0.95;}



.custom-checkbox input {position: absolute; opacity: 0; }

.custom-checkbox  label {position: relative; cursor: pointer; margin-left: 12px; font-size: 15px; }

.custom-checkbox label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #BABABA; border-radius: 3px; padding: 10px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; top: 2px; left: -31px; }

.custom-checkbox input:checked + label:after {content: ''; display: block; position: absolute; top: 5px; left: -22px; width: 6px; height: 14px; border: solid #00D844; border-width: 0 2px 2px 0; transform: rotate(45deg); }



.logintab-content-inner .mobile-form-group {position: relative; }

.logintab-content-inner .sms-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 14px; padding: 6px 10px; background-color: #EAEAEA; border: none; border-radius: 5px; }

.logintab-content-inner .sms-btn:hover , .logintab-content-inner .sms-btn:focus{background-color: #162941;}

.logintab-content-inner .custom-checkbox {padding-top: 40px; }



.logintab-content-inner .form-control.code-input {font-weight: bold; border: 1px solid #E8E8E8; border-radius: 8px; padding: 0; font-size: 35px; margin: 0 10px; width: 72px; height: 72px; text-align: center;}

.logintab-content-inner .form-group.code-form-group {display: flex; align-items: center; }

.logintab-content-inner .form-control.code-input:focus , .logintab-content-inner .form-control.code-input:valid {background-color: #00D844; color: #ffffff}



.sms-code-main{display: none;}





#login-tab-main-sec {opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

#fb-main-sec {display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

#apple-main-sec{display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }





.dwn-app-main-sec .btn-back {cursor:pointer; font-weight: bold; outline: none; border: none; background-color: transparent; font-size: 20px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; 

        -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; }

.dwn-app-main-sec .btn-back:hover{color: #00D844;}

.dwn-app-main-sec .btn-back i {margin-right: 12px; font-size: 22px; }

.dwn-app-main-sec .dwn-app-text{font-size: 36px; padding: 52px 0px 32px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links {margin: 0 6px 20px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links img {max-width: 191px; }









.login-main-sec.setup-profile-main {max-width: 1126px; }

.login-box-main.profile-inner-wrap h4 {font-size: 36px; line-height: 63px; }



.edit-profile-preview-main .avatar-upload {position: relative; max-width: 121px; margin: 0px 0 10px; }

.edit-profile-preview-main .avatar-upload .avatar-edit {position: absolute; right: 0; z-index: 1; bottom: 10px; }

.edit-profile-preview-main .avatar-upload .avatar-edit input {display: none; }

.edit-profile-preview-main .avatar-upload .avatar-edit input + label {display: inline-block; width: 30px; height: 30px; margin-bottom: 0; border-radius: 100%; background: #00DF61; border: 1px solid transparent; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; }

.edit-profile-preview-main .avatar-upload .avatar-edit input + label:hover {background: #f1f1f1; border-color: #d6d6d6; }

.edit-profile-preview-main .avatar-upload .avatar-edit input + label:after {content: "\f040"; font-family: "FontAwesome";  color: #162941; position: absolute; top: 8px; left: 0; right: 0; text-align: center; margin: auto; }

.edit-profile-preview-main .avatar-upload .avatar-preview {width: 120px; height: 120px; position: relative; border-radius: 100%;  }

.edit-profile-preview-main .avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #ebfff4;}





.profile-form-main {display: flex; margin-top: 60px;}

.profile-form-main .profile-img-sec {width: 150px; }

.profile-form-main .personal-info-sec {width: calc(100% - 150px); padding-left: 30px;}



.datepicker td, .datepicker th{padding: 6px;}







.custom-radio input[type="radio"] {display:none; }

.custom-radio label {padding: 2em; display: inline-block;  cursor: pointer;padding: 9px 28px; display: inline-block; cursor: pointer; background-color: #F4F4F4; font-size: 14px; margin-left: 12px; }

.custom-radio .blank-label {display: none; }

.custom-radio input[type="radio"]:checked + label {background-color: #00df61; color: #fff; }

.custom-radio {padding: 11px 0 0; }

.custom-radio .radio-name {font-size: 16px; color: #000; }







.select-industry select.ind-select-input {height: auto !important; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 13px; }



#other-text{display: none;}

.other-input-field {background-color: #EBFFF4; margin-top: 20px; padding: 8px 11px !important; font-size: 14px; border:1px solid #EBFFF4; }

.other-input-field:focus {border:1px solid #00DF61; background-color: #ffffff; }



#other-Occupation-text{display: none;}



.personal-info-sec .form-control.abn-input {text-align: center; width: 33.33%; margin: 0 10px 0 0; padding: 11px; }

.personal-info-sec .form-group.abn-form-group {width: 100%; display: flex; align-items: center; }

.personal-info-sec .form-group {margin-bottom: 36px; }

.personal-info-sec .tooltip-label{position: relative; margin-bottom: 0;}

.personal-info-sec .tooltip-img{position: absolute; top: 0; left: 44px; cursor: pointer;}



.tooltip .tooltip-inner {background-color: #EBFFF4 !important;color: #000 !important;}



.personal-info-sec .btn-save {padding-left: 70px; padding-right: 70px; }

.personal-info-sec .Abn-main-wrap{position: relative;}









select.form-control {height: auto !important; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 13px; }



.personal-info-sec .user-info-box {background-color: #EFF0F2; padding: 20px; border-radius: 5px; }

.personal-info-sec .user-info-box .user-value p {border-bottom: 1px solid #DDDDDF; margin-bottom: 16px; padding-bottom: 7px; color: #000; font-weight: 600; font-size: 16px; }

.personal-info-sec .user-info-box .user-info-inner label {font-size: 14px; color: #000; margin-bottom: 9px; }

.login-box-main.profile-inner-wrap h4.gardian-title {font-size: 24px; margin-bottom: 33px; }

.btn-mt {margin-top: 30px; }*/







.pricing-main {width: 100%; overflow: hidden; background-color: #FDF9F8; margin-top: 60px; padding: 126px 15px; }

.pricing-main .pricing-inner {max-width: 1640px; margin: 0 auto; }

.pricing-main .pricing-box {position: relative; width: 100%; height: 100%; background-color: #ffffff; border-radius: 20px; border: 1px solid #D5D5D5; padding: 42px 38px 22px; }

.pricing-main .pricing-row-wrap {padding-top: 70px; }

.pricing-main .pricing-text h3 {font-weight: bold; font-size: 30px; line-height: 35px; margin-bottom: 8px; }

.pricing-main .pricing-text p {font-size: 14px; margin-bottom: 4px; line-height: 19px; }

.pricing-main .pricing-text {padding-top: 30px; max-width: 537px;}

.pricing-main .pricing-top-icon {position: absolute; top: -15px; right: 60px; }

.pricing-main .pricing-top-icon .top-image {position: relative; width: 162px; height: 148px; }

.pricing-main .pricing-top-icon .top-image .img-text {width: 100%; text-align: center; position: absolute; top: 43%; left: 55%;  transform: translate(-50% , -50%);  }

.pricing-main .pricing-top-icon .top-image .img-text h2.top-text { color: #fff;  margin: 0; line-height: normal; font-weight: bold; }

.pricing-main .pricing-top-icon .top-image .img-text h6 {font-weight: bold; margin-bottom: 4px; line-height: normal; }

.pricing-main .pricing-top-icon .top-image .img-text p {font-size: 14px; margin: 0; }

.pricing-main .pricing-box .pricing-icon {width: 90px; height: 90px; }

.pricing-main .pricing-box .pricing-icon img {width: 100%; height: 100%; object-fit: contain; }





.partner-sec {padding-top: 90px; background-color: #fdf9f8; }

.border-line{display:none;}