

*{

    margin: 0;

    padding: 0;

}

.our_offers_main_pulak{

    width: 100%;

    height:auto;

    align-content: center;

    justify-items: center;

    margin: 30px 0px;

}

.our_offers_main_pulak .popular_main_container{

display: flex;

align-items: center;

justify-content: center;

gap: 10px;

/* font-size: 44px; */

color:var(--color3);

border-radius:35px;

font-family: var(--font-family1);

padding:5px 5px;

font-weight: bold;

margin-top: 50px;

}



.our_offers_main_pulak .popular_main_container .icon_sub{

    height: 30px;

    width: 30px;

    border-radius: 50%;

    align-content: center;

background-color: var(--background-color1);

color: var(--color2);

    text-align: center;



}



.our_offers_main_pulak .popular_main_container .Courses_main{

font-size: 32px;

line-height: 44px;

padding-right:10px;
color: var(--color44);

}



.our_offers_main_pulak .What_We_Offer{

    font-size:18px;

    text-align: center;

    font-family: var(--font-family1);

    color: gray;

    padding: 15px 0px;

    /* font-weight: 600; */

    width: 80%;

    margin-bottom: 20px;

    line-height: 1.2;

}

.our_offers_main_pulak .accommodation_main_div{

    height:auto;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.our_offers_main_pulak .accommodation_main_div .global_main{

height: auto;

width: 49%;

}

.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main{

    /* border: 1px solid; */

    height:auto;

    width:100%;
    background-color: white;
    box-shadow: 0 0 10px rgb(0,0,0,.18);
    color: #0e454f;
    border-radius: 10px;

    display: flex;

    padding: 9px 15px;
    gap: 25px;
    cursor: pointer;

    justify-content: center;

    margin-top: 15px;

}
.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main:hover{
background: linear-gradient(45deg, #1899ad, #0e454f);
color: white;
}
.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main:hover .busses_image_main{
background:white;
}
.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main:hover .busses_image_main i{
color:#0e454f;
}
/* .our_offers_main_pulak .accommodation_main_div .global_main .defult_backgrount{
    background: linear-gradient(90deg, #fda31b, #137080) ;
} */



.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .busses_image_main{

/* border: 1px solid; */

height: 65px;

width:65px;

border-radius: 50%;

/* background-color: var(--background-color3); */
background: linear-gradient(45deg, #1899ad, #0e454f);
align-content: center;

text-align: center;
  color:  white;
margin-top: 15px;

}
.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .busses_image_main i{
    font-size: 24px;
  
}
.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 {

height: auto;

width:76%;

}

.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 .Accommodation_write{

    /* color: var(--color2); */

    font-size:22px;

    font-family: var(--font-family1);

    font-weight: 700;

    /* line-height: 25px; */

    width: fit-content;

    padding: 0px 0px;

}

.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 .accommodated_paragraph{

/* color: var(--color2); */

font-size: 16px;

font-family: var(--font-family1);

font-weight: 400;

line-height: 25px;

width: 94%;

padding: 5px 0px;

}.our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 .accommodated_paragraph p{

    margin: 0;
    font-family: var(--font-family1);

}

.our_offers_main_pulak .accommodation_main_div .video_photo_main{

    border:5px solid var(--color2);

    height: 520px;

    width:49%;

    display: flex;

    border-radius: 25px;

    position: relative;

    overflow: hidden;

}

.our_offers_main_pulak .accommodation_main_div .video_photo_main img{

 width: 100%;

    transition: transform 500ms;

    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);

    transform-origin: center center;

  height: 100%;

}

.our_offers_main_pulak .accommodation_main_div .video_photo_main:hover img{

transform: perspective(600px) rotateX(0.06deg) rotateY(0deg) scaleX(1.15) scaleY(1.15);

}

.our_offers_main_pulak .accommodation_main_div .v_player_youtube{

height:100px;

width: 100px;

border-radius: 50%;

position: absolute;

align-content: center;

text-align: center;

font-size: 30px;

background-color: var(--background-color3);

color: var(--color1);

top:43%;

left:43%;

animation:pulok 4s linear infinite;



}
@keyframes pulok{
    0% {
    box-shadow: 0 0 0 -1px #FDA31B, 0 0 0 -1px #ffba54, 0 0 0 -1px  #ffd698;
}

100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0), 0 0 0 45px rgba(255, 255, 255, 0);
}
}
@media (max-width:990px) {

    .our_offers_main_pulak .accommodation_main_div{

        display: grid;

    }

    .our_offers_main_pulak .accommodation_main_div .global_main{

        width: 100%;

    }

    .our_offers_main_pulak .accommodation_main_div .video_photo_main{

        width: 100%;

        margin-top: 35px;

    }

}

@media (max-width:768px) {

    .our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main {

        display: block;

    }



    .our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .busses_image_main{

        margin-top: 20px;

    }

        .our_offers_main_pulak .accommodation_main_div .video_photo_main{

            height:450px;

        }



        .our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 .accommodated_paragraph{

            width: 125%;

        }

}
@media(max-width:685px){
    .our_offers_main_pulak .accommodation_main_div .v_player_youtube{
        left: 42%;
    }
}
@media (max-width:425px) {

        .our_offers_main_pulak .accommodation_main_div .video_photo_main {

            height: 400px;

        }

        

        .our_offers_main_pulak .accommodation_main_div .global_main .to_make_students_main .Accommodation_main_div1 .accommodated_paragraph{

            width: 125%;

        }



            .our_offers_main_pulak .accommodation_main_div .video_photo_main{

            height:400px;

        }

}

@media(max-width:458px){
    .our_offers_main_pulak .accommodation_main_div .v_player_youtube{
        left: 40%;
    }
}
@media(max-width:378px){
    .our_offers_main_pulak .accommodation_main_div .v_player_youtube{
        left: 37%;
        top: 38%;
    }
}
@media(max-width:338px){
    .our_offers_main_pulak .accommodation_main_div .v_player_youtube{
        left: 33%;
        top: 38%;
    }
}