@font-face {
    font-family: 'Gilroy-Regular';
    src: url('../fonts/Gilroy-Regular.otf');
}

@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../fonts/Gilroy-Bold.otf');
}

@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../fonts/Gilroy-Medium.otf');
}

@font-face {
    font-family: 'Gilroy-SemiBold';
    src: url('../fonts/Gilroy-SemiBold.otf');
}


@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.otf');
}

.row
{
    margin: 0;
}

a
{
    cursor: pointer;
}

/*.header-background*/
/*{*/
/*background-image: url(../images/banner.png);*/
/*background-repeat: no-repeat;*/
/*width: 100%;*/
/*height: 100%;*/
/*background-size: 100%;*/
/*border-bottom-right-radius: 30px;*/
/*}*/

.logo-main
{
    position: relative;
    z-index: 999999;
    /*padding-top: 20px;*/
}

.main-nav-abs
{
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    /*bottom: 0;*/
}

.main-nav-abs .col.xl2
{
    padding-left: 0;
}

.main-header .top{
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    z-index: 999999;
    width: 100%;
    min-height: 95px;
    position: fixed;
    transform-origin: top;
    transform: scaleY(0);
    margin: 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    padding: 20px 0;
}


.main-header .top.fixed{
    box-shadow: 0px 0px 30px rgba(0,0,0,.25);
    transform: scaleY(1);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.slider-txt
{
    position: absolute;
    top: 252px;
    left: 0;
    right: 0;
    bottom: 0;
}

.slider-main
{
    position: relative;
}

/*.logo-main img*/
/*{*/
    /*width: 150px;*/
/*}*/

.main-nav ul li,
.main-signin,
.main-signup
{
    display: inline-block;
}

.login-content .col.s12.m6.l6
{
    padding-right: 0;
}

.main-nav
{
    text-align: center;
}

.main-nav ul
{
    margin: 0;
    float: right;
    max-width: 480px;
    width: 100%;
}

.main-nav ul li
{
    position: relative;
    z-index: 999;
    padding: 0 20px;
}

.main-nav ul li a,
.main-header .sidenav li a
{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    color: #fff;
}

.main-header .sidenav
{
    background-color: #65574c;
}

.main-header ul.sidenav
{
    padding-top: 50px;
}

.main-header ul.sidenav .main-signup,
.main-header ul.sidenav .main-signin

{
    margin: 10px 30px;
}

.main-nav .active,
.main-nav ul li a:hover
{
    font-family: 'Gilroy-Bold';
    color: #9ED729;
}

.main-signup
{
    position: relative;
    /*margin: 0 20px;*/
    z-index: 999;
}

.btn-repay
{
    text-align: center !important;
}

.main-signup-bt,
.get-start
{
    font-family: 'Gilroy-SemiBold' !important;
    font-weight: 400;
    background-color: #FF705B;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    text-align: center;
    display: inline-block;
    padding: 0 20px 0;
    cursor: pointer;
    color: #ffffff !important;
}

.expert-widget .get-start
{
    font-family: Gilroy-Bold !important;
    font-size: 16px;
}

#reepay-token-button
{
    font-family: 'Gilroy-SemiBold' !important;
    font-weight: 400;
    background-color: #FF705B !important;
    height: 46px;
    line-height: 46px;
    border-radius: 23px !important;
    text-align: center;
    display: inline-block;
    padding: 0 70px !important;
    cursor: pointer;
    color: #ffffff !important;
    box-shadow: -5px 22px 50px rgba(255, 112, 91, 0.208);
    font-size: 16px;
    border: none;
}

.main-signin-bt
{
    font-family: 'Gilroy-Medium' !important;
    font-weight: 400;
    position: relative;
    z-index: 999;
    background-color: #ffffff;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    text-align: center;
    display: inline-block;
    padding: 0 20px 0;
    cursor: pointer;
    color: #FF705B !important;
    font-size: 16px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.29);

}

.main-heading
{
    max-width: 550px;
    /*position: relative;*/
    /*padding: 120px 230px 0 0;*/
}

.main-heading h2
{
    font-size: 50px;
    /*width: 411px;*/
}

.main-heading h2,
.overview h3,
.feature-head h3,
.passage-heading h3,
.carousel-back h4,
.contact-head h3,
.feature-second-head h4
{
    font-family: 'Gilroy-Bold';
}

.main-heading p,
.forgot-desc
{
    font-family: 'Gilroy-Medium';
    color: #383A3F;
    max-width: 400px;
    font-size: 16px;
    line-height: 30px;
    /*margin: 0;*/
}

.forgot-desc
{
    max-width: none;
}

.get
{
    margin-top: 60px;
}

.img-block
{
    /*position: relative;*/
    background-color: #fff;
    display: inline-block;
    border-radius: 6px;
    box-shadow: 13px 28px 50px rgba(56, 58, 63, 0.06);
}

.img-block .col.s6
{
    padding-right: 0;
}

.right-img
{
    float: right;
}

.right-img img
{
    vertical-align: bottom;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.img-txt p
{
    font-family: 'Gilroy-Medium';
    font-weight: 400;
}

.both-blocks
{
    float: right;
    margin-top: -250px;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.img-txt
{
    padding: 18px 0;
}

.img-txt p
{
    color: #000000;
    font-size: 19px;
}

.overview
{
    margin-top: 120px;
}

.overview .col.s12.m12.l6
{
    padding-left: 0;
}

.overview-txt h3,
.feature-head h3
{
    color: #22242A;
    font-size: 36px;
    line-height: 46px;
}

.overview-txt h3
{
    margin-top: 10px;
}

.overview-head h3
{
    margin-top: 0;
}

.overview-txt p
{
    font-family: 'Gilroy-Medium';
    color: #383A3F;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

.overview-txt p:last-child
{
    margin-top: 40px;
}

.left-video img
{
    width: 100%;
}

.overview-txt
{
    /*padding: 0 380px 0 0;*/
    padding: 0 325px 0 80px;
}

.features
{
    margin-top: 70px;
}

.feature-back
{
    background-image: url("../images/back-feature.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position-y: 190px;
    display: inline-block;
    background-position-x: 60px;
}

.features .col.s12.m10
{
    padding-right: 0;
}

.feature-icons ul li
{
    display: inline-block;
}

.feature-head p
{
    font-family: 'Gilroy-Medium';
    width: 820px;
    text-align: center;
    /*padding: 0 30px;*/
    color: #383A3F;
    font-size: 16px;
    margin-bottom: 30px;
}

.feature-head
{
    margin: 40px 0 0 45px;
}

.feature-icons .tabs
{
    overflow-x: visible;
    overflow-y: visible;
    background-color: transparent;
}

.feature-icons .tabs .tab a
{
    overflow: visible;
}

.feature-icons p
{
    line-height: 1.3;
}

.feature-icons .tabs .tab a:hover, .tabs .tab a.active .tabs .tab a .tabs .tab a:focus, .tabs .tab a:focus.active
{
    background-color: transparent;
    color: transparent;
}

.feature-icons .tabs .indicator
{
    background-color: transparent;
}

.cloud
{
    text-align: center;
    text-transform: none;
}

.cloud .feature-img
{
    max-width: 60px;
    height: 60px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 40px;
    /*color: #9ed729;*/
    box-shadow: 10px 16px 45px rgba(34, 36, 42, 0.188);
}

.cloud .feature-img:hover,
.cloud .feature-img.active
{
    background-color: #ff705b;
    color: #fff;
    box-shadow: 13px 20px 50px rgba(255, 112, 91, 0.22);
}

.cloud p:hover
{
    color: #000;
}

.active.fet-back .cloud p
{
    color: #000;
}

.cloud p
{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    color: #9b9b9b;
}

.feature-img img
{
    width: 20px;
}

.feature-phone
{
    float: right;
    /*margin-right: 60px;*/
}

.measure-progress-icon  {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255, 0.0) url("../images/piechart.png") center center no-repeat;
    background-size: contain;
    display: block;
}

.feature-img:hover .measure-progress-icon, .feature-img.active .measure-progress-icon {
    background:rgba(255,255,255, 0.0) url("../images/piechart-hover.png") center center no-repeat;
    background-size: contain;
}


.easy-communication-icon  {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255, 0.0) url("../images/chat.png") center center no-repeat;
    background-size: contain;
    display: block;
}

.feature-img:hover .easy-communication-icon, .feature-img.active .easy-communication-icon {
    background:rgba(255,255,255, 0.0) url("../images/chat-hover.png") center center no-repeat;
    background-size: contain;
}

.learn-best-icon  {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255, 0.0) url("../images/star.png") center center no-repeat;
    background-size: contain;
    display: block;
}

.feature-img:hover .learn-best-icon, .feature-img.active .learn-best-icon {
    background:rgba(255,255,255, 0.0) url("../images/star-hover.png") center center no-repeat;
    background-size: contain;
}



.stay-safe-icon  {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255, 0.0) url("../images/guard.png") center center no-repeat;
    background-size: contain;
    display: block;
}

.feature-img:hover .stay-safe-icon, .feature-img.active .stay-safe-icon {
    background:rgba(255,255,255, 0.0) url("../images/guard-hover.png") center center no-repeat;
    background-size: contain;
}


.keep-track-icon  {
    width: 30px;
    height: 30px;
    background:rgba(255,255,255, 0.0) url("../images/compass.png") center center no-repeat;
    background-size: contain;
    display: block;
}

.feature-img:hover .keep-track-icon, .feature-img.active .keep-track-icon {
    background:rgba(255,255,255, 0.0) url("../images/compass-hover.png") center center no-repeat;
    background-size: contain;
}

.feature-second-head
{
    padding: 190px 210px 0 0;
}

.feature-back .get
{
    margin-top: 0px !important;
}

.feature-second-head h4
{
    font-size: 24px;
    color: #22242A;
}

.feature-second-head p
{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    color: #383A3F;
    line-height: 30px;
}

.availability
{
    /*margin: 90px 0 150px;*/
    margin: 90px 0 80px;
}

.passages,
.customers
{
    padding: 50px 0;
    text-align: center;
    border-radius: 10px;
}

.passages h3,
.customers h3
{
    font-size: 36px;
}

.passage-heading p
{
    font-family: 'Gilroy-Medium';
    font-size: 16px;
    line-height: 30px;
}

.passage-img
{
    width: 100%;
    max-width: 120px;
    height: 120px;
    margin: 0 auto;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    padding: 30px 35px;
}

.passage-img img
{
    width: 60px;
}

.expert-block
{
    padding: 20px 0;
}

.passage-heading
{
    padding: 0 60px;
}

.customers {
    background-color: #ffffff;
}

.customers:hover,
.passages:hover
{
    cursor: pointer;
    box-shadow: 20px 60px 50px rgba(34, 36, 42, 0.06);
}

.stores
{
    margin-top: 40px;
}

.stores a:first-child
{
    margin-right: 40px;
}

.feedback
{
    margin: 90px 0 0;
}

.customer-info h5
{
    margin: 0;
}

.carousel-back
{
    background-image: url("../images/quatation.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 40%;
    /*background-size: 100%;*/
}

.carousel-back h4
{
    line-height: 40px;
    font-size: 25px;
    margin: 170px 180px 50px 90px;
}

.customer-img,
.customer-info
{
    display: inline-block;
}

.cust-det
{
    margin: 0 0 40px 90px ;
}

.feedback .owl-nav
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.feedback .owl-next
{
    position: absolute;
    right: 0;
    top: 180px;
}

.feedback .owl-prev
{
    position: absolute;
    left: -50px;
    top: 150px;
}

.customer-img
{
    position: relative;
    top: 20px;
    right: 10px;
}

.customer-info h5
{
    font-family: 'Gilroy-SemiBold';
    font-size: 20px;
}

.customer-info span
{
    font-family: 'Gilroy-Medium';
    color: #9b9b9b;
    font-size: 18px;
}


/*footer*/

.footer-background
{
    background-image: url("../images/footer.png");
    background-repeat: no-repeat;
    width: 100%;
    /*height: 100%;*/
    background-size: 100% 100%;
}

.footer-background .contact
{
    padding: 180px 260px 0;
    text-align: center;
    color: #fff;
}

.footer-background .contact h3
{
    font-size: 36px;
}

.footer-background .contact p
{
    font-family: 'Gilroy-Medium';
}

.footer-background .contact p,
.footer-icons ul li i
{
    font-size: 16px;
    color: #d2d2d3;
}

.footer-icons ul li
{
    display: inline-block;
    padding: 20px 40px;
}

.footer-icons ul
{
    margin: 0;
}

.footer-icons ul li i
{
    font-size: 25px;
    transition: transform 1s;
}

.footer-icons li i:hover
{
    transform: rotate(1080deg);
    color: #ff705b;
}

.footer-icons a.active i
{
    color: #ff705b;
}

.add-info
{
    margin-top: 30px;
    text-align: center;
}

.address-info i
{
    position: relative;
    top: 5px;
    right: 10px;
    color: #ff705b;
    transition: all .2s ease-in-out;
}

.address-info i:hover
{
    transform: scale(1.5);
}

.address-info p,
.address-info a

{
    font-family: 'Gilroy-SemiBold';
    font-size: 24px;
    color: #fff;
    margin: 0;
}

.address-info
{
    padding-top: 25px;
}

.footer-nav
{
    padding: 60px 0 90px;
}

.footer-nav ul li
{
    display: inline-block;
    text-align: center;
}

.foot-logo
{
    margin-top: 8px;
    text-align: center;
}

.foot-logo img
{
    width: 90%;
}

.foot-links-left
{
    float: right;
}

.footer-link
{
    float: left;
}

.footer-nav ul li a
{
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    padding: 0 25px;
    color: #fff;
}

.footer-nav li a:hover
{
    color: #ff705b;
}

.scrol-top
{
    position: absolute;
    /* top: 0; */
    right: 120px;
    bottom: 35px;
}

.scrol-top img
{
    width: 50px;
}

.footer-background
{
    position: relative;
}

.scrol-top a
{
    cursor: pointer;
}

.main-header .sidenav-trigger i
{
    color: #fff;
}

/*.top .main-nav*/
/*{*/
    /*float: right;*/
/*}*/


#terms, #privacy {
    font-family: Gilroy-Regular;
    padding-top: 40px;
}

#terms h5, #privacy h5 {
    font-family: Gilroy-Medium;
}

#terms h4, #privacy h4 {
    font-family: Gilroy-Bold
}

/*login*/

.login-modal,
.signup-modal
{
    z-index: 999999 !important;
    border-radius: 11px !important;
}

.login-content h3,
.forget-title h3
{
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.forget-title h3
{
    margin-bottom: 0;
}

.login-content
{
    padding: 0 !important;
}

.login-img img
{
    height: 100%;
    width: 100%;
    float: right;
    /*object-fit: contain;*/
}

.login-content .col.s12.m12.l6
{
    padding-right: 0;
}

.left-form
{
    padding: 0 70px;
}

.login-form .input-field
{
    border: 2px solid #9ED729;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 40px;
}

.pass-field
{
    margin-bottom: 20px !important;
}

.login-form input[type=text],
.login-form input[type=email],
.login-form input[type=password],
.login-form input[type=email]:not(.browser-default):focus:not([readonly]),
.login-form input[type=text]:not(.browser-default):focus:not([readonly]),
.login-form input[type=password]:not(.browser-default):focus:not([readonly]),
.login-form input.valid[type=email]:not(.browser-default),
.login-form input.valid[type=text]:not(.browser-default),
.login-form input.valid[type=password]:not(.browser-default),
.login-form .select-wrapper input.select-dropdown:focus,
.login-form input.invalid[type=email]:not(.browser-default),
.login-form input.invalid[type=text]:not(.browser-default),
.login-form input.invalid[type=password]:not(.browser-default)
{
    font-family: 'Gilroy-Medium';
    border: none;
    box-shadow: none;
    -webkit-box-shadow:none;
    margin: 0 !important;
}

.login-form label
{
    font-family: 'Gilroy-Medium';
}

.login-form label.active,
.file-field label
{
    font-family: 'Gilroy-Medium';
    font-size: 22px;
    color: #22242A !important;
    transform: translateY(-30px) scale(0.8) !important;
}

.register-file .file-field label
{
    transform: translateY(-37px) scale(0.8) !important;
}

.login-form .input-field.col label
{
    left: 0;
}

.login-user
{
    margin-bottom: 40px;
}

/*.login-img*/
/*{*/
    /*position: relative;*/
/*}*/

.login-img-txt img
{
    width: 75%;
    padding-bottom: 10px;
}

.login-img-txt
{
    position: absolute;
    bottom: 45px;
    margin-left: 30px;
}

.login-img-txt h3
{
    font-family: 'Montserrat-Bold';
    font-size: 25px;
    color: #FFFFFF;
    line-height: 34px;
    text-transform: capitalize;
}

.remember [type="checkbox"].filled-in:checked+span:not(.lever):after
{
    border: 2px solid #9ED729;
    background-color: #9ED729;
    top: 2px;
}

.remember [type="checkbox"].filled-in:checked+span:not(.lever):before
{
    top: 2px;
}

.remember span
{
    font-family: 'Gilroy-Medium';
    font-size: 18px !important;
    color: rgba(34, 36, 42, 0.7);
    line-height: 26px;
}

.log-bt
{
    margin: 40px 0 20px;
    text-align: center;
}

.log-bt .get-start
{
    padding: 0 40px 0 !important;
}

.account-info
{
    text-align: center;
    /*margin-top: 15px;*/
}

.account-info p,
.account-info span
{
    font-family: 'Gilroy-Medium';
    font-size: 18px;
    margin: 0;
}

.account-info a
{
    font-family: 'Gilroy-Bold';
    color: #FF705B;
}

/*signup*/

.signup-modal
{
    padding: 50px;
}

.signup-logo
{
    margin: 20px 0;
}

.signup-logo img
{
    width: 15%;
}

.signup-title
{
    margin-bottom: 40px;
    margin-top: 160px;
}

.signup-title h3
{
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    color: #22242A;
    text-transform: uppercase;
}


.single-row .input-field
{
    border: 2px solid #9ED729 !important;
}

.single-row .invalid-red
{
    border: 2px solid red !important;
}

.cat-select .input-field label,
.signup .dropdown-content li>a, .dropdown-content li>span
{
    font-family: 'Gilroy-Medium' !important;
    font-size: 18px !important;
    color: #22242A !important;
    transform: translateY(-5px) !important;
}

.payment-select
{
    margin-top: 0 !important;
}

.payment-select .input-field
{
    border: none !important;
    background-color: #F8F8F8;
}

.signup .select-wrapper .caret
{
    fill: #9ED729 !important;
}

.price h3
{
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    text-transform: uppercase;
    float: left;
}

.per-month h5
{
    font-family: 'Gilroy-Bold';
    font-size: 20px;
    float: left;
}

.month-price p
{
    font-family: 'Gilroy-Medium';
    font-size: 18px;
    float: right;
}

.period
{
    border-bottom: 3px solid #9ED729 ;
}

.amount h5
{
    font-family: 'Gilroy-Bold';
    font-size: 22px;
    text-transform: uppercase;
    float: left;
}

.amount-total p
{
    font-family: 'Gilroy-SemiBold';
    font-size: 24px;
    color: #9ED729;
    float: right;
    margin-top: 10px;
}

.duration
{
    position: relative;
    top: -20px;
    left: 12px;
    float: left;
}

.duration span
{
    font-family: 'Gilroy-Regular';
    font-size: 14px;
}

.register-bt
{
    margin: 60px 0;
    text-align: center;
}

.register-bt .get-start
{
    padding: 0 70px 0;
}

.signup-rem
{
    margin-top: 175px;
    text-align: left;
}

.reg-info
{
    margin-bottom: 50px;
    padding-top: 20px;
}

.attach-icon img
{
    width: 6%;
    position: relative;
    top: -49px;
    float: right;
    right: 20px;
}

.alert-green {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    display: inline-block;
    text-align: center;
    padding:5px 10px;
    min-width:80%;
    border-radius: 5px;
    margin: 5px;
}

.alert-red {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    display: inline-block;
    text-align: center;
    padding:5px 10px;
    min-width:80%;
    border-radius: 5px;
    margin: 5px;
}

.file-field .input-field>label{
    transform: translateY(-25px) !important;
}

.scroll-padd
{
    margin-top: 210px;
}

.feature-icons .tabs .tab a
{
    color: transparent !important;
}

.login-modal-cross img
{
    padding: 20px;
}

.add-image-sign-up {
    display: block;
    text-align: center;
    padding: 40px;
    border-radius: 10px;
    border: 1px solid #EEEEEE;
}

.add-image-sign-up img {
    width: 100%;
    cursor: pointer;
    height: 150px;
    object-fit: contain;
}

.forgot-mail
{
    margin-top: 40px;
}

.forget-password {
    width: 40% !important;
    padding: 40px;
    border-radius: 11px;
}

.success-title h3
{
    font-family: 'Gilroy-Medium';
    color: #383A3F;
    font-size: 25px;
}

.success-forget-password
{
    width: 30% !important;
    padding: 20px !important;
}

.bottom-padd
{
    margin-top: 20px;
}

.top-padd
{
    margin-top: 40px;
}

.inner-footer
{
    padding-bottom: 50px !important;
}

.module_image_model
{
    top: 20% !important;
    width: 40%;
    border-radius: 11px;
    padding: 20px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.login-main-right
{
    background-color: #493f42;
    vertical-align: bottom;
    display: inline-block;
    float: right;
}

.coming-soon
{
    background: url("../images/coming-back.png") no-repeat;
    background-size: 100%;
    width: 100%;
    /*min-height: 400px;*/
    padding-bottom: 165px;
    padding-top: 60px;
    margin-top: -50px;
}

.coming-title
{
    text-align: center;
    padding-top: 50px;
}

.coming-title h3
{
    font-family: 'Gilroy-Bold';
    font-size: 40px;
    color: #fff;
}

.coming-soon-email input[type=email]
{
    font-family: 'Gilroy-Regular';
    border: 2px solid #fff;
    border-radius: 25px;
    width: 100%;
    padding-left: 10px;
    color: #fff;
}

.coming-soon-email input.invalid[type=email]:not(.browser-default)
{
    border: 2px solid #F44336 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.coming-soon-email input[type=email]:not(.browser-default):focus:not([readonly]),
.coming-soon-email input[type=text]:not(.browser-default):focus:not([readonly]),
.coming-soon-email input[type=password]:not(.browser-default):focus:not([readonly])
{
    border: 2px solid #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.coming-soon-email label
{
    color: #fff !important;
    padding-left: 15px;
    font-family: 'Gilroy-Regular';
    font-size: 16px;
}

.coming-soon-email .input-field>label:not(.label-icon).active
{
    font-size: 16px;
    transform: translateY(-22px) scale(0.8) !important;
}


/*.coming-soon-email .input-field,*/
/*.send-email*/
/*{*/
    /*display: inline-block;*/
/*}*/

.coming-soon-email
{
    margin-top: 10px;
}

.coming-border
{
    border-right: 2px solid #fff;
    height: 110px;
    margin-right: 15px;
    margin-top: -5px;
}

.send-email .main-signup-bt
{
    padding: 0 30px 0 !important;
    height: 49px;
    line-height: 53px;
}

.send-email i
{
    line-height: 1.8;
    transform: rotate(-52deg);
}

.send-email
{
    position: absolute;
    right: -25px;
    top: 15px;
}

.coming-soon-email
{
    position: relative;
}

.counts
{
    border: 1px solid #fff;
    color: #fff;
    padding-top: 10px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    width: 90px;
    height: 97px;
}

.counts p{
    font-family: 'Gilroy-Bold';
    font-size: 30px;
    margin: 0;
}

.counts span
{
        font-family: 'Gilroy-Medium';
}

.invalid-feedback-alert {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    display: inline-block;
    text-align: center;
    padding:5px 10px;
    min-width:80%;
    border-radius: 5px;
    margin: 18px 0;
    width: 100%;
}

.main-count
{
    margin-top: 60px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

#__lpform_email_icon
{
    display: none;
}

/*spinner*/

.spinner
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/loading.gif') 50% 50% no-repeat #fff;*/
    /*overflow-scrolling: hidden;*/
    background-color: rgba(255,255,255,1);
    text-align: center;
}
.spinner .preloader-wrapper.big.active {
    position: absolute;
    top: 50%;
}
.spinner .spinner-custom, .spinner .spinner-custom-only {
    border-color: #9ED729;
}

.slider-block .col.s6
{
    padding: 0;
}

/*.slider-left-block .col.s6*/
/*{*/
    /*padding-right: 3px;*/
/*}*/

.main-items
{
    background-color: rgba(37, 39, 42, 0.4);
    position: relative;
    z-index: 999999;
    box-shadow: 13px 28px 50px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7px);
    border-radius: 10px;
    padding: 15px;
}

.expert-widget
{
    position: absolute;
    top: 50%;
}

.expert-desc
{
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    max-width: 360px;
    width: 100%;
    padding: 30px 40px;
    min-height: 241px;
    height: 100%;

}

.expert-desc h2
{
    margin: 0;
    color: #9ED729;
    font-size: 70px;
    font-family: "Gilroy-Bold";
    text-align: center;
}

.expert-desc p
{
    color: #fff;
    font-family: "Gilroy-Medium";
    font-size: 16px;
}

.left-widget
{
    left: 50% !important;
    transform: translate(-50%, -50%);
    /*left: 158px;*/
}

.right-widget
{
    right: 50% !important;
    transform: translate(50%, -50%);
    /*right: 158px;*/
}

.right-widget h2
{
    color: #FF7364;
}

.expert-start
{
    background-color: #9ED729;
}

.expert-widget .get
{
    text-align: center;
    margin-top: 30px;
}

/*.blur-desc*/
/*{*/
    /*webkit-filter: blur(10px); !* Chrome, Safari, Opera *!*/
    /*filter: blur(10px);*/
    /*background: linear-gradient(270deg, rgba(255, 112, -10, 0.03) 19.86%, rgba(255, 112, -10, 0.15) 124.74%);*/
    /*border-bottom-right-radius: 18px !important;*/
/*}*/


.overlay-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /*padding-bottom: 5px;*/
    /*padding-right: 3px;*/
    left: 0;
    right: 0;
    bottom: 5px;
}

.overlay-container-left {
    border-radius: 0 0 25px 0;
    padding-right: 1.5px;
}

.overlay-container-right {
    border-radius: 0 0 0 25px;
    padding-left: 1.5px;
}

.blur-overlay
{
    width: 100%;
    height: 100%;
    webkit-filter: blur(20px); /* Chrome, Safari, Opera */
    background: linear-gradient(270deg, rgba(255, 112, 91, 0.03) 19.86%, rgba(255, 112, 91, 0.15) 124.74%);
    backdrop-filter: blur(20px);
}



.landing-hoverable-left .col.s6
{
    padding-right: 1.5px;
}

.landing-hoverable-right .col.s6
{
    padding-left: 1.5px;
}

.blur-overlay {
    /*display: block;*/
}

.main-items.on-landing-page-hover{

    webkit-filter: unset !important;
    filter: unset !important;
    background-color: rgba(37, 39, 42, 0.4) !important;

}

.logo-main.on-landing-page-hover {

    webkit-filter: unset !important;
    filter: unset !important;
    background: unset !important;

}

.slider-block img
{
    width: 100%;
}

.slider-main .container,
.main-nav-abs .container
{
    width: 90%;
    max-width: 1575px;
}

#image-left-blurred img
{
    border-bottom-right-radius: 20px;
}

#image-right-blurred img
{
    border-bottom-left-radius: 20px;
}

.terms-head
{
    padding-top: 40px;
}

.carousel-back .item
{
    display: inline-block;
}

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

/*responsive*/

@media (max-width: 375px) {
    .footer-background .footer-nav ul li a {
        padding: 0 10px !important;
    }

    .slider-main .slider-block
    {
        height: 476px !important;
    }

    .scrol-top
    {
        bottom: 55px !important;
    }

    .per-month h5,
    .amount h5
    {
        font-size: 16px !important;
    }

    .amount-total p
    {
        font-size: 20px;
    }

    .btn-repay #reepay-token-button
    {
        margin-top: 0 !important;
    }

    /*.main-slider*/
    /*{*/
        /*margin-bottom: 115px !important;*/
    /*}*/

    .slider-main  .main-heading p
    {
        line-height: 14px !important;
    }

    .slider-left-side .small-left-widget  .expert-desc
    {
        max-width: 180px !important;
    }

}


@media (max-width: 414px) {

    .feature-second-head
    {
        margin-top: 60px !important;
    }

    .slider-txt .main-heading h2 {
        font-size: 16px !important;
    }

    .slider-main  .main-heading p {
        max-width: 134px;
        font-size: 10px;
        line-height: 20px;
    }


    .slider-txt .main-heading h2 {
        font-size: 18px !important;
    }

    .slider-main .slider-txt {
        top: 20px !important;
    }

    .slider-main  .main-heading p {
        max-width: 134px;
        font-size: 10px;
    }

    .slider-txt .get
    {
        margin-top: 0;
    }

    .slider-block
    {
        height: 525px !important;
    }

    .overview-txt h3{
        font-size: 18px !important;
        line-height: 30px;
    }

    .overview-txt p
    {
        font-size: 16px;
        line-height: 30px;
    }


    .features {

        margin-top: 0;

    }

    .feature-head h3
    {
        font-size: 18px !important;
        line-height: 25px;
    }

    .feature-head p
    {
        padding: 0 10px !important;
    }

    .cloud .feature-img
    {
        max-width: 40px !important;
        height: 40px !important;
        padding: 10px !important;
    }

    .measure-progress-icon,
    .learn-best-icon,
    .easy-communication-icon,
    .stay-safe-icon,
    .keep-track-icon
    {
        width: 20px;
        height: 20px;
    }

    .cloud p
    {
        font-size: 14px !important;
    }

    .feature-second-head
    {
        margin-top: 50px !important;
    }

    .passage-heading
    {
        padding: 0 20px;
    }

    .passages h3, .customers h3
    {
        font-size: 30px !important;
    }

    .passage-heading p
    {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .carousel-back h4 {
        margin: 150px 50px 50px 60px !important;
        line-height: 25px !important;
        font-size: 12px !important;
    }

    .customer-img
    {
        top: 0;
    }

    .cust-det
    {
        margin: 0;
        text-align: center;
    }

    .footer-background .contact h3 {

        font-size: 25px;
    }
    .footer-background .contact p, .footer-icons ul li i {

        font-size: 14px;
    }

    .footer-nav ul li a
    {
        font-size: 11px;
    }

    .scrol-top {

        right: 15px;

    }

    .address-info p,
    .address-info a
    {

        font-size: 14px;

    }

    .availability {

        margin-top: 0px !important;

    }

    .feedback {
        margin: 0 !important;
    }

    .footer-nav {
        padding: 39px 0 0;
    }

    .slider-main .both-blocks {
        margin-top: -98px !important;
    }

    .img-txt
    {
        text-align: left;
    }

    .main-slider {
        margin-bottom: 50px;
    }

    .customer-info h5
    {
        font-size: 16px;
    }

    .customer-info span
    {
        font-size: 12px;
    }

    .foot-logo img {
        width: 50%;
    }

    #login
    {
        top: 0 !important;
        min-height: 100% !important;
    }

    .register-file .remember span {
        font-size: 14px !important;
    }

    .left-form {
        padding: 0 30px;
    }

    .forget-title h3
    {
        font-size: 20px;
    }

    .forgot-desc
    {
        font-size: 12px;
    }

    .forget-password .modal-content
    {
        padding: 24px 0 !important;
    }

    .footer-background
    {
        padding-bottom: 20px;
    }

    .inner-logo
    {
        padding-left: 0;
        text-align: center;
    }

    .top .logo-main {
        padding-left: 0;
        top: 10px;
    }

    .feature-back .feature-second-head {
        margin-top: 0px !important;
    }

    .top .logo-main
    {
        padding-top: 10px !important;
    }

    .sidenav-trigger i {
        top: 20px !important;
        /*font-size: 20px !important;*/
    }

    .top .sidenav-trigger i {
        top: -14px !important;
    }

    .counter .counts
    {
        width: 53px !important;
    }

    .counts p
    {
        font-size: 25px;
    }

    .counts span
    {
        font-size: 10px;
    }

    .coming-soon-email input[type=email]
    {
        font-size: 12px;
    }

    section.coming-soon
    {
        min-height: 580px !important;
    }

    .coming-title
    {
        padding-top: 30px;
    }

    .main-count,
    .main-count .counter
    {
        margin-top: 35px !important;
    }

    .add-info
    {
        margin-top: 0 !important;
    }

    .expert-desc h2
    {
        font-size: 20px !important;
    }

    .expert-desc p
    {
        font-size: 12px;
        min-height: 75px;
    }

    .small-left-widget .expert-desc
    {
        max-width: 202px !important;
    }

    .expert-widget .expert-desc
    {
        padding: 20px;
        min-height: 200px !important;
    }

}

@media (max-width: 500px) {
    .item .slider-txt {
        top: 15px !important;
    }

    .main-heading p{
        font-size: 12px !important;
    }

    .passages
    {
        padding-top: 50px;
    }

    .module_image_model
    {
        width: 100% !important;
    }

    .customers
    {
        padding: 10px 0 !important;
    }

    .expert-desc
    {
        max-width: 250px;
    }

    .small-left-widget .expert-desc
    {
        max-width: 237px;
    }

}


@media (max-width: 768px) {
    .slider-main .both-blocks
    {
        margin-top: -50px !important;
    }

    .footer-nav ul li a
    {
        font-size: 12px !important;
    }

    .footer-nav ul li a {

        padding: 0 16px !important;

    }

    .feature-second-head
    {
        margin-top: 70px !important;
    }

    .carousel-back
    {
        background-size: unset;
    }

    .main-heading p
    {
        line-height: 20px;
    }

    .left-widget
    {
        left: 0 !important;
    }

    .right-widget
    {
        right: 0 !important;
    }

    .expert-widget
    {
        top: 110px !important;
        transform: none;
    }

}


@media (max-width: 600px) {

    .logo-main
    {
        text-align: center;
    }

    .logo-main img
    {
        width: 50%;
    }

    .feature-back {

        background-position-y: 0 !important;
        background-size: 100%;
    }

    .both-blocks {
        margin-top: 20px !important;
    }

    #reepay-token-button
    {
        margin-top: 50px !important;
    }

    .main-signup-bt, .get-start,
    .main-signin-bt
    {

        height: 35px;
        line-height: 36px;
        border-radius: 20px;
        padding: 0 10px 0;
        font-size: 12px !important;
    }
    .main-signin-bt
    {
        padding: 0 13px 0;
    }
    .slider-txt .get
    {
        margin-top: 20px;
    }
    .main-heading h2
    {
        margin-bottom: 0;
    }

    .foot-logo img {
        width: 50%;
    }

    #forget-password
    {
        width: 100% !important;
        padding: 0;
    }

    .scrol-top
    {
        bottom: 65px;
    }

    .feature-head
    {
        margin: 0 !important;
    }

    .feature-second-head
    {
        margin-top: 0 !important;
    }

    .account-info
    {
        margin: 20px;
    }

    .counts
    {
        width: 65px !important;
        height: 90px;
    }

    .coming-border
    {
        margin-right: 0;
    }

    section.coming-soon
    {
        min-height: 620px !important;
    }

    .slider-main .both-blocks {
        margin-top: -125px !important;
    }
    .slider-txt {
        top: 60px !important;
    }

    .main-count {
        margin-top: 0;
    }

    .counter {
        margin-top: 20px !important;
    }

    .expert-widget
    {
        top: unset !important;
        bottom: 0;
    }

    .expert-widget .get
    {
        margin-top: 5px;
    }

    .expert-desc
    {
        min-height: 267px !important;
        max-width: 295px;
        border-radius: 7px;
    }

    .expert-widget h2
    {
        color: #fff !important;

    }

    .left-widget
    {
        left: unset !important;
    }

    .right-widget
    {
        right: unset !important;
    }

    /*.slider-left-block .col.s6*/
    /*{*/
        /*padding-right: 0 !important;*/
    /*}*/

    .overview {
        margin-top: 0 !important;
    }

}

@media (max-width: 992px) {

    /*.slider-main img*/
    /*{*/
        /*height: 100% !important;*/
    /*}*/
    .signup-logo img {
        width: 100%;
    }
    .main-modal .col.s12.m12
    {
        padding-left: 0;
    }

    .img-txt p {
        font-size: 16px;
        text-align: left;
    }
    .logo-main
    {
        padding-top: 20px;
    }
    .main-header .top
    {
        min-height: 60px !important;
        padding: 0;
    }
    .feature-phone img
    {
        width: 100%;
    }
    .feature-back .get
    {
        text-align: center;
    }
    .carousel-back
    {
        background-size: unset;
    }
    .stores a:first-child
    {
        margin-right: 0 !important;
    }

    .sidenav
    {
        z-index: 99999;
    }

    .left-video
    {
        margin-top: 50px;
    }

    .left-video img
    {
        width: 100%;
    }

    .carousel-back h4
    {
        margin: 0;
    }

    .footer-background .contact
    {
        padding: 160px 0 0;
    }

    .footer-icons ul li
    {
        padding: 20px;
    }

    .foot-links-left,
    .foot-links
    {
        float: none;
        text-align: center;
    }

    .feature-second-head {
        margin-top: 0px;
        padding: 0;
    }

    .overview-txt {
        padding: 0 20px !important;
    }

    .scrol-top
    {
        right: 30px;
    }

    .foot-logo
    {
        margin-top: 15px;
    }

    .feature-head p
    {
        width: auto;
        text-align: center;
    }

    .slider-txt {
        top: 30px !important;
    }

    .main-heading p
    {

        max-width: 230px;
    }

    .carousel-back h4
    {
        font-size: 20px;
    }

    .footer-background .contact {
        padding: 140px 0 0 !important;
    }

    .foot-logo
    {
        text-align: center;
    }

    .address-info p,
    .address-info a
    {
        font-size: 16px;
    }

    .main-heading h2 {
        font-size: 25px !important;
    }

    .feature-head {
        margin-left: 0px !important;
    }

    .feature-second-head {
        padding: 0 !important;
    }

    .feature-icons .tabs {
        overflow-y: hidden;
        min-height: 140px;
    }

    .feature-phone
    {
        float: none;
    }

    .feedback {
        margin: 90px 0 50px;
    }

    .carousel-back
    {
        height: auto;
    }

    .feature-back
    {
        background-position-y: 0 !important;
        background-size: 100% !important;
    }

    .modal .login-modal {
        width: 100%;
    }

    .signup-logo img {
        width: 50%;
    }

    .price h3,
    .amount h5
    {
        font-size: 18px;
    }

    .account-info p
    {
        font-size: 16px;
    }

    .feature-head h3
    {
        text-align: center;
    }

    .both-blocks
    {
        margin-top: -150px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }

    .first-element
    {
        margin-bottom: 40px;
    }

    .cloud .feature-img:hover, .cloud .feature-img.active
    {
        box-shadow: 4px 8px 20px rgba(255, 112, 91, 0.34) !important;
    }

    .cloud .feature-img
    {
        box-shadow: 4px 8px 20px  rgba(152, 155, 164, 0.188) !important;
    }

    #login
    {
        width: 100% !important;
    }

    .remember span
    {
        font-size: 16px !important;
    }

    #success-forget-password {
        width: 70% !important;
    }

    .signup-title {
        margin-top: 90px;
    }

    .signup-rem {
        margin-top: 80px;
    }

    .submit-bt,
    .close-bt
    {
        padding: 0 20px 0 !important;
    }

    .module_image_model
    {
        width: 80%;
    }

    .main-header .sidenav-trigger i {
        position: absolute;
        z-index: 999;
        top: 30px ;
        left: 30px;
        line-height: 0;
        font-size: 30px;
    }

    .logo-main{
        padding-left: 50px;
        padding-top: 0!important;
        top: 5px;
    }

    .coming-title h3
    {
        font-size: 25px;
    }

    .counter
    {
        margin-top: 50px;
    }

    .send-email .main-signup-bt
    {
        height: 46px;
    }

    .send-email
    {
        top: 14px;
    }


    /*.overview*/
    /*{*/
        /*margin-top: -220px !important;*/
    /*}*/

    .feature-back .feature-head p {
        width: 100% !important;
    }

    .feature-second-head p
    {
        text-align: center;
    }

    .feature-back
    {
        background-image: none;
    }


    .features
    {
        margin-top: 30px;
    }

    section.coming-soon
    {
        margin-top: 0 !important;
    }

    .get {
        margin-top: 20px;
    }

    .expert-desc
    {
        min-height: 208px;
    }

    .expert-desc h2
    {
        font-size: 40px;
    }

    .overview
    {
        margin-top: 40px;
    }

}

@media (max-width: 1024px) {
    .overlay-container-left
    {
        border-radius: 0 0 16px 0 !important;
    }

    .overlay-container-right
    {
        border-radius: 0 0 0 16px !important;
    }
}

@media (max-width: 1616px) {
    .login-main-right
    {
        display: unset;
        float: none;
    }
}


@media (max-width: 1680px) {
    /*.main-nav*/
    /*{*/
        /*margin-left: 152px;*/
    /*}*/

    .overview-txt
    {
        padding: 0 175px 0 80px;
    }

    .carousel-back h4
    {
        margin: 170px 50px 50px 90px;
    }
    .left-video img
    {
        width: 100%;
    }

    .auth-nav {
        margin-left: 128px !important;
    }

    .login-img
    {
        height: 570px;
    }

    .coming-soon
    {
        padding-top: 40px;
    }

    .both-blocks
    {
        margin-top: -235px;
    }


}

@media (max-width: 1440px) {

    /*.left-widget*/
    /*{*/
        /*left: 82px;*/
    /*}*/

    /*.expert-widget*/
    /*{*/
        /*top: 415px;*/
    /*}*/

    /*.right-widget*/
    /*{*/
        /*right: 83px;*/
    /*}*/

    .overview-txt {
        padding: 0 100px 0 50px;
    }

    .overview-txt h3, .feature-head h3 {
        font-size: 30px;
    }

    .feature-head
    {
        margin-left: 50px;
    }

    .feature-back
    {
        background-position-y: 190px;
        background-position-x: 0;
    }
    .feature-second-head {
        padding: 200px 210px 0 0;
    }

    .availability
    {
        margin-top: 60px;
    }

    .carousel-back h4 {
        margin: 150px 165px 50px 90px;
    }

    .footer-background .contact {
        padding: 180px 180px 0;
    }

    /*.top .logo-main*/
    /*{*/
        /*text-align: center;*/
    /*}*/

    .main-nav-abs
    {
        top: 10px;
    }

    .slider-txt
    {
        top: 180px;
    }

    .main-heading h2
    {
        font-size: 30px;
    }

    .main-heading p,
    .feature-head p
    {
        font-size: 14px;
    }

    .carousel-back h4 {
        margin: 140px 120px 50px 90px;
    }

    .footer-background .contact {
        padding: 180px 90px 0;
    }

    .footer-nav ul li a
    {
        padding: 0 20px;
    }

    .top .main-nav ul li
    {
        padding: 0 10px;
    }

    .both-blocks
    {
        margin-top: -215px;
    }

    .feature-second-head {
        padding: 200px 0 0;
    }

    /*.feature-back .get*/
    /*{*/
    /*margin-left: 115px;*/
    /*}*/

    .account-info p
    {
        font-size: 14px !important;
    }

    .login-modal
    {
        max-height: 80% !important;
    }

    section.coming-soon
    {
        padding-top: 10px !important;
    }

    .overlay-container-right
    {
        border-radius: 0 0 0 19px;
    }

    .overlay-container-left
    {
        border-radius: 0 0 19px 0;
    }

}

@media (max-width: 1200px) {
    .feature-second-head {
        padding: 130px 0 0;
    }

    .forget-password
    {
        width: 70% !important;
    }

    .coming-soon
    {
        min-height: 800px !important;
    }

    .counter
    {
        text-align: center;
    }


}

@media (max-width: 1300px) {

    /*.main-nav {*/
        /*margin-left: 0;*/
    /*}*/

    /*.main-nav {*/
        /*float: right;*/
    /*}*/
    .success-forget-password
    {
        width: 40% !important;
    }

    .coming-soon
    {
        background-size: 100% 100%;
        min-height: 600px;
        padding: 0;
    }

    .counts{
        width: 80px;
    }

    /*.overview*/
    /*{*/
        /*margin-top: -100px;*/
    /*}*/
    .feature-head p {
        width: 580px !important;
    }

    .both-blocks {
        margin-top: -190px;
    }

    /*.expert-widget*/
    /*{*/
        /*top: 240px;*/
    /*}*/

}

@media (max-width: 1390px) {
    .price h3
    {
        font-size: 20px;
    }

    .per-month h5
    {
        font-size: 16px;
    }

    .duration
    {
        top: -30px;
    }

    .duration span
    {
        font-size: 12px;
    }

    .amount h5
    {
        font-size: 16px;
    }

    .amount-total p
    {
        font-size: 20px;
    }

}

@media (max-width: 1536px) {
    .feature-head p
    {
        width: 700px;
    }
    /*.main-nav*/
    /*{*/
        /*margin-left: 0;*/
    /*}*/
}


@media (min-width: 1900px) and (max-width: 1920px){

    /*.container*/
    /*{*/
        /*width: 60%;*/
    /*}*/

    /*.main-nav*/
    /*{*/
        /*margin-left: 190px;*/
    /*}*/

    .auth-nav {
        margin-left: 160px !important;
    }

    .coming-soon
    {
        margin-bottom: 80px;
    }

    .coming-soon
    {
        padding-top: 75px;
    }

    /*.slider-main .container,*/
    /*.main-nav-abs .container*/
    /*{*/
        /*width: 100%;*/
        /*max-width: 1565px;*/
    /*}*/

    /*.left-widget*/
    /*{*/
        /*left: 174px;*/
    /*}*/

    /*.right-widget*/
    /*{*/
        /*right: 173px;*/
    /*}*/


    /*.expert-widget*/
    /*{*/
        /*top: 560px;*/
    /*}*/
}

@media (min-width: 993px) and (max-width: 1600px){
    #login
    {
        top: 0 !important;
        width: 70% !important;
        max-height: 100% !important;
    }
}

@media (min-width: 1921px) and (max-width: 2560px){
    /*.left-widget {*/
        /*left: 275px;*/
    /*}*/

    /*.right-widget*/
    /*{*/
        /*right: 280px;*/
    /*}*/

    /*.expert-widget*/
    /*{*/
        /*top: 900px;*/
    /*}*/

    .slider-main .container,
    .main-nav-abs .container
    {
        width: 90%;
        max-width: 2000px;
    }

    .overlay-container-left
    {
        border-radius: 0 0 34px 0;
    }

    .overlay-container-right
    {
        border-radius: 0 0 0 34px;
    }

    .expert-widget
    {
        top: 40%;
    }
}


.inner-logo img {
    width: 180px;
}

.model-btn {

    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    text-align: center;
    display: inline-block;
    padding: 0 20px 0;
    cursor: pointer;
    color: #ffffff;
    border: none !important;
    min-width: 120px;
    margin: 0 10px;
}


.btn-2 {
    background-color: #FF705B;
}


.btn-1 {
    background-color: #9ED729;
}

.cropper-modal-btn-div {
    padding-bottom: 22px;
}

.register-response-showing {
    margin-bottom: 30px;
}

.body-show-loader {
    overflow: hidden;
}

.main-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: rgba(0,0,0, .4);
    text-align: center;
    padding-top: 35vh;
    display: none;
}

.body-show-loader .main-loader {
    display: block;
}


/*material dropdown*/

.material-dropdown .dropdown-content
{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
    height: 250px;
}

.material-dropdown .dropdown-content span
{
    font-weight: 500;
    /*font-size: 12px;*/
    /*color: #22242A;*/
}

.material-dropdown .dropdown-caret
{
    position: absolute;
    right: 13px;
    top: 16px;
}

.material-dropdown .select-wrapper .caret
{
    display: none;
}

.material-dropdown input
{
    /*background: transparent !important;*/
    /*border: 1px solid rgba(255, 255, 255, .3) !important;*/
    /*height: 45px !important;*/
    /*padding-left: 13px !important;*/
    /*color: #8D92A3;*/
    /*font-size: 14px !important;*/
}

.material-dropdown .select-dropdown.dropdown-content li.selected,
.material-dropdown .dropdown-content li:hover,
.material-dropdown  .dropdown-content li.active
{
    background: rgba(158, 214, 41, 0.2) !important;
    border-radius: 5px 5px 0px 0px;
}

/* width */
.dropdown-content::-webkit-scrollbar
{
    width: 5px;
}

/* Track */
.dropdown-content::-webkit-scrollbar-track {
    border-radius: 5px;
}

/* Handle */
.dropdown-content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.08);
    border-radius: 5px;
}

/* Handle on hover */
.dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #9ED629;
}


#cropper-sign-up {
    min-height: 64vh;
    top: 0 !important;
    margin-top: 5vh !important;
}


#cropper-sign-up .image_cropper_container {
    height: 56vh !important;
}

#cropper-sign-up .cropper-container {
    height: 56vh !important;
}
#cropper-sign-up .cropper-canvas {
    height: 56vh !important;
}

.cropper-container img {
    height: 56vh !important;
}

body .country-code-sign-up {
    font-family: 'Gilroy-Medium' !important;
    font-size: 22px !important;
    color: #22242A !important;
    transform: translateY(-11px) scale(0.8) !important;
}

@media (max-height: 800px) {
    #cropper-sign-up {
        min-height: 77vh;
    }
}