:root{font-size: 16px;}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'kayak_sansbold';
    src: url('../fonts/kayak_sans_bold-webfont.woff2') format('woff2'),
         url('../fonts/kayak_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/**/

@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Bold.woff2') format('woff2'),
        url('../fonts/Dubai-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Medium.woff2') format('woff2'),
        url('../fonts/Dubai-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dubai';
    src: url('../fonts/Dubai-Regular.woff2') format('woff2'),
        url('../fonts/Dubai-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

body {
    line-height:1;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1rem;
    color: #2E2E2E;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.btn.btn-primary{font-size: 1rem; font-weight: bold; padding: 18px 32px; line-height: 1; background-color: #FA6F44; border-color: #FA6F44; border-radius: 10px; color: #ffffff;}
.btn.btn-secondary{font-size: 1rem; font-weight: bold; padding: 18px 32px; line-height: 1; background-color: transparent; border:1px solid #FA6F44; border-radius: 10px; color: #FA6F44;}
/*.container{max-width: 1250px;}*/

@media (min-width: 1300px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
    }
}
.margin-140{margin-bottom: 140px;}
.mb-23{margin-bottom: 23px;}
.mb-13{margin-bottom: 13px;}
h2{font-size: 3rem; font-family: 'kayak_sansbold';}
h4{font-size: 2rem; font-family: 'kayak_sansbold';}
@media(max-width:1200px){
    :root{font-size: 14px;}
    .btn.btn-primary{padding: 12px 22px;}
    .btn.btn-secondary{padding: 12px 22px;}
    .margin-140{margin-bottom: 90px;}
}
@media(max-width:991px){
    :root{font-size: 13px;}
    .margin-140{margin-bottom: 50px;}
}
@media(max-width:480px){
    :root{font-size: 13px;}
    br{display: none;}
}

/*header*/
header nav{padding-top: 45px !important; transition: 0.3s;}
.navbar-brand{margin-right: 56px;}
header nav .nav-link{font-weight: 300;
    color: #585858;
    padding: 0px !important;
    letter-spacing: 0.3px;
    transition: 0.3s;}
header nav .nav-item{padding: 0px 12px;}
/*header .language{margin-right:35px; position: relative;} */
header .language{position: absolute; right: 17%;}
html[lang="en"] header .language {right: 23% !important;}
header .language:after{content: ""; position: absolute; width: 1px; height: 20px; background-color: #707070; right: -20px; top: 50%; transform: translateY(-50%);}
html[lang="en"] header .language::after {right: -8px !important;}
header .language select{background: transparent; border: 0; font-weight: bold; padding: 4px 0px; letter-spacing: 0.3px;}
header .menu_buttons ul li:first-child{padding-right: 15px;}
header .menu_buttons ul li a{font-weight: bold; color: #2E2E2E; letter-spacing: 0.3px; text-decoration: none;}
header nav .nav-link:hover{color: #fa6f44;}
header nav .nav-item.active .nav-link{color: #fa6f44;}
header.darkHeader nav{padding-top: 12px !important;}
header.darkHeader{background: #ffffff; box-shadow: 0 2px 5px 1px rgb(64 60 67 / 10%);}
.nice-select{background-color: transparent !important; border: 0 !important; font-size: inherit !important; }
.nice-select span{font-weight: bold; color: #2E2E2E;}
.nice-select .option:hover{background-color: #fa6f44 !important; color: #fff !important; line-height: 35px;}
.option.selected.focus{background-color: #fa6f44 !important;}
.dropdown-menu.show {
    border-radius: 10px;
    box-shadow: 0 5px 8px rgba(82, 87, 93, .10);
    border: 0;
}
.dropdown-menu.show .dropdown-item{
    background:none; margin-bottom: 8px;
}
.dropdown-toggle::after{
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900; border: 0;font-size: .7rem;
    vertical-align: middle;
}
.dropdown.show .dropdown-toggle::after{
    transform: rotate(-180deg);
}
.dropdown-menu.show .dropdown-item.active,.dropdown-menu.show .dropdown-item:hover,
.dropdown-menu.show .dropdown-item:focus{
     color: #5629C2;
}
.dropdown-menu.show .dropdown-item:last-child{
    margin-bottom: 0
}
@media(max-width:1200px){
    .navbar-brand{margin-right: 40px; max-width: 170px;}
    header nav .nav-item{padding: 0px 10px;}
    header .language{margin-right: 50px;}
    header .language:after{right: -20px;}
    header nav{padding-top: 25px !important;}
}
@media(max-width:991px){
    header nav{padding-top: 10px !important;}
    /*.navbar-toggler-icon{width: auto; height: auto; color: #fa6f44; font-family: 'FITR';}*/
    header nav .nav-item{padding: 12px 15px;}
    .navbar-nav{padding-top: 10px;}
    .navbar-collapse{position: absolute; top: 54px; width: calc(100% + 30px); left: -15px; background: rgb(255, 255, 255);}
    header .language{padding: 0; margin-right: 0px;}
    .menu_buttons{padding: 0px 15px 15px 15px;}
    .menu_buttons ul{display: flex; justify-content: space-between;}
    header nav .nav-link, header .menu_buttons ul li a, header .language select{font-size: 14px; padding: 0px;}
    .nice-select, .nice-select .list{width: 100% !important; }
    .nice-select span{font-size: 14px;}
    .nice-select{border: 1px solid #fa6f44 !important; background: rgb(250 111 68 / 14%) !important;}
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color: rgb(250 111 68 / 14%) !important;}
}
@media(max-width:767px){
    .navbar-brand{max-width: 130px;}
}
/*header*/

/*hero section*/
.hero_section{min-height: 100vh; max-height: 100vh; background: url(../images/bannerbg.png), url(../images/banner_map.png); background-repeat: no-repeat; background-position: center, center bottom 40px; background-size: cover, auto; padding-top: 120px; display: flex; align-items: flex-end;}
.hero_section h1{font-size: 3rem; font-family: 'kayak_sansbold'; line-height: 1.1; margin-bottom: 35px;}
.hero_section h1 span{color: #5629C2;}
.hero_section .hero_section_left{margin-top: -20px;}
@media(max-width:991px){
    .hero_section{align-items: flex-start; padding-top: 70px; min-height: auto; max-height: initial; padding-bottom: 40px;}
    .hero_section .hero_section_left{margin-top: 0px;}
    .hero_section_right{text-align: center; margin-bottom: 30px; max-width: 420px; margin: 20px 0px;}
    .hero_section h1{font-size: 2.8rem; margin-bottom: 30px; max-width: 650px;}
}
/*hero section*/

/*feature section*/
.featurehead{margin-bottom: 60px;}
.content_bg_head h4{position: relative;}
.content_bg_head h4:before{content: ""; position: absolute; width: 65px; height: 65px; border-radius: 50%; background-color: #FA6F44; z-index: -1; left: -20px; top: -15px; opacity: 0.8;}
.viewall_link a{font-size: 1.5rem; color: #FA6F44; font-family: 'kayak_sansbold';}
.feature_icon{width: 104px; height: 104px; background-color: #F2F2F2; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 20px; box-shadow: 0 2px 5px 1px rgb(64 60 67 / 10%);}
.feature_text p{font-size: 1.125rem; font-family: 'kayak_sansbold'; line-height: 1.3;}
.feature_content_in{margin-bottom: 35px;}
.feature_section .slick-initialized .slick-slide{display: flex;}
.feature_section .slick-dots li button:before{font-size: 17px;}
@media(max-width:1300px){
    .content_bg_head{padding: 0px 25px;}
    .feature_section .slick-dots li button:before{font-size: 14px;}
}
@media(max-width:991px){
    .feature_icon{width: 85px; height: 85px; }
    .content_bg_head h4:before{width: 50px; height: 50px; top: -12px;}
    .featurehead{margin-bottom: 30px;}
    .content_bg_head{padding: 0px 15px;}
}
@media(max-width:480px){
    .feature_section .col-6{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .feature_content_in{max-width: 300px; margin: 15px auto;}
    .feature_icon{width: 65px; height: 65px; }
}
/*feature section*/

/*about section*/
.about_us{margin-bottom: 80px;}
.about_us .about_us_right h4{margin-bottom: 50px;}
.about_us .about_us_right p{color: #2E2E2E; line-height: 1.8; color: rgb(46 46 46 / 70%); margin-bottom: 40px;}
.about_us .about_us_right{padding-top: 40px;}
@media(max-width:991px){
    .about_us .about_us_right h4{margin-bottom: 30px;}
    .about_us{margin-bottom: 40px;}
}
/*about section*/

/*bighead*/
.bighead{padding-top: 130px; padding-bottom: 100px; margin-bottom: 50px;}
.bighead h2{font-size: 3rem; font-family: 'kayak_sansbold'; line-height: 1.1; color: #5629C2; position: relative; display: inline-block;}
.bighead h2:before{content: ""; position: absolute; width: 230px; height: 1px; background-color: #FA6F44; top: -20px;}
.bighead h2:after{content: ""; position: absolute; width: 230px; height: 1px; background-color: #FA6F44; bottom: -20px; right: 21%;}
.bighead{background-image: url(../images/headbg.png); background-repeat: no-repeat; background-position: top -45px center; background-size: cover;}
@media(max-width:991px){
    .bighead{padding-top: 80px; padding-bottom: 75px; margin-bottom: 40px;}
    .bighead h2{font-size: 2.67rem;}
}
@media(max-width:991px){
    .bighead{padding-top: 70px; padding-bottom: 60px; margin-bottom: 40px;}
}
/*bighead*/

/*uploadprocess*/
.uploadprocessbg{position: relative; padding: 0px 30px; z-index: 1; margin-bottom: 140px; padding-bottom: 20px;}
.uploadprocessbg.one:after{content: ""; position: absolute; width: 100%; background-color: rgb(86 41 194 / 10%); min-height: 238px; bottom: 0; left: 0; border-radius: 10px; z-index: -1;}
.uploadprocessbg.two:after{content: ""; position: absolute; width: 100%; background-color: rgb(250 111 68 / 10%); min-height: 238px; bottom: 0; left: 0; border-radius: 10px; z-index: -1;}
.uploadprocessbg.three:after{content: ""; position: absolute; width: 100%; background-color: rgb(213 230 251 / 27%); min-height: 238px; bottom: 0; left: 0; border-radius: 10px; z-index: -1;}
.upload_head h3{font-size: 2.625rem; font-family: 'kayak_sansbold'; color: #2E2E2E; margin-bottom: 50px; line-height: 1.1;}
.upload_processleft .upload_content ul{padding-left: 15px; margin-bottom: 20px;}
.upload_processleft .upload_content ul li p{color: rgb(46 46 46 / 75%); letter-spacing: 0.3px; line-height: 1.4; font-size: 1rem;}
.upload_processleft .upload_content ul li{padding-bottom: 24px; font-size: 30px; list-style-type: disc;}
.upload_processleft .upload_content a{color: #FA6F44; font-weight: bold; text-decoration: none;}
.uploadprocessbg ul li{color: #5629C2;}
@media(max-width:1300px){
    .uploadprocessbg.one:after, .uploadprocessbg.two:after, .uploadprocessbg.three:after{width: 98%; left: 0; right: 0; margin: 0 auto;}
}
@media(max-width:991px){
    .uploadprocessbg{margin-bottom: 100px;}
    .upload_processleft .upload_content ul li{padding-bottom: 15px; font-size: 15px;}
    .upload_head h3{margin-bottom: 30px; font-size: 2.25rem;}
}
@media(max-width:767px){
    .uploadprocessbg.one:after{width: 80%; margin: 0 auto; left: 0; right: 0; bottom: auto; top: 15%; min-height: 200px;}
    .uploadprocessbg.two:after{width: 80%; margin: 0 auto; left: 0; right: 0; bottom: auto; top: 15%; min-height: 200px;}
    .uploadprocessbg.three:after{width: 80%; margin: 0 auto; left: 0; right: 0; bottom: auto; top: 15%; min-height: 200px;}
    .uploadprocessbg{margin-bottom: 60px;}
    .uploadimg{margin-bottom: 30px;}
}
/*uploadprocess*/

/*our_promise*/
.our_promise{background-color: #5629C2; padding: 35px 0px;}
.our_promise_head h3{font-size: 2.5rem; font-family: 'kayak_sansbold'; color: #fff; margin-bottom: 25px;}
.our_promise_head strong{font-size: 1.5rem; color: #ebeef1; margin-bottom: 25px;}
.our_promise_head{margin-bottom: 45px;}
.our_promise_in{display: flex; align-items: center; justify-content: center; margin-bottom: 45px;}
.our_promise_in span{color: #D5E6FB; font-weight: 500; padding-left: 10px;}
@media(max-width:767px){
    .our_promise_in{margin-bottom: 25px;}
}
/*our_promise*/

/*pricing*/
.pricing.one .pricing_left_main{background-color: rgb(162 129 241 / 10%); border-radius: 10px 0px 0px 10px; padding: 55px 45px;}
.pricing.one .pricing_right_main{background-color: rgb(162 129 241 / 40%); display: flex; align-items: center; justify-content: center; border-radius: 0px 10px 10px 0px;}
.pricing .pricing_right{padding: 20px 0px;}
.pricing_left h4{font-family: 'Roboto'; font-weight: bold; margin-bottom: 40px;}
.pricing_left p{font-size: 1.5rem; color: rgb(46 46 46 / 75%); margin-bottom: 36px; line-height: 1.2;}
.pricing_left span{color: #FA6F44; font-weight: bold;}
.pricing{margin-bottom: 40px;}
.pricing.two .pricing_left_main{background-color: #FFF3EB; border-radius: 10px 0px 0px 10px; padding: 55px 45px;}
.pricing.two .pricing_right_main{background-color: rgb(250 111 68 / 40%); display: flex; align-items: center; justify-content: center; border-radius: 0px 10px 10px 0px;}
.pricing.three .pricing_left_main{background-color: rgb(41 46 194 / 10%); border-radius: 10px 0px 0px 10px; padding: 55px 45px;}
.pricing.three .pricing_right_main{background-color: rgb(41 46 194 / 50%); display: flex; align-items: center; justify-content: center; border-radius: 0px 10px 10px 0px;}
.pricing_section{margin-bottom: 75px;}
@media(max-width:991px){
    .pricing{padding: 0px 25px;}
}
@media(max-width:767px){
    .pricing{padding: 0px 25px;}
    .pricing.one .pricing_left_main{border-radius: 10px 10px 0px 0px; padding: 40px 30px;}
    .pricing.one .pricing_right_main{background-color: rgb(246 242 254); border-radius: 0px 0px 10px 10px;}
    .pricing_left p br{display: none;}
    .pricing_left h4{margin-bottom: 20px; margin-bottom: 25px;}
    .pricing_section{margin-bottom: 50px;}
    .pricing.two .pricing_left_main{border-radius: 10px 10px 0px 0px; padding: 40px 30px;}
    .pricing.two .pricing_right_main{background-color: #FFF3EB; border-radius: 0px 0px 10px 10px;}
    .pricing.three .pricing_left_main{border-radius: 10px 10px 0px 0px; padding: 40px 30px;}
    .pricing.three .pricing_right_main{background-color: #e9eaf9; border-radius: 0px 0px 10px 10px;}
}
/*pricing*/

/*footer section*/
footer{padding-top: 65px;}
.footercontent ul li{list-style: none;}
.footerlogo img{max-width: 145px;}
.footerlogo {margin-bottom: 11px;}
.footercontent p{font-size: 0.75rem; line-height: 1.5; color: rgb(46 46 46 / 75%); margin-bottom: 10px;}
.footercontent ul li{padding-right: 15px;}
.footer_rightlinks ul li{list-style: none; padding-bottom: 10px;}
.footer_rightlinks ul li a{color: rgb(0 0 0 / 70%); text-decoration: none;}
.footer_rightlinks ul li a:hover{color: #FA6F44;}
.footer_rightlinks h5{font-family: 'kayak_sansbold'; color: rgb(0 0 0 / 70%); margin-bottom: 30px; text-transform: uppercase; display: inline-block; position: relative;}
.footer_rightlinks h5:after{content: ""; position: absolute; width: 100%; height: 4px; background-color: #FA6F44; bottom: -8px; left: 0;}
.footer_bottom p{font-size: 0.75rem; line-height: 1.5; color: rgb(46 46 46 / 75%); padding: 22px 0px; text-align: center;}
footer .footertopleft{padding-right: 30px;}
@media(max-width:767px){
    footer .footertopleft, .footer_rightlinks{padding-right: 0; margin-bottom: 30px;}
}
@media(max-width:480px){
    .footettopright .col-4{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .footer_bottom p{padding: 15px 0px;}
}
/*footer section*/

/*login section*/
.login-main {
    padding-top: 100px;
}
.login-main,
.login_content {
    height: Calc(100vh - 107px);
    position: relative;
}
.login-main:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/bg-element.png);
    background-repeat: no-repeat;
    background-size: 55% 100%;
    width: 100%;
    height: 100vh;
    background-position: right center;
    opacity: 0.6;
    z-index: -1;
}
.login-main .loginleft {
    max-width: 400px;
    margin: 0 auto;
}
.login-main .form_head h2 {
    color: #5629C2;
    margin-bottom: 35px;
    font-size: 48px;
}
.form-group {
    margin-bottom: 1.5rem;
}
label{ margin-bottom: 7px; font-size: 14px; font-weight: 500;}
.form-control{border-radius: 7px;line-height: 2rem; height: auto;}
.form-control::placeholder {
    color: #2E2E2E;
    font-size: 14px;
    font-weight: 500;
}
.form-control::-moz-placeholder {
    color: #2E2E2E;
    font-size: 14px;
}
.form-control::-webkit-placeholder {
    color: #2E2E2E;
    font-size: 14px;
}
.forgot-pass a{color: #292EC2; font-weight: 500;}
.form-control:focus {
    box-shadow: none;
}
.otp_text p{font-size: 14px; text-align: left; color: rgba(46, 46, 46, 0.74);}
.forgot-bg img{width: 550px;}

@media(max-width:767px){
    .loginleft{padding-bottom: 60px;}
}
/*login section*/

/*Product page*/
.inner-page{padding-top: 107px;}
.our_product .content_bg_head{ padding-top: 40px; padding-bottom: 90px;}
.product_content h3{font-size: 2rem; color: #2E2E2E; font-weight: 700; margin-bottom: 35px;}
.product_content > p{line-height: 1.3; margin-bottom: 32px;}
.product_content ul li{list-style: none; margin-bottom: 16px; position: relative;}
.product_content ol li{list-style: none;}
.product_content ul li:before{content: ""; position: absolute; width: 15px; height: 15px; background-color: #FA6F44; border-radius: 50%; z-index: -1; left: -7px; top: 2px;}
.product_content ul li > p{font-size: 1.125rem; font-weight: 500; line-height: 1.2;}
.product_content ul{margin-bottom: 40px;}
@media(max-width:991px){
    .our_product .content_bg_head{padding-top: 0px; padding-bottom: 50px;}
}
@media(max-width:767px){
    .product_img{margin-bottom: 30px;}
    .product_content > p{line-height: 1.5;}
}
/*Product page*/


/*privacy page*/
.privacyWrapper {margin-top: 180px;}
.privacy_section {margin-bottom: 45px;}
.privacyhead{margin-bottom: 60px;}
.privacy_banner{margin-bottom: 60px;}
.content_bg_head h1{position: relative;display: inline-block;font-size: 30px;}
.content_bg_head h1:before{
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #FA6F44;
    z-index: -1;
    top: -15px;
    opacity: 0.8;
    margin: auto;
    left: -35px;
}
.privacy_content {
    background-image: url(../images/headbg.png);
    background-repeat: no-repeat;
    background-position: top -45px center;
    background-size: cover;
}
.privacy_content p, .privacy_list ul li p {color: rgb(46 46 46 / 75%);letter-spacing: 0.3px;line-height: 1.9;font-size: 1rem;margin-bottom: 1rem;}
.privacy_content ul li {
    color: #FA6F44;
    
}
/*privacy page*/

/*contact page*/
.contactWrapper{padding-top: 180px;}
.contact_section {
    margin-bottom: 25px;
}
.contacthead{margin-bottom: 60px;}
.contact_form_wrapper h2{
    font-size: 2rem;
    font-family: 'kayak_sansbold';
    line-height: 1.4;
    color: #5629C2;
    margin-bottom: 35px;
    font-weight: bold;
}
.contact_form_wrapper {
    width: 100%;
    max-width: 400px;
    margin: auto;
}
.contact_form_wrapper .form-group {
    margin-bottom: 1.5rem;
}
.contact_form_wrapper .form-control:focus{
    box-shadow: none;
}
/*contact page*/

/*about page*/
.aboutWrapper, .innerWrapper{padding-top: 180px;}
.aboutWrapper p{line-height: 2;}
.abouthead{margin-bottom: 60px;}
.about_hero_section{margin-bottom: 80px;}
.about_hero_section p{
    color: rgb(46 46 46 / 75%);
    letter-spacing: 0.3px;
    font-size: 1rem;
    margin-bottom: 1rem;
}
.how_we_work h4{margin-bottom: 50px;}
.about_how_we_work{padding-left: 80px;}
.how_we_work{position: relative;overflow: hidden;}
.how_we_work::before{
    content: '';
    position: absolute;
    top: 35%;
    left: -13%;
    transform: translateY(-50%);
    background-image: url(../images/purple-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 250px;
    width: 250px;
    z-index: -1;
}
.how_we_work::after{
    content: '';
    position: absolute;
    bottom: -9%;
    right: -13%;
    background-image: url(../images/orange-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 250px;
    width: 250px;
    z-index: -1;
}
.about_how_we_work p {
    font-size: 18px;
    color: rgb(46 46 46 / 75%);
    letter-spacing: 0.3px;
}
/*about page*/

/*testimonials page*/
.testimonialsWrapper{margin-top: 180px;}
.testimonialshead .mini_heading{margin-top: 60px; margin-bottom: 60px;}
.testimonialshead .mini_heading h4{
    font-weight: normal;
    font-family: roboto;
    font-size: 1.6rem;
}

.testimonial_slider_wrap{position: relative;}
.slider {
    width: 100%;
    max-width: 900px;
    height: 100%;
    min-height: 430px;
    margin: 0 auto;
    border-radius: 12px;
    padding: 80px;
    -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 10px 10px rgba(58, 43, 43, 0.04);
    margin-bottom: 60px !important;
}
.testimonial_person_img{position: relative;}
.testimonial_person_img img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}
.testimonial_person_img:before{
    content: '';
    position: absolute;
    top: -29%;
    left: -32%;
    background-image: url(../images/quote-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 320px;
    width: 320px;
    z-index: -1;
}
.testimonial_info{
    width: 100%;              
    padding-left: 100px;
}
.testimonial_info h4, .testimonial_info h5 {
    color: rgb(46 46 46 / 75%);
}
.testimonial_info h4{margin-bottom: 10px;}
.testimonial_quote {
    position: relative;
    padding-top: 25px;
}
.testimonial_quote::before{
    content: '';
    position: absolute;
    top: -10%;
    left: -13%;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100px;
    width: 100px;
    z-index: -1;
}
.testimonial_quote p {
    color: rgb(46 46 46 / 95%);
    letter-spacing: 0.3px;
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.9;
}
.slide_number {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 30px;
    z-index: -1;
}
.slide_number span {
    font-size: 20px;
    letter-spacing: -2px;
    color: rgb(46 46 46 / 65%);
}
.slide_number span.current_slide {
    font-size: 30px;
    color: rgb(46 46 46 / 95%);
}
.slick-next::before,
.slick-prev::before{
    content: "";
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: -30px;
    z-index: 1;
}
.slick-next::before {
    background: url('../images/right-arrow.png') no-repeat;
    right: -180px;
}
.slick-prev::before {
    background: url('../images/left-arrow.png') no-repeat;
    left: -135px;
}
/*testimonials page*/

/*thankyou page*/
.thankyouWrapper{margin-top: 100px;}
.thankyou_box{height: 100vh;text-align: center;}
.thankyou_box h1 {
    font-size: 55px;
    margin: 25px 0;
}
.thankyou_content{
    width: 100%;
    max-width: 700px;
    padding: 80px 50px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
}
/*thankyou page*/


/*invoicing page*/
.e-invoicing-wrapper {
    margin-top: 180px;
}
.employeesLoveWrapper {
    margin-top: 60px;
    margin-bottom: 60px;
}
.employeesLoveWrapper h2 {
    font-size: 3rem;
    font-family: 'kayak_sansbold';
    line-height: 1.1;
    color: #5629C2;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}
.employeesLoveWrapper p {
    color: rgb(46 46 46 / 75%);
    letter-spacing: 0.3px;
    line-height: 1.4;
    font-size: 1rem;
}
.features_tabs_wrapper {
    margin: 60px 0;
}
.invoice_bg {
    margin: 40px 0;
}
.calculator_wrapper {
    border: 1px solid #cbcbcb;
    border-radius: 6px;
    padding: 40px;
}
.total_price p {
    color: #fff;
    font-size: 26px;
}
.total_price .total-amount p {
    font-weight: bold;
    font-size: 36px;
    margin-right: 15px;
}
.total_price {
    background-color: #292ec2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    border-radius: 6px;
}
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;
}
.plus-minus-input {
    text-align: right;
    width: 200px;
}
.plus-minus-input .input-group-field {
    text-align: center;
    padding: 1rem;
    width: 100px;
    border: none;
    margin: 0 2px;
}
.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
.plus-minus-input .input-group-button .circle {
    padding: 0.8rem 1.2rem;
    border: none;
    outline: none;
    background-color: #eee;
}
.btn-minus button {
    border-radius: 6px 0 0 6px;
}
.btn-plus button {
    border-radius: 0 6px 6px 0;
}
.price_conter_wrapper {
    margin-top: 25px;
}
.calculate_price h4 {
    text-align: left;
    border-bottom: 2px solid #dbdbdb;
    padding-bottom: 15px;
    font-size: 1.6rem;
}
.calculate_price {
    background-color: #f9f9f9;
    border-radius: 6px;
    padding: 20px 40px;
}
.calculate_price label {
    order: 0 !important;
    background-color: transparent !important;
    color: #6c6c6c;
    padding: 0 !important;
}
.price_counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.tabs .price_counter label{
    box-shadow: none;

}
.tabs {
    display: flex; justify-content: center;
    flex-wrap: wrap;
    padding: 0 50px;
}
.tabs label {
    order: 1;
    display: block;
    padding: 1rem 2rem;
    margin-right: 2rem;
    /*margin: auto;*/
    cursor: pointer;
    background: #fff;
    font-weight: bold;
    color: #000;
    border-radius: 6px;
    line-height: 2;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
    font-size: 20px;
}
.tabs label span {
    color: #969696;
    font-weight: normal;
}
.tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
    padding-top: 80px;     
    margin-top: 10px;       
}
.tabs input[type="radio"] {
    display: none;
}
.tabs input[type="radio"]:checked+label {
    background: #fa6f44;
    color: #fff;
}
.tabs input[type="radio"]:checked+label span{
    color: #fff;
}
.tabs input[type="radio"]:checked+label+.tab {
    display: block;
}


.about-cost{
    position: relative;
    background-color: #5629c2;
    background-image: url('../images/question-icon.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 40px 30px;
    border-radius: 6px;
    color: #fff;
}
.pricing-card-wrapper {
    padding-left: 50px;
}
.about-cost p{color: #ffffffd4;margin-top: 15px;}
.pricing-card-wrapper .btn{padding: 26px;}

/* pricing subscription page */

.subscription_section {
    margin-bottom: 25px;
}
.order_summary_form {
    border: 1px solid #7070708C;
    padding: 14px 25px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
}
.delivery-cost h6 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
}
.delivery-cost p {
    color: #E8E8E8;
    font-size: 13px;
    line-height: 16px;
}
.order_summary_form h4 {
    font-size: 26px;
    line-height: 22px;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 600;
}
.product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-radius: 6px;
}
.product-price p {
    color: #6B6B6B;
    font-size: 15px;
    
}
.date-time-txt p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.48px;
    color: #6B6B6B;
}
.rosoom-content {
    border: 1px solid #FA6F44;
    display: flex;justify-content: space-between;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 10px;
}
.order-total p {
    color: #292ec2;
    font-size: 15px;
    font-weight: 500;
}
.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-radius: 6px;
}
.order-amount p {
    font-size: 26px;
    font-weight: bold;
}
.payment-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 25px #52575D1A;
    padding: 15px 20px;
}
.payment-box h5 {
    font-size: 18px;
    letter-spacing: 0.6px;
    margin-bottom: 16px;
    width: fit-content;
    line-height: 28px;
    color: #111;
    border-bottom: 2px solid #fa6f44;
}
.payment-title {
    margin-bottom: 20px;
}
.payment-title h4 {
    font-size: 36px;
    color: #1A1A1A;
    line-height: 43px;
}
.payment-title p {
    color: #2E2E2E;
    font-size: 18px;
    line-height: 22px;
}
.pricingsubscriptionwrapper {
    padding-top: 160px; position: relative;
}
.pricingsubscriptionwrapper:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/bg-element.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    width: 650px;
    height: 60%;
    opacity: 0.6;
    z-index: -1;
}
.back-to-prod-btn {
    text-align: right;
    margin-bottom: 37px;
}
.back-to-prod-btn .btn.btn-secondary {
    color: #5629C2;
    border: 2px solid;
    /* float: right; */
    font-size: 14px;
    padding: 15px 15px;
}
.order_summary_form .btn.btn-primary.btn-apply {
    padding: 0 15px;
}

/*profile page start*/

.btn-change{
    position: absolute;
     right: -50%;
    top: 35%;
    /* transform: translateY(-50%); */
    background: #E8DEFE;
    border-radius: 10px; 
    /* min-height: 56px; */
    z-index: 3;
}
.btn-change:hover,
.btn-change:focus{
    background: #c3b5e3;
}
.profile_form .btn{margin-right: 30px;}
.profile_form .btn:last-child{margin-right: 0}
.custom-control.custom-radio{
    margin-bottom: 15px;
}
.custom-control.custom-radio:last-child{
    margin-bottom: 0
}
/*profile page end*/

/*our customer page*/
.ourcustomer_box_main{margin-bottom: 30px}
.ourcustomer p{font-size: 1.25rem; line-height: 2.1rem}
.ourcustomer_box_media{
    display: flex;
    height: 100px; min-height: 165px;
    border: .5px solid rgba(46,46,46,.1);
    border-radius: 5px;
    padding: 20px 10px;
    align-items: center; justify-content: center;
    margin-bottom: 30px;
    transition: .5s all;
}
.ourcustomer_box_media:hover,.ourcustomer_box_media:focus{
    box-shadow: 0 3px 23px rgba(0,0,0,.16);
}
.ourcustomer_box_media img{
    object-fit: cover;
    max-width: 100%; max-height: 100%;
}

/*our cusotmer page*/

/*global radio button and checkbox*/
a,a:hover,a:focus{
    outline: none;
    transition: .5s all;
    -moz-transition:.5s all;
    -ms-transition:.5s all;
    -webkit-transition:.5s all;
}
h1{
    font-size: 2.5rem;font-weight: bold;font-family: 'kayak_sansbold';
}
h2{
    font-size: 2.25rem; font-weight: bold;font-family: 'kayak_sansbold';
}
h3{
    font-size: 1.875rem;font-weight: bold;font-family: 'kayak_sansbold';
}
h5{
    font-size: 1.313rem; color: #5629C2;
    font-weight: bold;    font-family: 'kayak_sansbold';
}
.custom-control.custom-radio{z-index: 1}
.custom-control-input{width: 20px; height: 20px; left: 0}
.custom-radio .custom-control-label:before{
        height: 20px;
    width: 20px;
    border: 1px solid #ccc;    background-color: #f7f7f7;
}
.custom-control-label::before, 
 .custom-control-label::after {
    top: 50%;
    transform: translateY(-50%);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
    background-color: transparent; border-color: #5629C2;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: none;}
.custom-control-label::after{
    background: #5629C2;    border-radius: 50%;
    width: 12px; height: 12px;    display: none;left: -20px;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    display: block;
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(86, 41, 194, .25)
}
.custom-control-label{vertical-align: middle;padding-left: 5px;}
.custom-control-label span{position: relative; top: 4px}
/*global radio button and checkbox*/

/* responsive code for above tabs */
@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
/* responsive code for above tabs */




@media(max-width:767px){
    .privacyWrapper,
    .contactWrapper,
    .aboutWrapper,
    .testimonialsWrapper,.innerWrapper,.e-invoicing-wrapper{
        margin-top: 0; padding-top: 100px
    }
    .back-to-prod-btn{margin:20px 0}
    .contact_form_wrapper{width: 100%; max-width: 100%}
    .tabs{padding: 0}
    .calculator_wrapper,.calculate_price{padding: 10px}
    .plus-minus-input .input-group-field{width: 50px}
    .plus-minus-input .input-group-button .circle{    padding: 0.8rem .8rem;}
    .pricing-card-wrapper{padding-left: 0}
    /*about page*/
    .about-img, 
    .how_we_work img{
        margin-bottom: 35px;
    }
    .how_we_work::before {
        top: 40%;
        left: -50%;
    }
    .how_we_work::after {
        bottom: -10%;
        right: -25%;
    }        
    .about_how_we_work {padding-left: 0;}
    .about_how_we_work p {font-size: 16px;}
    .content_bg_head.ml-3{margin-left: 0 !important;}
    .mob_row_reverse{flex-direction: column-reverse;}
    /*about page*/
    /*testimonial page*/
    .slider{padding: 25px; min-height: 600px; max-width: 320px;}
    .testimonial_person_img{margin-bottom: 25px;}
    .testimonial_box .d-flex {display: block !important;}
    .testimonial_info{padding-left: 0;}
    .testimonial_person_img::before {
        top: -21%;
        left: -10%;
        height: 300px;
        width: 300px;
    }
    .testimonial_quote::before{
        top: -10%;
        left: -3%;
    }
    .testimonial_quote{padding-top: 35px;}
    .slick-next::before, .slick-prev::before {
        height: 65px;
        width: 35px;
        bottom: 0;
        top: 250px;
    }
    .slick-next::before{background: url('../images/right-arrow-mobile.png') no-repeat; right: 35px;}
    .slick-prev::before{background: url('../images/left-arrow-mobile.png') no-repeat; left: 45px;}
    /*testimonial page*/
    .thankyouWrapper{margin-top: 0;}
    .thankyou_content{padding: 50px;}
    .thankyou_content img{width: 100px;}
    .thankyou_box h1{font-size: 40px;}
    .btn-change{
        position: unset !important;
        margin-top: 1.5rem;
    }
}

@media(max-width:991px){
    .thankyouWrapper {
        margin-top: 50px;
    }
}

/*tab portrait*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
    /*about page*/
    .about_how_we_work {padding-left: 0;}
    .about_how_we_work p {font-size: 16px;}
    .content_bg_head.ml-3{margin-left: 0 !important;}
    /*about page*/
    /*testimonial page*/
    .slider{max-width: 600px;min-height: 350px;padding: 40px;}
    .testimonial_info{padding-left: 50px;}
    .slick-prev::before{left: -40px;}
    .slick-next::before{right: -90px;}
    /*testimonial page*/
}
/*tab portrait*/

/*tab landscape*/
@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape){
    .slick-prev::before{left: -135px;}
    .slick-next::before{right: -180px;}

}
/*tab landscape*/

.divider{position: relative; text-align: center; color: #666}
.divider span{width: 100px;}
.divider:before,.divider:after{top: 50%; transform: translateY(-50%); content:'';position: absolute; height: 2px; width: 100px; 
background-color: #FA6F44}
.divider:before{left: 20%}
.divider:after{right: 20%}

.btn-signup .btn-border-primary{ border-color: #FA6F44; color: #FA6F44;
font-size: 1rem;
    font-weight: bold;
    padding: 10px 32px;}
.btn-signup img{vertical-align: middle; margin-left: 5px;}
.signup-link a{color: #5629C2}
.signup-link{color: #777}
.signup-link a:hover{text-decoration: none; color: #FA6F44}
.login-main .loginleft{margin: 20px auto 0 auto;}
.btn-signup span{color: #777;opacity: .7; margin: 0 0  10px 0; display: inline-block;}

@media only screen and (max-width: 767px){
    header .language{
        position: absolute;
        right: 20%;
    }
    header .language:after{display: none;}
}

.loginform .nice-select.form-control{
    border-radius: 7px;
    line-height: 1.6rem;
    color: #495057;border: 1px solid #ced4da!important;
    width: 100%;
    margin-bottom: 1.5rem;height: calc(1.5em + .75rem + 2px);
}
.loginform .nice-select span{font-weight: normal;}
button:hover,button:focus,.btn:hover,.btn:focus, a:hover,a:focus,a{
    outline: none;
    box-shadow: none;
}
.nice-select .list{width: 100%}

/*23july*/
ul,li{list-style: none;}
.pricing-left h3{
    font-size: 28px; font-weight: bold; line-height: 41px; 
    margin-bottom: 20px;
    padding: 0 15px;
}
.pricing-left-inner{
    text-align: left;
    background: #FAFAFA; border-radius: 10px;
    padding: 20px 20px;
}
.pricing-left ul li{
    border-bottom: .6px solid #ededed;
    padding: 30px 0;
}
.pricing-left ul li:last-child{
   border-bottom: 0; 
}
.plan-box-inner li:last-child{
    border-bottom: 0;    padding: 20px;
}
.plan-box h4{
    font-size: 24px; font-weight: bold;position: relative; padding-bottom: 10px;
}
.starter-heading h4:before{background:#FA6F44;}
.bronze-heading h4:before{background: #7E7E7E;}
.silver-heading h4:before{background: #7E7E7E}
.gold-heading h4:before{background: #7E7E7E}

.starter-heading h4:before,
.bronze-heading h4:before,
.silver-heading h4:before,
.gold-heading h4:before{content: '';width: 70px;
    left: 0; margin: auto;
    right: 0; position: absolute; bottom: 0;
    bottom: 7px;
    height: 2px;
}

.plan-amt{ border-radius: 10px; padding: 10px 5px;
display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.plan-amt h2{font-size: 42px; font-weight: bold; margin: 0; color: #000; word-break: break-word;}
.bronz-bg{background: #E1EAF8}
.starter-bg{background: #E8DEFE;}
.silver-bg{background: #FFCEC1}
.gold-bg{background: #A8CBFF}
.plan-box-inner{
    background: #FAFAFA; border-radius: 10px; margin: 30px 0 0 0;
}
.plan-box-inner li{
    padding: 43px 30px;
    border-bottom:.6px solid #ededed;position: relative;
}
.plan-box-inner li.dot{padding:40px 10px 40px 30px;}
.plan-box-inner li p{text-align: left; padding-left: 15px;}
.plan-box-inner li:first-child{
    padding: 30px 10px 30px 30px;
}
.plan-box-inner li.dot:before{
    width: 15px; height: 15px; border-radius: 50%;
   background-color: transparent; content: '';position: absolute;
    left: 20px; top: 42px;
}
.plan-box-inner li.dot:first-child:before{
    top: 32px;
}
.starter.plan-box-inner li.dot::before{ background-color: #E8DEFE;}

.bronze.plan-box-inner li.dot::before{background:#E1EAF8;}
.silver.plan-box-inner li.dot::before{background:#FFCEC1;}
.gold.plan-box-inner li.dot::before{background:#A8CBFF;}

.plan-box-inner .btn{padding: 10px 20px; min-height: 56px;}

@media only screen and (max-width: 767px){
    .plan-box-inner ul{margin-bottom: 30px}
}

div.customSelect .nice-select {
    width: 100% !important;
    height: calc(1.5em + .75rem + 2px);
    border-radius: 7px;
    border: 1px solid #ced4da !important;
    background: none !important;
    margin-bottom: 1.5rem;
}
.bigheadc h2{
    font-size: 3rem;
    font-family: 'kayak_sansbold';
    line-height: 1.1;
    color: #5629C2;
    position: relative;
    display: inline-block;
}
.contact-info{
    background: #5629C2;
    border-radius: 13px;
    padding: 50px  42px;
}
.contact-number p{
    font-size: 14px;
    padding: 3px;
    line-height: 20px;
}
.icon{
    width: 50px;
}
.contact-row{
    background: #F4F8FE;
    padding: 0px;
    border-radius: 14px;
    box-shadow: 5px 9px 8px 5px #ede9e9;
}
.contact{
    margin-bottom: 30px;
    padding: 10px 0px;
    align-items: center;
}
.bank-account-transfer{
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #70707052;
}