:root {
    /* fonts */
    --font-poppins: 'Poppins', sans-serif;
    --black: #0e0e0e;
    --white: #ffffff;
}


html{
    font-size: 14px;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: var(--font-poppins);
    font-size: 16px;
    line-height: 1.5;
    background-color: #fff;
    overflow-x: hidden;
    position: relative;
}

img{
    max-width: 100%;
        vertical-align: middle;
}
a{
    text-decoration: none;
}

.bannerArea{
    background-color: #eee;
    padding: 8rem 0 4rem;
}
.bgImage {
    /* background: red; */
    background-color: #eee;
}





/* Bannner Area Css  */


.bannerTopARea  .text {
    font-size: 3rem;
    position: relative;
  left: -120px;
}

.bannerTopARea p {
display: inline-block;
vertical-align: top;
margin: 0;
font-weight: 600;
}

.bannerTopARea .word {
position: absolute;
width: 300px;
opacity: 0;
}

.bannerTopARea .letter {
display: inline-block;
position: relative;
float: left;
transform: translateZ(25px);
transform-origin: 50% 50% 25px;
}

.bannerTopARea .letter.out {
transform: rotateX(90deg);
transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.bannerTopARea .letter.behind {
transform: rotateX(-90deg);
}

.bannerTopARea .letter.in {
transform: rotateX(0deg);
transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.bannerTopARea .wisteria {
color: #8e44ad;
}

.bannerTopARea .belize {
color: #2980b9;
}

.bannerTopARea .pomegranate {
color: #c0392b;
}

.bannerTopARea .green {
color: #16a085;
}

.bannerTopARea .midnight {
color: #2c3e50;
}
.main-wrapper {
    overflow: hidden;
}

/* end Bannner Area Css  */

/*  The Expert Trainers css */

#mainBanner {
    background-image: -webkit-linear-gradient(90deg, #3D1135 -25%, #0A1034 25%);
    padding: 80px 0 40px;
    color: #fff;
}
#mainBanner .left_cotent{
    position: relative;
}
.main-content {
    top: 0;
}

.dots{
    display: none;
}
.item img {
    height: 80%;
}
#mainBanner .left_cotent img {
    width: 80%;
    opacity: 0.3;
    display: block;
    margin: auto;
}

#mainBanner .bannerArea .get_Started i {
    vertical-align: middle;
}
#mainBanner .left_cotent .heading{
  -webkit-text-stroke: 1px #000;
  text-shadow: 1px 1px 1px #fff;
    font-size: 5.75rem;
    font-weight: 500;
    line-height: 117%;
}
.logo-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
 }

 .logo-slider .owl-stage{
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: center;
  }
/* End The Expert Trainers css */



/*Why IDP CSS*/


   
#whyIdp {
    margin: 80px 0 80px 0;
    padding: 0 60px;
}

#whyIdp .card{
  background-image: -webkit-linear-gradient(90deg, #3D1135 -25%, #0A1034 25%);
  padding: 32px;
  border-radius: 1rem;
  position: relative;
  box-shadow: 2px 2px 0 0 white, 3px 3px 0 1px #000;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
#whyIdp .card:hover{
  color: #37ed81;
  background-color: #021409;
}

#whyIdp .home-program-card-name {
    color: #fff;
    font-size: 1.4rem;
}

#whyIdp .card:hover .home-program-card-name{
  color: #37ed81;
}

/*Why IDP CSS*/



.bannerBottomARea h1{
    font-size: 6rem;
    /* color: #015EEA; */
    font-weight: bold;
    text-align: center;
font-family: var(--font-poppins);
text-transform: uppercase;
background-image:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
background-size: 400% 400%;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
      color: #fff;
animation: textclip 5s  infinite;
}


 @keyframes textclip {
    0% {
        background-position: 0 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0 50%;
    }
 }
.bannerArea .banner_para{
    max-width: 1000px;
    margin: auto;
    text-align: justify;
    letter-spacing: 0.96px;
    margin-top: 30px;
}





.bannerArea .get_Started{
    display: inline-block;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.8px;
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    background-size: 400% 400%;
    padding: 20px 60px;
    transition: all .9s ease-in-out;
    position: relative;
    animation: textclip 5s infinite;
    
}




/* why idp  section */



.page_title .why{
    color: #000;
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}


.page_title .idigitalpreneur {
    background: linear-gradient(180deg, rgba(0, 192, 250, 0.94) 32.81%, rgba(21, 16, 255, 0.94) 90.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}




.abt_brd{
    border: 3px dashed #777;
    position: relative;
}
#whyIdp .innercontainer {
    padding: 100px 30px 15rem;
}
.page_title 
{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 10px 75px;
}
.page_title  h2
{
    position: relative;
    font-size: 3.5rem;
    white-space: nowrap;
}
.page_title .why::before
{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #000;
    top: 50%;
    left: -15%;
    transform: translate(0%, -25%);
    rotate: 45deg;
}
.page_title .why::after
{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #000;
    top: 50%;
    right: -15%;
    transform: translate(0%, -25%);
    rotate: 45deg;
}

.bottom-container {
    max-width: 700px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50% , -50%);
}
.sponsored_area {
    border-radius: 12px;
border: 2px solid #0A1034;
padding: 12px;
background: #FFF;
}
.sponsored_area .img img {
    height: 116px;
    object-fit: cover;
}
.learnNew_skills {
    margin: 54px 0;
}


.learnNew_skills h2{
    font-size: 4rem;
    color: #00C0FA;
    font-weight: 800;
    line-height: 1;
}
.learnNew_skills .learn {
    color: #015EEA;
    font-weight: 700;
}

.section-tilte h2{
    font-size: 3.5rem;
}

#news_media{
    margin-top: 10rem;
}
#news_media img{
    filter: drop-shadow(0px 4px 32px rgba(21, 16, 255, 0.12));
    border-radius: 20px;
}

#certificates{
background: url('imagges/idp_main.jpg') no-repeat;
padding: 40px 0;
background-size: cover;
height: 100%;
}


/* #news_media .section-image_wrapper:nth-child(even){
    margin-top: 50px;
} */
#testimonials{
    margin-bottom: 30px;
}
#testimonials .card{
    border-radius: 12px;
    /* background: linear-gradient(127deg, #3E66DF 0.76%, #3939BC 94.64%); */
    background-image: -webkit-linear-gradient(90deg, #3D1135 -25%, #0A1034);
    box-shadow: 0px 10.85px 23.085px 0px rgba(21, 21, 21, 0.15);
    border-radius: 10.5px;
}


#testimonials .card_section{
    background: #fff;
    padding: 20px;
    border-radius: 10.5px;
    box-shadow: 0px 18px 37.5px 0px rgba(0, 0, 0, 0.25);
    padding: 64.5px 12px 12px 12px;
    margin: 0;
    position: relative;
}
#testimonials .card_section img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 60px;
    object-fit: cover;
}
#testimonials .card-body{
    padding-top: 70px !important;
}
#testimonials .bsb-blockquote-icon{
    color: #050505;
}
#testimonials  .owl-carousel .owl-item{
    padding-right: 40px;
}
#testimonials .owl-carousel .owl-item:nth-child(even){
    transform: translateY(80px);
}
.owl-carousel .owl-stage-outer{
    overflow: unset !important;
}
#testimonials .owl-nav {
    text-align: center;
    padding-top: 110px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;

}

#testimonials .owl-nav button {
        background: linear-gradient(127deg, #3E66DF 0.76%, #3939BC 94.64%);
    width: 60px;
    border-radius: 50%;
    color: #fff;
}




.section_container{
    border-top: 4px solid #000;
    padding-bottom: 50px;

}
.section-tilte h2{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -35%);
    background: #fff;
    padding: 0 20px;
    white-space: nowrap;
}

.section-tilte h2::after,.section-tilte h2::before{
    content: '';
    position: absolute;
    top: 34%;
        width: 15px;
    height: 15px;
    background-color: #333;
    transform: translateY(-50%) rotate(45deg);
}
.section-tilte h2::before{
    left: -15px;
}
.section-tilte h2::after            {
    right: -15px;
}


.onload-form .modal-content{
    border-radius: 20px;
}

.onload-form  form .btn-submmit{
    background: linear-gradient(127deg, #3E66DF 0.76%, #3939BC 94.64%);
    color: #fff;
    font-size: 1.3rem;
    border: 1px solid transparent;
    transition: 0.2s ease-in-out all;
}
.onload-form  form .btn-submmit:hover{
    background: transparent;
    color: #3939BC;
    border-color: #015EEA;
}


.certificates-tilte  b{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -35%);
    padding: 0 20px;
    white-space: nowrap;
}
.certificates-tilte  b span::after{
    right: -15px;
}
.certificates-tilte  b span::before{
    left: -15px;
}
.certificates-tilte  b span::after,
.certificates-tilte  b span::before{
    content: '';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 15px;
    background-color: #333;
    transform: translateY(-50%) rotate(45deg);
}
.certificates-tilte  b::after,
.certificates-tilte  b::before{
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 4px;
    background-color: #333;
    transform: translateY(-50%);
}

.certificates-tilte  b::before{
    left: -100%;
}
.certificates-tilte  b::after{
    right: -100%;
}

.certificates-tilte h2 {
    font-size: 3.5rem;
}

.getstardBtn a {
    background: red;
    padding: 20px 40px;
    border-radius: 40px;
    font-size: 1.8rem;
    color: #fff;
    background: linear-gradient(94deg, #8E2DE2 0%, #4A00E0 80.21%);
}

.banner_para .testing {
    -webkit-text-stroke: 1px #000;
    text-shadow: 1px 1px 1px #fff;
}


#testimonials {
    margin-bottom: 30px;
    padding-bottom: 5rem;
}

.slider {
  margin: auto;
  overflow: hidden;
  position: relative;
}
.slide-track.bxslider{
  animation: scroll 30s linear infinite;
  -webkit-animation: scroll 30s linear infinite;
}
.slide-track.bxslider,
.slide-track2.bxslider2 {
  display: flex;
  width: calc(250px * 105);
}
.slide-track2.bxslider2{
  animation: scroll2 30s linear infinite;
  -webkit-animation: scroll2 30s linear infinite;
}
.slide {
  margin: 0 20px;
  text-align: center;
  display: flex;
  justify-content: center;
}
#mage-container{
  background: url('imagges/top_companies.webp') no-repeat;
  background-position: center;
  height:50px;
  transition:0.5s all ease-in-out;
}
#image_container{
  background: url('imagges/top_companies.webp') no-repeat;
  background-position: center;
  height:50px;
  transition:0.5s all ease-in-out;
  margin-top: 40px;
}
.left-to-right {
  display: flex;
}

.right-to-left {
  display: flex;
}
.right-to-left.owl-carousel img,.left-to-right.owl-carousel  img{
  width:auto !important;
}
@-webkit-keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 2));
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-250px * 2));
	}
}

@-webkit-keyframes scroll2 {
	0% {
    transform: translateX(calc(-250px * 2));
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes scroll2 {
  0% {
    transform: translateX(calc(-250px * 2));
	}
	100% {
		transform: translateX(0);
	}
}

/* 

@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-250px * 7));
    }
  }

  @keyframes scroll2 {
    0% {
      transform: translateX(calc(-250px * 7));
  
    }
    100% {
      transform: translateX(0);
    }
  }
  .slider {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
  }
  .slider .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
    align-items: center;
  }
  .slider .slide {
    margin: 0 22px;
    background-image: -webkit-linear-gradient(90deg, #3D1135 -25%, #0A1034 25%);
  }
  
  .slide-track2{
    animation: scroll2 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
  }

  .section-image_wrapper {
    margin-bottom: 20px;
} */



.video_wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    border: 2px solid #fff;
    border-radius: 20px;
}

.video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*Fixed Section css */

.main_video{
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 20px;
}


.pcta .btn--gradient{
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
border: 1px solid transparent;
padding: 0.8rem 1.75rem;
color:  #fff;
font-weight: 500;
font-weight: 500;
font-size: 1.2rem;
border-radius: 10px;
transition: all .9s ease-in-out;
animation: textclip 5s infinite;
position: relative;
background-size: 400% 400%;
white-space: nowrap;
}

.pcta {
position: fixed;
left: 0;
top: auto;
right: 0;
bottom: 0;
display: flex;
height: 80px;
padding: 0.25rem 1rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: solid;
background-image: -webkit-linear-gradient(90deg, #3D1135 -25%, #0A1034 25%);
overflow: hidden;
z-index: 10000;

}
.pricing-cta-3 {
color: yellow;
font-size: 28px;
margin: 10px;
}

.hero_btn-1.btn.btn--gradient svg {
margin-left: 10px;
rotate: -45deg;
color: #fff;
fill: #fff;
}

.discounted-price p {
    font-size: 1.4rem;
}


/*Fixed Section css */

/*Gauravs css Price section*/




.box-container {
    align-items: center;
    /* display: flex; */
    flex-direction: column;
    justify-content: space-around;
    padding: 0px 15px;
    width: 100%;
    z-index: 555;
    position: relative;
  }

  @media screen and (min-width:1380px) {
    .box-container {
      flex-direction: row
    }
  }

  .box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 415px;
    max-width: 100%;
  }

  .flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
  }

  .flip-box-front,
  .flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    min-height: 570px;
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgb(0, 0, 0);
    background: linear-gradient(250deg, rgba(0, 0, 0, 1) -100%, #423501 100%);
  }

  .fBF,
  .fBB {
    background: rgb(0, 0, 0);
    background: linear-gradient(250deg, rgba(0, 0, 0, 1) -100%, #0B2F17 100%) !important;
  }

  .fBF2,
  .fBB2 {
    background: rgb(0, 0, 0);
    background: linear-gradient(250deg, rgba(0, 0, 0, 1) -100%, #48103C 100%) !important;
  }

  .fBF3,
  .fBB3 {
    background: rgb(0, 0, 0);
    background: linear-gradient(250deg, rgba(0, 0, 0, 1) -100%, #091540 100%) !important;
  }

  .fBF4,
  .fBB4 {
    background: rgb(0, 0, 0);
    background: linear-gradient(250deg, rgba(0, 0, 0, 1) -100%, #2E0D0D 100%) !important;
  }

  

  .flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .flip-box .inner {
    position: absolute;
    padding: 20px;
    perspective: inherit;
    z-index: 2;
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;
    -webkit-perspective: inherit;
  }

  .flip-box ul {
    margin-top: 10px;
    list-style: none;
    padding: 0;
  }
  .flip-box ul li i {
    margin-right: 10px;
}

  .flip-box ul li {
    font-size: 14px;
    line-height: 3em;
  }


  .flip-box-button {
    background-color: #0A1034;
    border: 1px solid transparent;
    padding: 0.8rem 1.75rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.2rem;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50% , 50%);
    /* box-shadow: rgb(255, 255, 255) 4px 4px 0px -3px, rgb(10, 16, 52, 1) 4px 4px; */
  }

  .color-white {
    color: #fff;
  }

  .package_section {
    margin-top: 20px;
    /* padding: 0px 50px; */
  }

  .inner p {
    font-size: 12px;
    margin-top: 15px;
  }

  .pkg_nem {
    font-size: 28px;
  }

  .pkg_nem i {
    transform: rotate(45deg);
  }

  .inner img {
    margin-top: 20px;
  }

  .flip-box-button i {
    animation: slide-top 1s infinite;
  }
  .pkg_nem {
    font-size: 28px;
    margin-bottom: 30PX;
   display: block;
}

.slideStyle {
    position: relative;
       width: 100%;
    /* height: 100vh; */
    color: var(--black);
    transition: 0.25s;
  }
  .slideStyle.darkStyle {
    background: var(--black);
    color: var(--white);
  }
  
  .swiperParallax.swiper {
    width: 100%;
    overflow: hidden;
  }
  .swiperParallax .swiper-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
  }
  .swiperParallax .swiper-slide {
    width: 50vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    flex: none;
  }
  .swiperParallax .swiper-slide.swiper-slide-active .gallery-img__wrapper {
    opacity: 1;
    transform: scale(1);
  }
  .swiperParallax .swiper-slide.swiper-slide-active .gallery-info__wrapper {
    opacity: 1;
    transform: translateY(0%);
  }
  .swiperParallax .gallery-img__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
   
    /* padding-top: 66.7%; */
    border-radius: 0.75rem;
    opacity: 0.25;
    transform: scale(0.6);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .swiperParallax .gallery-img__wrapper .gallery-img {
    /* position: absolute; */
    top: 0;
    width: 130%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .swiperParallax .gallery-info__wrapper {
    display: flex;
  
    opacity: 0;
    transform: translateY(50%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .swiperParallax .gallery-info__wrapper .heading-medium {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1;
  }
  
  .section-image_wrapper {
    margin-bottom: 15px;
}

/* #image-container{
    background: url('../asstes/imagges/teams-bg.png') no-repeat;
    background-size: auto 400px;
    background-repeat: repeat-x;
    height: 80dvh;
    background-position: 600px center;
} */

  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
    }

    50% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }

    75% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px);
    }

    100% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
    }

  }

  .w_85 {
    width: 85%;
  }


/*Gauravs css Price section*/





@media(max-width:991px){
    .imgwraper img{
        margin: auto;
    }
    #whyIdp .card:nth-child(n+1){
        margin-top: 20px !important;
        padding: 15px !important;
      }
      #whyIdp{
        padding: 0 !important;
        margin: 50px 0 !important;
      }
}

@media(max-width:767px){
    .bannerBottomARea h1{
        font-size: 2.2rem;
    }
    .discounted-price p {
        font-size: 1.1rem;
    }
    
    .bannerTopARea h2{
        font-size: 1.3rem;
        white-space: nowrap;
    }
    .bannerArea{
        padding: 80px 15px 30px;
    }
    #whyIdp .innercontainer{
        padding: 0;
        margin-bottom: 30px;
    }
    
    .learnNew_skills h2,
    .certificates-tilte h2 {
        font-size: 1.7rem;
        margin-bottom: 15px;
    }
    .learnNew_skills .new{
        font-size: 1.5rem;
    }
    .learnNew_skills{
        margin: 20px 0;
    }
    .bottom-title h3{
        font-size: 1.2rem;
    }
    .section-tilte h2{
        font-size: 2rem;
    }
    #testimonials  .owl-carousel .owl-item{
        padding-right: 20px;
    }
    #testimonials .owl-carousel .owl-item:nth-child(even){
        transform: translateY(0);
    }
    #testimonials .owl-nav{
        padding-top: 30px;
    }
    #why_idp .innercontainer{
        padding: 20px 0 0;
    }
    .bottom-container{
        position: static;
        transform: none;
    }
    .abt_brd{
        border: none;
    }
    .page_title{
        padding: 10px 0;
    }
    .page_title .why::after,.page_title .why::before{
        display: none;
    }
    #why_idp{
        padding: 0 15px;
        margin: 80px 0;
    }
    .page_title h2{
        font-size: 1.5rem;
    }
    .owl-carousel .owl-stage-outer{
        overflow: hidden !important;
    }
    .section-tilte h2::after, .section-tilte h2::before{
        display: none;
    }
    .section-tilte h2,
    .page_title{
        position: static;
        transform: none;
        padding: 0;
        white-space: normal;
    }
    .section_container{
        border: none;
        padding-bottom: 0;
    }
    #news_media{
        margin-top: 2rem;
    }
 
    .innercontainer img{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .card-title h2{
        font-size: 1rem;
        
    }
    .learn-img img {
        width: 60%;
    }
    .certificates-tilte  b::after,
    .certificates-tilte  b::before,
    .certificates-tilte  span::after,
.certificates-tilte span::before{
    display: none;
}
.certificates_section h5 {
    font-size: 1rem;
    padding: 0 12px;
}





#mainBanner{
    padding: 50px 0;
  }
  #mainBanner .left_cotent .heading{
    font-size: 2.75rem;
  }
  .pcta .btn--gradient{
    padding: 0.8rem 0.75rem;
  }
  #whyIdp .home-program-card-name{
    font-size: 16px;
  }
  section#mainBanner{
    padding: 50px 0;
  }
  .bannerTopARea .text {
  font-size: 1.2rem;
  position: relative;
  left: -34px;
}
.bannerTopARea p{
  font-size: 16px;
}
.bannerTopARea .word{
  width: 100px;
}
.banner-textArea{
  margin-bottom: 100px;
}
}

@media(max-width:480px) {
    .bannerArea .get_Started{
        padding: 20px 22px;
    }
}

@keyframes btnshinging{
    0%{
        left: -10px;
    }
    
    100%{
        left: 100%;
    }
}
@keyframes back{
    100%{
        background-position: 2000px 0;
    }
}


  

  @-webkit-keyframes scale-up-bottom {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
  }
  @keyframes scale-up-bottom {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
  }