@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');


body{
    font-family: 'Poppins', sans-serif !important;

    padding: 0px;
    margin: 0px;

}
body .row{
    --bs-gutter-x: 0rem !important;
}

#fixed-icon{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
}
#fixed-icon i{
    font-size: 70px;
    animation: bounceIn 2s infinite 2s;
}
@keyframes bounceIn {
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
	40% {
    transform: translateY(-30px);
  }
	60% {
    transform: translateY(-15px);
  }
}
.logo img{
    height: 70px;
}
#main{
    background-color: #49BBBD !important;
    clip-path: ellipse(100% 55% at 48% 44%);
    /* height: 100vh !important; */

}

#hero{
    padding: 40p 40px 0px 40px;
    max-width: 1200px;
    margin: 0px auto 0px auto;
    height: fit-content;
}
#hero .row{
    align-items: center;
}
.hero-inner h1{
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin: 0px 0px 20px 0px;
}
.hero-inner h1 span{
    color: yellow !important;
}

.hero-inner p{
    max-width: 400px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 38.4px;
}
.hero-btn{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.hero-inner button
{
    background-color: #ecf1f16f;
    padding: 10px 30px;
    border-radius: 30px;
    color: white;
    border: none;
}
.hero-inner button:hover{
    background-color: #15556192;

}
.hero-btn i{
    padding: 13px 17px;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin: 2px 20px 0px 20px;
    font-size: 20px;
}
.hero-btn p{
    color: #252641;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    margin: 0px;
}
.hero-img{
    padding: 30px 30px 0 30px;
    position: relative;
}

.hero-div-1 {
    display: flex;
    flex-direction: row;
    align-items: center !important;
    padding: 15px 25px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 80px;
    left: 0px;
}
.hero-div-2{
    display: flex;
    flex-direction: row;
    align-items: center !important;
    padding: 15px 25px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 360px;
    left: 0px;
}
.user-hero{
    display: flex;
    flex-direction: row;
    align-items: center;

}
.hero-user{
    height: 50px;
    border-radius: 50px;
    margin: 0 20px 0 0 ;
}
.hero-div-2 button{
    background-color: #D8587E;
    padding: 8px 20px;
    border-radius: 30px;
    color: white;
    margin:4px auto 0px auto;
    border: none;
    display: block;

}
.hero-div-3{
    display: flex;
    flex-direction: row;
    align-items: center !important;
    padding: 15px 25px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 200px;
    right: 0px;
}
.hero-div-1 i , .hero-div-3 i{
    background-color: #49BBBD;
    padding: 10px;
    border-radius: 10px;
    margin: 2px 20px  0 0 ;
    font-size: 20px;
}
.hero-div-3 i{
    background-color: #F88C3D !important;

}
.hero-div-1 h4 , .hero-div-3 h4 , .user-hero h4 {
    font-size: 18px;
    
}
.hero-div-1 p , .hero-div-3 p , .user-hero p{
    color: #252641;
    font-size: 14px;
    margin: 10px 0px 10px 0;
    line-height: 1.6px;
}


/* our success sec */

#our-suc{
    max-width: 1300px;
    margin: 60px auto 30px auto;
    padding: 20px;
}
#our-suc h1{
    text-align: center;
    color: #010514;
    font-weight: 600;
    font-size: 2.5rem;
}
#our-suc p{
    text-align: center;
    color : #010514CC;
    margin: 10px 0px;
    font-size: 13px;
    font-weight: 400;
}
.our-suc-data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 40px;
}
.data-list{
   
    flex: 0 0 200px;
  
    text-align: center;
}
.data-list h4{
    font-size: 3rem;
    color: #49bbbddd;
  font-weight: 400;
    
}
/* all in one sec */
#all-in-one {
    max-width: 1200px;
    margin: 70px auto 20px auto;
    padding: 10px;

}
#wit{
        max-width: 1200px;
    margin: 0px auto 20px auto;
    padding: 10px;
}
#all-in-one h1 , #wit h1{
    font-size: 2.2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
}

#wit h4{
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin: 10px auto;
}
#all-in-one h1 span , #wit h1 span{
    color: #49BBBD !important;
}
#all-in-one p {
    margin: 20px auto;
    text-align: center;
    font-size: 16px;
    color:#696984;
    max-width: 900px;

} #wit p
{
    margin: 20px auto;
    text-align: center;
    font-size: 16px !important;
    color:#696984;
    
}


/* course provide */

#course-offer{
    margin: 50px auto 20px auto;
    background:url('assest/media/side-wave_background.jpg');

    padding:20px 20px ;
    background-size:100%  100%;
   background-repeat: no-repeat;
}
#course-offer h2{
 font-size: 2.2rem;
 font-weight: 500;
 text-align: center;
  margin-bottom: 70px;
}


#course-offer h2 span{

  color: #00A8FF;
}
.course-title
{
    color: #00CBB8 !important;
}
.course-inner{
    max-width: 1300px;
    margin: 30px auto;
}
.course-list{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    background-color: white;
    padding: 50px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 20px; transition: all 200ms;
}
.course-list:hover{
  
}
.course-con ul{
    margin: 0px 15px;
    padding: 0px;
}
.course-con ul li{
    list-style: square;
    margin: 0px 0px 10px 0px;
}
.course-list h4{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
}

.course-list p{
    text-align: justify;
    font-size: 16px;
    
}
.course-skills{
    margin-left: 50px;
   
}
.skill-img{
    margin: 30px auto;
    display: grid;
   gap: 20px 30px;
   grid-template-columns: repeat(5,1fr);
   place-items: center;
 
}

.skill-img img{
    height: 80px;
}


/*  */
.all-one-list{
    margin-top: 40px;
}
.all-in-inner{
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    box-shadow: 0px 10px 60px 0px #262D7614;

    background-color: #ffffff !important;
    margin: 20px;
    padding:20px 20px 20px 20px;
    height: 330px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    transition: all 300ms;
}
.all-in-inner:hover{
    transform: translateY(-10px);
}
.all-i-01{
    background-color: #5B72EE;
}
.all-i-02{
    background-color: #00CBB8;
}
.all-i-03{
    background-color: #29B9E7;
    padding:21px 20px !important ;
}
.all-in-inner i{
   
    padding: 20px 22px;
    border-radius: 50px;

    margin: 10px 0px;
    font-size: 19px;
    box-shadow: 0px 10px 40px 0px #363D880F;

    
}

.all-in-inner h4{
    font-size: 1.5rem;
    margin: 10px 0px;
    font-weight: 500;
    text-align: center;
    color: #2F327D;
    line-height: 36px;
}


/* what is toc */
.wit-inner{
    margin: 30px;
    border-radius: 10px;
    height: 300px;
    display: grid;
    place-items: center;
    padding: 10px;
    text-align: center;

}
.wit-inner h1{
    color: white;
}
.w-01{
    background-image:linear-gradient(#1414148f, rgba(23, 23, 23, 0.43)),url('assest/media/wit-01.png') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms;

}
.w-01 button{
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 10px 0px;
    border: 2px solid white;
    background-color: transparent;
    transition: all 300ms;

}
.w-01 button:hover{
    background-color: white;
    color: #41BE90;
}
.w-02{
    background: linear-gradient(#1414148f, rgba(23, 23, 23, 0.43)), url('assest/media/wit-02.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms;

}
.w-01:hover , .w-02:hover{
    transform: translateY(-10px);
}
.w-02 button{
    color: #ffffff;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 10px 0px;
    border: 2px solid #23BDEEE5;
    background-color: #23BDEEE5;
    transition: all 300ms;
}
.w-02 button:hover{
    background-color: transparent;
}

/* advantage */

.ouradvatage{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1300px;
    margin: 20px auto;
  
}
.ouradvatage div{
    background-color: white;
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom:10px; transition: all 200ms;

}
.ouradvatage h5{
    font-weight: 600;
    margin-bottom: 15px;
}
.ouradvatage ul li{
    margin: 0 0 10px 0;
}


#certificate{
    max-width: 1300px;
    margin:0px auto 20px auto;
}
/*#certificate h2{*/
/*    margin: 0px 0 15px 0;*/
/*    font-weight: 600;*/
/*    color: #00CBB8;*/
/*    text-align: center;*/
/*    font-size: 30px;*/
/*}*/



/* gallery */

#gallery{
    max-width: 1300px;
    margin: 20px auto;
    padding: 10px;

}
#gallery h2{
    font-size: 2.2rem;
    color: #00CBB8;
    margin: 0 0 15px 0;
    text-align: center;
    font-weight: 600;
}

#gal-sec{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;

}
#gal-sec img{
    border-radius: 5px;
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 200ms;
}
.gal-in{
    overflow: hidden;
    border-radius: 5px;
}
#gal-sec img:hover{
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 0, 0
    , 0.5);
    }


/* why choose us  */
#wcu{
    max-width: 1300px;
    margin: 40px auto 20px auto;
    padding: 10px;
}

#wcu h2{
    color: #252641;
    font-weight: 500;
    font-size: 2.2rem;
   
    text-align: center;
}
#wcu h2 span{

    color: #00CBB8;
  }

.wcu-sec{
    display: grid;
    margin: 40px auto 20px auto;
    max-width: 1200px;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.wcu-list{
    padding: 30px 20px;
    background-color: #00CBB8;
    border-radius: 8px;
}
.wcu-list h4{
    font-weight: 500;
    font-size: 20px;
    margin: 0px;
    text-align: center;
    color: #ffffff;
}

/* classroom */

#classroom{
    max-width: 1300px;
    margin: 40px auto 20px auto;
    padding: 20px;

}
#classroom .row{
    align-items: center;
}

.class-inner{
    padding: 20px;
}
.class-inner h2{
    color: #252641;
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 45px;
}
.class-inner p{
    margin: 20px 0px;
    color: #696984;
    font-weight: 400;
    text-align: justify;
}
.class-inner a{
    /* text-decoration: none; */
    color: #696984;
    padding-bottom: 10px;
}
.class-inner span{
    color: #49BBBD;
}
.class-img{
    padding: 30px !important;
    position: relative;
}
.class-img img{
   border-radius: 10px !important;
   /* position: relative; */
 
}

.class-l{
    height: 130px;
    width: 130px;
    background-color: #23BDEE;
    border-radius: 20px;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;
}

.class-r{
    height: 170px;
    width: 170px;
    background-color: #33EFA0;
    border-radius: 20px;
    position: absolute;
    z-index: -1;
    bottom: 10px;
    right: 10px;
}



/* footer */


/* resposive */

@media (max-width:1180px)
{
    .skill-img {
       
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width:1100px)
{
    .hero-div-2 , .hero-div-1 , .hero-div-3{
        padding: 8px;
     }
     .hero-div-3{
         top: 230px;
     }
     .hero-div-2{
         top:320px;
     }
}
@media (max-width:1085px)
{
    .data-list {
        flex: 0 0 150px;
        text-align: center;
    }
}


@media (max-width:1024px)
{
    #ex-mob-course{
        display: block;
    }
    .ex-c-list{
        display: none;
    }
    #main{
        height: fit-content !important;
        max-height: 100% !important;
        padding: 20px 20px 0 20px; 
    }

.dis-front {
    width: 100% !important;
    margin-left: 0px;
}
#ex-course{
    margin: 30px 0px;
    padding: 40px 20px;
}
.ex-title{
    margin-top: 30px;
}
}
@media(max-width:991px)
{
    .hero-div-2 , .hero-div-1 , .hero-div-3{
        padding: 20px;
     }
     .hero-div-3{
         top: 300px;
     }
     .hero-div-2{
         top:530px;
     }
     .skill-img {
       
        grid-template-columns: repeat(3, 1fr);
    }
    .course-list {
        padding: 30px 20px;
    }
    .our-price-inner {
        display: grid
    ;
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
@media (max-width:930px)
{
    .rev-sec{
       bottom: -100px;
    }
    .rev-data{
        padding:30px 10px 10px 10px;
    }
    .dis-user .row{
        justify-content: center;
        text-align: center;
    }
    .dis-user img{
        height: 150px !important;
        width: 150px !important;
    }

   
}
@media (max-width:831px)
{
    .data-list {
        flex: 0 0 100px;
        text-align: center;
    }
    .data-list h4{
        font-size: 2rem;
    }
    .ex-book-img{
        margin: 30px;
    }
    .class-inner h2 {
        color: #252641;
        font-weight: 600;
        font-size: 1.7rem;
        text-align: justify;
        line-height: 45px;
    }
    .ouradvatage {
        display: grid
    ;
        grid-template-columns: repeat(1, 1fr);
    }
    .wcu-sec {
  
        grid-template-columns: repeat(2, 1fr) !important;
    }
    #gal-sec{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;

}
}
@media(max-width:767px)
{
    .hero-div-3{
        top: 300px;
    }
    .hero-div-2{
        top:440px;
    }
    #featue-center{
        display: none;
    }
    #feature .row 
    {
        align-items: start;
    }
    #feature-img{
        padding: 0px !important;
    }
    .rev-sec{
        bottom: 0px;
        left: 40px;
        max-width: 500px;
     }
     .class-inner{
        padding: 10px 0px;
     }
     .our-suc-data{
        justify-content: space-evenly;
     }
     .rev-data{
         padding:30px 20px 10px 20px;
     }
     .f-con-inner 
     {
        margin: 50px 10px 10px 10px !important;
     }
     .f-down-circle{
        display: none;
     }
     #wit , #classroom , #feature ,#tools ,#test ,#cl-manage ,#blog ,#review ,#all-in-one
     {
        margin: 10px 0px;
     }
     #test .row{
        justify-content: center;
        text-align: center;
     }
     .test-inner{
        margin-top: 40px;
     }
     .test-img{
        margin: 20px auto;
     }
     .cl-inner{
        text-align: center;
        margin-bottom: 50px;
     }
     #dis-sec 
     {
        margin: 30px 0 20px 0;
      }  
     .dis-btn{
         justify-content: center;
     }  
     .dis-inner{
        text-align: center;
     }
     .rev-con{
        margin: 10px auto;
        display: block;
        text-align: center;
     }
     .main-blog-sec{
        margin-top: 20px !important;
     }
     br{
        display: none;
     }
     #ex-mob-course{
        padding: 0px !important;
     }
     .ex-book-img{
        margin: 30px;
     }
     .course-list {
        display: grid
    ;
        grid-template-columns: repeat(1, 1fr);
     }
     .course-skills {
        margin-left: 0px;
        max-width: 380px;
    }
    #course-offer{
        margin: 20px auto;
        padding: 20px 10px !important;
    }
    #wcu {
        max-width: 1300px;
        margin: 10px auto 20px auto;
        padding: 10px;
    }
    .price-skills-img {
        display: grid
    ;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;

    padding: 10px;
    max-width: 800px;
    margin: 10px auto;
     
    }
}
@media (max-width:630px)
{
    .hero-div-2 , .hero-div-1 , .hero-div-3{
       padding: 8px;
    }
    .hero-div-3{
        top: 250px;
    }
    .hero-div-2{
        top:350px;
    }
    .user-hero h4 , .hero-div-3 h4 , .hero-div-1 h4{
        font-size: 14px;
    }
    .user-hero p , .hero-div-3 p , .hero-div-1 p{
        font-size: 12px;
    }
    .hero-div-2 button{
        margin: 5px auto ;
        padding: 5px 10px;
        font-size: 14px;
    }
    #course-offer h2{
        margin-bottom: 30px;
    }
}
@media (max-width:580px)
{
    .data-list{
        flex: 0 0 50px;
    }
    .data-list h4{
        font-size: 24px;
    }
    .wit-inner {
         margin: 10px 0px;
         text-align: center;
    }
    .hero-div-2 {
        display: none;
    }
    .hero-inner h1
    {
        font-size: 42px !important;
    }
}
@media(max-width:570px)
{ 
     h1{
          font-size: 2rem !important;
     }
     h2{
         font-size:2rem !important;
     }
    .rev-sec{
        bottom: -100px;
        left: 40px;
        max-width: 350px;
     }
     .rev-data{
         padding:30px 20px 10px 20px;
         height: fit-content !important;
     }
     .rev-data p{
        width: 100%;
     }
  
     #blog{
        margin: 100px 0 10px 0;
     }
     .rev-in p{
      margin: 10px 0px;
     }
     .dis-btn button{
        font-size: 13px;
     }
     .class-inner h2 {
    
        text-align: center;
     }
     #our-price span {
    color: #00CBB8;
    display: block;
     }
   
}
@media (max-width:504px)
{
    .f-user-name{
        padding: 5px;
    }
    .f-user-name p{
        font-size: 10px !important;
    }
    #feature{
        padding: 10px 0px;
    }
    .dis-btn{
        flex-direction: column;
        justify-content: center;
    }
    .dis-btn button {
        margin: 10px 0px;
    }
    .ex-book-img{
        margin: 30px 0px;
    }
    .ex-m-book {
       
        margin:10px 0px;
    }
    .price-skills-img {
        display: grid
;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0px;
        padding: 10px;
        place-items: center;
    }
    .skill-img img {
        height: 55px;
    }
    .wcu-sec {
  
        grid-template-columns: repeat(1, 1fr) !important;
    }
    #gal-sec{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;

}
}
@media (max-width:460px)
{
  
    .rev-sec {
        bottom: -100px;
        left: 0px;
        max-width: 350px;
    }
     .hero-div-1{
        top: 40px;
     }
    .hero-div-3{
        top: 180px;
    }
    .hero-div-2{
        top:280px;
    }
    .hero-btn {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        text-align: left;
    }
    .hero-btn i {
        margin: 20px 20px 0 0;
    }
    .cl-img{
        margin: 0px;
    }
}

@media (max-width:380px)
{
    .rev-sec{
        bottom: -160px;
        left: 0px;
        max-width: 300px;
     }
     #blog {
        margin: 150px 0px 10px 0px;
     }
     .f-user-name p{
        font-size: 9px !important;
     }
}
@media (max-width:430px)
{
    .f-btn-1{
        padding: 6px 16px;
        font-size: 14px;
    }
    .f-btn-2{
        padding: 6px 12px;
        font-size: 14px;
    }
}
@media (max-width:400px)
{
    .hero-div-2{
        top: 230px;
    }
    .hero-div-3{
        top: 140px;
    }
}

@media (max-width:425px)
{
    .dis-user {
        padding: 50px 5px 10px 5px;
    }
}




/* faq sec css */
#faq{
    max-width: 1200px;
    margin: 20px auto;
    padding: 10px;
}

#faq h2{
    font-size: 2.2rem;
    font-weight: 500;
    text-align: center;
     margin-bottom: 0px;
   }
   
   
   #faq h2 span{
   
     color: #00CBB8;
   }
   
.accordion {
    display: flex;
    flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 991px;
    min-width: 320px;
    margin: 20px auto;
    padding: 0 50px;
}

.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}


/* our price */

#our-price{
    max-width: 1300px;
    margin: 30px auto;
    padding: 10px;
}

#our-price h2{
    font-size: 2.2rem;
    font-weight: 500;
    text-align: center;
     margin-bottom: 0px;
}

#our-price span{
    color: #00CBB8;
}
.our-price-inner{
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/
    padding: 40px 30px;
    margin-top: 30px;
    background-color: white;
   gap: 30px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom:10px; transition: all 200ms;
}

.our-price-inner p{
  
    margin: 0px 0px 30px 0px;
    text-align: justify;
}

.our-price-inner h4{
    margin-bottom: 20px;
    font-size: 30px;
    
}

.our-price-inner ul{
    margin: 0px;
    padding: 0px;
}

.our-price-inner ul li{
    margin: 0px 0px 10px 15px;
}

.price-skills-img{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 10px;
    max-width: 800px;
    margin: 10px auto;               
}

.price-skills-img img{
       width: 70px;  /* Set a fixed width */
    height: 70px; /* Set a fixed height */
    object-fit: contain; /* Ensures images maintain aspect ratio */
    display: inline-block;
    margin: 10px;
    }

 .our-price-inner h5{
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0px;
    animation: blink 800ms infinite linear;
    opacity: 1;
 }   

  @keyframes blink{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
 
    100%{
        opacity: 1;
    }
  }
  
 .our-price-inner button{
    margin: 10px 0px;
    background-color: transparent;
    border: none;
 }

 .our-price-inner a{
    padding: 12px 30px;
    background-color: #010514;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #010514;
    transition: all 150ms ;
 }

 .our-price-inner a:hover{
    background-color: transparent;
    color: #010514;
 }
 
 @media (max-width:1024px)
 {
     
.price-skills-img{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 10px;
}

.price-skills-img img{
       width: 60px;  /* Set a fixed width */
    height: 60px; /* Set a fixed height */
    object-fit: contain; /* Ensures images maintain aspect ratio */
    display: inline-block;
    margin: 10px;
    }


 }