/*
THEME: Sandbox
VERSION: 1.0.0
AUTHOR: Gaurav Mittal

*/


body {
	font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;padding:20px 20px 0px 20px;
}
.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}.mtop60{margin-top:60px !important;}
.width80{max-width:860px; margin:0px auto !important;}
.width90{max-width:960px; margin:0px auto !important;}
.width1040{max-width:1070px; margin:0px auto !important;}
.header{background:#E31E24; position:relative; padding:20px 0px;}


.mainSliderHeader{margin-top:0px; display:block;}
.mainMobSliderHeader{margin-top:0px; display:none;}
/*#mainSlider .owl-dots{text-align:center; margin-top:10px;}
#mainSlider .owl-dot{margin-right:2px; background:#333333; border:0px solid #E3000F; border-radius:15px; width:10px; height:10px; display: inline-block; margin-right:6px;}
#mainSlider .owl-dots .active{background:#E3000F; border:0px solid #E3000F; }
#mainSlider .owl-nav{display:none;}*/

#mainSlider .owl-dots{text-align: center;position: absolute; bottom: 20px; left: 0; right: 0;}
#mainSlider .owl-dot{margin-right:2px;background:#333;border:0 solid #e3000f;border-radius:5px;width:30px;height:6px;display:inline-block}
#mainSlider .owl-dots .active{background:#e3000f;border:0 solid #e3000f;width:80px;}
#mainSlider .owl-nav{display:none;}

#mainMobSlider .owl-dots{text-align: center;position: absolute; bottom: 10px; left: 0; right: 0;}
#mainMobSlider .owl-dot{margin-right:2px;background:#333;border:0 solid #e3000f;border-radius:5px;width:30px;height:6px;display:inline-block}
#mainMobSlider .owl-dots .active{background:#e3000f;border:0 solid #e3000f;width:80px;}
#mainMobSlider .owl-nav{display:none;}

/*.header{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%; animation: gradient 15s ease infinite; position:relative; padding:30px 0px 80px 0px;}*/




.headerMenu{background:#000; padding:10px;}
.tMenu{position:absolute; right:25px; top:20px;}
.tMenu ul{display:flex; margin-top: 10px;}
.tMenu li{list-style:none; border-left:1px solid #fff;}
.tMenu li:first-child{border-left:0px solid #fff;}
.tMenu li a{color:#fff; text-decoration:none; padding:8px 10px; }
.tMenu li a:hover{text-decoration:underline; }

.logo{display:table; text-align:left;}
.sandBox{padding:80px 40px 50px 40px; background-color:#fff; display:table; margin:150px auto 150px;}
.sandBox h4{text-align:right;font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 22px;line-height: 37px;color: #000000; margin-top:20px;}

.shape1{background:url(images/shapeW.png) no-repeat;width:108px; height:108px; position:absolute; top:23%; left:10%; -webkit-animation: bounce-y 15s infinite linear;
animation: bounce-y 5s infinite linear;}
.shape2{background:url(images/shapeW.png) no-repeat;width:108px; height:108px; position:absolute; bottom:20%; right:10%; -webkit-animation: bounce-x 15s infinite linear;
animation: bounce-x 5s infinite linear;}

.eventInfo{background: #fff;padding:50px; position:relative; z-index: 1;}
.sandboxTxt h3{position:absolute; top:425px; left: 0;   right: 0;text-align: center;font-family: 'Inter';
font-style: normal;font-weight: 700;font-size: 300px;color: #fff;-webkit-text-stroke: 1px #2b872c; z-index: -1;}
.sandboxTxt1 h3{ top:85px; color: #fff;}

.eventInfo ul{/*display:flex;flex-wrap:wrap; justify-content: space-between;*/ margin:0px; padding:0px;}
.eventInfo li{ color:#414141; padding:40px 20px; list-style:none; width:30%; display:inline-block}
.eventInfo li h3{font-family: 'Manrope', sans-serif;font-style: normal;font-weight: 700;font-size: 20px;line-height: 30px;color: #E31E24; margin-bottom:20px;}
.eventInfo li h5{font-family: 'Manrope', sans-serif;font-style: normal; font-weight: 500;font-size: 16px;line-height: 30px; color: #414141; } 
.unboxing h2{font-family: 'Manrope', sans-serif;font-style: normal;font-weight: 800;font-size: 36px;line-height: 60px;color: #2b872c; text-align:center; margin-bottom:20px;}
.unboxing h3{font-family: 'Manrope', sans-serif;font-style: normal;font-weight: 600;font-size:24px;line-height: 36px;color: #2b872c;}
.unboxing p{font-family: 'Manrope';font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;color: #414141;margin:0 auto;}

.reasonsBox{background: #E31E24; position:relative; padding:100px 50px 60px 50px; margin-top:50px !important;}
.reasonsBox h3{font-family: 'Manrope';font-style: normal;font-weight: 800;font-size: 50px;line-height: 60px;text-align: center;color: #FFFFFF;}
ul.reasonList {display: flex; margin:55px 0px 0px 0px; padding:0px; flex-wrap: wrap;}
.reasonList li{display:flex; width:45%;align-items: center; padding: 15px 20px;}
.reasonList li img{margin-right:15px; align-items: center;}
.reasonList li b{font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 18px;line-height: 30px;color: #FFFFFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.eventDetails{display: flex; margin:20px 0px 0px 0px !important; padding:0px; flex-wrap: wrap;}
.eventBox{width:50%;}
.eventBox h3{font-family: 'Manrope';font-style: normal;font-weight: 800;font-size: 50px;line-height: 60px;color: #E31E24; margin-bottom:30px;}

.eventDWrap{width:50%;}
.eventDWrap h4{font-family: 'Manrope';font-style: normal;font-weight: 600;font-size: 24px;line-height: 60px;color: #151515; margin-bottom: 3px;}
.eventDWrap p{font-family: 'Manrope';font-style: normal;font-weight: 400;font-size: 18px;line-height: 30px;color: #414141;}


.eventContent{background: #FFF0F0;padding: 40px 0px 240px 0px; position:relative;}
.eventContent p{font-family: 'Inter';font-style: italic;font-weight: 500;font-size: 24px;line-height: 37px;color: #000000; margin-bottom:45px;}

.rrWrap{position:relative; background:#ffe2e2; min-height:300px;}
.rrBox{width: 100%;margin-top: 50px;background: #f0fff6;padding: 75px 0px 15px 0px;text-align: center;}
.rrBox h5{font-family: 'Manrope';font-style: normal;font-weight: 400;font-size: 32px;line-height: 37px;color: #000;text-align: center;}

.rrBox h3{font-family: 'Inter';font-style: normal;font-weight: 600;font-size: 36px;line-height:48px;text-align: center;color: #2b872c;}
.rrBox a{font-family: 'Manrope';font-style: normal;font-weight: 700;font-size: 16px;line-height: 28px;color: #2b872c; padding:20px; text-decoration:none; margin:0px auto;display: table;}

.faqs-section{background: #fff;padding: 70px 0px 10px 30px; position:relative;}
.faqs-section1{background: #fff;padding: 45px 0px 10px 0px; position:relative;}
.faqs-section2{background: #fff;padding: 80px; position:relative;}
.promotion_wrap{display:flex;}
.p_wrap{background-color:#fff;padding: 10px; margin: 10px;border-radius:9px;max-width:48%;}
.p_wrap h6{font-weight:700!important;font-size:24px!important;line-height:37px!important;color:#2b872c;padding: 0px 15px;}
/*.faqsBox{background: #FFEBEB; padding:65px 65px 65px 90px !important;}*/
.faqsBox h5{font-family: 'Manrope';font-style: normal;font-weight: 400;font-size: 32px;line-height: 37px;color: #2b872c; margin-bottom:20px; text-transform:uppercase;}
.faqsBox h3{font-family: 'Manrope';font-style: normal;font-weight: 800;font-size: 36px;line-height: 55px;color: #131313;}

.innoList1{background-color:#2b872c;padding:80px;}
.innoList1 h2{font-family: 'Manrope', sans-serif;font-style: normal;font-weight: 800;font-size: 36px;line-height: 60px;color: #fff;text-align: center;}
	.innoList1 ul{display:flex; flex-wrap:wrap; align-content: center; margin-top:25px;padding: 0px 40px;gap:10px;}
	.innoList1 li{width: 24%; list-style: none; background-color: #fff; text-align: center;border-radius:9px;padding: 20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.innoList1 li h3{color: #E31E24; font-size:18px;font-weight:700;margin-top:20px;}
	.innoList1 li p{color: #212529; font-size:16px;font-weight:400;line-height:24px;margin-top:20px;}
	
	

.accordion-item{background-color: #f0fff6 !important;border: 0px !important;}
.accordion-button{background-color: transparent !important; padding: 0 !important; font-family: 'Manrope';
font-style: normal !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 60px !important;color: #151515 !important;}
footer{background-color:#fff;}

.card-body{padding: 0px !important;}
.card-body p{font-family: 'Manrope';font-style: normal;font-weight: 300;font-size: 16px;line-height: 30px;color: #151515;}

.creativeBox{ padding-top:0px; position:relative;}
.creativeBox h5{font-family: 'Manrope';font-style: normal;font-weight: 400;font-size: 26px;line-height: 37px;text-align: center;color: #151515;}
.creativeBox h3{font-family: 'Inter';font-style: normal;font-weight: 600;font-size: 36px;line-height: 62px;text-align: center;color: #151515;
}
.creativeBox h3 span{color: #2b872c;}
.creativeBox a{font-family: 'Manrope';font-style: normal;font-weight: 700;font-size: 16px;line-height: 28px;text-align: center;color: #151515; text-decoration:none; text-align:center; margin-top:30px;margin-bottom:50px;display: block;}
.creativeBox img{margin:0 auto;display: block;}
.socialBox{padding:100px 0px 0px 0px;}
.socialBox h5{font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 20px;line-height: 37px;color: #151515; text-align:center;}
ul.sList{margin:0px auto; padding:0px; text-align:center; }
.sList li{display:inline-block; list-style:none; margin:10px 15px;}
.logoB{display:table; text-align:center; margin: 70px auto;}

.footerTop{position:relative; background:#ffe2e2; clear:both;}

.footer{background:url(images/f1.png) no-repeat bottom; padding:150px 0px 20px; margin-top:80px;}
.cpRight{font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #FFFFFF;}

.back-to-top {position: fixed;bottom: 20px; width:53px; height:56px;right: 30px;	text-decoration: none;color: #fff;font-size: 12px;display: none; cursor:pointer;font-size:14px;z-index:1000;}
.back-to-top:hover {	}	


@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


@keyframes color {
  0%   { background: #000; }
  20%  { background: #33CC36; }
  40%  { background: #B8CC33; }
  60%  { background: #FCCA00; }
  80%  { background: #003cb7; }
  100% { background: #000; }
}


@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
ul.list6R{margin-bottom:10px;}
.list6R li {
  font-size: 16px;
  line-height: 24px;
  background: url(images/red-square.jpg) right 11px no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 3px 20px 0 0px !important;
  display: block;
  font-weight: 400;
  color: #666;
}
ul.list6{margin-bottom:10px;}
.list6 li {
  font-size: 16px;
  line-height: 24px;
  background: url(images/red-square.jpg) left 11px no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 3px 0 0 17px !important;
  display: block;
  font-weight: 400;
  color: #666;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 50px;
}
.timeline li{width:100%;padding: 0;}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #333;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;z-index: -1;
}

/* Container around content */
.containerT {
  padding: 10px 20px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.containerT::after {
	 position: absolute;
  width: 45px;
  height: 45px;
  background-color: #2b872c;
  border: 0px solid #FF9F55;
  border-radius: 50%;
  z-index: 1;
}
/* The circles on the timeline */
.con1::after {right: -20px;  top: 25px;content: "\f02e";  font-family: "Font Awesome 5 Free"; font-size:20px; color:#fff; display: flex;align-items: center;justify-content: center;  }
.con2::after {content: "\f02e";  font-family: "Font Awesome 5 Free"; font-size:20px; color:#fff;  right: -25px;  left: -25px;  top: 25px;
  display: flex;align-items: center;justify-content: center;}
.con3::after {right: -20px;  top: 25px;content: "\f02e";  font-family: "Font Awesome 5 Free"; font-size:20px; color:#fff; display: flex;align-items: center;justify-content: center;  }
.con4::after {content: "\f02e";  font-family: "Font Awesome 5 Free"; font-size:20px; color:#fff;  right: -25px;  left: -25px;  top: 25px;
  display: flex;align-items: center;justify-content: center;}
.con5::after {right: -20px;  top: 25px;content: "\f02e";  font-family: "Font Awesome 5 Free"; font-size:20px; color:#fff; display: flex;align-items: center;justify-content: center;  }

.left {left: 0;}
.left .content{text-align: right;}

.right {left: 50%;}


/* The actual content */
.content {
  padding: 10px 20px;
  position: relative;
 
}

.tMenu{display:block;}
	.hamburger-menu{display:none;}

#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}
.menu__btn {
  position: relative;
  top: 40px;
  right: 35px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 3;
  
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
.menu__box {
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #333;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
  z-index: 2;
}
.menu__item {
  display: block;
  padding: 12px 24px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
  border-bottom: 1px solid;
}
.menu__item:hover {
  background-color: #ce1518;
  color:#fff;
}


/*=== MEDIA QUERY ===*/
@media only screen and (max-width: 767px)
{	
	.mainSliderHeader{display:none;}
	.mainMobSliderHeader{display:block;}
	
	
	.tMenu{display:none;}
	.hamburger-menu{display:block;position: absolute;right:0px;}
	body{padding: 10px 10px 0px 10px;}
	.header h1{font-size: 42px;line-height: 58px;}
	.sandBox h4{font-size: 18px;}
	.sandBox{padding: 40px 40px 30px 40px;margin: 50px auto 0px;}
	
	.shape1{background:url(images/shape1M.png) no-repeat;width:50px; height:50px; }
	.shape2{background:url(images/shape1M.png) no-repeat;width:50px; height:50px; }
	.eventInfo li{width: 100%; margin-bottom:1px;padding: 20px 10px 0px 10px;}
	.eventInfo li h3{line-height: 25px;font-size: 24px;}
	.eventInfo li h5{font-size: 18px;line-height: 28px;}
	.unboxing h2{font-size: 28px;line-height: 40px;}
	.sandboxTxt h3{top: 300px;font-size: 60px;}
	.reasonsBox{margin-top: 40px !important;padding: 30px 50px 40px 50px;}
	.reasonsBox h3{font-size: 28px;line-height: 36px;}
	ul.reasonList{margin: 5px 0px 0px 0px;}
	.reasonList li b{font-size: 16px;line-height: 24px;}
	.eventDetails{margin: 50px 0px 0px 0px !important;}
	.eventBox {  width: 100%;}
	.eventBox h3{font-size: 36px;}
	.eventDWrap {width: 100%;}
	.faqsBox{padding: 25px 15px 35px 15px !important;}
	.faqsBox h3{font-size: 28px;line-height: 36px;}
	.eventContent{padding: 50px 0;}
	.eventContent p{font-size: 18px;line-height: 32px;margin-bottom: 30px;}
	.rrBox{position: relative;margin-top: 0;}
	.rrBox h3{font-size: 28px;line-height: 38px;}
	.rrBox h5{font-size: 26px;}
	.bb{display:none;}
	.accordion-button{font-size: 16px !important;margin-bottom: 20px;line-height: 26px !important;}
	.creativeBox h3{font-size: 28px;line-height: 36px;}
	.sList li{margin: 10px 7px;}
	.timeline::after {left: 31px;}
	.containerT {width: 100%;padding-left: 35px;padding-right: 15px;}
	.containerT::before {left: 60px;border: medium solid white;border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;  }
	.left::after, .right::after {left: -6px;}
	.right { left: 0%; }
	.left .content{text-align: left;}
	.list6R li{background: url(images/red-square.jpg) left 11px no-repeat;padding: 3px 0 0 17px !important;}
	.promotion_wrap{display:block;}
	.p_wrap{max-width:100%;}
	.eventInfo{padding:0px;}
	.innoList1 ul{padding: 0px 10px;}
	.benifits_wrap{padding: 20px !important;}
	.faqs-section2{padding:20px;}
	.faqs-section{padding:10px;}
	.promotion_wrap{padding-top:20px;}
	..benifits_wrap h5{padding-bottom:20px;}
}