 body {
     overflow-x: hidden;
     font-family: 'Poppins', sans-serif;
 }

 .left_block h1{
    font-weight: 600;
    font-size: 44px;
    /* margin-bottom: 20px; */
 }
 .left_block h2{
    font-size: 32px;
 }
 .left_block  ul {
    column-count: 2;
    margin-top: 16px;
    padding-left: 0rem;
    padding-bottom: 12px;
 }

 .left_block  ul li {
    font-weight: 500;
    font-size: 16px;
    /* padding-bottom: 25px; */
    width: 93%;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: top left;
    background-position-y: 18px;
    padding-left: 48px;
    height: 52px;
}
.foricon1{
    background-image: url(../images/carousalicon2.svg);
}
.foricon2{
    background-image: url(../images/carousalicon3.svg);
}
.foricon3{
    background-image: url(../images/carousalicon5.svg);
}
.foricon4{
    background-image: url(../images/icon9.svg);
}
 .shwnon{
    height: 75vh;
 }

h1 span{
    color: #e25444;
 }
.headbackclr{
    background:#eff4f8 ;
}

#bannsections{
    
    margin-top: 148px;
   
}

 .knowclass{
    background: #e25444;
    color: #fff;
    padding: 13px 30px;
    font-weight: 600;
    border-radius: 50px;
}
.knowclass:hover{
    background: transparent;
    color: #e25444;
    border: 1px solid #e25444;
}
.read-more{
    background-color: transparent;
    color: #e25444;
    border: none;
    font-size: 18px;
    /* padding: 7px 20px; */
    border-radius: 5px;
}
.ul-last-tab{
    font-size: 18px;
}
#more1, #more2, #more3, #more4, #more5, #more6  {
    display: none;
}
 h2 {
     font-weight: 600;
     font-size: 40px;
 }
 .blk-clr {
   margin-bottom: 50px;
}
 /* .background {
     background-image: url('../images/ihna_header_img.webp');
     height: 61vh;
     background-repeat: no-repeat;
     background-size: cover;
 } */

 section {
    padding: 0px!important;
    overflow: unset!important;
}
#tp-bnr{
    padding-top: 0px!important;
    margin-top: 138px;
}


 .pgh1 {
    font-weight: 300;
    font-size: 25px;
    border-bottom: 2px solid #e56565;
    width: fit-content;
    margin-bottom: 30px;    
    color: #e25444;
    /* padding-top: 50px; */
 }

 .hbanimg{
    /* height: 100%; */
    width: 100%;
    /* object-fit: cover; */
    /* border-radius: 20% 0% 0% 20%; */
}

.dwnbtn{
    position: absolute;
    bottom: 36%;
    right: 42%;
}
.overlap-container{
    padding: 0px!important;
}

 .pgh1 span {
     font-weight: 800;
 }

 #study_perth h1 {
     font-weight: 600;
     font-size: 40px;
     padding-bottom: 10px;
 }

 .pgh2 {
    font-weight: 500;
    font-size: 19px;
    margin-top: 1rem;
    padding-bottom: 12px;
    text-decoration: underline;
 }

 #study_perth {
     background: #E25544;
     color: #ffff;
     height: 50vh;
     padding: 0px 0px!important;

 }

 .o_btn {
     background-color: #fff;
     color: #E25544;
     padding: 10px 30px;
     font-weight: 600;
     font-size: 20px;
     text-decoration: none;
 }

 .o_btn:hover {
     background-color: #E25544;
     color: #fff;
     border: 2px solid #fff;
 }


 .left_block {
    padding: 6px 75px 28px 25px;
 }

 /* section two  */
 .grey_block {
     background-color: #F4F4F6;
     margin: 65px 101px 0px 102px;
 }

 .group_img {
     width: 90%;
     margin: 65px 50px 0px 65px;
 }

 .grey_block .accordion {
     padding: 42px 71px 22px 71px;
 }

 .grey_block .accordion-flush .accordion-item {
     border-radius: 14px;
 }

 .grey_block .accordion-item {
     margin-bottom: 35px;
     font-weight: 500;
     font-size: 18px;
     padding: 10px 0px;
     background-color: #F4F4F6;
     border: none;
     box-shadow: 2px 2px 4px rgba(114, 142, 171, 0.1), -6px -6px 20px #FFFFFF, 4px 4px 20px rgba(111, 140, 176, 0.41);
 }

 .grey_block .accordion-button {
     background-color: #F4F4F6;
 }

 .grey_block .accordion-button:not(.collapsed) {
     color: #000;
     background-color: #F4F4F6;
     box-shadow: none;
 }

 .grey_block .accordion-button::after {
     background-image: url('../images/plus.svg');
 }

 .accordion-button:not(.collapsed)::after {
     background-image: url('../images/minus.svg');
 }

 .accordion-body {
     font-weight: 300;
 }

 /* section two  */
 #section-2,
 #section3 {
     background-color: #E25544;
     color: #fff;
 }

 .box {
     background-color: #fff;
     color: #E25544;
     height: 220px;
     border-radius: 22px;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .box img {
     height: 35px;
     margin-bottom: 20px;
     margin-left: -40%;
 }

 .block-3 p {
     font-weight: 400;
     font-size: 25px;
     padding: 20px 210px 10px 210px;
 }

 .block-3 {
     padding: 70px 50px 50px 50px;
 }

 .innerbox {
     padding: 20px 30px 20px 30px;
     width: 100%
 }

 #carousel2 .owl-carousel .owl-item img {
     width: 20%;
 }

 #carousel3 .owl-carousel .owl-item img {
     width: 20%;
 }

 .innerbox p {
     font-weight: 500;
     font-size: 16px;
 }

 #carousel1.owl-theme .owl-dots .owl-dot {
     display: none;
 }

 /* #carousel2.owl-theme .owl-dots .owl-dot {
     display: none
 } */
 #v-carousal .owl-dots {
    display: block !important;
}
#v-carousal{
    position: relative;
}
#v-carousal .owl-next {
    color: #e25544;
    font-size: 72px;
    position: absolute;
    right: 22%;
    top: 198px;
    background: transparent;
}
#v-carousal .owl-prev {
    position: absolute;
    left: 22%;
    top: 200px;
    font-size: 72px;
    background: transparent !important;
}
#v-carousal:hover .owl-prev {
    color: #e25444;
}
 /* section three  */
 #section-3dup{

    padding: 84px 70px!important;

    background-color: #E25544;
    color: #fff;
 }
 .wht-bx{
    padding: 10px 20px;
    height: 350px;
    background-color: #fff;
    color: #E25544;
    border-radius: 37px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.wht-bx-inner{
    margin-top: 25px;
    /* margin-left: 10px; */
}
.wht-bx h2{
    margin-left: 30px;
}
 .wht-bx-wide{
    padding: 10px 20px;
    height: 200px;
    background-color: #fff;
    color: #E25544;
    border-radius: 37px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin-top: 15px;
}
 #section-3dup ul li {
    font-weight: 400;
    font-size: 18px;
    padding-bottom: 25px;
    background-image: url(../images/tick-li.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: top left;
    background-position-y: 1px;
    padding-left: 45px;
}
.img-div{
    height: 350px;
    background: url('../images/city_of_light_img.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 37px;
}

#section-3dup{
    padding: 84px 70px;
}
#section-3dup h2, #section-3dup p{
    padding-bottom: 10px;
}

 /* section four  */
 #block-5,
 #block-6 {
     background-color: #1D1C22;
     color: #fff;
 }

 .block5 {
     margin: 88px 10px 100px 102px;
 }

 .pgh4 {
     font-weight: 400;
     font-size: 19px;
     text-transform: uppercase;
     border-bottom: 1px solid #fff;
     width: fit-content;
     margin-bottom: 30px;
 }

 .pgh4 span {
     font-weight: 700;
 }

 .block5 h2 {
     padding-bottom: 30px;
 }

.acknowledgement-section{
    padding: 50px 0px 103px 0px!important;
}

 .black-box {
     background-color: #333334;
     height: 200px;
     margin-bottom: 30px;
     border-radius: 22px;
     transition: 0.5s !important;
 }

 .black-box a {
     color: #fff;
     font-weight: 700;
     font-size: 20px;
   
     /* text-decoration: underline!important; */
 }

 .black-box a:hover{
    color: #F0F0F3;
    transition: 0.5s !important;
 }
.viewcrse{
    display: flex ;
    flex-wrap: wrap ;
    justify-content: end ;
}
 .black-box:hover {
     background-color: #E25544;
     transition: 0.5s;
 }

 .innerblackbox {
     padding: 30px 30px;
 }
 .innerblackbox p{
    min-height: 90px;
 }

 .black-box p {
     font-weight: 400;
     font-size: 18px;
 }

 .black-box p span {
     font-weight: 700 ;
     font-size: 20px;
     padding-top: 10px;
 }

 /* animation  */
 .anim-container {
     position: relative;
     margin: 263px 0px 0px 82px;
 }

 .anim {
     position: absolute;
     z-index: 1;
     animation-name: anim;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out;
 }

 @keyframes anim {
     from {
         transform: scale(100%);
     }

     to {
         transform: scale(110%);
     }
 }

 .anim-1 {
     bottom: 205px;
     left: -21px;
     animation-duration: .5s;
 }

 .anim-2 {
     bottom: 5px;
     left: -29px;
     animation-duration: 1.8s;
 }

 .anim-3 {
     bottom: -14px;
     left: 229px;
     animation-duration: .8s;
 }

 .anim-4 {
    left: 394px;
     bottom: -3px;

     animation-duration: 2.1s;
 }

 .anim-5 {
     bottom: 231px;
     left: 482px;
     animation-duration: 1.1s;
 }

 .anim-6 {
     top: 19px;
     left: 32px;
     animation-duration: 1.1s;
 }

 .anim-7 {
     top: 95px;
     left: 338px;
     animation-duration: 1.5s;
 }

 .img-container {
     display: none;
 }

 /* section five  */
 #block-6 h2 {
     padding-bottom: 10px;
 }

 #block-6 p {
     font-weight: 400;
     font-size: 20px;
 }

 #block-6 {
     padding-bottom: 76px;
 }

 .perth-img {
     width: 100%;
 }
 .kochi-page-p {
    padding: 60px;
}
 .blocks {
     padding: 100px 0px 0px 50px;
 }
 /* #carousel_3{
    display: none;
} */
 #carousel3 .owl-item {
     transform: rotate(90deg);
 }

 #carousel3 {
     transform: rotate(-90deg);
     padding: 40px 50px 10px 50px;
 }

 #carousel3 .owl-stage-outer {
     overflow: visible !important;
 }

 .carousel-content {
     padding-left: 50px;
     padding-right: 50px;
     overflow: hidden;
 }

 #carousel3 .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {

     color: #e25544;
     font-size: 50px;
 }

 #carousel3 .owl-nav button:hover {
     background: transparent;
 }

 #carousel3 .owl-nav button.owl-next {
     position: absolute;
     top: 100px;
     right: 112px;
 }

 #carousel3 .owl-nav button.owl-prev {
     position: absolute;
     top: 100px;
     left: 149px;
 }

 /* section six  */
 #v-carousal .owl-item.active.center {
     transform: scale(120%);
     transition-timing-function: ease-in-out;
 }

 #v-carousal.owl-stage-outer {
     overflow: display !important;
 }

 #block-7 {
     overflow: hidden;
 }

 #v-carousal .owl-stage-outer {
     height: 553px;
     padding-top: 110px;
 }

 #v-carousal .owl-item iframe {
     display: block;
     transition: 0.5s ease-in-out;
     display: block;
     width: 82%;
     height: 350px;
     margin-left: 9%;
     border-radius: 15px;
 }

 #v-carousal .owl-item.active.center iframe {
     opacity: 1;
     transition: 0.5s ease-in-out;
 }

 #v-carousal .owl-dots {
     display: none;
 }

 .video-carousel {
     background: linear-gradient(to bottom,
             #1D1C22 0%,
             #1D1C22 45%,
             #F0F0F3 45%, #F0F0F3 100%);
 }
 #block-7 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #e25544;
}
#block-7 .nav-link {
    margin-right: 20px;
    color: #e25544;
    border: 1px solid #E25544;
    margin-top: 10px;
    width: 232px;
}
.pddtop{
    margin-top: 60px;
}
 .pddtop li {
     font-weight: 400;
     font-size: 19px;
     background-image: url('../images/g-tick.svg');
     background-repeat: no-repeat;
     background-size: 27px;
     background-position: top left;
     background-position-y: 5px;
     padding-left: 45px;
 }
 .pf1{
font-size: 20px;
 }
 .pf2{
    font-size: 20px;
 }
 .block-a li>span {
 color: #e25444;
}
 #block-7 {
     background-color: #F0F0F3;
 }

 .blk-clr {
     color: #E25544;
 }

 .blk-clr p {
     font-weight: 400;
     font-size: 25px;
     padding: 10px 20px 10px 0px;
 }

 .block-a {
     margin: 15px 190px 108px 190px;
 }

 .part {
     display: flex;
     margin-bottom: 50px;
     font-weight: 500;
     font-size: 20px;
 }

 .part_btn1 {
     margin-right: 30px;
 }

 .p_btn1,
 .p_btn2 {
     text-decoration: none;
     padding: 10px 20px;
     border-radius: 7px;
     cursor: pointer;
 }

 .p_btn1 {
     background-color: #E25544;
     color: #fff;
     transition: 1s ease-in-out;
 }

 .p_btn1:hover {
     background-color: #3f45e5;
     color: #fff;
     transition: 1s ease-in-out;
 }

 .p_btn2 {
     color: #E25544;
     border: 1px solid #E25544;
     transition: 1s ease-in-out;
 }

 .p_btn2:hover {
     color: #3f45e5;
     border: 1px solid #3f45e5;
     transition: 1s ease-in-out;
 }

 .w-box {
     box-shadow: 2px 2px 4px rgba(114, 142, 171, 0.1), -6px -6px 20px #FFFFFF, 4px 4px 20px rgba(111, 140, 176, 0.41);
     border-radius: 14px;

 }
 .w-box-t2 {
    /* box-shadow: 2px 2px 4px rgba(114, 142, 171, 0.1), -6px -6px 20px #FFFFFF, 4px 4px 20px rgba(111, 140, 176, 0.41);
    border-radius: 14px; */
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;

}
 .w-box-t2 ul{
    column-count: 2;
 }
 .w-box-t2 ul li{
    /* margin-top: 15px; */
    font-weight: 400;
    font-size: 19px;
    background-image: url(../images/g-tick.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: top left;
    background-position-y: 5px;
    padding-left: 45px;
 }
 .w-b-6,
 .w-b-1 {
     height: 333px;
     display: flex; 

justify-content: center;

align-items: center;
 }

 .w-b-2,
 .w-b-3,
 .w-b-4,
 .w-b-5 {
     height: 155px;

     padding: 0 34px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 400;
     font-size: 18px;
 }

 .w-b-2,
 .w-b-4 {
     margin-bottom: 15px;
 }

 .w-b-6 img {
     width: 100%;
     padding: 61px 70px;
 }

 .w-b-1 img {
     padding: 110px 66px;
     height: 293px;
     width: 100%;
 }

 #our-students h2,
 .student-p {
     color: #E25544;
     padding-bottom: 20px;
 }

 .student-p {
     font-weight: 400;
     font-size: 25px;
 }

 #our-students h5 {
     font-weight: 700;
     font-size: 22px;
     transition: 0.5s ease-in-out;
 }

 .students {
     margin: 82px 118px;
 }

 .student-name {
     margin-bottom: 10px;
     color: #e2544400;
     transition: 0.5s ease-in-out;
 }

 .student-p2 {
     font-weight: 300;
     font-size: 20px;
     padding: 12px 30px;
     color: #1d1c2200;
     transition: 0.5s ease-in-out;
     /* margin-top: 10px; */
     width: 700px;
     position: absolute;
     transform: translateX(-50%);
     left: 50%;
 }

 #carousal-4 {
     height: 340px;
 }

 #carousal-4 .owl-item img {
     width: 171px;
     margin-left: 50px;
 }

 #carousal-4 .owl-item.active.center img {
     border: 10px solid #E25544;
     border-radius: 50%;
     transition: 0.5s ease-in-out;
     transform: scale(1.5);
 }

 #carousal-4 .owl-item.active.center p.student-p2 {
     color: #1d1c22;
     transition: 0.5s ease-in-out;
 }

 #carousal-4 .owl-item.active.center h5.student-name {
     color: #e25444;
 }

 #carousal-4 .owl-item img {
     border-radius: 50%;
     transition: 0.5s ease-in-out;
     border: 0px solid #E25544;
 }

 .owl-carousel .owl-stage-outer {
     padding-top: 50px;
     height: 100%;
 }

 /* section eight  */
 #section-eight {
     background-color: #F0F0F3;
     color: #E25544;
 }

 #section-eight h2 {
     padding-bottom: 20px;
 }

 #section-eight p {
     font-weight: 400;
     font-size: 20px;
     padding-bottom: 20px;
 }

 .tab-block {
     margin: 88px 102px 100px 102px;
 }

 #section-eight .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     color: #fff;
     background-color: #e25544;
 }

 #section-eight .nav-link {
     margin-right: 20px;
     color: #e25544;
     border: 1px solid #E25544;
     font-weight: 500;
     font-size: 15px;
     margin-top: 10px;
 }

 #section-eight .tab-content {
     box-shadow: 2px 2px 4px rgb(114 142 171 / 10%), -6px -6px 20px #ffffff, 4px 4px 20px rgb(111 140 176 / 41%);
     border-radius: 14px;
     padding: 50px 50px;
     color: #4D4D4D;
     margin-top: 32px;
 }
.read{
    padding-top: 10px;
}
 .read a{
    font-weight: 600;
font-size: 18px;
color: #e25444;
 }

 /* Owl Carousel Arrows  ======Carousel-4*/
 #carousal-4 .owl-nav.disabled {
     display: unset;
 }

 #carousal-4 .nav-button {
     height: 50px;
     width: 25px;
     cursor: pointer;
     position: absolute;
     top: 115px !important;
 }

 #carousal-4 .owl-prev.disabled,
 #carousal-4 .owl-next.disabled {
     pointer-events: none;
     opacity: 0.25;
 }

 #carousal-4 .owl-prev {
     left: -35px;
 }

 #carousal-4 .owl-next {
     right: -35px;
 }

 #carousal-4 .owl-nav [class*=owl-] {

     font-size: 55px;
     color: #E25544;
     background: transparent;
     border-radius: 3px;
 }

 #carousal-4 .prev-carousel:hover {
     background-position: 0px -53px;
 }

 #carousal-4 .next-carousel:hover {
     background-position: -24px -53px;
 }


 .para-size{
    font-size: 18px !important;
 }

 .second-para{font-size: 18px;
    padding: 50px 75px;
 }

 /* Owl Carousel Arrows */
 /* media query  */
 /* @media screen and (min-width: 2500px) and (max-width: 3850px){
#carousel3 .owl-nav button.owl-next {
    top: 35px !important;
    right: 650px !important;
}
 } */
 @media screen and (min-width: 3200px) {
     h2 {
         font-size: 66px;
     }

     .left_block {
         padding: 56px 124px 28px 277px;
     }

     .pgh1 {
         font-size: 81px;
         margin-bottom: 66px;
     }

     #study_perth h1 {
         font-size: 89px;
         padding-bottom: 39px;
     }

     /* .pgh2 {
         font-size: 40px;
     } */

     .o_btn {
         font-size: 45px;
     }

     /* .group_img {
         margin: 0px 50px 0px 156px;
     } */

     .grey_block .accordion-button {
         background-color: #F4F4F6;
         font-size: 46px;
     }

     .grey_block .accordion-item {
         margin-bottom: 43px;
         padding: 17px 31px;
     }

     .accordion-button::after {
         width: 6.25rem;
         height: 4.25rem;
         background-size: 4.25rem;
     }

     .block-3 p {
         font-size: 36px;
     }

     .box img {
         height: 48px;
         margin-bottom: 40px;
     }

     .innerbox p {
         font-size: 40px;
     }

     .box {
         height: 310px;
     }

     .block4 {
         margin: 120px 102px 120px 102px;
     }


     .block4 li {
         font-size: 51px;
         background-size: 54px;
         background-position-y: 28px;
         padding-left: 94px;
     }

     .pgh4 {
         font-size: 41px;
     }

     .block5 h2 {
         padding-bottom: 38px;
     }

     .black-box {
         height: 285px;
     }

     .black-box h5 {
         font-size: 37px;
     }

     .black-box p {
         font-size: 37px;
     }

     .black-box a {
         font-size: 28px;
     }

     .anim-container {
         margin: 393px 0px 0px 505px;
     }

     .anim-7 {
         left: 359px;
     }

     .anim-5 {
         left: 486px;
     }

     .anim-4 {
         left: 412px;
     }

     #block-6 p {
         font-size: 41px;
     }

     #v-carousal .owl-stage-outer {
         height: 1046px;
     }

     .blk-clr p {
         font-size: 40px;
         padding: 18px 20px 23px 0px;
     }

     .part {
         font-size: 37px;
     }

     .w-b-1 img {
         padding: 110px 235px;
         height: 347px;
     }

     .w-b-6 img {
        width: fit-content;
         padding: 61px 311px;
     }

     .w-b-2,
     .w-b-3,
     .w-b-4,
     .w-b-5 {

         padding: 13px 34px;
         font-size: 32px;
     }
     .img-div {
        height: 560px;
    }
    .wht-bx {
        height: 553px;
      
    }
    #section-3dup h2, #section-3dup p {
        padding-bottom: 10px;
        font-size: 40px;
    }
    .wht-bx-wide { height: 375px;
    }
     #section-3dup ul li{
         font-size: 34px;
         background-size: 51px;
         background-position-y: -1px;
         padding-left: 99px;
     }

     .student-p {
         font-size: 34px;
     }

     .students {
         margin: 82px 354px;
     }

     #our-students h5 {
         font-size: 38px;
     }

     #carousal-4 {
         height: 521px;
     }

     .student-p2 {
         font-size: 23px;
         left: 18%;
     }

     #section-eight h2 {
         padding-bottom: 25px;
     }

     #section-eight p {
         font-size: 37px;
         padding-bottom: 25px;
     }

     #section-eight .nav-link {
         font-size: 41px;
     }

     #section-eight .tab-content {
         font-size: 31px;
     }

 }


 

 @media screen and (min-width:1900px) {
    .left_block ul li {
         font-size: 20px;
         height: 75px;
    }
    .pgh2 {
        padding-bottom: 35px;
    }
    .left_block ul {
        padding-bottom: 48px;
    }
    .box img {
        margin-left: -41%;
    }
    .innerbox p{
        font-size: 20px;   
    }
     .block4 img,
     .white-box {
         height: 488px;
     }

     .anim-7 {
         right: 330px;
     }

     .anim-5 {
         right: 203px;
     }

     .anim-4 {
         right: 229px;
     }
     #carousel3 .owl-nav button.owl-prev {
        top: 100px;
        left:229px;
    }
    #carousel3 .owl-nav button.owl-next {
        top: 100px;
        right: 228px;
    }
    .perth-img {
        width: 98%;
    }
    .w-b-6 img {
        padding: 43px 98px;
    }
    .pddtop li {
        background-position-y: 1px;
    }
    /* #carousel3 .owl-nav button.owl-next {
        right: 239px;
    } */
 }
 @media screen and (min-width:2180px) {
    #carousel3 .owl-nav button.owl-next {
       right: 334px;
   }

} 

 @media screen and (min-width:2520px) {
    #carousel3 .owl-nav button.owl-next {
       right: 500px ;
   }
   #carousel3 .owl-item.cloned {
    margin-right: 0px!important;
}

   
 
}
   
@media screen and (min-width: 3220px){
#carousel3 .owl-nav button.owl-next {
    right: 676px;
}
}
 @media screen and (min-width: 1500px) and (max-width: 1590px) {
     .perth-img {
         width: 98%;
     }
 }
 @media screen and (max-width: 1500px) {
 .left_block ul li {
    font-size: 15px;  
}
 }


 @media screen and (max-width: 1370px) {
     .anim-container {
         margin: 354px 0px 0px 52px;
     }
     .left_block ul li {
        font-size: 15px;
        width: 100%;
        background-size: 34px;
        padding-left: 48px;
    }
     .pddtop li {
        font-size: 14px;
        background-size: 19px;
        background-position-y: 1px;
        padding-left: 37px;
    }
     .anim-1 {
         height: 51px;
         bottom: 205px;
         left: -21px;
     }
     .w-box-t2 ul li {
        /* margin-top: 15px; */
        font-size: 15px;
        background-size: 15px;
    }
     .anim-2 {
         height: 116px;
         bottom: 5px;
         left: -29px;
     }
.pf3{
    font-size: 15px;
}
     .anim-3 {
         height: 94px;
         bottom: -57px;
         left: 164px;
     }

     .anim-4 {
         height: 93px;
         bottom: 24px;
         left: 341px;
     }

     .anim-5 {
         height: 63px;
         bottom: 187px;
         left: 375px;
     }

     .anim-6 {
         height: 116px;
         top: 19px;
         left: -7px;
     }

     .anim-7 {
         top: 71px;
         left: 281px;
         height: 56px;
     }
     #block-6 p {
        font-size: 18px;
    }
     #study_perth h1 {
         font-size: 35px;
     }

     .pgh2 {
         font-size: 18px;
     }

     /* .orange_btn {
         margin: 175px 77px 0px 134px;
     } */

     .o_btn {
         font-size: 14px;
     }

     .block-3 h2 {
         font-size: 25px;
     }

     .block-3 p {
         font-size: 16px;
     }

     .innerbox p,
     #section-eight .tab-conten,
     #section3 p,
     .blk-clr p,
     .part,
     .student-p,
     .student-p2,
     #section-eight p {
         font-size: 15px;
     }

     h2 {
         font-size: 30px;
     }

     .block4 img,
     .white-box {
         height: 304px;
     }

     .block4 li {
         font-size: 15px;

     }

     .black-box h5 {
         font-size: 15px;
     }

     .black-box p {
         font-size: 15px;
     }

     .black-box a {
         font-size: 13px;
     }

     .anim-backimg {
         height: 438px;
     }

     .perth-img {
         width: 97%;
     }

     .block-a {
         margin: 15px 128px 108px 190px;
     }

     .w-b-1 img {
         padding: 110px 47px;
         height: 280px;
     }

     .w-b-2,
     .w-b-3,
     .w-b-4,
     .w-b-5 {
         font-size: 12px;
     }

     

     .w-b-6 img {
         padding: 61px 45px;
     }

     #section-eight .nav-link {
         margin-right: 16px;

         font-size: 13px;
     }
     #carousal-4 {
        height: 265px;
    }
     #carousal-4 .owl-item img {
         width: 127px;
         margin-left: 50px;
     }
     #carousal-4 .nav-button {
        top: 80px !important;
    }
 }
 @media screen and (min-width: 1200px) and (max-width: 1290px){
    #carousel3 .owl-nav button.owl-next {
        top: 118px !important;
        right: 95px !important;
    }
    #carousel3 .owl-nav button.owl-prev {
        top: 118px !important;
        left: 99px !important;
    }
 }

 @media screen and (max-width: 1300px) {
 .pgh1 {
    font-size: 22px;
}
.left_block h1 {
    font-size: 35px;
}
.pgh2 {
    font-size: 16px;
}
.left_block {
    padding: 56px 33px 28px 27px;
}

 }

 @media screen and (min-width: 1000px) and (max-width: 1290px) {
    
     .para-size, .ul-last-tab {
        font-size: 14px !important;
    }
     #section-3dup ul li { font-size: 15px;
    }
     #study_perth {
        height: 67vh;
    }
    .pgh2 {
        /* font-size: 12px; */
    }
     /* .group_img {
         margin: -73px 50px 0px 50px;
     } */

     .block4 img,
     .white-box {
         height: 285px;
     }

     .innerwhitebox {
         padding: 26px;
     }

     .block4 li {
         font-size: 13px;
     }

     .block5 {
         margin: 88px 10px 100px 40px;
     }

     .block-a {
         margin: 1px 102px 108px 81px;
     }
     .tab-block {
        margin: 88px 76px 100px 76px;
    }
     .block-a li {
         background-size: 19px;
         background-position-y: 0px;

     }

     #carousel3 p {
         font-size: 11px;
     }

     #carousel3 h3 {
         font-size: 18px;
     }

     #carousel3 .owl-nav button.owl-next {
        top: 118px;
        right: 50px;
    }
     

     #carousel3 .owl-nav button.owl-prev {
         position: absolute;
         top: 118px;
         left: 79px;
     }
     #carousal-4 .owl-item img {
        width: 96px;
    }
 }


 @media only screen and (max-width: 996px) and (orientation: portrait) {

    #study_perth{
        height: 30vh;
    }

 }
 @media screen and (max-width: 920px) {
    .w-box-t2 ul {
        column-count: 1;
    }
    .read-more {
        font-size: 12px;
    }
    .para-size, .ul-last-tab {
        font-size: 12px !important;
    }
    .second-para {
        font-size: 14px;
        padding: 50px 40px;
    }
    .orange_btn {
        margin: -94px 77px 0px 102px;
    }
    .wht-bx {
        margin-top: 24px;
    }
    .group_img {
        width: 90%;
        margin: -72px 50px 0px 25px;
    }
 
    .grey_block {
        margin: 0px 60px 0px 69px;
    }
 
    .block-3 p {
        padding: 20px 19px 10px 9px;
    }
 
    #section3 p {
        padding: 10px 8px 20px 0px;
    }
 
    .white-box-right {
        margin-top: 48px;
    }
 
    .block5 {
        margin: 70px 1px 0px 1px;
    }
 
    .anim-container {
        display: none;
    }
 
    /* .img-container {
        display: block;
        margin: 32px 0px 60px 60px;
    } */
 
    #block-6 {
        padding-top: 74px;
    }
 
    #block-6 p {
 
        padding: 1px 20px;
    }
 
    .perth-img {
        width: 94%;
    }
 
    .perth-img {
        width: 94%;
    }
 
    #v-carousal .owl-stage-outer {
        height: 347px;
        padding-top: 69px;
    }
 
    .block-a {
        margin: 15px 15px 108px 15px;
    }
  
 
    .w-b-1 img {
        padding: 46px 19px;
        height: 309px;
    }
 
    .w-b-6 img {
        padding: 113px 45px;
    }
 
    #carousal-4 .owl-item img {
        width: 96px;
        margin-left: 38px;
    }
 
    .mgn {
        margin: 5px;
    }
 
    .tab-block {
        margin: 88px 43px 100px 43px;
    }
    .student-p2 {
        width: 550px;
    }
    .w-b-6 img {
        width: 64%;
    }
 }

 @media screen and (min-width: 520px) and (max-width: 915px)  {
    .pgh1 { font-size: 30px;
        margin-bottom: 35px;
    }
    .black-box p span {
        font-size: 16px;
    }
    #section-3dup ul li {
        font-size: 14px !important;
    }
    .block6-p {
        font-size: 16px !important;
        padding: 1px 79px !important;
    }
    .pgh2 {
        /* font-size: 12px; */
    }
    #study_perth h1 {
        font-size: 20px;
        padding-bottom: 0px;
    }
    #carousel_3 .owl-stage-outer {
        padding-top: 8px;
        margin: 50px;
        width: 90%;
    }
    .left_block {
        padding: 0px 84px 28px 78px;
    }
    .group_img {
        width: 90%;
        margin: -15px 50px 0px 25px;
    }
    .orange_btn {
        margin: -45px 77px 0px 79px;
    }
    .o_btn {
        font-size: 10px;
        padding: 10px 24px;
    }
    .grey_block .accordion-item {
        font-size: 12px;
       
    }
    .grey_block {
        margin: 0px 60px 0px 69px;
    }
    .grey_block .accordion-button {
        font-size: 12px;
    }
    .block-3 p {
        padding: 20px 19px 10px 9px;
    }
    #section3 p {
        padding: 10px 8px 20px 0px;
    }
    .white-box-right {
        margin-top: 48px;
    }
    .anim-container {
        display: none;
    }
    .img-container {
        margin-bottom: 42px;
        margin-top: 10px;
        display: block;
        background: url('../images/circle_grp.webp');
        background-repeat: no-repeat;
        height: 650px;
        background-position: center;
        background-size: contain;
    
    }
    #block-6 {
        padding-top: 74px;
    }
    .img-container img{
        height: 371px;
    }
    #block-6 p {
        padding: 1px 20px;
        font-size: 13px;
    }
    .perth-img {
        width: 94%;
    }
    .block-a {
        margin: 15px 53px 108px 53px;
    }
    #carousel_3 {
        display: block;
    }
    #carousel_3 h3{
        padding-left: 18px;
    }
    #carousel3 {
        display: none;
    }
    .block5 {
        margin: 70px 34px 0px 29px;
    }
    .blocks {
        padding: 26px 0px 0px 50px;
    }
    #v-carousal .owl-stage-outer {
        height: 506px;
        padding-top: 59px;
    }
    .w-b-6, .w-b-1 {
        height: 226px;
        margin-bottom: 20px;
    }
    .w-b-1 img {
        padding: 36px 19px;
        height: 72%;
    }
    .w-b-6 img {
        padding: 61px 50px;
        height: 150%;
    }
    #carousal-4 .owl-item img {
        width: 126px;
        margin-left: 36%;
    }
    .mgn {
        margin: 5px;
    }
    .tab-block {
        margin: 88px 43px 100px 43px;
    }
 }
 @media screen and (max-width: 980px) {
    #v-carousal .owl-nav {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .left_block ul li {
        width: 75%;
    }
    .shwnon1{
        display: none;
    }
    .left_block {
        padding: 0px 100px 49px 100px;
    }
    #bannsections {
        margin-top: 115px;
    }
    .hbanimg {
        height: 90%;
    }
    .hbanimg {
        object-fit: cover;
    }
}
 @media screen and (max-width: 500px) {

    .dwnbtn {
        position: absolute;
        bottom: 20%;
        right: 35%;
    }
.downarrw{
    width: 50%;
}
.left_block h1 {
    font-size: 34px;
}

    .w-b-6 img {
        width: 90%;
    }
    .black-box {
        height: 154px;
    }
    .black-box p span {
        font-size: 14px;
    }
    .left_block {
        padding: 0px 10px 28px 18px;
    }
    #section-3dup {
        padding: 56px 27px !important;
    }
    #carousal-4 {
        height: 250px;
    }
    .img-container {
        display: block;
        background: url('../images/circle_grp.webp');
        background-repeat: no-repeat;
        height: 480px;
        background-position: center;
        background-size: contain;

        /* margin: 32px 0px 60px 183px; */
    }
    .student-p2 {
        width: 259px;
    }
    .black-box h5 {
        font-size: 10px;
    }
    
    .black-box p{
        font-size: 10px;
    }
    .innerblackbox {
        padding: 25px 17px;
    }
    .pgh1 {
        font-size: 20px;
        margin-bottom: 28px;
    }
    #study_perth h1 {
        font-size: 17px;
        padding-bottom: 0px;
    }
    #section-3dup ul li {
        font-size: 13px !important;
        padding-bottom: 20px !important;
        background-size: 23px !important;
        padding-left: 32px !important;
    }
    .pgh2 {
        font-size: 12px;
        margin-top: 1rem;
    }
    .orange_btn {
        margin: -50px 77px 0px 12px;
    }
    .o_btn {
        font-size: 12px;
        padding: 9px 22px;
    }
    .grey_block {
        margin: 0px ;
    }
   
    .grey_block .accordion {
        padding: 42px 30px 22px 30px;
    }
    .grey_block .accordion-item {
        font-size: 12px;
    }
    .grey_block .accordion-button {
        font-weight: 500;
        font-size: 8px;
    }
    .block-3 p {
        padding: 20px 0px 10px 0px;
        font-size: 12px;
    }
    .block-3 {
        padding: 70px 5px 0px 5px;
    }
    .w-box-t2 ul li {

        font-size: 12px;
        background-size: 10px;
        background-position-y: 0px;
        padding-left: 25px;
    }
    .pf3 {
        font-size: 12px;
    }
    h2{
        font-size: 15px;
    }
    .block4 {
       margin: 88px 5px 90px 5px;
    }
    .second-para {
        font-size: 12px;
        padding: 50px 27px;
    }
    .block4 img, .white-box {
        height: auto;
        width: 100%;
    }
    .pddtop li {
        font-size: 12px;
    }
    .img-container img{
        width: 100%;
    }
    .img-container {
        display: block;
        /* margin: 32px 0px 60px 5px; */
    }
    #block-6 p {
        font-size: 12px;
    }
    #carousel3{
        display: none;
    }
    #carousel_3{
        display: block;
    }
    .blocks {
        padding: 6px 0px 6px 39px;
    }
    #carousel_3 h3{
        font-size: 15px;
        padding-left: 20px;
    }
    #v-carousal .owl-item iframe {
        margin-left:5vw;
        width: 90vw;
        height: 230px;
    }
    #v-carousal .owl-item.active.center {
        transform: none;
        transition-timing-function: ease-in-out;
    }
    /* #carousal-4 .owl-item.active.center {
        transform: none;
    } */
    .students {
        margin: 76px 40px;
    }
    .student-p {
        font-size: 12px;
    }
    
    #our-students h2, .student-p {
        padding-bottom: 10px;
    }
    #carousal-4 .owl-item img {
        width: 132px;
        margin-left: 80px;
    }
    #our-students h5 {
        font-size: 12px;
    }
    .student-p2 {
        font-size: 14px;
        padding: 9px 0px;
       
       
    }
    .blk-clr p{
        font-size: 12px;
    }
    .part{
        font-size: 12px;
    }
    .part_btn1 {
        margin-right: 11px;
    }
    .p_btn1, .p_btn2 {
        padding: 10px 4px;
    }
    .w-b-6, .w-b-1 {
        height: 226px;
        margin-bottom: 20px;
    }
    .w-b-6 img {
        padding: 61px 32px;
    }
    .w-b-1 img {
        padding: 0px 19px;
        height: 229px;
    }
    .w-b-2, .w-b-3, .w-b-4, .w-b-5 {
        font-size: 12px;
    }
     #section-eight p {
        font-size: 12px;
    }
    
    .tab-block {
        margin: 88px 10px 100px 10px;
    }
    #section-eight .nav-link {
        margin-right: 3px;
        font-size: 12px;
    }
    #section-eight .tab-content {
        padding: 28px 28px;
        font-size: 12px;
    }
    .read a {
        font-weight: 600;
        font-size: 12px;
        color: #e25444;
    }
    .pf1 {
        font-size: 10px;
    }
    .pf2 {
        font-size: 10px;
    }
    #block-7 .nav-link {
        margin-right: 5px;
        width: 130px;
    }
   
    .blk-a-p{
        font-size: 12px;
    }
 }

 @media screen and (max-width: 600px) {
    .innerblackbox p {
        min-height: 70px;
    }
 #section-3dup p {
    font-size: 12px;
}
.left_block ul li {
    font-size: 13px;
    width: 100%;
    background-size: 28px;
    padding-left: 40px;
}
.left_block ul {
    margin-top: 15px;
}
ul {
    padding-left: 0rem;
}
.group_img {
    margin: 20px 43px 0px 17px;
}
#section-two{
    margin-top: 20px;  
}
    #carousel2 .owl-dots {
        display: block !important;
        opacity: 0.5;
        margin-bottom: 40px;
    }
    .background {
        background-position: bottom center;
    }
    #section-eight h2 {
        padding-bottom: 5px;
    }
    .owl-carousel .owl-stage-outer {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    /* #carousel2.owl-theme .owl-dots .owl-dot{
        display: block !important;
     }
     .owl-dots {
        display: block !important;
    } */
    #carousel_3  img {
        width: 90%;
    }
    .kochi-page-p {
        margin: 29px 40px 0px 0px;
    }
 }

 #image-gallery-perth-campus{
    padding-block: 2.8rem;
    margin-bottom: 2rem;
 }
 .imgGalleryBox{
    position: relative;
    transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s;
    overflow: hidden;
 }
 .imgGalleryBox h4{
    font-size: 2.2rem;
 }
 .imgGalleryBox img{
    aspect-ratio: 2 / 2.5;
    object-fit: cover;
 }
 .imgGalleryBox .overlapTxt{
    position:absolute;
    inset:0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000098;
    color:white;
    z-index:9999;
    opacity: 0;
    transform-origin: bottom;
    transform: scaleY(.1);
    filter: blur(9px);
    /* transform: translateY(50%); */
    transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
 }
 .imgGalleryBox:hover .overlapTxt{
    /* transform: translateY(0); */
    transform: scaleY(1);
    filter: blur(0px);
    opacity: 1;
 }


