@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Bak-Bak';
    src: url('../fonts/BakBak-Regular.eot');
    src: url('../fonts/BakBak-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BakBak-Regular.woff2') format('woff2'),
        url('../fonts/BakBak-Regular.woff') format('woff'),
        url('../fonts/BakBak-Regular.ttf') format('truetype'),
        url('../fonts/BakBak-Regular.svg#BakBak-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'AvenirNextLTPro-It';
    src: url('../fonts/AvenirNextLTPro-It.eot');
    src: url('../fonts/AvenirNextLTPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirNextLTPro-It.woff2') format('woff2'),
        url('../fonts/AvenirNextLTPro-It.woff') format('woff'),
        url('../fonts/AvenirNextLTPro-It.ttf') format('truetype'),
        url('../fonts/AvenirNextLTPro-It.svg#AvenirNextLTPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
*{margin:0px;padding:0px;}
body{margin:0px; padding:0px; background-color:#ffffff;font-family: 'AvenirNextLTPro-Regular'; font-size:16px;color:#333333; line-height:21px; overflow-x:hidden;}
p{margin-bottom:20px; margin-top:0px; line-height:26px; font-size:16px; font-family: 'AvenirNextLTPro-Regular';}
a{text-decoration:none;color:#e130a7;}
a:hover{text-decoration:none; color:#000000;}
.main-container{max-width:1170px; width:96%; margin:auto;}
.main-container-full-width{width:100%; margin:auto;}
section, header, footer{width: 100%;float: left; box-sizing: border-box;}

h1, h2, h3, h4, h5, h6{font-weight: normal;font-family: 'AvenirNextLTPro-Bold';}

.img-responsive{max-width:100%;height:auto;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.bold-text{font-family: 'AvenirNextLTPro-Bold';}
.bak-bak-font{font-family: 'Bak-Bak';}

.m-0{margin:0px !important;}
.p-0{padding:0px !important;}
.mt-0{margin-top:0px;}
.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:50px;}
.mt-6{margin-top:60px;}
.mt-7{margin-top:70px;}
.mt-8{margin-top:80px;}

.mb-0{margin-bottom:0px;}
.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:50px;}
.mb-6{margin-bottom:60px;}
.mb-7{margin-bottom:70px;}
.mb-8{margin-bottom:80px;}

.mr-0{margin-right:0px;}
.mr-1{margin-right:10px;}
.mr-2{margin-right:20px;}
.mr-3{margin-right:30px;}
.mr-4{margin-right:40px;}
.mr-5{margin-right:50px;}
.mr-6{margin-right:60px;}
.mr-7{margin-right:70px;}
.mr-8{margin-right:80px;}

.ml-0{margin-left:0px;}
.ml-1{margin-left:10px;}
.ml-2{margin-left:20px;}
.ml-3{margin-left:30px;}
.ml-4{margin-left:40px;}
.ml-5{margin-left:50px;}
.ml-6{margin-left:60px;}
.ml-7{margin-left:70px;}
.ml-8{margin-left:80px;}

.pt-0{padding-top:0px;}
.pt-1{padding-top:10px;}
.pt-2{padding-top:20px;}
.pt-3{padding-top:30px;}
.pt-4{padding-top:40px;}
.pt-5{padding-top:50px;}
.pt-6{padding-top:60px;}
.pt-7{padding-top:70px;}
.pt-8{padding-top:80px;}

.pb-0{padding-bottom:0px;}
.pb-1{padding-bottom:10px;}
.pb-2{padding-bottom:20px;}
.pb-3{padding-bottom:30px;}
.pb-4{padding-bottom:40px;}
.pb-5{padding-bottom:50px;}
.pb-6{padding-bottom:60px;}
.pb-7{padding-bottom:70px;}
.pb-8{padding-bottom:80px;}
.pb-9{padding-bottom:90px;}
.pb-10{padding-bottom:100px;}
.pb-11{padding-bottom:110px;}
.pb-12{padding-bottom:120px;}
.pb-13{padding-bottom:130px;}

.pr-0{padding-right:0px;}
.pr-1{padding-right:10px;}
.pr-2{padding-right:20px;}
.pr-3{padding-right:30px;}
.pr-4{padding-right:40px;}
.pr-5{padding-right:50px;}
.pr-6{padding-right:60px;}
.pr-7{padding-right:70px;}
.pr-8{padding-right:80px;}

.pl-0{padding-left:0px;}
.pl-1{padding-left:10px;}
.pl-2{padding-left:20px;}
.pl-3{padding-left:30px;}
.pl-4{padding-left:40px;}
.pl-5{padding-left:50px;}
.pl-6{padding-left:60px;}
.pl-7{padding-left:70px;}
.pl-8{padding-left:80px;}

.font-40{font-size: 40px; line-height: 50px;}
.font-28{font-size: 28px; line-height: 38px;}
/*Header Styles*/

#main_nav li a {color: #000;padding: 1rem 2rem;}
#main_nav li a:hover {color: #2639ED;}
div#main_nav li a.signup-btn {color: #fff; background-color:#2639ED; border-radius: 50px;}
div#main_nav li a.signup-btn:hover {background-color:#333333;}

/*Banner Setting*/
.slider {overflow-x: hidden;}
#demo {padding-bottom: 100px;}
.carousel-indicators [data-bs-target] {box-sizing: content-box; flex: 0 1 auto; width: 15px; height: 15px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #D9D9D9; background-clip: padding-box; border: 0; opacity: .5; transition: opacity .6s ease; border-radius: 50px; overflow: hidden;}
.carousel-indicators .active {background-color: #2539ED;opacity:1;}
.carousel-indicators {margin-bottom: 3rem;}
.crousel-text-block {
    float: right;
    max-width: 620px;
    width: 100%;
    background-image: url(../images/dot-background.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 100%;
    padding-top: 70px;
    padding-bottom: 120px;
    background-position: bottom left;
}
a.banner-contact-btn {
    background-color: #2639ED;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
    border-radius: 30px;
}
a.banner-contact-btn:hover {
    background-color: #333333;
}
.crousel-image-block {
    position: relative;
}
.crousel-image-block img{
	z-index:9999;
    position: relative;
}
.carousel-inner {
    overflow: visible;
}
.crousel-image-block:before {
    content: '';
    width: 129px;
    height: 129px;
    background-image: url(../images/blue-round.png);
    position: absolute;
    left: -60px;
}
.crousel-image-block:after {
    content: '';
    width: 178px;
    height: 178px;
    position: absolute;
    right: 100px;
	bottom:-100px;
	background-image: url(../images/bottom-half.png);
	display:block;
	z-index:99;
}
.client_logos p {
    max-width: 314px;
    width: 100%;
}
.about-image-block {
    position: relative;
}
.about-image-block img {
    z-index: 99;
    position: relative;
}
.about-image-block:after {
    content: '';
    width: 129px;
    height: 129px;
    display: block;
    position: absolute;
    right: 50px;
    background-image: url(../images/about-bottom-image.png);
    bottom: -46px;
    right: -42px;
}
.about_us {padding-top: 50px; padding-bottom: 70px;}
.about-text-block {background-image: url(../images/about-us-text-image.png); background-repeat: no-repeat; padding: 62px; background-size: 178px 178px;}


/*Business Section*/
.business-section h3 {font-size: 40px;}
.icon-box {
    margin-bottom: 25px;
}
.business-section {
    background-image: url(../images/business-section-background.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1315px 691px;
}
.business-box {
    background-color: #fff;
    padding: 43px 25px;
    text-align: center;
    border-radius: 20px;
    max-width: 300px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    box-shadow: 0px 0px 25px #ccc;
    border: 1px solid #f9f9f9;
}
.business-box h4 {
    font-weight: normal;
    margin-bottom: 15px;
}
.business-text-box {
    max-width: 420px;
    width: 100%;
    background-image: url(../images/business-half-rectangle.png);
    background-repeat: no-repeat;
    padding: 65px 0px 0px 40px;
}
.business-text-box h3{
	font-family: 'AvenirNextLTPro-Regular';
	font-weight:bold;
}

/*signup form css start*/
.form_heading h2 {
    text-align: center;
}
.form-control:focus {
    border-color: #1266f1 !important;
    box-shadow: none !important;
}
.form-setting {
    width: 100%;
    max-width: 500px;
    margin: auto;
}
button.btn.form-btn {
    padding: 1rem 2rem;
    background-color: #2639ED;
    color: #ffffff;
    border-radius: 50px;
    width: 100%;
    max-width: 150px;
    display: block;
    margin: auto;
}
button.btn.form-btn:hover {
    background-color: #232323;
}
.form-setting input {
    padding: 15px;
    box-sizing: border-box;
}
.form-setting label {
    margin-bottom: 10px;
}
::placeholder {
    font-size: 13px;
    /* line-height: 24px; */
    color: #959595 !important;
}

/*About us page*/
.aboutus-image-block {
    position: relative;
}
.aboutus-image-block img {
    position: relative;
    z-index: 99;
}
.aboutus-image-block:after {
    content: '';
    width: 129px;
    height: 129px;
    position: absolute;
    background-image: url(../images/about-bottom-image.png);
    bottom: -10px;
    right: 576px;
}
.about_us_bottom {
    background-image: url(../images/about_botttom_img.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1315px 691px;
}
.about_bottom_heading {
    max-width: 420px;
    width: 100%;
    background-image: url(../images/business-half-rectangle.png);
    background-repeat: no-repeat;
    padding: 66px 0px 29px 40px;
}
/*Plan Page*/
.plan-box {
    background-color: #fff;
    padding: 43px 25px;
    text-align: center;
    border-radius: 20px;
    max-width: 370px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    box-shadow: 0px 0px 25px #ccc;
    border: 1px solid #f9f9f9;
}
.plan-box h4 {
    font-weight: normal;
    margin-bottom: 15px;
}
.business-text-block h4 {
    font-size: 24px;
    width: 100%;
    max-width: 250px;
    margin: auto;
}
.plan_section {
    background-image: url(../images/plan_bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 1315px 1119px;
}
.plan_heading {
    max-width: 420px;
    width: 100%;
    background-image: url(../images/business-half-rectangle.png);
    background-repeat: no-repeat;
    padding: 66px 0px 29px 40px;
}

/*Payment Page*/
.payment_outer {
    border: 1px solid #e5e5e5;
}
.payment_outer h5 {
    font-size: 16px;
    line-height: 26px;
    padding: 10px;
    margin-bottom: 0px;
}
.payment_tab {
    width: 100%;
    border: 1px solid #B2BCCA;
    max-width: 450px;
    margin: auto;
    border-radius: 4px;
    padding: 10px 0px 10px 0px;
}
.payment_tab p {
    font-size: 13px;
    line-height: 23px;
}
p.whatthis {
    font-size: 12px;
    color: #2F80ED;
    margin-top: 15px;
}
.bill_setting, .total_Section, .grand_total_Section, .privacy_Section {
    padding-right: 10px;
    padding-left: 10px;
}
.privacy_Section p {
    font-size: 12px;
    line-height: 22px;
}
/*.pay_btn {
    background-color: #f00;
    width: 100%;
    text-align: center;
    max-width: 150px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}*/
.pay_btn {
    padding-top: 20px;
    padding-bottom: 20px;
}
.grand_total_Section.pt-4.pb-2 {
    border-top: 1px solid #E0E0E0;
}
.payment_tab input[type="radio"] {
    margin-right: 10px !important;
    margin-left: 10px;
}
.payment_logos {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-outline {
    position: relative;
}
.form-outline .form-control {
    min-height: auto;
    padding: .33em .75em;
    /*border: 0;*/
    background: transparent;
    transition: all .2s linear;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #4f4f4f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: all .2s linear;
}
.form-outline .form-control~.form-label {
    position: absolute;
    top: 0;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: .75rem;
    padding-top: .37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all .2s ease-out;
    color: rgba(0,0,0,.6);
    margin-bottom: 0;
}
.form-outline .form-control:focus {
    box-shadow: none!important;
}
.form-outline .form-control:focus~.form-label {
    color: #1266f1;
    background-color: #ffffff;
}
.form-outline .form-control.active~.form-label, .form-outline .form-control:focus~.form-label {
    transform: translateY(-1rem) translateY(.1rem) scale(.8);
}
.form-outline .form-control~.form-label {
    position: absolute;
    top: 0;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: .75rem;
    padding-top: .37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all .2s ease-out;
    color: rgba(0,0,0,.6);
    margin-bottom: 0;
}
.text_setting {
    width: 100%;
    max-width: 455px;
    margin: auto;
    font-size: 10px;
    margin-bottom: 10px;
}
/*Footer*/
.top-bottom-border{border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
footer p {font-size: 14px; color: #565656;}
.facebook-color {background-color: #3b5998; color: #fff; padding: 10px; width: 36px; text-align: center; height: 36px; border-radius: 50px;}
.twitter-color {background-color: #55acee; color: #fff; padding: 10px; width: 36px; text-align: center; height: 36px; border-radius: 50px;}
.linkedin-color {background-color: #007ab9; color: #fff; padding: 10px; width: 36px; text-align: center; height: 36px; border-radius: 50px;}
.copyrite{line-height:22px; font-size:14px;}
footer h4 {font-size: 20px; margin-bottom: 15px;margin-top:35px;}
footer ul{list-style:none;margin:0px; padding:0px;}
footer ul li {list-style:none;}
footer ul li a{list-style:none; font-size:14px; color:#000000; margin-bottom:5px; display:block;}
footer ul li a:hover{color:#000000; text-decoration:underline;}
.max-width-300 {max-width: 350px; width: 100%;}