@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary-color-active: #57d58d;
  --primary-color-hover: #40a56b;
  --primary-color-bg: rgba(87,213,141,.2);
  --secondary-color-active: #354a5f;
  --secondary-color-hover: #212f3d;
  --secondary-color-bg: rgba(53,74,95,.6);
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family: "Poppins", sans-serif;font-size:100%;font-style:inherit;font-weight:inherit;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
i,em{font-style:italic;}
b,strong{font-weight:bold;}
small{font-size:10px;}
big{font-size:16px;}
a img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
a{transition: all 400ms ease-in-out;text-decoration: none;}
a:link,a:visited{color:#3e40e6;text-decoration:none;outline:0;font-weight: 500;}
a:hover,a:active{color:#2f2152;text-decoration:none;outline:0;font-weight: 500;}
body{background:#fff;color:#5f5f5f;}
textarea:focus, input:focus{outline: none !important;}

h1{font-size: 40px;font-weight: 700;text-align: center;}
.mb-30{margin-bottom:30px;}

.btn-primary {display:flex;align-items: center;justify-content: center;position: relative; cursor: pointer; border-radius: 50px; background: var(--primary-color-active); border:2px solid var(--primary-color-active);color:#fff !important;font-size: 13px; line-height: 45px; font-weight: 600 !important;text-transform: uppercase; letter-spacing: 1px;font-family: "Poppins";}
.btn-primary:hover {background: var(--primary-color-hover);color:#FFF;border-color: var(--primary-color-hover);}
.btn-primary[disabled=disabled]{pointer-events: none;}
.btn-primary[disabled=disabled],
.btn-primary[disabled=disabled]:hover,
.btn-primary[disabled=disabled]:hover:before,
.btn-primary[disabled=disabled]:before{background: #6c757d;opacity: .65;cursor:not-allowed;}
.btn-primary[disabled=disabled]:hover:after{opacity:0;}

.btn-secondary {display:flex;align-items: center;justify-content: center;position: relative; cursor: pointer; border-radius: 50px; background: var(--secondary-color-active); border:2px solid var(--secondary-color-active);color:#fff !important;font-size: 13px; line-height: 45px; font-weight: 600 !important;text-transform: uppercase; letter-spacing: 1px;font-family: "Poppins";}
.btn-secondary:hover {background: var(--secondary-color-hover);color:#FFF;border-color: var(--secondary-color-hover);}
.btn-secondary[disabled=disabled]{pointer-events: none;}
.btn-secondary[disabled=disabled],
.btn-secondary[disabled=disabled]:hover,
.btn-secondary[disabled=disabled]:hover:before,
.btn-secondary[disabled=disabled]:before{background: #6c757d;opacity: .65;cursor:not-allowed;}
.btn-secondary[disabled=disabled]:hover:after{opacity:0;}

.hvr-underline-from-left:before{height:2px;background: var(--secondary-color-active);}

.only-sm{display: none;}

header{position: relative;height: 75px;display: flex;align-items: center;background-color: var(--secondary-color-active);}
header .header-blocks{display: flex;align-items: center;justify-content: space-between;}
header .header-blocks .block-logo{margin-right: 20px;}
header .header-blocks .block-logo .logo{height: 40px;}
header .header-blocks .block-menu{flex-grow: 1;justify-content: end;display: flex;align-items: center;}
header .header-blocks .block-menu .navbar-sm{display: none;}
header .header-blocks .block-menu ul{flex-direction: row;justify-content: end;align-items: center;}
header .header-blocks .block-menu ul li{font-size: 14px;letter-spacing: 1px;font-weight: 400;font-family: "Poppins";text-align: center;}
header .header-blocks .block-menu ul li:not(:last-child){margin-right: 25px;}
header .header-blocks .block-menu ul li.menu-btn:not(:last-child){margin-right: 10px;}
header .header-blocks .block-menu ul li.menu-btn a{border-radius: 23px;background-color: #57d58d;border: none;display: flex;align-items: center;padding: 12px 20px;font-size: 14px;color: #35495e;font-weight: 600;font-family: "Poppins";text-align: center;}
header .header-blocks .block-menu ul li.menu-btn a .material-symbols-outlined{font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;margin-right: 5px;font-size: 20px;}
header .header-blocks .block-menu ul li a{display: inline-block;vertical-align: middle;position: relative;color: #fff;font-weight: 400;}
header .header-blocks .block-menu ul li.current-menu-item a,
header .header-blocks .block-menu ul li a:hover{color:var(--primary-color-active);}
header .header-blocks .block-menu ul li.menu-btn a:hover{background-color:var(--primary-color-hover);color: #35495e;}
header .header-blocks .block-lg{padding-top: 35px;}
header .header-blocks .block-lg{padding-top: 0;display: flex;align-items: center;justify-content: center;padding-bottom: 0;}
header .header-blocks .block-lg #droplg{border-radius: 5px;cursor: pointer;border: 1.5px solid #000;padding: 5px 10px;color: #000;font-size: 11px;letter-spacing: 1px;font-weight: 700;text-transform:uppercase;}
header .header-blocks .block-lg .dropdown-menu{z-index: 100000;width: 500px;height: 400px;max-width: 100vw;max-height: 100vh;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr .form-search-cr{margin: 0 0.5rem 20px;background-color: #d6d6d6;border-radius: 15px;height: 40px;display: block;position: relative;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr .form-search-cr-text{appearance: none;color: #3e3f41;-webkit-tap-highlight-color: rgba(0,0,0,0);font-size: 17px;font-weight: normal;display: block;width: 100%;background: none;outline: none;border: none;padding: 0 0 0 20px;height: 40px;z-index: 1;position: absolute;top: -1px;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr .form-search-cr-text::-webkit-input-placeholder{font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: #5f5f5f;font-weight: 400;font-family: "Poppins";}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr .form-search-cr-text:-ms-input-placeholder{font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: #5f5f5f;font-weight: 400;font-family: "Poppins";}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr .form-search-cr-text::placeholder{font-size: 12px;letter-spacing: 1px;text-transform: uppercase;color: #5f5f5f;font-weight: 400;font-family: "Poppins";}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items{display: flex;flex-wrap: wrap;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items .dropdown-item{width: calc(33.33% - 1rem);text-align: center;border-radius: 5px;display: flex;align-items: center;justify-content: center;margin: 0 0.5rem 0.5rem;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items .dropdown-item:hover{background: var(--primary-color-active);color: #fff;}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items .dropdown-item.active{background:var(--secondary-color-active);}
header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items .dropdown-item img{margin-top:-2px;margin-right:10px;}

.home-banners{height: 800px;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;}
.home-banners:after{content:' ';background-image: url('../images/banner-fade.png');position:absolute;bottom: -14px;left: 50%;transform: translateX(-50%);width: 100%;height: 27px;background-repeat: no-repeat;background-position: top center;}
.home-banners .slick-slider{margin-bottom: 0;}
.home-banners .lt .it{height:800px;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
.home-banners .lt .it .title{display: flex;flex-direction: column;font-size: 55px;line-height: 63px;    color: #ffffff;    font-weight: 500;font-family: "Poppins";text-align: center;    max-width: 680px;margin-bottom: 10px;}
.home-banners .lt .it .subtitle{font-size: 24px;line-height: 35px;color: #ffffff;font-weight: 400;font-family: "Poppins";text-align: center;}
.home-banners .lt .it .button{margin-top: 40px;border-radius: 22px;background-color: #57d58d;height: 45px;width: 300px;max-width:90%;justify-content: center;color: #35495e;font-size: 14px;font-weight: 600;font-family: "Poppins";display: inline-flex;align-items: center;}
.home-banners .lt .it .button span{margin-left: 50px;font-size: 20px;}
.home-banners .lt .it .image{margin-top: 75px;max-width: 90%;}
.home-banners .slick-dots{bottom: 50%;display: flex;flex-direction: column;width: auto;right: 0;transform: translateY(-50%);}
.home-banners .slick-dots li:only-child{display: none;}
.home-banners .slick-dots li:not(:last-child){margin-bottom: 5px;}
.home-banners .slick-dots li button{width: 18px;height: 18px;border-radius: 9px;background-color: #ffffff;border:3px solid #ffffff;transition: all 400ms ease-in-out;}
.home-banners .slick-dots li.slick-active button{border-color: var(--primary-color-active);transition: all 400ms ease-in-out;}
.home-banners .slick-dots li button:before{content:'';}

.home-features{background: var(--secondary-color-active);padding-top: 100px;padding-bottom: 50px;}
.home-features [class*=col-]{margin-bottom: 30px;}
.home-features .feature-it-title{display: flex;flex-direction: column;margin-bottom: 30px;height: 100%;justify-content: center;}
.home-features .feature-it-title .title{font-size: 36px;line-height: 36px;color: #57d58d;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;}
.home-features .feature-it-title .title span{color:#fff;}
.home-features .feature-it-title .description{font-size: 14px;line-height: 23px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.home-features .feature-it{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;margin-bottom: 30px;border-radius: 30px;filter: drop-shadow(0px 16px 22.5px rgba(53, 74, 95, 0.1));background-color: rgba(87, 213, 141, 0.2);padding: 30px;}
.home-features .feature-it .image{margin-bottom: 20px;}
.home-features .feature-it .title{font-size: 22px;line-height: 24px;color: #57d58d;font-weight: 600;font-family: "Poppins";margin-bottom: 20px;}
.home-features .feature-it .description{font-size: 12px;line-height: 18px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.home-features .feature2{background-size: contain;background-repeat: no-repeat;background-position: top center;margin-top: -100px;padding-top: 100px;}
.home-features .feature2 .info{max-width: 350px;}
.home-features .feature2 .image{max-width: 100%;}
.home-features .feature2 .title{font-size: 36px;line-height: 36px;color: #57d58d;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;}
.home-features .feature2 .title span{color: #fff;}
.home-features .feature2 .description{font-size: 14px;line-height: 23px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.home-features .feature2 .button{margin-top: 20px;border-radius: 22px;background-color: #57d58d;height: 45px;padding:0 20px;justify-content: center;color: #35495e;font-size: 14px;font-weight: 600;font-family: "Poppins";display: inline-flex;align-items: center;}
.home-features .feature2 .button span{margin-left: 50px;font-size: 20px;}

.home-tutorial{background-image: linear-gradient(0deg, #57d58d, #354a5f);}
.home-tutorial .stages [class*=col-]{margin-bottom: 30px;}
.home-tutorial .stages .stages-title .title{font-size: 36px;line-height: 36px;color: #57d58d;font-weight: 600;font-family: "Poppins";text-align: center;margin-bottom: 10px;}
.home-tutorial .stages .stages-title .title span{color:#fff;}
.home-tutorial .stages .stages-title .description{font-size: 14px;line-height: 23px;color: #ffffff;font-weight: 400;font-family: "Poppins";text-align: center;margin-bottom: 50px;}
.home-tutorial .stages .stages-it{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;margin-bottom: 30px;border-radius: 30px;filter: drop-shadow(0px 16px 22.5px rgba(53, 74, 95, 0.1));background-color: rgba(87, 213, 141, 0.2);padding: 30px;}
.home-tutorial .stages .stages-it .image{margin-bottom: 30px;}
.home-tutorial .stages .stages-it .title{font-size: 22px;line-height: 24px;color: #57d58d;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;}
.home-tutorial .stages .stages-it .description{font-size: 12px;line-height: 18px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.home-tutorial .steps{margin-top: 100px;}
.home-tutorial .steps .steps-title .title{font-size: 36px;line-height: 36px;color: #354a5f;font-weight: 600;font-family: "Poppins";text-align: center;margin-bottom: 10px;}
.home-tutorial .steps .steps-title .title span{color:#fff;}
.home-tutorial .steps .steps-title .description{font-size: 14px;line-height: 23px;color: #ffffff;font-weight: 400;font-family: "Poppins";text-align: center;margin-bottom: 50px;}
.home-tutorial .steps .steps-it{display: flex;margin-bottom: 30px;align-items: center;margin-right: 30px;}
.home-tutorial .steps .steps-it:first-child{margin-top: 50px;}
.home-tutorial .steps .steps-it:not(:last-child){border-bottom: 1px dashed #fff;padding-bottom: 20px;}
.home-tutorial .steps .steps-it .index{font-size: 60px;line-height: 24px;color: #354a5f;font-weight: 700;font-family: "Lexend";}
.home-tutorial .steps .steps-it .infos{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;flex-grow: 1;margin-left: 30px;}
.home-tutorial .steps .steps-it .infos .title{font-size: 22px;line-height: 24px;color: #ffffff;    font-weight: 600;font-family: "Poppins";margin-bottom: 5px;}
.home-tutorial .steps .steps-it .infos .description{font-size: 12px;line-height: 18px;color: #354a5f;font-weight: 400;font-family: "Poppins";}
.home-tutorial .steps .code::before{content:' ';background-image: url('../images/code-top.png');width: 100%;height: 34px;display: block;background-size: cover;background-repeat: no-repeat;}
.home-tutorial .steps .code::after{content:' ';background-image: url('../images/code-bottom.png');width: 100%;height: 98px;display: block;background-size: cover;background-repeat: no-repeat;}
.home-tutorial .steps .code .snippet{background-color: #1e2b37;color: #abb2bf;padding: 1.5rem 2rem;text-align: left;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);border: 1px solid var(--border-color);}
.home-tutorial .steps .code .snippet h3{color: #3498db;font-size: 1rem;margin-bottom: 1rem;font-weight: 500;border-bottom: 1px solid #4a617a;padding-bottom: 0.5rem;}
.home-tutorial .steps .code .snippet code{font-family: "Fira Code", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;font-size: 0.9rem;line-height: 1.6;color: #abb2bf;white-space: break-spaces;}

.home-features2{background: var(--primary-color-active);padding-bottom: 50px;}
.home-features2 [class*=col-]{margin-bottom: 30px;}
.home-features2 .feature-it-title{display: flex;flex-direction: column;margin-bottom: 30px;justify-content: center;align-items: center;margin-left: auto;margin-right: auto;}
.home-features2 .feature-it-title .title{font-size: 36px;line-height: 36px;color: #354a5f;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;text-align: center;max-width: 600px;}
.home-features2 .feature-it-title .title span{color:#fff;}
.home-features2 .feature-it-title .description{font-size: 14px;line-height: 23px;color: #354a5f;font-weight: 400;font-family: "Poppins";text-align: center;max-width: 700px;}
.home-features2 .feature-it{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 100%;margin-bottom: 30px;border-radius: 30px;filter: drop-shadow(0px 16px 22.5px rgba(0, 0, 0, 0.2));background-color: #354a5f;padding: 30px;z-index:1;position:relative;}
.home-features2 .feature-it .image{margin-bottom: 20px;}
.home-features2 .feature-it .title{font-size: 22px;line-height: 24px;color: #57d58d;font-weight: 600;font-family: "Poppins";margin-bottom: 20px;}
.home-features2 .feature-it .description{font-size: 12px;line-height: 18px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.home-features2 .feature2{background-size: contain;background-repeat: no-repeat;background-position: top center;margin-bottom: 50px;}
.home-features2 .feature2 .info{max-width: 350px;}
.home-features2 .feature2 .image{max-width: 100%;}
.home-features2 .feature2 .title{font-size: 36px;line-height: 36px;color: #354a5f;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;}
.home-features2 .feature2 .title span{color: #fff;}
.home-features2 .feature2 .description{font-size: 14px;line-height: 23px;color: #354a5f;font-weight: 400;font-family: "Poppins";}
.home-features2 .feature2 .button{margin-top: 20px;border-radius: 22px;background-color: #354a5f;height: 45px;padding:0 20px;justify-content: center;color: #57d58d;font-size: 14px;font-weight: 600;font-family: "Poppins";display: inline-flex;align-items: center;}
.home-features2 .feature2 .button span{margin-left: 50px;font-size: 20px;}

.register-form{min-height: 690px;padding:50px 0;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;background: var(--secondary-color-active);margin-top: -140px;padding-top: 200px;}
.register-form .title .title{font-size: 36px;line-height: 36px;color: #ffffff;font-weight: 600;font-family: "Poppins";margin-bottom: 10px;}
.register-form .title .subtitle{font-size: 14px;line-height: 23px;color: #ffffff;font-weight: 400;font-family: "Poppins";margin-bottom: 20px;}
.register-form .button{margin-top: 20px;border-radius: 22px;background-color: #57d58d;height: 45px;    padding: 0 20px;justify-content: center;color: #35495e;font-size: 14px;font-weight: 600;    font-family: "Poppins";display: inline-flex;align-items: center;}
.register-form .socials{flex-grow: 1;display: flex;align-items: flex-end;}
.register-form .socials .link{color: #fff;font-size: 25px;}
.register-form .socials .link:hover{color:var(--primary-color-active)}
.register-form .socials .link:not(:last-child){margin-right: 20px;}
.register-form label{color:#fff;}
.register-form .wpcf7 h3{font-size: 36px;line-height: 36px;color: #ffffff;font-weight: 600;font-family: "Poppins";margin-bottom: 20px;;}
.register-form .wpcf7 .form-control{background: transparent;border: none;border-bottom: 5px solid rgba(255,255,255,0.2);border-radius: 0;font-size: 12px;letter-spacing: 0px;line-height: 25px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.register-form .wpcf7 .form-control:focus{background: transparent;border: none;border-bottom: 2px solid var(--secondary-color-active);border-radius: 0;}
.register-form  .wpcf7.form-control::-webkit-input-placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.register-form .wpcf7 .form-control:-ms-input-placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.register-form .wpcf7 .form-control::placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
.register-form .wpcf7 textarea{height:100px;}
.register-form .wpcf7 .button{display: inline-flex;align-items: center;justify-content: center;margin-top: 20px;border-radius: 22px;background-color: #57d58d;height: 45px;    padding: 0 20px;justify-content: center;color: #35495e;font-size: 14px;font-weight: 600;    font-family: "Poppins";display: inline-flex;align-items: center;}
.register-form .wpcf7 .button span{margin-left: 20px;font-size: 20px;}
.register-form .wpcf7 .wpcf7-form-control{margin-bottom: 20px;}
.register-form .wpcf7 .wpcf7-response-output{color:#fff;}
.register-form .wpcf7 .wpcf7 form.failed .wpcf7-response-output{background: #dc3232;}

footer{background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: column;background: var(--secondary-color-active);}
footer.full-height{min-height: calc(100vh - 80px);}
footer .block-data{flex-grow: 1;display: flex;align-items: center;padding:150px 0;}
footer .infos{display: flex;flex-direction: column;align-items: flex-start;}
footer .infos .title{font-size: 56px;line-height: 56px;color: #000000;font-weight: 800;font-family: "Poppins";text-align: left;margin-bottom: 20px;}
footer .infos .description{font-size: 16px;line-height: 24px;color: #000000;font-weight: 400;font-family: "Poppins";text-align: left;}
footer .contact-link{margin-bottom: 10px;display: flex;align-items: center;}
footer .contact-link .icon{width: 32px;height: 32px;border-radius: 16px;background-color: var(--primary-color-active);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 15px;margin-right: 20px;}
footer .contact-link .link{color: var(--primary-color-active);font-size: 14px;line-height: 20px;font-weight: 500;font-family: "DM Sans";}
footer .title{font-size: 14px;line-height: 30px;color: var(--primary-color-active);    font-weight: 700;font-family: "Poppins";text-transform: uppercase;}
footer .it-input{width:100%;margin-bottom: 10px;}
footer .footer-menu-links li a{font-size: 14px;line-height: 30px;color: #000000;font-weight: 400;font-family: "Poppins";}
footer .footer-menu-links li a:hover{color:var(--primary-color-active);}
footer .form-control{background: transparent;border: none;border-bottom: 2px solid var(--primary-color-active);border-radius: 0;font-size: 12px;letter-spacing: 0px;line-height: 25px;color: #ffffff;font-weight: 400;font-family: "Poppins";}
footer .form-control:focus{background: transparent;border: none;border-bottom: 2px solid var(--secondary-color-active);border-radius: 0;}
footer .form-control::-webkit-input-placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
footer .form-control:-ms-input-placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
footer .form-control::placeholder{font-size: 12px;letter-spacing: 0px;line-height: 25px;text-transform: uppercase;color: #ffffff;font-weight: 400;font-family: "Poppins";}
footer .button{background-color: transparent;height: 42px;display: inline-flex;align-items: center;font-size: 14px;line-height: 54px;color: var(--primary-color-active);font-weight: 600;font-family: "Poppins";padding: 0 30px;    border: 1px solid var(--primary-color-active);border-radius: 10px;margin-top: 20px;width: 100%;justify-content: center;text-transform: uppercase;}
footer .button span{margin-left: 20px;font-size: 20px;}
footer .block-copyright{border-top: 1px solid rgba(248,248,248,0.15);}
footer .footer-copyright{padding-top:20px;padding-bottom: 20px;display: flex;align-items: center;justify-content: center;}
footer .footer-copyright .it{font-size: 12px;    letter-spacing: 2px;    line-height: 20px;    text-transform: uppercase;    color: #ffffff;    font-weight: 400;font-family: "Poppins";text-align: center;}

@media only screen and (max-width: 1024px){

}

@media only screen and (max-width: 768px){
  .only-sm{display: block;}

  header .header-blocks{justify-content: space-between;}
  header .header-blocks .block-menu .navbar-sm{color: #009dbc;display: inline-flex;text-decoration: none;}
  header .header-blocks .block-menu ul{position: absolute;left: 0;top: -100vh;flex-direction: column;width: 100%;height: calc(100vh - 80px);background: var(--primary-color-active);z-index: 1000;align-items: center;justify-content: center;transition: all 400ms ease-in-out;}
  header .header-blocks .block-menu ul.active{top:84px;}
  header .header-blocks .block-menu ul li:not(:last-child){margin-right: 0;margin-bottom: 40px;}
  header .header-blocks .block-menu ul li a{color:#ffffff;}
  header .header-blocks .block-lg{margin-right:10px;}
  header .header-blocks .block-lg .dropdown-menu{height: 800px;}
  header .header-blocks .block-lg .dropdown-menu .dropdown-menu-cr-items .dropdown-item{width: calc(50% - 1rem);}

  .container{padding-left: 30px;padding-right: 30px;}

  .home-banners{flex-direction: column;height: auto;}
  .home-banners .image{max-width: 100%;left: 0;}
  .home-banners .lt{margin: 80px 0 0;}
  .home-banners .lt .it{padding: 0 0 0;height:auto;}
  .home-banners .lt .it .title{font-size: 45px;line-height: 46px;}
  .home-banners .lt .it .title span{font-size: 70px;line-height: 70px;text-align: center;}
  .home-banners .lt .it .title span:last-child{margin-left: 0;margin-top: 0;}
  .home-banners .lt .it .subtitle{font-size: 22px;line-height: 27px;}
  .home-banners .slick-dots{bottom: 0;transform: translateY(100%);} 

  .register-form .socials{margin: 50px 0;}

  footer .infos{align-items: center;max-width: 100%;margin-bottom: 30px;}
  footer .infos .title{text-align: center;}
  footer .infos .description{text-align: center;}
  footer .infos .contact-link{display: none;}
  footer .button{width: 100%;}
  footer .footer-copyright .it{line-height: 18px;font-size: 10px;}
  footer .footer-menu-links{margin-bottom: 20px;}
  footer .block-data{padding: 70px 0;}
}

@media only screen and (max-width: 500px){
  .home-tutorial .steps .code::before{background-size: contain;background-position: bottom;}
}