/* root */
body {font-family: "Montserrat", sans-serif;font-weight: normal;line-height: normal;color:var(--black)}
ul {list-style: none;margin: 0;padding: 0}
a {text-decoration: none;color:var(--black)}
svg, a, i, img {transition-duration: 0.4s}
input, textarea{font-size: 16px !important;}
:root {
    --first: #5956e9;
    --firstDark: #312e9e;
    --firstLight: #dcdbfa;
    --second: #424242;
    --third: #3aaa35;
    --fourth: #ffbf4e;
    --lightBackground: #f4f3f9;
    --backgroundDarkLinear: linear-gradient(91deg, rgb(11, 29, 76), rgb(27, 5, 0));
    --white: #fff;
    --red: #ff0000;
    --whatsapp: #74CB6B;
    --warning: #e2a03f;
    --radius6: 6px;
    --radiusCircle: 50%;
    --gray: #64748b;
    --box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .2) !important;
}

.padding508{padding: 50px 0}
.bgButton{width: fit-content;display: flex;float:right;font-weight: bold;padding: 10px 12px;border-radius: var(--radius6);align-items: center;gap: 7px;}
.sub-heading{background: var(--firstLight);text-transform: uppercase;font-size: 13px;letter-spacing: 2px;padding: 3px 10px;border-radius: 2px;display: inline-block;color: var(--first);font-weight: 600;}
.white-popup-block {background: var(--white);padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;border-radius: var(--radius6);overflow: auto;box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);}

/*header */
.header{background-color: var(--lightBackground);padding: 10px 0}
.header .headerContent, .slider .sliderContent{display: flex;align-items: center;}
.header .logo {width: 170px}
.header .menu {width: calc(100% - 430px);margin: auto}
.header .menu .menu_list {float: none;width: fit-content;}
.header .menu .w3-ul li {float: left;border: none;text-align: left;}
.header .menu .w3-ul li a, .header .menu .w3-ul .submenu {font-weight: 600;font-size: 15px;text-transform:uppercase}
.header .menu .submenu {position: relative;}
.header .menu .submenu_content {display: none;position: absolute;min-width: 315px;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);padding: 12px 16px;z-index: 1;color: var(--black);margin-top: 21px;}
.header .menu .submenu:hover .submenu_content {display: block;}
.header .menu_right {width: 260px;text-align: right}
.header .registerButton{background-color: var(--first);color:var(--white);border: 1px solid var(--first)}
.header .registerButton:hover{background-color: var(--firstDark);border-color:var(--firstDark)}
.header .loginButton{border: 1px solid var(--firstDark);color:var(--firstDark);margin-right: 5px}
.header .loginButton:hover{background-color: var(--first);color: var(--white);border-color: var(--first)}

    /* slider */
.slider, .reference, .regulation, .chooseUs {background-color: var(--lightBackground)}
.slider h1 {font-size: 55px;line-height: 72px;padding: 30px 0 30px 0;}
.slider p {font-size:18px;}
.slider b {position: relative;color: var(--first);z-index: 1;font-weight: 500;display: inline-block;}
.slider b::before {content: "";left: 0;bottom: -10px;width: 100%;height: 21px;z-index: -1;mask-size: 100%;position: absolute;display: inline-block;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;background-color: var(--fourth);-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="431" height="20" viewBox="0 0 431.26 13.42"><path d="M.07,15.16c86.5-9.41,151.26-9.24,215.76-9.24s129,.09,215.5,9.7l-6.54,3.72C337.15,9.73,276.44,9.62,217.13,9.62c-60.66,0-119.85.08-204.89,9.53Z" transform="translate(-0.07 -5.92)" fill="%23FDB022"%3E%3C/path%3E%3C/svg>');mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="431" height="20" viewBox="0 0 431.26 13.42"><path d="M.07,15.16c86.5-9.41,151.26-9.24,215.76-9.24s129,.09,215.5,9.7l-6.54,3.72C337.15,9.73,276.44,9.62,217.13,9.62c-60.66,0-119.85.08-204.89,9.53Z" transform="translate(-0.07 -5.92)" fill="%23FDB022"%3E%3C/path%3E%3C/svg>');}
.slider .slider-img {float: left;width: 100%;margin-left: 20px;transition: all 0.5s ease;position: relative;transform: scaleY(-1);opacity: 0;}
.slider{float: left;width: 100%;padding: 50px 0;overflow: hidden;}
.slider .slider-content {float: left;width: 100%;transition: all 0.5s ease;transform: scaleX(-1);opacity: 0;}
/* animate */
.topBottom {transition: all 0.5s ease !important;transform: scaleY(1) !important;transition-delay: 0.6s !important;opacity: 1 !important;}
.leftRight {transform: scaleX(1) !important;opacity: 1 !important;transition: all 0.5s ease !important;transition-delay: 0.2s !important;}

/* Reference */
.reference h3{margin-bottom: 20px;font-size: 24px}
.reference h3 span:first-child{color:var(--first)}
.reference h3 span:last-child{color:var(--second)}
.referenceSliderContent{text-align: center;display: flex !important;align-items: center !important;}
.referenceSliderContainer .w3-x svg, .referenceSliderContainer .w3-x img{width: 75%;opacity: 0.5;filter: grayscale(100%);}
.referenceSliderContainer .w3-x svg:hover, .referenceSliderContainer .w3-x img:hover{opacity: 1}
.slideContainer{overflow: hidden;position: relative;}
.slideContainer > div{position: relative;display: inline-block;}
.slideContainer > div > div {display: flex;align-items:center;position: relative;}

/* Regulation */
.regulation .regulationHead h2{width: 75%; float: none;margin: 30px auto;font-size: 36px}
.regulation .regulationBody .w3-third .w3Cont{background-color: var(--white);padding: 30px 15px;border-radius: 20px;}
.regulation .regulationBody .w3-third .w3Cont .icon svg{background-color:var(--firstLight);color:var(--first);border-radius: var(--radius6);margin-bottom:20px;padding: 10px}
.regulation .regulationBody .w3-third:nth-child(1) .w3Cont{margin-right: 20px}
.regulation .regulationBody .w3-third:nth-child(2) .w3Cont{margin:0 10px}
.regulation .regulationBody .w3-third:nth-child(3) .w3Cont{margin-left: 20px}
.regulation .regulationBody .content b{font-size: 20px}

/* Why Choose Us */
.chooseUs h4{font-size: 36px}
.chooseUs .chooseUsBody .w3-row{background-color:var(--white);padding:25px 15px;border-radius:15px;margin-bottom:20px}
.chooseUs .chooseUsBody .w3-row .icon{width: 90px}
.chooseUs .chooseUsBody .w3-row .icon svg{background-color:var(--first);color:var(--firstLight);border-radius:var(--radius6);padding: 10px}
.chooseUs .chooseUsBody .w3-row b{font-size: 20px}
.chooseUs .chooseUsBody p {margin:10px 0}

/* Marketing */
.marketing{background: var(--backgroundDarkLinear);color:var(--white)}
.marketing h5{font-size: 36px}
.marketing .marketingBody{margin: 40px 0}
.marketing .marketingHead p{margin: auto;float: none}
.marketing .marketingBody p{font-size: 18px;font-weight: bold;width: 220px;float: none;margin: 20px auto;}
.marketing .marketingFooter .bgButton, .loginpage .bgButton{background-color: var(--firstDark);color: var(--white);}
.marketing .marketingFooter .bgButton:hover, .loginpage .bgButton:hover{background-color: var(--first);}
.marketing .marketingFooter p{color: var(--gray);align-items: center;display: flex;gap: 7px;float: none;margin: 20px auto auto auto;width: fit-content;font-size: 14px;}

/* Footer */
.footer{background: var(--backgroundDarkLinear);color:var(--white);padding: 50px 0 15px 0}
.footer .footerContent p{padding-right: 20px}
.footer .contactInfo{margin-top: 20px}
.footer .contactInfo .w3-col{width: 40px;margin-right: 15px}
.footer .contactInfo li{display: flex;align-items: center;margin-bottom: 20px}
.footer .contactInfo li svg{background: #17c2981a;color: var(--whatsapp);padding: 10px;border-radius: 50%;text-align: center;align-items: center;}
.footer .copyright{margin-top: 20px;padding-top: 20px;border-top:1px solid var(--first);font-size: 14px}