index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.min.css">
    <link rel="icon" type="image/jpg" href="/images/logo.jpg">
    <title> India MUN | Largest Model United Nations in India! </title>
    <link rel="stylesheet" href="css/style.css">
    <script src="./js/script.js" defer></script>
    <script src="https://kit.fontawesome.com/0f20a2b955.js" defer crossorigin="anonymous"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap" rel="stylesheet">
</head>

<div class="top_comp">
    <a href="/"><img class="left_img" src="/images/logo.jpg"></a>
    <h2 data-content="INDIA'S LARGEST ONLINE DEBATING PLATFORM">INDIA'S LARGEST ONLINE DEBATING PLATFORM</h2>
    <a href="https://www.dublieu.com/"><img class="right_img" src="/images/dublieu.png" alt=""></a>
 </div>

<body>
    <a href="" class="scrollUp">
        <i class="fa fa-chevron-up"></i>
    </a>
    <script src="https://cdnjs.cloudfare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        const scrollUp = document.querySelector('.scrollUp');

        window.addEventListener('scroll', () => {
            if(window.pageYOffset > 100){
                scrollUp.classList.add("active");
            } else {
                scrollUp.classList.remove("active");
            }
        });
    </script>
  <nav>
    <div class="nav-logo">
    </div>
    <ul class="nav-links">
      <li class="link" id="homeLink"><a href="index.html">Home &nbsp;</a></li>
      <li class="link" style="color: white; margin: 0;">|</li>
      <div class="dropdown">
        <button class="dropbtn">About Us      
          <i class="fa fa-caret-down"></i>
        </button>
        <div class="dropdown-content">
          <a href="about.html">Vision & Mission</a>
          <a href="team.html">The Team</a>
        </div>
      </div>
      <li class="link" style="color: white; margin: 0;">|</li>
      <li id="link1" class="link"><a href="programs.html">India MUN Programs</a></li>
      <li class="link" style="color: white; margin: 0;">|</li>    
      <li id="link1" class="link"><a href="https://linktr.ee/indiamun" target="_blank">Affliate Now</a></li>
      <!--<li id="link2" class="link"><a href="affliates.html">Affliate Now</a></li>-->
      <li class="link" style="color: white; margin: 0;">|</li>
      <li id="link3" class="link"><a href="committees.html">Committees</a></li>
  </ul>
  <a class="btn-a" href="#" onclick="document.getElementById('contactUs').scrollIntoView({behavior: 'smooth'})" style="text-decoration: none;"><button style="color: #fff;" class="btn">Contact Us</button></a>
  </nav>
  <nav class="phone-nav">
    <div class="nav-logo">
        <a href="#">
            <img class="img-navbar" src="images/logo.jpg">
        </a>
    </div>
    
    <button style="color: #fff;" class="new-btn">
        <?xml version="1.0" encoding="utf-8"?>
        <svg class="hamburger" width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M4 18L20 18" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
        <path d="M4 12L20 12" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
        <path d="M4 6L20 6" stroke="#000000" stroke-width="2" stroke-linecap="round"/>
        </svg></button>
  </nav>

  <div class="slidesContainer" id="slidesContainer">
    <div class="slide activeSlide" id="slide1">
        <h1><span class="specialText" style="font-weight: 900;" data-value="INDIA MUN">INDIA MUN</span> 2024</h1>
        <br>
        <h2>India's Largest Online Conference!</h2>
        <a href="https://linktr.ee/indiamun" target="_blank" class="slidesBtn">APPLY NOW!</a>
        <div class="circles">
            <div class="circle slide1Circle" onclick="goToSlide('slide1', true)"></div>
            <div class="circle slide2Circle" onclick="goToSlide('slide2', true)"></div>
            <div class="circle slide3Circle" onclick="goToSlide('slide3', true)"></div>
            <div class="circle slide4Circle" onclick="goToSlide('slide4', true)"></div>
            <div class="circle slide5Circle" onclick="goToSlide('slide5', true)"></div>
        </div>
    </div>
    
    <div class="slide" id="slide2">
        <h1><span class="specialText" style="font-weight: 900;" data-value="INDIA MUN">INDIA MUN</span> 2024</h1>
        <h2>Take Part in India's National Online MUN</h2>
        <a href="https://linktr.ee/indiamun" target="_blank" class="slidesBtn">APPLY NOW!</a>
        <div class="circles">
            <div class="circle slide1Circle" onclick="goToSlide('slide1', true)"></div>
            <div class="circle slide2Circle" onclick="goToSlide('slide2', true)"></div>
            <div class="circle slide3Circle" onclick="goToSlide('slide3', true)"></div>
            <div class="circle slide4Circle" onclick="goToSlide('slide4', true)"></div>
            <div class="circle slide5Circle" onclick="goToSlide('slide5', true)"></div>
        </div>
    </div>
    <div class="slide" id="slide3">
        <h1><span class="specialText" style="font-weight: 900;" data-value="INDIA MUN">INDIA MUN</span> 2024</h1>
        <h2>Our Country, Our Voice, Our MUN</h2>
        <a href="https://linktr.ee/indiamun" target="_blank" class="slidesBtn">APPLY NOW!</a>
        <div class="circles">
            <div class="circle slide1Circle" onclick="goToSlide('slide1', true)"></div>
            <div class="circle slide2Circle" onclick="goToSlide('slide2', true)"></div>
            <div class="circle slide3Circle" onclick="goToSlide('slide3', true)"></div>
            <div class="circle slide4Circle" onclick="goToSlide('slide4', true)"></div>
            <div class="circle slide5Circle" onclick="goToSlide('slide5', true)"></div>
        </div>
    </div>
    <div class="slide" id="slide4">
        <h1><span class="specialText" style="font-weight: 900;" data-value="INDIA MUN">INDIA MUN</span> 2024</h1>
        <h2>This time, debate for India 🇮🇳</h2>
        <a href="https://linktr.ee/indiamun" target="_blank" class="slidesBtn">APPLY NOW!</a>
        <div class="circles">
            <div class="circle slide1Circle" onclick="goToSlide('slide1', true)"></div>
            <div class="circle slide2Circle" onclick="goToSlide('slide2', true)"></div>
            <div class="circle slide3Circle" onclick="goToSlide('slide3', true)"></div>
            <div class="circle slide4Circle" onclick="goToSlide('slide4', true)"></div>
            <div class="circle slide5Circle" onclick="goToSlide('slide5', true)"></div>
        </div>
    </div>
    <div class="slide" id="slide5">
        <h1><span class="specialText" style="font-weight: 900;" data-value="INDIA MUN">INDIA MUN</span> 2024</h1>
        <h2>India Model United Nations 2024 🚀</h2>
        <a href="https://linktr.ee/indiamun" target="_blank" class="slidesBtn">APPLY NOW!</a>
        <div class="circles">
            <div class="circle slide1Circle" onclick="goToSlide('slide1', true)"></div>
            <div class="circle slide2Circle" onclick="goToSlide('slide2', true)"></div>
            <div class="circle slide3Circle" onclick="goToSlide('slide3', true)"></div>
            <div class="circle slide4Circle" onclick="goToSlide('slide4', true)"></div>
            <div class="circle slide5Circle" onclick="goToSlide('slide5', true)"></div>
        </div>
    </div>
</div>

<div class="whyUs" id="whyUs">
    <div class="containerHeading hidden">
        <h1>Why Choose Us</h1>
        <div class="underline"></div>
    </div>
    <div class="containerWhyUs hidden">
        <div class="card hidden">
            <img src="./images/ICON-1.png" alt="">
            <h1>UNLEASH YOUR POTENTIAL</h1>
            <p>Engage in thought-provoking discussions on global issues, honing your diplomatic skills and critical thinking.</p>
        </div>
        <div class="card hidden">
            <img src="./images/ICON-2.png" alt="">
            <h1>CONNECT NATURALLY</h1>
            <p>Network with passionate delegates from across the country, fostering friendships and cross-cultural understanding.</p>
        </div>
        <div class="card hidden">
            <img src="./images/ICON-3.png" alt="">
            <h1>IMMERSIVE VIRTUAL EXPERIENCE</h1>
            <p>Our cutting-edge virtual platform ensures an interactive and seamless MUN experience, right from the comfort of your home.</p>
        </div>
        <div class="card hidden">
            <img src="./images/ICON-4.png" style="aspect-ratio: 1.2; width: 7.5vw; margin-bottom: 1vw;" alt="">
            <h1>EXPERTLY CRAFTED COMMITTEES</h1>
            <p>Explore diverse committees that simulate real-world challenges, offering you a chance to make a lasting impact.</p>
        </div>
    </div>
</div>

<div class="note" id="note">
    <div class="containerHeading hidden">
        <h1>Note From The Founder</h1>
        <div class="underline"></div>
    </div>
    <div class="noteCard hidden">
        <img class=" hidden" src="/images/founder.jpg" alt="">
        <p class="noteText hidden">"Debate is a lot of things. It’s a way for someone shy to overcome their fear of public speaking, it’s a way for someone to fuel their passion to excellence, it’s a way for people with opposing views to come together, but most importantly, it helps us solve problems at a larger scale, as a country, united in our stance. Whether it’s a global crisis, or a regional adversity, debate gives us a voice among those who want to hear and be heard, and that is exactly what India Model United Nations is about. A platform, for debaters to come together, and make a positive impact as a whole, as a community. A voice, for Indians, India MUN."</p>
        <div class="credentials hidden">
            <p class="text hidden">- Naman Gupta,</p>
            <p class="text hidden">Managing Director</p>
        </div>
    </div>
</div>

<div class="partners" id="partners">
    <div class="containerHeading hidden">
        <h1>Our Partners</h1>
        <div class="underline"></div>
    </div>
    <div class="partnerContainer hidden">
        <div class="partner hidden">
            <img src="./images/dublieu.png" alt="">
            <h1><span style="font-weight: 700;">Dublieu:</span> Media and Public Relations Partner.</h1>
            <p>Dublieu is an online platform that helps teenagers and students find various opportunities, such as competitions, MUNs (Model United Nations), fellowships, hackathons, quizzes, and internships. </p>
        </div>
        <div class="partner hidden">
            <img src="./images/kamakhya.png" alt="">
            <h1><span style="font-weight: 700;">Project Kamakhya:</span> Sustainability Partner.</h1>
            <p>This project focuses on raising awareness about menstrual hygiene and providing sustainable menstrual options for women and girls in underprivileged communities in India.</p>
        </div>
        <div class="partner hidden">
            <img src="./images/spectertech.png" alt="">
            <h1><span style="font-weight: 700;">SpecterTech:</span> Software Partner.</h1>
            <p>Spectertech is a software development and education enterprise which has helped over 500,000 developers learn computer science through various online platforms.</p>
        </div>
    </div>
</div>

<div class="committees" id="committees">
    <div class="containerHeading hidden">
        <h1 style="margin-top: 2.5vw;">Our Committees</h1>
        <div class="underline"></div>
    
    </div>
    <div class="commiteeContainer hidden">
        <div class="cardCommittee hidden">
            <img class="hidden" src="/images/UNGA.png" alt="">
            <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Peace in Israel-Hamas Conflict</h1>
        </div>
        <div class="cardCommittee hidden">
            <img class="hidden" src="/images/UNODC.png" alt="">
            <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Cybercrime on the Dark Web</h1>
        </div>
        <div class="cardCommittee hidden">
            <img class="hidden" src="/images/UNSC.png" alt="">
            <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Lasting Peace in Russia-Ukraine Conflict</h1>
        </div>
        <div class="cardCommittee hidden">
            <img class="hidden" src="/images/UNCSW.png" alt="">
            <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Women's Participation in Sports</h1>
        </div>
        <div class="cardCommittee hidden">
            <img class="hidden" src="/images/AIPPM.png" alt="">
            <h1 class="hidden"><b style="font-weight: 700;">AGENDA</b>: Environmental Sustainability</h1>
        
        </div>
    </div>
<br><br><br>
</div>

<div class="footer">
    <div class="logo">
        <img src="/images/logo.jpg" alt="">
    </div>
    <div class="contact-us" id="contactUs">
        <form class="form">
            <h1>Contact Us</h1>
            <input placeholder="Email" id="email" type="email">
            <input type="text" id="subject" min="1" placeholder="Subject" max="50">
            <textarea id="text" style="height: 7vh; display: flex;" type="text" placeholder="Query" min="1" max="500"></textarea>
            <button onclick="sendData(event)";>Submit</button>
        </form>
    </div>
    <div class="linksFooter">
        <h1>Links</h1>
        <a target="_blank" href="https://www.instagram.com/indiamunofficial/" style="margin-top: 1vw;">
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
                <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M16,3c-7.16752,0 -13,5.83248 -13,13v18c0,7.16752 5.83248,13 13,13h18c7.16752,0 13,-5.83248 13,-13v-18c0,-7.16752 -5.83248,-13 -13,-13zM16,5h18c6.08648,0 11,4.91352 11,11v18c0,6.08648 -4.91352,11 -11,11h-18c-6.08648,0 -11,-4.91352 -11,-11v-18c0,-6.08648 4.91352,-11 11,-11zM37,11c-1.10457,0 -2,0.89543 -2,2c0,1.10457 0.89543,2 2,2c1.10457,0 2,-0.89543 2,-2c0,-1.10457 -0.89543,-2 -2,-2zM25,14c-6.06329,0 -11,4.93671 -11,11c0,6.06329 4.93671,11 11,11c6.06329,0 11,-4.93671 11,-11c0,-6.06329 -4.93671,-11 -11,-11zM25,16c4.98241,0 9,4.01759 9,9c0,4.98241 -4.01759,9 -9,9c-4.98241,0 -9,-4.01759 -9,-9c0,-4.98241 4.01759,-9 9,-9z"></path></g></g>
            </svg>
        </a>
        <a target="_blank" href="https://wa.me/918288893788">
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
                <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,2c-12.69047,0 -23,10.30953 -23,23c0,4.0791 1.11869,7.88588 2.98438,11.20898l-2.94727,10.52148c-0.09582,0.34262 -0.00241,0.71035 0.24531,0.96571c0.24772,0.25536 0.61244,0.35989 0.95781,0.27452l10.9707,-2.71875c3.22369,1.72098 6.88165,2.74805 10.78906,2.74805c12.69047,0 23,-10.30953 23,-23c0,-12.69047 -10.30953,-23 -23,-23zM25,4c11.60953,0 21,9.39047 21,21c0,11.60953 -9.39047,21 -21,21c-3.72198,0 -7.20788,-0.97037 -10.23828,-2.66602c-0.22164,-0.12385 -0.48208,-0.15876 -0.72852,-0.09766l-9.60742,2.38086l2.57617,-9.19141c0.07449,-0.26248 0.03851,-0.54399 -0.09961,-0.7793c-1.84166,-3.12289 -2.90234,-6.75638 -2.90234,-10.64648c0,-11.60953 9.39047,-21 21,-21zM16.64258,13c-0.64104,0 -1.55653,0.23849 -2.30859,1.04883c-0.45172,0.48672 -2.33398,2.32068 -2.33398,5.54492c0,3.36152 2.33139,6.2621 2.61328,6.63477h0.00195v0.00195c-0.02674,-0.03514 0.3578,0.52172 0.87109,1.18945c0.5133,0.66773 1.23108,1.54472 2.13281,2.49414c1.80347,1.89885 4.33914,4.09336 7.48633,5.43555c1.44932,0.61717 2.59271,0.98981 3.45898,1.26172c1.60539,0.5041 3.06762,0.42747 4.16602,0.26563c0.82216,-0.12108 1.72641,-0.51584 2.62109,-1.08203c0.89469,-0.56619 1.77153,-1.2702 2.1582,-2.33984c0.27701,-0.76683 0.41783,-1.47548 0.46875,-2.05859c0.02546,-0.29156 0.02869,-0.54888 0.00977,-0.78711c-0.01897,-0.23823 0.0013,-0.42071 -0.2207,-0.78516c-0.46557,-0.76441 -0.99283,-0.78437 -1.54297,-1.05664c-0.30567,-0.15128 -1.17595,-0.57625 -2.04883,-0.99219c-0.8719,-0.41547 -1.62686,-0.78344 -2.0918,-0.94922c-0.29375,-0.10568 -0.65243,-0.25782 -1.16992,-0.19922c-0.51749,0.0586 -1.0286,0.43198 -1.32617,0.87305c-0.28205,0.41807 -1.4175,1.75835 -1.76367,2.15234c-0.0046,-0.0028 0.02544,0.01104 -0.11133,-0.05664c-0.42813,-0.21189 -0.95173,-0.39205 -1.72656,-0.80078c-0.77483,-0.40873 -1.74407,-1.01229 -2.80469,-1.94727v-0.00195c-1.57861,-1.38975 -2.68437,-3.1346 -3.0332,-3.7207c0.0235,-0.02796 -0.00279,0.0059 0.04687,-0.04297l0.00195,-0.00195c0.35652,-0.35115 0.67247,-0.77056 0.93945,-1.07812c0.37854,-0.43609 0.54559,-0.82052 0.72656,-1.17969c0.36067,-0.71583 0.15985,-1.50352 -0.04883,-1.91797v-0.00195c0.01441,0.02867 -0.11288,-0.25219 -0.25,-0.57617c-0.13751,-0.32491 -0.31279,-0.74613 -0.5,-1.19531c-0.37442,-0.89836 -0.79243,-1.90595 -1.04102,-2.49609v-0.00195c-0.29285,-0.69513 -0.68904,-1.1959 -1.20703,-1.4375c-0.51799,-0.2416 -0.97563,-0.17291 -0.99414,-0.17383h-0.00195c-0.36964,-0.01705 -0.77527,-0.02148 -1.17773,-0.02148zM16.64258,15c0.38554,0 0.76564,0.0047 1.08398,0.01953c0.32749,0.01632 0.30712,0.01766 0.24414,-0.01172c-0.06399,-0.02984 0.02283,-0.03953 0.20898,0.40234c0.24341,0.57785 0.66348,1.58909 1.03906,2.49023c0.18779,0.45057 0.36354,0.87343 0.50391,1.20508c0.14036,0.33165 0.21642,0.51683 0.30469,0.69336v0.00195l0.00195,0.00195c0.08654,0.17075 0.07889,0.06143 0.04883,0.12109c-0.21103,0.41883 -0.23966,0.52166 -0.45312,0.76758c-0.32502,0.37443 -0.65655,0.792 -0.83203,0.96484c-0.15353,0.15082 -0.43055,0.38578 -0.60352,0.8457c-0.17323,0.46063 -0.09238,1.09262 0.18555,1.56445c0.37003,0.62819 1.58941,2.6129 3.48438,4.28125c1.19338,1.05202 2.30519,1.74828 3.19336,2.2168c0.88817,0.46852 1.61157,0.74215 1.77344,0.82227c0.38438,0.19023 0.80448,0.33795 1.29297,0.2793c0.48849,-0.05865 0.90964,-0.35504 1.17773,-0.6582l0.00195,-0.00195c0.3568,-0.40451 1.41702,-1.61513 1.92578,-2.36133c0.02156,0.0076 0.0145,0.0017 0.18359,0.0625v0.00195h0.00195c0.0772,0.02749 1.04413,0.46028 1.90625,0.87109c0.86212,0.41081 1.73716,0.8378 2.02148,0.97852c0.41033,0.20308 0.60422,0.33529 0.6543,0.33594c0.00338,0.08798 0.0068,0.18333 -0.00586,0.32813c-0.03507,0.40164 -0.14243,0.95757 -0.35742,1.55273c-0.10532,0.29136 -0.65389,0.89227 -1.3457,1.33008c-0.69181,0.43781 -1.53386,0.74705 -1.8457,0.79297c-0.9376,0.13815 -2.05083,0.18859 -3.27344,-0.19531c-0.84773,-0.26609 -1.90476,-0.61053 -3.27344,-1.19336c-2.77581,-1.18381 -5.13503,-3.19825 -6.82031,-4.97266c-0.84264,-0.8872 -1.51775,-1.71309 -1.99805,-2.33789c-0.4794,-0.62364 -0.68874,-0.94816 -0.86328,-1.17773l-0.00195,-0.00195c-0.30983,-0.40973 -2.20703,-3.04868 -2.20703,-5.42578c0,-2.51576 1.1685,-3.50231 1.80078,-4.18359c0.33194,-0.35766 0.69484,-0.41016 0.8418,-0.41016z"></path></g></g>
            </svg>
        </a>
        <a href="mailto:indiamunofficial@gmail.com">
            <svg width="60" height="42" viewBox="0 0 60 42" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_6_18)">
                <path d="M51.4201 42.32H8.58008C6.32655 42.3173 4.16608 41.421 2.57259 39.8275C0.979108 38.234 0.0827247 36.0735 0.0800781 33.82V8.17999C0.0827247 5.92646 0.979108 3.76599 2.57259 2.17251C4.16608 0.579022 6.32655 -0.317361 8.58008 -0.320007H51.4201C53.6736 -0.317361 55.8341 0.579022 57.4276 2.17251C59.0211 3.76599 59.9174 5.92646 59.9201 8.17999V33.82C59.9174 36.0735 59.0211 38.234 57.4276 39.8275C55.8341 41.421 53.6736 42.3173 51.4201 42.32ZM8.58008 2.67999C7.12139 2.67999 5.72244 3.25945 4.69099 4.2909C3.65954 5.32236 3.08008 6.7213 3.08008 8.17999V33.82C3.08008 35.2787 3.65954 36.6776 4.69099 37.7091C5.72244 38.7405 7.12139 39.32 8.58008 39.32H51.4201C52.8788 39.32 54.2777 38.7405 55.3092 37.7091C56.3406 36.6776 56.9201 35.2787 56.9201 33.82V8.17999C56.9201 6.7213 56.3406 5.32236 55.3092 4.2909C54.2777 3.25945 52.8788 2.67999 51.4201 2.67999H8.58008Z" fill="white"/>
                <path d="M30.0001 27.08C28.1497 27.0829 26.3487 26.4826 24.8701 25.37L1.52013 7.71C1.35516 7.59421 1.21521 7.44636 1.10864 7.27528C1.00207 7.10421 0.93108 6.9134 0.899897 6.71428C0.868714 6.51515 0.877982 6.31178 0.927147 6.11631C0.976313 5.92084 1.06437 5.73729 1.18605 5.57661C1.30774 5.41594 1.46055 5.28143 1.63538 5.18113C1.81021 5.08083 2.00345 5.01679 2.20358 4.99284C2.40371 4.96889 2.60661 4.98551 2.80017 5.04172C2.99372 5.09793 3.17397 5.19258 3.33013 5.32L26.6801 23C27.639 23.7158 28.8036 24.1025 30.0001 24.1025C31.1967 24.1025 32.3613 23.7158 33.3201 23L56.6701 5.32C56.8263 5.19258 57.0065 5.09793 57.2001 5.04172C57.3937 4.98551 57.5966 4.96889 57.7967 4.99284C57.9968 5.01679 58.1901 5.08083 58.3649 5.18113C58.5397 5.28143 58.6925 5.41594 58.8142 5.57661C58.9359 5.73729 59.024 5.92084 59.0731 6.11631C59.1223 6.31178 59.1316 6.51515 59.1004 6.71428C59.0692 6.9134 58.9982 7.10421 58.8916 7.27528C58.7851 7.44636 58.6451 7.59421 58.4801 7.71L35.1301 25.37C33.6515 26.4826 31.8506 27.0829 30.0001 27.08Z" fill="white"/>
                <path d="M2.17017 38.14C1.86595 38.1405 1.56877 38.0484 1.31809 37.876C1.06741 37.7036 0.875061 37.4591 0.766577 37.1749C0.658093 36.8907 0.638599 36.5802 0.710682 36.2846C0.782765 35.989 0.943017 35.7224 1.17017 35.52L19.5702 19.11C19.8672 18.8448 20.2574 18.7084 20.655 18.7309C21.0526 18.7535 21.425 18.933 21.6902 19.23C21.9554 19.5271 22.0917 19.9173 22.0692 20.3149C22.0467 20.7124 21.8672 21.0848 21.5702 21.35L3.17017 37.76C2.89692 38.0086 2.53958 38.1444 2.17017 38.14ZM57.8302 38.14C57.4608 38.1444 57.1034 38.0086 56.8302 37.76L38.4302 21.35C38.1331 21.0848 37.9536 20.7124 37.9311 20.3149C37.9086 19.9173 38.045 19.5271 38.3102 19.23C38.5754 18.933 38.9477 18.7535 39.3453 18.7309C39.7429 18.7084 40.1331 18.8448 40.4302 19.11L58.8202 35.52C59.0473 35.7224 59.2076 35.989 59.2797 36.2846C59.3517 36.5802 59.3323 36.8907 59.2238 37.1749C59.1153 37.4591 58.9229 37.7036 58.6723 37.876C58.4216 38.0484 58.1244 38.1405 57.8202 38.14H57.8302Z" fill="white"/>
                </g>
                <defs>
                <clipPath id="clip0_6_18">
                <rect width="60" height="42" fill="white"/>
                </clipPath>
                </defs>
            </svg>                
        </a>
        <a href="tel:+918288893788">
            <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M56.0674 35.3019C55.3609 35.3019 54.6222 35.0765 53.9157 34.9154C52.4849 34.5992 51.0788 34.1794 49.7086 33.6593C48.2187 33.1157 46.581 33.1439 45.1107 33.7385C43.6403 34.3331 42.4412 35.4521 41.744 36.8801L41.0375 38.3295C37.9094 36.5844 35.0351 34.4169 32.4948 31.8878C29.973 29.3401 27.8118 26.4574 26.0717 23.3202L27.4206 22.4184C28.8445 21.7192 29.9602 20.5165 30.5531 19.0419C31.146 17.5672 31.1741 15.9248 30.6321 14.4306C30.1222 13.0534 29.7038 11.6439 29.3796 10.2112C29.219 9.50263 29.0906 8.76183 28.9942 8.02102C28.6042 5.7523 27.4194 3.69777 25.653 2.22742C23.8867 0.757082 21.6549 -0.0324467 19.3596 0.001022H9.72505C8.34098 -0.0120114 6.97036 0.274196 5.70649 0.84016C4.44263 1.40612 3.31519 2.23856 2.40093 3.28079C1.48667 4.32302 0.807063 5.55059 0.408363 6.87991C0.00966251 8.20923 -0.0987656 9.60911 0.0904598 10.9842C1.80136 24.4777 7.94595 37.015 17.5536 46.6157C27.1613 56.2164 39.6845 62.3332 53.1449 64H54.3653C56.7335 64.0035 59.0201 63.1321 60.7884 61.5521C61.8044 60.6407 62.616 59.5235 63.1696 58.2743C63.7232 57.025 64.0062 55.6722 63.9999 54.3051V44.6425C63.9606 42.4052 63.1482 40.251 61.7015 38.5475C60.2549 36.844 58.2635 35.6969 56.0674 35.3019ZM57.6732 54.6272C57.6726 55.0845 57.5749 55.5365 57.3867 55.953C57.1984 56.3695 56.9238 56.7411 56.5813 57.0429C56.2224 57.3536 55.8028 57.5857 55.3493 57.7244C54.8958 57.8631 54.4185 57.9052 53.9478 57.8481C41.9203 56.3014 30.7485 50.783 22.1945 42.1633C13.6405 33.5436 8.19125 22.3132 6.70621 10.2434C6.6551 9.77163 6.69989 9.29434 6.83789 8.84039C6.97589 8.38644 7.20422 7.96526 7.50909 7.60231C7.81005 7.25874 8.1805 6.98339 8.59581 6.79457C9.01111 6.60575 9.46175 6.50779 9.91774 6.50721H19.5523C20.2992 6.49054 21.0284 6.7355 21.6146 7.19993C22.2008 7.66435 22.6072 8.31918 22.7639 9.05171C22.8923 9.93208 23.0529 10.8017 23.2456 11.6606C23.6166 13.3585 24.1103 15.027 24.7229 16.653L20.2267 18.7466C19.8423 18.9235 19.4965 19.1748 19.2092 19.4861C18.9219 19.7974 18.6987 20.1625 18.5525 20.5606C18.4063 20.9586 18.3399 21.3817 18.3572 21.8055C18.3744 22.2293 18.475 22.6456 18.6531 23.0303C23.2751 32.9595 31.2334 40.941 41.1338 45.5765C41.9157 45.8987 42.7927 45.8987 43.5746 45.5765C43.9751 45.4329 44.3432 45.2108 44.6574 44.9233C44.9717 44.6358 45.2258 44.2885 45.4051 43.9017L47.3963 39.3924C49.0565 39.9879 50.751 40.4827 52.4705 40.874C53.3269 41.0673 54.194 41.2283 55.0718 41.3572C55.8022 41.5143 56.4552 41.9219 56.9182 42.5098C57.3813 43.0977 57.6256 43.8291 57.609 44.5781L57.6732 54.6272Z" fill="white"/>
            </svg>                
        </a>
    </div>
</div>

</body>

<script>
    var currentSlide = 1;
    window.onload = () => {

        const slideRect = document.getElementById('slide1').getBoundingClientRect()
        const slideHeight = slideRect.height
        document.getElementById('slidesContainer').style.height = slideHeight + 'px'
    }
    const slidesInterval = setInterval(() => {
        
        if (currentSlide < 5) {
            goToSlide(`slide${currentSlide + 1}`, false)
        } else if (currentSlide == 5) {
            goToSlide('slide1', false)
        }
    }, 4000, true)
    const goToSlide = (slideId, isBtn) => {
        if (slideId == `slide${currentSlide}`) return; // If the requested slide is same as the current slide.
        if (isBtn) {
            clearInterval(slidesInterval) // If the user came to the slide by clicking on a circle.
        }
        for (let i = 1; i < 6; i++) {
            const elmnt = document.getElementById(`slide${i}`)
            if (elmnt.classList.contains('activeSlide')) {
                elmnt.className = 'slide doneSlide'
                setTimeout(() => {
                    elmnt.style.transition = '0s'
                    elmnt.className = 'slide'
                    setTimeout(() => {
                        elmnt.style.transition = '1s'
                    }, 100)
                }, 1000)
            }
        }
        document.getElementById(slideId).className = 'slide activeSlide'
        currentSlide = Number(slideId.charAt(slideId.length - 1))
        const allCircles = document.getElementsByClassName(`circle`)
        for (let j = 0; j < allCircles.length; j++) {
             if (allCircles[j].classList.contains(`slide${currentSlide}Circle`)) {
                allCircles[j].style.backgroundColor = 'white'
             } else {
                allCircles[j].style.backgroundColor = 'transparent'
             }
        }
    }
</script>
</html>