@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


 /*___________Scrollbar_____________*/
html{scrollbar-color: #000 #fff0;overflow: hidden;overflow-y: auto;}
html {--scrollbarBG: #fff0;--thumbBG: #000;}
body::-webkit-scrollbar {width: 5px;}
body {scrollbar-width: thin;scrollbar-color: var(--thumbBG) var(--scrollbarBG); overflow-x: hidden!important} 
body::-webkit-scrollbar-track {background: var(--scrollbarBG);}
body::-webkit-scrollbar-thumb {background-color: var(--thumbBG) ;border-radius: 6px;border: 3px solid var(--scrollbarBG);}
*{scrollbar-color:  var(--thumbBG) var(--scrollbarBG);scrollbar-width: thin;box-sizing: border-box;outline: none;}
/*___________Scrollbar END_____________*/



/* Site Container */
.container {max-width: 1300px; margin: auto; position: relative;}
@media screen and (max-width: 1620px) {
.container {max-width:1300px}
.about .container {width: 75%;}
}
/* Site Container */


/*___________COMMON CSS___________*/
body {background-repeat: no-repeat;margin: auto; background-position: bottom bottom;font-weight: 100; background-size: 100% 100%;}
.pr{position: relative;}
.none{display: none;}
section{padding: 80px 0;}

h1, h2, h3, h4{color: #ae2012;font-family:'Noto Serif';line-height: 45px;font-size: 50px;}
p {font-family: 'inter';font-weight:600;line-height:normal;color:#5b5960; font-size: 18px;margin: 10px 0;}
/*top*/
#go_top{ position: fixed; bottom:-10%; right:1%; transition:all 0.6s;font-size:30px; cursor:pointer;}
#go_top i{border-radius:100%;color:#38a4d2;}
#go_top.show{ bottom:7%; z-index:1;}
em {font-size:75%; line-height: 0;position: relative;vertical-align: baseline;top: -0.5em;}
/*top*/


.igi-hero {background-color: #ffebb2;background-image: url(../images/design.png);background-repeat: no-repeat;background-position: center;}
.banner-inner {display: flex; padding: 70px 0 0;gap: 20px;}
.hero-form h1 {font-size: 50px;margin-bottom: 0;}
.hero-img {width: 60%;}
.hero-img img {width: 100%;}
.hero-form {width: 40%;}
/* Form Inputs */
.form-group input {width: 100%;padding: 14px 18px;border: none;border-radius: 28px;font-size: 16px;margin-bottom: 5px;outline: none;}

/* Download Button */
.download-btn{display:inline-block;margin-top:20px;padding:14px 34px;background:#ae2012;color:#fff;border-radius:40px;text-decoration:none;font-weight:600;border:none;font-family:'inter';text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all 0.35s cubic-bezier(.17,.67,.83,.67);}
.download-btn::before{content:"";position:absolute;width:20px;height:20px;background:rgba(255,255,255,0.4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform 0.6s ease;}
.download-btn::after{content:"";position:absolute;inset:0;border-radius:40px;padding:2px;background:#000;background-size:300% 300%;opacity:0;transition:0.4s;z-index:-1;}
.download-btn:hover{transform:scale(1.08) rotate(-1deg);}
.download-btn:hover::before{transform:translate(-50%,-50%) scale(15);
opacity:0;}
.download-btn:hover::after{opacity:1;animation:glowMove 3s linear infinite;}
.download-btn:active{transform:scale(0.96);}
/* Download Button */

/* HOVER */



/* about */
.about-section{background-color: #b4d5ca;background-image: url(../images/design2.png);position:relative;padding: 220px 0;}
.about-title{font-size:60px;color:#b02a2a;font-weight:700;margin-bottom:20px;}
.about-text{font-size:18px;color:#444;line-height:1.6;max-width:600px;}
.about-right {position: relative;}
.magazine{width: 720px;right:0px;bottom:0px;z-index:2;top:0; margin: auto;}
.elements {position: relative;}
.icons {position: absolute;pointer-events:none;}
.hand-top{width: 250px;right: 0;left: 0%;bottom:0px; top:-22px;animation:handMove 2.5s ease-in-out infinite;}
@keyframes handMove{
    0%,100%{
        transform:translateY(0px) rotate(0deg);
    }
    50%{
        transform:translateY(-10px) rotate(-2deg);
    }
}
.hearts {right: 130px;top: -35px;width: 240px;z-index: 2;animation:heartFloat 4.5s ease-in-out infinite;}
@keyframes heartFloat{
    0%{
        transform:translateY(0px) scale(1);
        opacity:1;
    }
    25%{
        transform:translateY(-8px) scale(1.05);
    }
    50%{
        transform:translateY(-18px) scale(1.1);
        opacity:0.95;
    }
    75%{
        transform:translateY(-8px) scale(1.05);
    }
    100%{
        transform:translateY(0px) scale(1);
        opacity:1;
    }
}


/* about */

.game-row {text-align: center; }
.game-row h2 {width: 60%;margin: auto;line-height: 60px;margin-bottom: 20px;}
.game-row p {width: 40%;margin: auto;}

/* slider */
.slide-inner{display:flex;align-items:center;justify-content: center; gap: 40px;min-height:500px;}
.slick-row {padding: 0;}
.slide-left h2{font-size:42px;color:#b02a2a;}
.slide-left p{margin-top:15px;font-size:16px;color:#444;max-width:450px;}
.slider .slick-track{display:flex !important;justify-content: top;}
.slider .slick-slide{height:auto;}
.slider .slick-slide > div{height:100%;}
.slide-right{display: flex;text-align:center;justify-content: start;}
.main-img{width:500px}

/* Slick arrows */
.slick-row .slick-arrow{position: absolute;bottom: 30%;font-size: 50px;z-index: 1;}
.slick-row .slick-next::before, .slick-row .slick-prev::before {font-size: 30px; color:#b02a2a}
/* Slick arrows */

/* slider */

/* Header */
header{position: absolute;top: 30px;width: 100%;z-index: 999990;}
.rgi-logo img {margin: 7px 0 0; width: 200px;}
.hdr-sec{display: flex;justify-content: space-between;}
.drp-sec .btn09 .drop-btn{background-color: #fff;padding: 10px 25px;text-align: center; cursor: pointer;transition: .1s ease-out;font-size: 15px;font-weight: 600; border:none; color:#000;border-radius: 20px; box-shadow: 4px 4px 2px 0 fff;}
.drp-sec .btn09 .drop-btn:hover{box-shadow: 0 0 0;background-color: #b02a2a; color: #fff;}
.drp-sec .addition-drop-txt{background-color: #fff;border-radius: 4px;text-decoration: none;display: block;transition: .3s ease-in-out;overflow: hidden;overflow-y: auto;height: 0;}
.drp-sec:hover .addition-drop-txt{display: block;height: 200px;}
.drp-sec .addition-drop-txt a{display: block;text-align: center;padding: 5px 0px;text-decoration: none;color: #000;transition: .3s ease-out;}
.drp-sec .addition-drop-txt a:hover{background-color: #b02a2a;border-radius: 5px;color: #fff;} 


/* form */
.rgiForm .form-group .form-control {padding: 15px 20px;width: 100%; font-weight: bold; border:none; font-size: 15px; border-radius: 10px;    box-shadow: 4px 4px 2px 0 #032f64;}
.rgiForm .form-group textarea {width: 100%;}
.rgiForm .form-group {padding: 8px 0;position:relative}
.rgiForm {background: #ffb60066; padding: 30px;width: 38vw;margin-top:20px;height: fit-content;}
/* banner end */


/* footer */
.footer09 {background-color: #ffebb2;}
.ft_sec {padding: 150px 0px 70px 0px;}
.footer-min {display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;padding: 30px 0; padding: 30px 40px 0;}
.ft_sos,.magazines-img {padding: 20px 0;}
.ft_sos ul {display: flex;align-items: center;justify-content: space-evenly; list-style: none; padding: 0;}
.ft_sos ul li {margin: 0 8px 0 0; color:#032f64;}
.ft_sos ul li img {border-radius: 50%;width: 25px;}
.ft_sos a img {transition: all 0.4s}
.ft_sos a:hover img {transform: scale(1.1);}
.magazines-img img {width: 100%;}
.ftr-sb-txt, .ftr-sb-txt a {color:#032f64; text-decoration: none;padding: 0 20px;margin-bottom: 0;font-weight: 400;}
.ftr-sb-txt .ft-txt {font-size: 12px;padding: 0 20px;}
.btm-txt {padding:50px 0;}
.btm-txt h4 {text-align: center;text-transform: uppercase;
margin: 0; font-weight: 400; font-size: 18px; letter-spacing: 1px;}
.btm-txt h4 a {color: #032f64; text-decoration: none;}
.footer-img img {width: 200px;}

/* feedback form */
.feedbackRow{padding: 60px 0 100px;border-radius: 80px 80px 0 0; text-align: center;}
.form-row {display: grid; grid-template-columns: repeat(3,1fr);position: relative; gap:20px; margin-bottom: 20px;}
.error {margin: 50px 0px 0 0; color: red; font-size: 10px; position: absolute;
left: 0;}
.lead-form .form-group {margin-bottom: 10px;}
.form-main .error {position: inherit;text-align: left;}
.form-row input {width:100%; padding: 15px 20px; border: 1px solid #ccc;border-radius: 100px;}
textarea {width: 100%; height: 100px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; resize: vertical;}
.g-recaptcha {transform: scale(0.8);margin:10px -28px 20px;height: 60px; border-radius: 20px;}
.form-group__captcha {display: grid; align-items: center; justify-content: flex-start;}
.thank-you-message {text-align: center;margin-top: 20px; color: #185aa4; font-size: 18px; font-weight: 600;}  
/* footer End */





/* Site Code */
@media only screen and (max-width: 1440px) {
  .container {max-width: 85%;}
}

@media (max-width: 767px) {
.banner-inner {display: block;}
.about-right img {position: inherit;width: 100%;}
.about-section, section {padding: 40px 0;}
.hero-form h1 {font-size: 40px;}
br, .hand-top {display: none;}
.hero-form, .hero-img{width: 100%;}
.rgi-logo img {width: 170px;}
.drp-sec .btn09 .drop-btn {padding: 10px 15px;}
h1, h2, h3, h4, .game-row h2 {font-size: 30px;line-height: normal;}
.game-row p, .game-row h2 {width: 100%;} 
.slide-inner {display: block;}
.slide-left h2 {font-size: 22px;}
.main-img {width: 100%;}
.slick-row {height: auto;}
.footer-min {justify-content: center;}
.ftr-sb-txt, .ftr-sb-txt a {padding: 0;}
}