/* Hero Section */

.hero-section{
  background: url(https://website-assets.cybersquare.org/cybersquare.org/assets/summer-coding-camp/herobackground2.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 800px;
  width: 100%;
  padding-top: 150px;
  margin-bottom: -10px;    
  position: relative; 
  z-index: 1;
}
.hero-section-new{
  background: url( https://website-assets.cybersquare.org/cybersquare.org/assets/summer-coding-camp/cybersquare-winter-camp.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 800px;
  width: 100%;
  padding-top: 150px;
  margin-bottom: -10px;    
  position: relative; 
  z-index: 1;
}
.heroimage {
  /* transform: scaleX(-1); */
  margin-left: 400px;
  height: 630px;
  opacity: 0; 
  animation: smoothTransition 1s ease forwards; 
}

@keyframes smoothTransition {
  from {
    margin-left: 400px;
    opacity: 0;
  }
  to {
    margin-left: 200px;
    opacity: 1;
  }
}
.herotext-section {
  margin-left: 100px; 
}
.herotext-section-new {
  margin-left: 100px; 
}



.herotext-section h1{font-weight: 800;font-size: 3.5rem;color: #00247E;font-family: "Poppins", sans-serif;}
.herotext-section span{font-weight: 700;font-size: 1rem;color: #00247E;font-family: "Poppins", sans-serif;}
.herotext-section p{font-weight: 400;font-size: 1rem;letter-spacing: 0.6px;}
.herotext-section-new h1{font-weight: 800;font-size: 3.5rem;color: rgba(232, 73, 65, 1);font-family: "Poppins", sans-serif;}
.herotext-section-new span{font-weight: 700;font-size: 1rem;color: #000000;font-family: "Poppins", sans-serif;}
.herotext-section-new p{font-weight: 400;font-size: 1rem;letter-spacing: 0.6px;}
.hero-button {display: flex;margin-top: 20px;}

.register-button-1 {position: relative;padding: 20px 40px;font-size: 16px; font-weight: bold;background-color: #00247E;color: white;border: none;border-radius: 10px;cursor: pointer;display: inline-flex;box-shadow: 2px 2px 1px black;text-align: center;justify-content: center;}
.register-button-2 {position: relative;padding: 20px 40px;font-size: 16px; font-weight: bold;background-color: rgba(232, 73, 65, 1);color: white;border: none;border-radius: 10px;cursor: pointer;display: inline-flex;box-shadow: 2px 2px 1px rgb(181, 108, 108);text-align: center;justify-content: center;}
.snowfall-icon {position: absolute;top: -14px;right: -10px;width: 50px;height: 30px;}
.register-button-1:hover {background-color: #001F5C;}
.register-button-2:hover {background-color: #632e2e;}
.register-button:focus {outline: none;}

/* Hero section Ends */

/* ==================================================================== */

/* play and enjoy Section */

.snow-container {background-color: #00247E;background: radial-gradient(circle at 20% 0%, #425fa7 0%, #1f4095 20%, #00247E 100%);position: relative;padding: 10px;width: 100%;height: 480px;}
.snow-container::after {content: "";position: absolute;top: -26px;right: 140px;width: 600px;height: 100px}
/* .snow-container::after {content: "";position: absolute;top: -26px;right: 140px;width: 600px;height: 100px;background: url(../assets/wintercamp/Lsnow.png) no-repeat center / cover;z-index: 10;} */
.snow-container .playtext{color: white;padding-left: 15rem;padding-top: 4rem;font-size: 32px;}
.snow-container-new {background-color: rgba(215, 52, 42, 1);background: linear-gradient(to right,rgba(251, 88, 80, 1), rgba(215, 52, 42, 1));position: relative;padding: 10px;width: 100%;height: 480px;}
.snow-container-new::after {content: "";position: absolute;top: -26px;right: 140px;width: 600px;height: 100px;}
.snow-container-new .playtext{color: white;padding-left: 15rem;padding-top: 4rem;font-size: 32px;}
.mySlider {display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;padding: 20px; padding-top: 0px;}
.Support-Slider .mySlider-items {background-color: rgba(115, 175, 254, 0.276); border-radius: 12px;flex: 0 0 calc(33.33% - 20px)!important;box-sizing: border-box;justify-content: left;}
.support-icon{margin-bottom: 4px;margin-top: 4px;}
.support-icon span,.support-icon span::before{color: white;font-size:48px;}
.slick-dots li button:before {background: #167ac6;left: 0;width: 12px;height: 4px;border-radius: 6px;font-size: 0;}


/* ----------------------------------------------- */

.playcontainer {display: flex;background-color: transparent; padding: 10px;border-radius: 8px;position: relative;}
.playcontainer .icon {flex: 1;display: flex;justify-content: center;align-items: center;}
.playcontainer .icon img {height: 58px;width: 78px;}
.playcontainer .content {flex: 4;margin-left: 16px;}
.playcontainer .heading {font-size: 18px;font-weight: bold;color: #FFFFFF;margin: 0;}
.playcontainer .description {font-size: 14px;color: #F8FAFF;margin-top: 4px;}
.playcontainer .snowfall {position: absolute;top: -7px;right: -7px;height: 42px;width: 42px;}
.playcontainer .snowfall2{position: absolute;top: -20px;right: 50%;height: 32px;width: 52px;}
.playcontainer .snowfall3{position: absolute;top: -10px;right: 70%;height: 16px;width: 42px;}
/* play and enjoy Section Ends */

/* ======================================================================= */


/* Trusted Count Section */

.trustsection{position: relative;background: url(../assets/wintercamp/cybersquare-winter-camp-trustmany.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;min-height: 500px;}
.trustsection .heading-container{text-align: center;padding-top: 30px;}
.trustsection .heading-container h1 {font-weight: 800;font-size: 3.5rem;color: #00247E;font-family: "Poppins", sans-serif;}
.trustsection-new{position: relative;background: url(../assets/wintercamp/cybersquare-winter-camp-trusted-cybersquare-winter-camp.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;min-height: 500px;}
.trustsection-new .heading-container{text-align: center;padding-top: 30px;}
.trustsection-new .heading-container h1 {font-weight: 800;font-size: 3.5rem;color :rgba(215, 52, 42, 1);
  ;font-family: "Poppins", sans-serif;}

.cardtrust {background-color: rgba(255, 255, 255, 0.84);border: 1px solid white;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); height: 150px;width: 100%;display: flex;flex-direction: column;padding: 10px;}
.cardtrust h1 {font-size: 3.5rem;color: #00247E;font-family: "Poppins", sans-serif;padding-top: 10px;padding-left: 15px;}
.cardtrust p {color: #00247E;font-family: "Poppins", sans-serif;padding-left: 20px;margin-top: -20px;}

.cardtrust-new {background-color: rgba(255, 255, 255, 0.84);border: 1px solid white;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); height: 150px;width: 100%;display: flex;flex-direction: column;padding: 10px;}
.cardtrust-new h1 {font-size: 3.5rem;color: rgba(251, 88, 80, 1);font-family: "Poppins", sans-serif;padding-top: 10px;padding-left: 15px;}
.cardtrust-new p {color: #00247E;font-family: "Poppins", sans-serif;padding-left: 20px;margin-top: -20px;}


/* Trusted Count Section Ends */

/* ============================================================== */


/* Course Section */

.coursesection {position: relative;background: url(../assets/wintercamp/coursebackground.jpg);background-position: center bottom;background-size: cover;background-repeat: no-repeat; }
.coursesection::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgb(255, 255, 255),rgba(255, 255, 255, 0.786) , rgba(255, 255, 255, 0.4)); z-index: 1;pointer-events: none;}
.coursesection > * {position: relative;z-index: 2; }
.coursesection-new {position: relative;background-color: rgba(255, 250, 250, 1); }
.coursesection-new::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgb(255, 255, 255),rgba(255, 255, 255, 0.786) , rgba(255, 255, 255, 0.4)); z-index: 1;pointer-events: none;}
.coursesection-new > * {position: relative;z-index: 2; }
.courseinnersection {
  padding: 20px; 
  max-width: 1340px; 
  margin: 0 auto; 
  width: 100%; 
  transition: all 0.3s;
}
.courseheading h1{font-weight: 800;font-size: 3.5rem;color: #00247E;}
.courseheading-new h1{font-weight: 800;font-size: 3.5rem;color: #121314;}

.card-container {perspective: 1000px;}
.card-container[data-flipped="true"] .card {transform: rotateY(180deg);}
.card-container[data-flipped="false"] .card {transform: rotateY(0);}
.card-container-new {perspective: 1000px;}
.card-container-new[data-flipped="true"] .card {transform: rotateY(180deg);}
.card-container-new[data-flipped="false"] .card {transform: rotateY(0);}
.card-container-new {
  display: grid;
  gap: 30px; 
}
.card {width: 95%;height: 450px;position: relative;transform-style: preserve-3d;transition: transform 0.6s;border-radius: 16px;}
.card-side {position: absolute;width: 100%;height: 100%;backface-visibility: hidden;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;background-color: white;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.card-front {display: flex;flex-direction: column;border-radius: 16px;}
.cover-image {height: 60%;background-size: cover;background-position: center;overflow: hidden;}
.cover-image img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.content {flex: 1;display: flex;flex-direction: column;}
.title {font-size: 1.2rem;font-weight: bold;margin-bottom: 16px;text-align: left;}
.wintercoursetitle{color: #011547;}
.description {font-size: 0.9rem;color: #555;margin-bottom: 15px;color: rgb(0, 0, 0);justify-content: center;text-align: left;}
.info {display: flex;justify-content: space-between;font-size: 0.85rem;margin-bottom: 15px;color: #999FAD;}
.infoback {display: flex;justify-content: space-between;font-size: 0.85rem;margin-bottom: 15px;color: #5d616b;}
.infobackinner{color: #F8FAFF;}
.infohendinner{color: #27ae60;font-weight:800}
.price-enroll {display: flex;justify-content: space-between;align-items: center;}
.price-enroll-back {display: flex;justify-content: space-between;align-items: center; position:fixed; bottom:20px;gap: 190px;}
.price {font-size: 1rem;font-weight: 600;color: #27ae60;}
.priceinner{font-size: 1rem;font-weight: 600;color: #999FAD;}
.card-back {transform: rotateY(180deg);padding: 15px;background-color: #000E32;color: white;border-radius: 16px;}
.syllabus {font-size: 0.9rem;color: #333;line-height: 1.5;color: white;}
.skills{font-size: 0.85rem;color: #AEBAD8;text-align: left;}
.skillinner{color: #F8FAFF;}
.projectheading{text-align: left; padding-top: 10px;}
.projectlist{font-size: 12px; text-align: left;line-height: 2;}
.coursesectionbtn button {background-color: transparent; color: #00247E; border: 2px solid #00247E;padding: 10px 20px; font-size: 16px;border-radius: 5px;cursor: pointer;transition: all 0.3s ease; }
.coursesectionbtn button:hover {background-color: #00247E; color: white;}
.enroll-btn {background-color: transparent;color: #000E32;border: 1px solid #CCCFD6;padding: 10px 20px; font-size: 16px; border-radius: 5px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;}
.enroll-btn:hover {background-color: #00247E; color: white;border: 1px solid #cccfd600;}
.enroll-btn2 {background-color: #FFFFFF;color: #000E32;border: 1px solid rgba(255, 255, 255, 0); ;padding: 10px 20px; font-size: 16px;font-weight: 500; border-radius: 5px;cursor: pointer; transition: all 0.3s ease;  }
.enroll-btn2:hover {background-color: #000E32;color: #CCCFD6;border: 1px solid white; }
  

/* Faq Section */

.faq-section{padding-top: 24px;margin-bottom: 24px;}
.faq-section h3{color:#00247E;}
.faq-section .panel-title{margin-bottom: 0px;}
.faq-accordion .panel{background-color: rgb(255, 255, 255);    margin-bottom: 18px;border-radius: 8px;}
.faq-accordion .panel-heading{padding: 10px 15px 6px 15px;}
.faq-accordion .panel-body{padding:24px 30px 30px 30px;border-top: 1px solid #dcf9ff;}
.faq-accordion .panel-title>a{text-transform: none;}
.panel-title>a,.panel-title>a:active{display:block;padding:15px;color:#1d1d1d;font-size:16px;font-weight:600;letter-spacing:1px;word-spacing:3px;text-decoration:none}
.panel-heading a:before{font-family:'icomoon'!important;content:"\e916";float:right;transition:all .5s; color: darkblue;}
.panel-heading.active a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}


/* Faq Seciton Ends */


/* Watsapp pop up */

.whatsappscroll {
	width: 	70px;
	height: 70px;
	color: #fff;
	z-index: 999;
	bottom:70px;
	right: 10px;
	margin: auto;
	position: fixed;
	text-align: center;
	font-size: 16px;
	cursor: pointer;

  }


  /* Loader */

  .iframe-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    background: #f9f9f9; 
}

.loader, .loader2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #b7e8ee;
    border-top: 5px solid #00247E; 
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}




/* Media Query */
@media (max-width: 1724px) {
  .snow-container .playtext {
    color: white;
    padding-left: 6%;
    padding-top: 3rem;
    padding-bottom: 10px;
    font-size: 32px;
}
  .snow-container-new .playtext {
    color: white;
    padding-left: 6%;
    padding-top: 3rem;
    padding-bottom: 10px;
    font-size: 32px;
}
}

@media (max-width: 1500px) {
  .snow-container .playtext {
    color: white;
    padding-left: 2%;
    padding-top: 3rem;
    padding-bottom: 0;
    font-size: 32px;
}
  .snow-container-new .playtext {
    color: white;
    padding-left: 2%;
    padding-top: 3rem;
    padding-bottom: 0;
    font-size: 32px;
}
}

@media (max-width: 1024px) {
  .snow-container .playtext {
    color: white;
    padding-left: 4rem;
    padding-top: 4rem;
    font-size: 32px;
    padding-bottom: 20px;
}
  .snow-container-new .playtext {
    color: white;
    padding-left: 4rem;
    padding-top: 4rem;
    font-size: 32px;
    padding-bottom: 20px;
}
}



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

  /* Common */

  .container-fluid{padding: 10px;}

  /* Hero Section */
  .hero-section{
    background: url(../assets/wintercamp/herobackground2.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 617px;
    width: 100%;
    padding-top: 120px;
    margin-bottom: -10px;    
    position: relative; 
    z-index: 1;
  }
  .hero-section-new{
    background: url(../assets/wintercamp/cybersquare-winter-camp.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 617px;
    width: 100%;
    padding-top: 120px;
    margin-bottom: -10px;    
    position: relative; 
    z-index: 1;
  }
  .herotext-section {
    margin-left: 0px; 
    animation: slideIn 1.5s ease-in-out forwards; 
  }
  .herotext-section-new {
    margin-left: 0px; 
    animation: slideIn 1.5s ease-in-out forwards; 
  }
  
  @keyframes slideIn {
    from {
      margin-left: 0px; 
    }
    to {
      margin-left: 30px;
    }
  }

  .register-button-1 {position: relative;width:100%; padding: 10px 90px;font-size: 16px;font-weight: bold;background-color: #00247E;color: white;border: none;border-radius: 10px;cursor: pointer;display: inline-flex;box-shadow: 2px 2px 1px black;}
  .register-button-2 {position: relative;width:100%; padding: 10px 90px;font-size: 16px;font-weight: bold;background: linear-gradient(to right,rgba(251, 88, 80, 1), rgba(215, 52, 42, 1));color: white;border: none;border-radius: 10px;cursor: pointer;display: inline-flex;box-shadow: 2px 2px 1px black;}
  .snowfall-icon {position: absolute;top: -14px;right: 30px;width: 50px;height: 30px;}
  .herotext-section h1{font-weight: 800;font-size: 38px;text-align: left;line-height: 1.3;}
  .herotext-section p{font-weight: 400;font-size: 14px;letter-spacing: 0px;line-height: 1.3;text-align: left; margin-bottom: 10px;}
  .herotext-section-new h1{font-weight: 800;font-size: 38px;text-align: left;line-height: 1.3;}
  .herotext-section-new p{font-weight: 400;font-size: 14px;letter-spacing: 0px;line-height: 1.3;text-align: left; margin-bottom: 10px;}
  .hero-inner-section{margin-left: -30px;}
  .paracontainer {
    margin-top: 16px !important;
}



  /* play and enjoy section */
  .snow-container {background-color: #00247E;background: radial-gradient(circle at 20% 0%, #425fa7 0%, #1f4095 20%, #00247E 100%);position: relative;padding: 0px;width: 100%;height: 308px;}
  .snow-container::after {content: "";position: absolute;top: 0px;right: 50px;width: 300px;height: 50px;background: url(../assets/wintercamp/Lsnow.png) no-repeat center / cover;z-index: 10;}
  .snow-container .playtext{color: white;padding-left: 0rem;padding-top: 3rem!important;font-size: 26px;padding-bottom: 0;}
  .snow-container-new {background-color: rgba(215, 52, 42, 1);background: linear-gradient(to right,rgba(251, 88, 80, 1), rgba(215, 52, 42, 1));position: relative;padding: 0px;width: 100%;height: 308px;}
  /* .snow-container-new {background-color: #00247E;background: radial-gradient(circle at 20% 0%, #425fa7 0%, #1f4095 20%, #00247E 100%);position: relative;padding: 0px;width: 100%;height: 308px;} */
  .snow-container-new::after {content: "";position: absolute;top: 0px;right: 50px;width: 300px;height: 50px;}
  .snow-container-new .playtext{color: white;padding-left: 0rem;padding-top: 3rem!important;font-size: 26px;padding-bottom: 0;}

  .slick-dotted.slick-slider {margin-bottom: 0px;margin-top: 10px;max-width: 380px;margin-left: 0px;}
  .mySlider {padding: 0; scroll-snap-type: x mandatory;max-width: 100% !important;margin-right: 50px; }
  .mySlider-items {flex: 0 0 100%; margin-right: 20px;margin-left: 20px; scroll-snap-align: center;max-width: 380px;}

  .slick-dots li button:before {
    background: #ffffff;
    left: 0;
    width: 12px;
    height: 4px;
    border-radius: 6px;
    font-size: 0;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: -20px;
  margin-right: auto;
}
  .slick-slider .slick-track{opacity: 1;height: 160px;padding: 20px;transform: none;}
  .snow-container .playtext{padding-top: 2rem;}
  .snow-container-new .playtext{padding-top: 2rem;}
  .playcontainer {display: flex;background-color: transparent;padding: 8px; border-radius: 8px;position: relative;}
  .playcontainer .icon {flex: 1;display: flex;justify-content: center;align-items: center;}
  .playcontainer .icon img {height: 50px; width: 70px; }
  .playcontainer .content {
    flex: 4;
    margin-left: 12px; 
    padding: 0 !important;
  }
  .playcontainer .heading {font-size: 16px; font-weight: bold;color: #FFFFFF;margin: 0;text-align: start;}
  .playcontainer .description {font-size: 12px;color: #F8FAFF;margin-top: 2px;}

  .playcontainer .snowfall {
    position: absolute;
    top: -7px;
    right: -7px;
    height: 32px;
    width: 32px;
  }
  
  .playcontainer .snowfall2 {
    position: absolute;
    top: -18px;
    right: 50%;
    height: 28px; 
    width: 48px;
  }
  
  .playcontainer .snowfall3 {
    position: absolute;
    top: -8px;
    right: 70%;
    height: 14px;
    width: 38px;
  }
  /* ------------------------------------------------------------ */


  /* Course section */

  .courseheading h1{font-weight: 800;font-size: 28px;color: #00247E;padding-top: 30px;}

  .card {
    width: 100%; 
    height: 400px; 
    margin: 10px 0;
  }

  .courseinnersection {
    padding: 0px; 
    max-width: 1140px; 
    margin: 0; 
    width: 100%; 
  }
  .priceinner {
    font-size: 0.9rem;
    font-weight: 600;
    color: #999FAD;
  }
  .price {
    font-size: 0.9rem;
    font-weight: 600;
    color: #27ae60;
  }
  .projectlist{font-size: 0.75rem; text-align: left;line-height: 1.3;}

  .projectheading {
    text-align: left;
    padding-top: 0px;
    margin-bottom: 1px;
}

  /* Trust section */

  .trustsection{background: url(../assets/wintercamp/trustmany2.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;height: 512px;}

  .trustsection .heading-container {
    margin-top: 50px;
  }
  .trustsection .heading-container h1 {font-weight: 800;font-size: 28px;}
  .trustsection-new{background: url(../assets/wintercamp/cybersquare-winter-camp-trusted-cybersquare-winter-camp.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;height: 512px;}

  .trustsection-new .heading-container {
    margin-top: 50px;
  }
  .trustsection-new .heading-container h1 {font-weight: 800;font-size: 28px;}

  .cardtrust {
    background-color: rgba(255, 255, 255, 0.426);
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cardtrust h1 {font-weight: 600;font-size: 2.5rem; text-align: left;}
.cardtrust p {padding-left: 20px;margin-top: -20px;}
  .cardtrust-new {
    background-color: rgba(255, 255, 255, 0.426);
    border: 1px solid white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cardtrust-new h1 {font-weight: 600;font-size: 2.5rem; text-align: left;}
.cardtrust-new p {padding-left: 20px;margin-top: -20px;}


  /* Faq section */
  .panel-title>a, .panel-title>a:active {
    display: block;
    padding: 10px;
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-decoration: none;
  }


  .faq-accordion .panel-body {
    padding: 24px 30px 30px 30px;
    border-top: 1px solid #dcf9ff;
    font-size: 16px;
    font-weight: 600;
  }


}