@font-face {

  font-family: 'poppins';

  src: url(../fonts/Poppins/Poppins-Medium.ttf);

  font-weight: 400;

}

@font-face {

  font-family:'poppins-bold';

  src: url(../fonts/Poppins/Poppins-SemiBold.ttf);

  font-weight: 600;

}

@font-face {

  font-family:'poppins-extra-bold';

  src: url(../fonts/Poppins/Poppins-Bold.ttf);

  font-weight: 700;

}

div#email_div1 {

    margin: 0 !important;

}

img {

    max-width: 100%;

}

p {

  font-family: 'poppins';

}

body{

    margin:0;

    padding:0;

    font-family: 'poppins';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 27px;

    color: #1D303D;

}

section.top-header {

    padding: 15px 0;

}

section {

    padding: 100px 0;

}

h1{

    width: 100%;

    max-width: 578px;

    font-family:'poppins-extra-bold';

    font-style: normal;

    font-weight: 700;

    font-size: 40px;

    line-height: 125%;

    color: #1D303D;

}

.left-crm-form p {

    margin: 20px 0 100px 0;

    max-width: 578px;

}

.demo-btn {

    background: #321EE5;

    border-radius: 4px;

    width: 100%;

    max-width: 300px;

    height: 55px;

    color: #fff !IMPORTANT;

    border: none;

    font-weight: 600;

    line-height: 27px;

    display: flex;

    align-items: center;

    font-size: 18px;

    text-decoration: none;

    transition: .5s all ease;

    justify-content: center;

    font-family: 'poppins-bold' !important;

}

.demo-btn:hover {

    background: #e42869;

}

.left-crm-form h1 span {

    color: #E42869;

}

.register-form{

    background: #FFFEFE;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 10px;

    padding: 38px 68px;

}

.register-form h2 {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 700;

    font-size: 24px;

    line-height: 36px;

    margin: 0;

    text-align: center;

    padding: 0;

    color: #1D303D;

}

.register-form .pink-text{

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 500;

    font-size: 17px;

    line-height: 26px;

    color: #E42869;

    text-align: center;

}





.form-group.clearfix input#user_first_name {

    margin-right: 10px;

}

input#user_phone_number {

    margin-right: 10px;

}

.form-group {

    margin: 10px 0 15px 0;

}

.form-group.clearfix  .form-control {

    height: 42px;

    left: 0px;

    top: 26px;

    background: #F6F0F3;

    border-radius: 5px;

    border: 0;

}

.form-group .form-control {

    height: 42px;

    background: #F6F0F3;

    border-radius: 5px;

    border: none !IMPORTANT;

    outline: none;

    box-shadow: none;

}

.form-group label {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 300;

    font-size: 14px;

    line-height: 21px;

    color: #999999;

}

.btn-success {

    width: 100%;

    height: 55px;

    background: #E42869;

    border-radius: 4px;

    border: 0;

    margin: 29px 0 30px 0;

    font-size: 18px;

    font-weight: 600;

    display: flex;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    transition: .3s ease;

    font-family: 'poppins-bold';

    position: relative;

}



.btn-success:hover {

    color: #fff;

    background-color: #321ee5;

    border-color: #321ee5;

}



.btn-success:before {

    content: '';

    background: url(../images/Arrow.png);

    height: 15px;

    width: 31.49px;

    position: absolute;

    right: 15px;

    background-repeat: no-repeat;

    background-size: 60%;

}



.lagacy p {

    font-style: normal;

    font-weight: 400;

    font-size: 10px;

    line-height: 14px;

}

.lagacy a {

    color: #000;

    text-decoration: none;

}

.lagacy p:last-child {

    margin: 0;

}

.form-group.clearfix .flex-field:first-child {

    margin-right: 10px;

}

section.crm-form .row {

    align-items: center;

}

section.crm-form {

    background-image: url(../images/form-bg.png);

    background-repeat: no-repeat;

    background-position: right;

    background-size: 57%;

    padding-bottom: 0;

}

.box:hover h3, .box:hover p {

    color: #e42869;

}



/*..slider..*/

h2{

  text-align:center;

  padding: 20px;

}

/* Slider */



section.slider-sction .slick-slide {

    margin: 0px 20px;

}



section.slider-sction .slick-slide img {

    width: 100%;

}



section.slider-sction .slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



section.slider-sction .slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

section.slider-sction .slick-list:focus

{

    outline: none;

}

section.slider-sction .slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



section.slider-sction .slick-slider .slick-track,

section.slider-sction .slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



section.slider-sction .slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

section.slider-sction .slick-track:before,

section.slider-sction .slick-track:after

{

    display: table;

    content: '';

}

section.slider-sction .slick-track:after

{

    clear: both;

}

section.slider-sction .slick-loading .slick-track

{

    visibility: hidden;

}



section.slider-sction .slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

section.slider-sction .slick-slide img

{

    display: block;

}

section.slider-sction .slick-slide.slick-loading img

{

    display: none;

}

section.slider-sction .slick-slide.dragging img

{

    pointer-events: none;

}

section.slider-sction .slick-initialized .slick-slide

{

    display: block;

}

section.slider-sction .slick-loading .slick-slide

{

    visibility: hidden;

}

section.slider-sction .slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

section.slider-sction .slick-arrow.slick-hidden {

    display: none;

}

section.slider-sction h2:before {

    content: '';

    width: 80px;

    height: 3px;

    background: #E42869;

    position: absolute;

    left: -80px;

    top: 50%;

}

section.slider-sction h2 {

    position: relative;

    margin: 0 auto;

    width: fit-content;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 27px;

    color: #1D303D;

    margin-bottom: 50px;

}

section.slider-sction h2:after {

    content: '';

    width: 80px;

    height: 3px;

    background: #E42869;

    position: absolute;

    right: -80px;

    top: 50%;

}

.customer-logos.slider img {

    width: 100%;

    max-width: 65%;

}





section.entreprise-box h2 {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 34px;

    line-height: 125%;

    text-align: center;

    margin: 0;

    padding: 0 0 10px 0;

}

section.entreprise-box h2 span{

    color: #E42869;

}



section.entreprise-box p{

    width: 100%;

    max-width: 703px;

    height: 54px;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 400;

    font-size: 18px;

    line-height: 27px;

    text-align: center;

    color: #1D303D;

    margin: 0 auto;

}

body .bg-light{

    background-color: #FCFAFB !important;

}

.three-box {

    justify-content: space-between;

    padding-top: 100px;

    padding-bottom: 0;

    display: flex;

}

.box {

    width: 310px;

    padding: 30px 20px;

    height: 280px;

    background: #FFFFFF;

    box-shadow: 6px 0px 24px rgb(0 0 0 / 12%);

    border-radius: 22px;

    text-align: center;

    transform: scale(0.97);

    transition: .3s ease;

    cursor: pointer;

}

.box img {

    margin-bottom: 25px;

}



.box:hover {

    transform: scale(1);

}

.box h3 {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 27px;

    text-align: center;

    color: #1D303D;

}



section.entreprise-box .box p {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

}







/* Slider */



.wrapper .slick-slide {

    margin: 0px 20px;

}



.wrapper .slick-slide img {

    width: 100%;

}



.wrapper .slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.wrapper .slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.wrapper .slick-list:focus

{

    outline: none;

}

.wrapper .slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.wrapper .slick-slider .slick-track,

.wrapper .slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.wrapper .slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.wrapper .slick-track:before,

.wrapper .slick-track:after

{

    display: table;

    content: '';

}

.wrapper .slick-track:after

{

    clear: both;

}

.wrapper .slick-loading .slick-track

{

    visibility: hidden;

}



.wrapper .slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.wrapper .slick-slide img

{

    display: block;

}

.wrapper .slick-slide.slick-loading img

{

    display: none;

}

.wrapper .slick-slide.dragging img

{

    pointer-events: none;

}

.wrapper .slick-initialized .slick-slide

{

    display: block;

}

.wrapper .slick-loading .slick-slide

{

    visibility: hidden;

}

.wrapper .slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.wrapper .slick-arrow.slick-hidden {

    display: none;

}

.wrapper h2:before {

    content: '';

    width: 80px;

    height: 3px;

    background: #E42869;

    position: absolute;

    left: -80px;

    top: 50%;

}

.wrapper h2 {

    position: relative;

    margin: 0 auto;

    width: fit-content;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 27px;

    color: #1D303D;

    margin-bottom: 50px;

}

.wrapper h2:after {

    content: '';

    width: 80px;

    height: 3px;

    background: #E42869;

    position: absolute;

    right: -80px;

    top: 50%;

}

.client-text p{

    width: 100%;

    max-width: 636px;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 400;

    font-size: 20px;

    line-height: 30px;

    color: #1D303D;

}

.wrapper .slick-initialized .slick-slide .row {

    align-items: center;

    display: flex;

}

.client-text .write-name{

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    line-height: 125%;

    color: #E42869;

}

.client-text .ceo-name{

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 125%;

    color: #1D303D;

}



section.image-section .row:nth-child(2) {

    background-image: url(../images/img-frame-bg.png);

    background-repeat: no-repeat;

    background-size: 100%;

}

.image-frame{

    background: #FFFFFF;

    width: 100%;

    max-width: 794px;

    margin: 0 auto;

    height: 382px;

    box-shadow: 6px 0px 24px rgba(0, 0, 0, 0.12);

    border-radius: 20px;

    position: relative;

}

.back-image {

    text-align: center;

    padding: 20px;

}



.front-image {

    position: absolute;

    top: 55px;

    filter: drop-shadow(6px 0px 24px rgba(0, 0, 0, 0.12));

    right: -85px;

    border-radius: 6px;

}



section.image-section {

    padding-top: 60px;

}

section.image-section h2 {

    padding: 0;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 34px;

    line-height: 125%;

    text-align: center;

    color: #1D303D;

    margin-bottom: 100px;

}

.item {

    display: flex;

    align-items: center;

}



.item p {

    margin: 0 0 0 10px;

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 600;

    font-size: 18px;

    line-height: 27px;

/* identical to box height */

    color: #1D303D;

}

.row.item-list {

    padding: 100px 0 30px;

}

.image-section.bg-light .demo-btn {

    margin: 100px auto 0;

    display: flex;

}

section.footer-form form {

    width: 100%;

    max-width: 472px;

    margin: 0 auto;

    background: #FFFEFE;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    border-radius: 10px;

    padding: 65px 53px 65px 53px;

}

.footer-form {

    background-image: url(../images/big-bg.png);

    background-repeat: no-repeat;

    background-position: center;

}

.form-group.check {

    display: flex;

    align-items: flex-start;

}





.form-group.check label {

    font-size: 12px;

    line-height: 18px;

    display: block;

    margin-top: -3px;

}



.form-group.check input {

    margin-right: 10px;

}

.footer-form .demo-btn {

    width: 100%;

    display: flex;

    max-width: 100%;

    margin-top: 35px;

}





/*...footer...*/

footer.main_footer a{

    text-decoration: none;

}

footer.main_footer {

    background: #FDFAFB;

    padding: 60px 0 0;

    width: 100%;

}

footer.main_footer .contact_details a.footer_logos {

    display: none;

}

.contact_details a {

    font-size: 14px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 0em;

    text-align: left;

    display: block;

    color: #000;

    padding: 0;

}

.main_footer h3 {

    font-size: 14px;

    font-weight: 600;

    line-height: 21px;

    color: #E42869;

}

.main_footer h3 {

    margin: 15px 0px 20px 0;

}

footer.main_footer .menu {

    padding: 0;

}

.main_footer .menu li:first-child a {

    padding-top: 0;

}

.main_footer .menu a {

    font-size: 14px;

    font-weight: 600;

    line-height: 21px;

    letter-spacing: 0em;

    text-align: left;

    color: #1D303D !important;

    padding: 10px 0;

    display: block;

}

.copyright_section {

    padding: 60px 0;

    font-size: 14px;

    line-height: 21px;

}

.copyright_section p {

    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    color: #000;

}

.main_footer .menu li{

    list-style: none;

}



button#submit_button:hover{

    background: #321EE5;

    cursor: pointer;

    transform: .3s ease;

}



.register-form p {

    font-size: 17px;

    color: #e42869;

    margin-bottom: 25px;

    text-align: center;

}

.top-section-form .row {

    align-items: center;

}

.lagacy p {

    color: #1D303D;

    font-size: 10px;

    line-height: 13.62px;

    text-align: left;

}

.form-group .form-control:focus {

    outline: none;

    box-shadow: none;

}

.form-group .form-control{

    font-size: 14px;

}

.password-message-box {

    padding: 15px;

    border-radius: 5px;

    border: 1px solid #ff9422;

}

.password-message-box label {

    padding: 0;

    background: none;

    border: none;

    display: block;

    margin: 0;

    line-height: 34px;

    color: #ff9422;

}



.password-message-box label span {

    font-size: 18px;

    font-weight: 600;

    font-family: 'poppins-bold';

    color: #000;

    position: relative;

    padding-left: 30px;

}

div#email_div2 {

    MARGIN: 0;

}

.password-message-box label span:before {

    content: '\f023';

    position: absolute;

    left: 0;

    width: 20px;

    height: 20px;

    font-family: 'FontAwesome';

    color: #e42869;

}

.register-form form {

    margin-top: 30px;

    padding: 0;

}

.btn-success.disabled, .btn-success:disabled {

    color: #fff;

    background-color: #E42869;

    border-color: #E42869;

}

/*...media-css...*/

@media(min-width:1024px) and (max-width:1200px){

.form-group label{

    font-size: 13px;

}

.btn-success:before {

    width: 31.49px;

    right: 5px;

}

}





@media(min-width: 991px) and (max-width:1024px){

.form-group label{

    font-size: 13px;

}

.btn-success:before {

    right: 5px;

}

}











@media(min-width: 767px) and (max-width: 991px){

.box {

    width: 30%;

    height: 100%;

    min-height: 345px;

}

.image-frame{

    width: 90%;

}

.front-image{

    right: -65px;

}

.left-crm-form h1 {

    font-size: 34px;

    line-height: 47px;

}

.register-form {

    padding: 25px 25px;

}

.register-form h2 {

    padding: 10px 0;

    font-size: 24px;

    line-height: 31px;

}

.form-group label{

    font-size: 12px;

}

.btn-success{

    font-size: 16px;

}

.btn-success:before {

    content: '';

    background: url(../images/Arrow.png);

    height: 14px;

    width: 30px;

    position: absolute;

    right: 5px;

    background-repeat: no-repeat;

    background-size: 60%;

}

.item p{

    font-size: 16px;

}

.form-group .form-control{

    font-size: 12px;

}

}





@media (max-width:767px){

.form-group.clearfix .flex-field {

    width: 100%;

}

.form-group .form-control{

    font-size: 12px;

}

.front-image {

    right: 0;

    width: 90%;

}

.register-form {

    padding: 15px 15px;

}

section.slider-sction h2:before {

    width: 30px;

    left: -20px;

}

section.slider-sction h2:after {

    width: 30px;

    right: -20px;

}

h1 {

    font-size: 24px;

}

section.entreprise-box h2{

    font-size: 24px;

}

.btn-success{

    font-size: 14px;

}

.form-group label{

    font-size: 10px;

}

.btn-success:before {

    height: 15px;

    width: 30px;

    background-size: 60%;

    right: 5px;

}

section.entreprise-box .box p {

    font-family: 'Poppins';

    font-style: normal;

    font-weight: 400;

    font-size: 12px;

    line-height: 17px;

    text-align: center;

}

.box {

    width: 100%;

    padding: 30px 20px;

    height: fit-content;

    margin-bottom: 15px;

}

section.entreprise-box {

    padding: 50px 15px;

}

section.image-section h2 {

    padding: 0;

    font-size: 24px;

    line-height: 125%;

    margin-bottom: 25px;



}

.image-frame {

    margin: 0 auto;

    height: fit-content;

}

.client-text p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

}

.row.item-list {

    padding: 50px 0 0;

}

.image-section.bg-light .demo-btn {

    margin: 50px auto 0;

    display: flex;

}

section.footer-form form {

    padding: 20px;

}

.item p {

    font-size: 16px;

    line-height: 44px;

}

section {

    padding: 60px 0;

}

.demo-btn{

    font-size: 16px;

}

.left-crm-form p {

    margin: 20px 0 20px 0;

}

.left-crm-form {

    margin-bottom: 50px;

}

section.slider-sction h2{

    margin-bottom: 20px;

}

.copyright_section {

    padding: 30px 0;

    font-size: 14px;

    line-height: 21px;

}

}





/*.alert-danger {

    color: #842029;

    background-color: #f8d7da;

    border-color: #f5c2c7;

    font-size: 14px;

    padding: 5px;

    margin: 7px 0 0 0;

}*/

section.top-section-form .crm-signup.full-background {

    background: none;

    padding: 0;

    max-width: 100%;

}
#register-form2 .success {
    color: #e42869;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}