/* ipad view */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
  .boxround h4 { font-size: 14px !important;}
  .lazyloaded{width: 220px !important;
    height: 220px !important;}
    .attepmt{width: 50% !important;}
    .xzz{margin-left: 40px;}
    .bannerheading {font-size: 22px !important;
      line-height: 32px !important;}
      .bannerdata {
        padding-top: 15px !important; 
    }
    .boxround a {font-size: 10px !important;}
    .boxround {padding: 14px 14px !important; }
    .bannerdata p {font-size: 12px !important;
      line-height: 16px !important;padding-right: 35px !important;}
      ul.topbanebox {margin: 25px 0 0 0 !important;}
      .attempt-p{font-size: 0.88rem !important;}
      .colpart .content h4 {font-size: 16px !important; letter-spacing: 0.03em !important;font-size: 11px !important;
        line-height: 17px !important;}

}
/* mobile view */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px){.xzz{width: 250px !important;
  height: 250px !important;}
  .our-impact-w {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0px !important;
  }}
@media (max-width: 767px) {
  .xzz{width: 250px !important;
    height: 250px !important;}
    .our-impact-w {
      width: 100% !important;
      height: 100% !important;
      margin-top: 0px !important;
    }
    .aaaa{text-align: center !important;}
.lazyloaded{width: 352px !important;
  height: 320px !important;margin-left: -8px!important;
  }
  .xzz{margin-left: 50px !important;}
}
.attempt-p{text-align: center;}
.justify-content-right {
  justify-content: right!important;
}
.colo1{background: #FFF6D5; border: 1px solid #F4F6F6;}
.colo2{background: #E7F8FF; border: 1px solid #F4F6F6;}
.colo3{background: #FFEEF1; border: 1px solid #F4F6F6;}
.colpart .content{border-radius: 10px; padding:30px 20px; text-align: left;    height: calc(100% - 30px);  margin-bottom: 30px;}
.colpart .content h4{font-family: 'Poppins';font-style: normal;font-weight: 500;font-size: 22px;letter-spacing: 0.05em; color: #000000; margin-top: 30px;}
.colpart .content p{font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.03em; color: rgba(58, 58, 58, 0.7);}
.colpart .content a{color: #0076FF;font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;}
  .text-left{text-align: left!important;}
  .text-right{text-align: right!important;}
  .nopadsrcl{margin: 0;}
  .nopadsrcl .col{padding:0;}
  .img-box img {
    width: 100%;
}
.scrlleft {height: 100%; text-align: left; padding-left: 30px; position: relative;padding-right: 90px;}
.scrlleft:after {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #C4C4C4;
}
.scrlleft h3 {font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 24px;color: #4E4E4E;}
.scrlleft p{font-family: 'Poppins'; font-style: normal;font-weight: 400;font-size: 18px;line-height: 27px;color: #4E4E4E;}
  .leftdatasrc{height: 100%; position: relative; padding-top: 30px;}
  .leftdatasrc{text-align: left; font-family: 'Poppins';  font-style: normal; font-weight: 500; font-size: 24px;  line-height: 36px; letter-spacing: 0.03em;  color: #263238;}
  .leftdatasrc .num{position: absolute; bottom: 10px; right:10px;font-family: 'Poppins'; font-style: normal;  font-weight: 700; font-size: 45px; line-height: 68px;letter-spacing: 0.03em; color: #BDBFC4;}
  .rightdatasrc{height: 100%; position: relative;padding-top: 30px;}
  .rightdatasrc h4{text-align: right;font-family: 'Poppins';  font-style: normal; font-weight: 500; font-size: 24px;  line-height: 36px; letter-spacing: 0.03em;  color: #263238;}  
.rightdatasrc .num{position: absolute; bottom: 10px; left:10px;font-family: 'Poppins'; font-style: normal;  font-weight: 700; font-size: 45px; line-height: 68px;letter-spacing: 0.03em; color: #BDBFC4;}
.scrollrow{height: 500px;}
.attempslider{background: #FFFFFF; box-shadow: -15px 15px 45px rgba(0, 0, 0, 0.03); padding:10px 20px; border-radius: 10px; position:relative;}
  .attempsliderspan1 {position: absolute; top: 50%; z-index: 99; left: -20%; transform: translate(20%, -50%);}
.attempsliderspan2 {position: absolute; bottom:-10%; z-index: 99; right: 0%;transform: translate(0%, 10%);}
.attempsliderspan3 {position: absolute; top:10%; z-index: 99;  right: -10px;transform: translate(0%, -10%);}
.bulb1{width: 10px; display: inline-block;  height: 10px;background: #FE4443; border-radius: 100%;}
.bulb2{width: 10px; display: inline-block;  height: 10px;background: #FEBE09; border-radius: 100%;}
.bulb3{width: 10px; display: inline-block;  height: 10px;background: #01D647; border-radius: 100%;}
.bluebar{height: 26px;background: #E0F3FD; display: block;  border-radius: 10px;}
.sliderbarattamp {background: #F3F5F9;margin-top: 30px;padding: 15px;}
.owlmanage11 .item {text-align: center;}
.owlmanage11 .item img {width: auto;display: inline-block;}
.owlmanage11 .owl-nav{display: none;}
.owlmanage11 button {width: 9px; height: 9px; display: inline-block; border-radius: 100%; margin: 0 2px; background: rgba(196, 196, 196, 0.5)!important;}
.owlmanage11 button.active {background: #C4C4C4!important;}
.section-news {background: url(../img/bg1.png) 0 0 no-repeat; background-size: 100%; padding-top: 50px; background-position: 0px -150px;}
.bannerheading{font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 42px; letter-spacing: 0.05em; color: #335174;}
ul.topbanebox{list-style: none; margin:50px 0 0 0; padding: 0; float: left;}
ul.topbanebox li {width: 50%; float: left; margin-bottom: 30px;}
.intrsection{padding-top: 100px;background: url(../img/bannerbg.png); background-position: left bottom; background-size: 100%; padding-bottom: 100px; background-repeat: no-repeat;}
.bannerdata p{font-family: 'Poppins'; padding-right: 50px; font-style: normal; font-weight: 500;font-size: 14px;line-height: 21px;letter-spacing: 0.03em;color: #676669;}
.bannerdata {padding-top:50px;}
.bannerslider {text-align: center; position: relative;}
.boxround{background: #FFFFFF; width: 80%; box-shadow: -10px 10px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px; padding:20px 20px;}
  .boxround h4 {font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px;  color: #424242; margin-bottom: 0px;}
.boxround a{font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 14px;line-height: 21px;text-align: center; color: #0076FF;}
.box1slide {position: absolute;width: 161.94px;height: 264.58px; left: 0;top: 50%;background: #108FD2; border-radius: 100px; transform: translateY(-50%);animation: box1slide 7s infinite;animation-direction: alternate;}
.box1slide:after{position: absolute; bottom: 10px; left: 20px; border: 1px solid #4D4C4C; width: 100%; height: 100%;border-radius: 100px; content: "";}


.box2slide {position: absolute;width: 97px;height: 88px; left:30%;top: -30px;background: #F0C932; border: 1px solid #E5CC67; border-radius: 100px; transform: translateX(-30%); animation: box2slide 7s infinite;animation-direction: alternate;}
.box2slide:after{position: absolute; bottom: 10px; left: 10px; border: 1px solid #4D4C4C; width: 100%; height: 100%;border-radius: 100px; content: "";}

.box3slide {position: absolute;width: 161.94px;height: 264.58px; right:20px;top:-20px;background: linear-gradient(0deg, #FE753F, #FE753F), linear-gradient(0deg, #FE753F, #FE753F), #FE753F; border-radius: 100px;  animation: box3slide 7s infinite;animation-direction: alternate;}
.box3slide:after{position: absolute; bottom: 10px; left: 10px; border: 1px solid #4D4C4C; width: 100%; height: 100%;border-radius: 100px; content: "";}


.box4slide {position: absolute;width: 133px;height:133px; right:20%;bottom: -30px;background:#7253A4; border: 1px solid #E5CC67; border-radius: 100px; transform: translateX(-20%); animation: box4slide 7s infinite;animation-direction: alternate;}
.box4slide:after{position: absolute; bottom: 10px; left: 10px; border: 1px solid #4D4C4C; width: 100%; height: 100%;border-radius: 100px; content: "";}

@keyframes  box1slide{
  0%   {left:0%;}
  50%  {left:10%;}
  100% {left:20%;}
}

@keyframes  box2slide{
  0%   {left:30%;}
  50%  {left:40%;}
  100% {left:50%;}
}

@keyframes  box3slide{
  0%   {right:20px;}
  50%  {right:40px;}
  100% {right:6 0px;}
}

@keyframes  box4slide{
  0%   {bottom:-30px;}
  50%  {bottom:-50px;}
  100% {bottom:-70px;}
}
.crshisbox {border-radius: 25px; position: relative;margin-top: 30px;}
.crshisbox h2 {position: absolute; top: 10px; z-index: 999;color: #FFFFFF;font-family: 'Poppins'; font-style: normal;font-weight: 600; font-size: 18px; padding: 15px 30px;}
.image-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(180deg, #07141C 0%, rgba(196, 196, 196, 0) 40%);
  }
  button.enrollbtn{background: #0076FF;color: #FFFFFF; border-radius: 25px;font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 16px;line-height: 24px; border: none; padding: 5px 10px;}
.his-img{max-width: 100%; border-radius: 25px;}
.detailspart {float: left; text-align: left; margin-right: 20px;}
.detailspart:last-child {float: right;  margin-right: 0px;}
.detailspart h4{color: #159A12;font-size: 16px;font-family: 'Poppins';font-weight: 400; margin-bottom: 0;}
.detailspart span{color: #111111;font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 20px;line-height: 30px;}
.dtahis {padding: 15px; background: #FFFFFF;  box-shadow: 25px 25px 50px 5px rgb(0 0 0 / 6%);  border-radius: 15px; width: 100%;  float: left;  margin-top: -70px;z-index: 999;  position: relative;}