@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Protest+Riot&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000;border-radius:0}
::-webkit-scrollbar{width:5px;background-color:#000}
::-webkit-scrollbar-thumb{border-radius:0;background:#8a288f;border-radius:10%}
body{background: #000B1A; font-size: 16px; color: #FFF;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,a,li,span,strong{margin:0;padding:0;font-family: 'Protest Riot';}
p{line-height:normal;padding:0;margin: 0;font-size: 20px;font-weight: 400;margin:0;line-height:25px;color: #D2D2D2;font-family:'Roboto'}
a{text-decoration:none;color:#000;font-size:18px}
a:hover{text-decoration:none;color:#fff}
a:focus{outline:0;text-decoration:none}
figure{margin-bottom:0}
img{border:0;outline:0;max-width:100%}
ul{padding:0;margin:0}
li,ul{list-style-type:none}
.relative{position:relative}
.absolute{position:absolute}
.sec-pad{padding:100px 0}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt100{margin-top:100px}
.tac{text-align:center}
body{overflow-x:hidden;font-family: 'Roboto';}
ul.btn-wrap{gap:20px}
ul.btn-wrap li{font-size:0}
.bullets{text-align:center}
.bullets li{display:block;position:relative;font-size:20px;line-height:30px;width:max-content;margin:auto;padding-left:40px}
.bullets li:before{content:"\f058";position:absolute;font-family:'Font Awesome 5';left:0;color:#00912e}
.subhedng{color:#fff;font-size:24px;line-height:normal;font-weight:700;background:linear-gradient(4.46deg,#8a288f 24.63%,#5eacf2 93.76%);background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;width:auto;margin:0 0 15px;text-transform:uppercase;font-family:'Roboto'}
.subhedng span{color:#000}
.main-heading{color: #FFF;font-size:50px;font-weight: 400;text-transform:capitalize;margin:0 0 20px 0}
.main-heading span{color: #5EACF2;}
.mainbtn a{font-weight:600;margin:40px 0 0 0;display:inline-block}
.mainbtn a i{border:1px solid #000;border-radius:25px;padding:6px 18px;font-size:20px;margin:0 0 0 8px}
.small-heading{font-weight:600;font-size:16px;color:#00aeef;margin-bottom:30px;position:relative;display:inline-block}
.my-tabs{display:none}
.my-tabs.current{display:block}
.butn{display:flex;gap:30px;align-items:center;justify-content:flex-start}
.parascroll{height:300px;overflow-y:scroll}
.prmrycolor{color:#004d5d}
.scndrcolor{color:#ff5740}
.prcvy .header{position:relative;background-color:#1bab9c}
.header{width:100%;padding: 60px 0 0;position:absolute;z-index:1}
.header ul{text-align:center;display:flex;justify-content: right;gap:40px}
.header ul li{display:inline-block}
.header ul li a { font-size: 20px; font-weight: 400; letter-spacing: 0; color: #FFF; position: relative; font-family: 'Protest Riot'; }
/* .header ul li a:hover{background:linear-gradient(5.63deg,#8a288f 23.38%,#5eacf2 80.14%);background-clip:text;-webkit-text-fill-color:transparent}
.header ul li a:before{content:"";position:absolute;background:linear-gradient(5.63deg,#8a288f 23.38%,#5eacf2 80.14%);border-radius:10px;width:100%;height:2px;bottom:-10px;right:100%;display:none}
.header ul li a:hover:before{display:block;right:0} */
.header .lgo{position:relative;z-index:20;display:inline-block}
.manbutn { background: linear-gradient(180deg, #8A288F 0%, #6B85D5 100%); border-radius: 30px; padding: 15px 30px; color: #fff; font-family: 'Protest Riot'; font-size: 18px; font-weight: 600; border: 1px solid #FFF; }
.header .butn{justify-content:right}
.bnr{padding: 380px 0 80px;position:relative;background-image:url(../images/bnrbg.png);background-size: cover;background-position:center;z-index: 0;overflow: hidden;}
.bnr::before {content: "";position: absolute;background-image: url(../images/bnrbfr.png);background-size: cover;background-repeat: no-repeat;width: 40%;height: 80%;top: 0;right: 0;z-index: -1;}
.bnr::after {content: "";position: absolute;background-image: url(../images/bnraftr.png);background-size: cover;background-repeat: no-repeat;width: 50%;height: 70%;left: 0;bottom: 0;z-index: -1;}
.bnr .txt{ }
.bnr .txt ul{ }
.bnr .txt ul li{}
.bnr .txt ul li h1{ text-align: center; font-size: 290px; font-weight: 400; color: #FFF; line-height: 300px;transition: all 0.5s linear; }
.bnr .txt ul li:nth-child(1){}
.bnr .txt ul li:nth-child(1) h1{font-family: 'Nunito'; font-size: 230px; font-weight: 800; color: transparent; -webkit-text-stroke: 2px #ffffff61; line-height: 0;position: relative;z-index: -1;left: 0;}
.bnr .txt ul li:nth-child(3) h1{font-family: 'Nunito'; font-size: 230px; font-weight: 800; color: transparent; -webkit-text-stroke: 2px #ffffff61; line-height: 0;position: relative;z-index: -1;right: 0;}
.bnr .imgwrp{ text-align: center; margin: -150px 0 0; }
.bnr .imgwrp img{opacity: 1;transition: all 0.1s ease-in-out;}
.bnr .imgwrp img.hvrimg{position: absolute;left: 0;right: 0;margin: auto;transform: rotate(-20deg);opacity: 0;}
.bnr:hover .imgwrp img{opacity: 0;transform: rotate(-20deg);}
.bnr:hover .imgwrp img.hvrimg{opacity: 1;}
.bnr:hover .txt ul li h1{background: linear-gradient(90deg, #688DDA 0%, #8A288F 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;-webkit-text-stroke: 2px #FFF;}
.bnr:hover .txt ul li:nth-child(1) h1{-webkit-text-stroke: 2px #ffffff61;left: 80%;}
.bnr:hover .txt ul li:nth-child(3) h1{-webkit-text-stroke: 2px #ffffff61;right: 80%;}

.abt{position: relative;}
.abt::before { content: ""; position: absolute; background-image: url(../images/bnrbfr.png); background-size: cover; background-repeat: no-repeat; width: 30%; height: 90%; top: 0; right: 0; z-index: -1; }
.abt::after { content: ""; position: absolute; background-image: url(../images/bnraftr.png); background-size: cover; background-repeat: no-repeat; width: 40%; height: 90%; left: 0; bottom: 0; z-index: -1; }
.abt .cntnt{}
.abt .cntnt .main-heading{}
.abt .cntnt p{ margin: 0 0 25px;}
.abt .cntnt ul.butn{ margin: 50px 0 0;}
.abt .cntnt ul.butn li{}
.abt .cntnt ul.butn li a{}
.abt .cntnt ul.butn li a img{}
.abt .imgwrp{}
.abt .imgwrp img{}

.fetr{background-image: url(../images/fetrbg.png);background-size: cover;background-position: center;background-repeat: no-repeat;height: 90vh;position: relative;z-index: 1;}
.fetr::before { content: ""; position: absolute; background-image: url(../images/bnrbfr.png); background-size: cover; background-repeat: no-repeat; width: 30%; height: 90%; top: 0; right: 0; z-index: -1; }
.fetr::after { content: ""; position: absolute; background-image: url(../images/bnraftr.png); background-size: cover; background-repeat: no-repeat; width: 30%; height: 90%; left: 0; bottom: 0; z-index: -1; }
.fetr .lft{}
.fetr .lft .main-heading{}
.fetr .txt{ }
.fetr .txt p{ text-align: right; }
.fetr .bxs{ margin: 90px 0 0; }
.fetr .bxs .bx{ background: #000B1A; border: 1px solid #ffffff61; border-radius: 45px; padding: 30px 30px; overflow: hidden; height: 700px; position: relative;transition: all 0.5s linear; }
.fetr .bxs .bx .cntnt{ position: absolute;transition: all 0.5s linear; }
.fetr .bxs .bx .cntnt.tp{ }
.fetr .bxs .bx .cntnt.btm{ bottom: 30px; }
.fetr .bxs .bx .cntnt h3{ font-size: 40px; font-weight: 400; margin: 0 0 10px; }
.fetr .bxs .bx .cntnt h3 span{ color: #5EACF2; }
.fetr .bxs .bx .cntnt p{}
.fetr .bxs .bx .imgwrp{}
.fetr .bxs .bx .imgwrp img{position: absolute;width: 85%;transition: all 0.5s linear;}
.fetr .bxs .bx .imgwrp img.frstimg{ left: 150px; bottom: -280px; }
.fetr .bxs .bx .imgwrp img.scndimg{ left: 190px; bottom: -350px; transform: rotate(-30deg); }
.fetr .bxs .bx .imgwrp img.thrdimg { left: 220px; top: 300px; opacity: 0;}
.fetr .bxs .bx .imgwrp img.frthimg{ transform: rotate(-25deg); top: -400px; right: 170px; }
.fetr .bxs .bx:hover{background: linear-gradient(180deg, #8A288F 0%, #5EACF2 100%);}
.fetr .bxs .bx:hover .cntnt{display: none;}
.fetr .bxs .bx:hover .imgwrp img.frstimg { left: 0; bottom: -100px; right: 0; margin: auto; }
.fetr .bxs .bx:hover .imgwrp img.scndimg { left: -150px; bottom: 200px; transform: rotate(0); }
.fetr .bxs .bx:hover .imgwrp img.thrdimg{opacity: 1;}
.fetr .bxs .bx:hover .imgwrp img.frthimg {transform: rotate(0); top: 60px; right: 0; left: 0; margin: auto;}

.intrfc{ padding: 250px 0 100px;position: relative;z-index: 0; }
.intrfc::before {content: "";position: absolute;background-image: url(../images/shdwbfr.png);background-size: cover;background-repeat: no-repeat;width: 30%;height: 90%;top: -300px;right: 0;z-index: -1;}
.intrfc::after {content: "";position: absolute;background-image: url(../images/shdwaftr.png);background-size: cover;background-repeat: no-repeat;width: 30%;height: 90%;left: 0;top: -300px;z-index: -1;}
.intrfc .hed{ margin: 0 auto 100px; text-align: center; width: 85%; }
.intrfc .hed .main-heading{}
.intrfc .hed p{}
.intrfc ul.imgs{display: flex; align-items: center; justify-content: center; gap: 70px;}
.intrfc ul.imgs li{transition: all 0.5s linear;}
.intrfc ul.imgs li img{}
.intrfc ul.imgs li:nth-child(1){transform-origin: top;  }
.intrfc ul.imgs li:nth-child(2){ position: relative; z-index: 9;}
.intrfc ul.imgs li:nth-child(3){transform-origin: top;  }
.intrfc ul.imgs:hover li:nth-child(1){ transform: rotate(-20deg);transform-origin: top; }
.intrfc ul.imgs:hover li:nth-child(2){transform: scale(1.1);}
.intrfc ul.imgs:hover li:nth-child(3){ transform: rotate(20deg);transform-origin: top; }


.nwsltr{position: relative;}
.nwsltr::before {content: "";position: absolute;background-image: url(../images/shdwbfr.png);background-size: cover;background-repeat: no-repeat;width: 27%;height: 100%;bottom: -400px;right: 0;z-index: -1;}
.nwsltr::after {content: "";position: absolute;background-image: url(../images/shdwaftr.png);background-size: cover;background-repeat: no-repeat;width: 27%;height: 100%;left: 0;bottom: -400px;z-index: -1;}
.nwsltr .lft p{}
.nwsltr .rgt{background: #FFFFFF1A;padding:50px 50px;border: 1px solid #FFFFFF99;border-radius: 30px;position:relative}
.nwsltr .rgt h5{margin:0 0 20px;font-size:24px;font-weight: 600;font-family:'Roboto';color: #FFF;}
.nwsltr .rgt form label{font-size:16px;font-weight:600;font-family: 'Roboto';margin:0 0 5px}
.nwsltr .rgt form input{display:block;width:100%;border-radius:30px;padding:15px 10px 15px 30px;margin:0 0 25px;border: 1.06px solid #DEDEDE66;color:#fff;font-size:18px;font-weight:300;font-family: 'Roboto';background: #FFFFFF1A;box-shadow: 0px -8.48px 31.79px 0px #0000001A inset;}
.nwsltr .rgt form input:focus-visible{border:1.5px solid #ffffff57}
.nwsltr .rgt form input.manbutn{background: linear-gradient(180deg, #8A288F 0%, #6B85D5 100%);border: 1px solid #FFFFFF;border-radius:30px;padding:12px 30px;color:#fff;font-family: 'Protest Riot';font-size: 18px;font-weight: 400;width:40%;margin: 25px 0 0 0;}

.cta{ padding: 0; overflow: hidden;position: relative; }
.cta .container{ background-image: url(../images/ctabg.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 100px 50px; position: relative; z-index: 2; }
.cta .cntnt{}
.cta .cntnt .main-heading{}
.cta .cntnt p{}
.cta .cntnt ul.butn{ margin: 30px 0 0; }
.cta .cntnt ul.butn li{}
.cta .cntnt ul.butn li a{}
.cta .cntnt ul.butn li a img{}
.cta .imge{}
.cta .imge ul{display: flex;align-items: center;justify-content: center;gap: 20px;position: relative;}
.cta .imge ul li{ position: absolute; transition: all 0.5s linear; }
.cta .imge ul li img{}
.cta .imge ul li:nth-child(1){top: -150px; left: 0;}
.cta .imge ul li:nth-child(2){bottom: -150px; right: 0;}
.cta .container:hover .imge ul li:nth-child(1){top: -500px;}
.cta .container:hover .imge ul li:nth-child(2){bottom: -500px;}


footer{background-image:url(../images/ftrbg.png);padding-bottom:0!important;background-size:cover;background-repeat:no-repeat;background-position:center;padding:300px 0 0;position:relative;margin: -250px 0 0;z-index: 0;}
footer::before{content:"";position:absolute;background-image:url(../images/ftrbfr.png);background-size:cover;background-repeat:no-repeat;width: 40%;height: 80%;top: 0;right: 0;z-index: -1;}
footer:after {content: ''; position: absolute; background: #000; width: 100%; height: 100%; top: 0; opacity: 0.5; z-index: -2;}
footer ul.menu{display:flex;justify-content:center;gap:50px;margin:0 0 50px}
footer ul.menu li{display:inline-block;margin:0;position:relative}
footer ul.menu li a{font-size: 22px;font-weight:400;font-family:'Roboto';color: #FFF;}
footer ul.socl{margin:0;gap:25px;display:flex;align-items:center;justify-content:center}
footer ul.socl li{display:inline-block;margin:0}
footer ul.socl li a{cursor: pointer;}

footer ul.msg{display:flex;align-items:center;justify-content:center;gap:20px;}
footer h5{color:#fff;margin:50px 0 10px;}
footer ul.msg li{position:relative;}
footer ul.msg li a{color:#fff;}
footer ul.msg li:nth-child(1):before{position:absolute;content:'';background:#fff;width:1px;height:20px;right:-10px;top:3px;}
footer .hed{text-align:center;margin:0 auto;width:60%;}
footer .hed p{font-weight:400;font-family:'Roboto';margin:50px 0;}

.copyright::after{content:"";position:absolute;background-image:url(../images/ftraftr.png);background-size:cover;background-repeat:no-repeat;width: 40%;height: 80%;left: 0;bottom: 0;z-index: -1;}
.copyright ul.prvcy{text-align:right;}
.copyright{background:0 0;margin:60px 0 0 0;border-top:1px solid #FFF;}
.copyright .container{}
.copyright p{padding:20px 0;font-weight:400;color: #FFF;font-size: 16px;}
.copyright ul.info{display:flex;justify-content:right;align-items:center;gap: 20px;}
.copyright ul.info li a{font-size:16px;font-weight: 500;color: #FFF;font-family: 'Roboto';}
.main-privacy h1{color:#000;padding:15px 0}
.main-privacy h2{color:#000;font-size:30px}
.main-privacy p{font-size:18px;padding:5px 0}
.main-privacy ul li{font-size:16px;list-style:disc;padding:0;margin:0 0 0 20px;}
.nav{background-color:transparent;width:100%;position:absolute;z-index:10;top:20px;justify-content:flex-end;display:none}
ul#menu{display:none;width:100%;padding:0}
ul#menu li a{width:100%;display:block;background-color:#38507f;color:#fff;font-size:18px;padding:20px 30px;transition:background .2s;text-decoration:none}
ul#menu a:hover{background-color:#636363}
ul.hamburger li{height:5px;background:#0086f0;content:"";position:relative;transition:.25s ease-in-out;width:100%}
ul.hamburger li{height:5px;background:#fff;content:"";position:relative;transition:.25s ease-in-out}
.hidden{opacity:0}
.rot45deg{transform:rotate(45deg);top:10px!important}
.rot-45deg{transform:rotate(-45deg)}
ul.hamburger{display:block}
ul.hamburger li:nth-child(1){top:0}
ul.hamburger li:nth-child(2){top:5px}
ul.hamburger li:nth-child(3){top:10px}
.hamburger-container{width:38px;margin:1.2em 1.6em;height:30px;cursor:pointer}
button.back-to-top{margin:0!important;padding:0!important;background:linear-gradient(.14deg,#8a288f .12%,#5eacf2 120.22%);height:0;width:0;overflow:hidden;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;color:transparent;clear:both;visibility:hidden;position:fixed;cursor:pointer;display:block;border:none;right:50px;bottom:75px;font-size:0;outline:0!important;z-index:99;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
button.back-to-top:active,button.back-to-top:focus,button.back-to-top:hover{outline:0!important}
button.back-to-top.show{display:block;color:#de3778;font-size:25px;right:25px;bottom:50px;height:50px;width:50px;visibility:visible;box-shadow:0 3px 6px #00000029;border:2px solid #fff;border-radius:15px;background:linear-gradient(.14deg,#8a288f .12%,#5eacf2 120.22%)}
button.back-to-top.show:active{box-shadow:0 4px 8px 2px rgba(0,0,0,.25);-webkit-box-shadow:0 4px 8px 2px rgba(0,0,0,.25);-moz-box-shadow:0 4px 8px 2px rgba(0,0,0,.25)}
button.back-to-top i{color:#fff;}