body * {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    transition: .4s all;

}



body {

    overflow-x: hidden;

    font-family: "IBM Plex Sans", sans-serif;

    /* font-family: "Inter", sans-serif; */

    position: relative;

    min-height: 100vh;

    padding: 0 !important;

    font-size: 18px;

    display: flex;

    flex-direction: column;

    scroll-behavior: auto;

}



html {

    overflow-x: hidden;

    scroll-behavior: auto;

}



li {

    list-style: none;

}



figure {

    margin: 0;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

}



/* ::-webkit-scrollbar{

    width: 9px;

}



::-webkit-scrollbar-track{

    background: rgba(170, 168, 168, 0.185);

}

::-webkit-scrollbar-thumb{

    background:  #FFA537;

    border-radius: 10px;

} */



.container {

    max-width: 1560px;

}



section {

    position: relative;

    z-index: 2;

}



.content {

    flex: 1;

}



/* Lenis CSS */

html.lenis {

  height: auto;

}



.lenis.lenis-smooth {

  scroll-behavior: auto;

}



.lenis.lenis-smooth [data-lenis-prevent] {

  overscroll-behavior: contain;

}



.lenis.lenis-stopped {

  overflow: hidden;

}



.lenis.lenis-scrolling iframe {

  pointer-events: none;

}





/* =============================================*/



.design-info-hding{

    font-size: 96px;

    font-family: "Inter", sans-serif;

    line-height: 100px;

    font-weight: 600;

    color: #fff;

}



h2{

    font-size: 62px;

    font-weight: 600;

    font-family: "Inter", sans-serif;

}



.banner-section{

    height: 750px;

    overflow: hidden;

}



.banner-info {

    max-width: 800px;

    padding-top: 45px;

}

.banr-span {

    display: block;

    font-size: 46px;

    line-height: 86px;

}



.design-clg{

    font-size: 62px;
    font-weight: 600;
    font-family: "Inter", sans-serif;

    padding: 12px 40px;

    background: #000;

    color: #fff;

    max-width: max-content;

    position: relative;

    left: -41px;

}



.banner-section::before{

    content: "";

    position: absolute;

    inset: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: -1;

}



.social-media {

    position: absolute;

    top: 0;

    right: 40px;

    bottom: 0;

    height: fit-content;

    margin: auto;

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.social-media a {

    height: 48px;

    width: 48px;

    border-radius: 50%;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 24px;

}



.social-media a:hover{

    background: #fff;

    color: #000;

}



/* header.header {

    position: absolute;

    background: #000;

    padding: 8px 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 4;

    transition: 0.3s all ease-in-out;

} */



header.header {

    position: fixed;

    background: #000;

    padding: 8px 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 4;

    transition: all 0.4s ease;

}



header.header.fixed {

    position: fixed;

    top: 0;

    background: #000;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



header.header.fixed .ecole-logo {

    max-width: 300px;

}



header.header.fixed .tig-logo {

    max-width: 225px;

}



nav.nav {

    align-items: center;

    justify-content: space-between;

}



.header-fig {

    display: flex;

    align-items: end;

    gap: 20px;

}



.ecole-logo{

    max-width: 350px;

    width: 100%;

    transition: 0.4s all;

}



.tig-logo {

    max-width: 245px;

    transition: 0.4s all;

    width: 100%;

}



.header-link a {

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 36px;

    border: 1px solid #fff;

    border-radius: 100px;

    color: #ffff;

    font-size: 19px;

    font-weight: 500;

}



.header-link a:hover{

    color: #000;

    background: #fff;

}



.about-section{

    padding: 70px 0;

}



.heading-info{

    margin-bottom: 28px;

}



.heading-info h5 {

    font-size: 46px;

    font-weight: 600;

    color: #1E1E1E;

    font-family: "Inter", sans-serif;

    max-width: 940px;

    margin-top: 10px;

}



.color-info {

    background: #f9ccfe;

    padding: 4px 10px;

    border-radius: 8px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



span.color-info.light-blue {

    background: #afd0f6;

}



span.color-info.light-orange {

    background: #feb157;

}



span.color-info.light-yellow {

    background: #f8e60e;

}



p{

    font-size: 22px;

    color: #000;

    position: relative;

}



.my-btn span {

    height: 88%;

    width: 44px;

    background: white;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    right: 4px;

    top: 0;

    bottom: 0;

    margin: auto;

}



.my-btn {

    display: inline-flex;

    align-items: center;

    height: 56px;

    border: 5px solid #FF7070;

    border-radius: 100px;

    /* border-image-source: linear-gradient(180deg, #FF7070 -9.89%, #B00000 111.3%); */

    /* border-image-slice: 1; */

    background: #DD4646;

    padding: 0 40px;

    padding-right: 70px;

    position: relative;

    color: #fff;

    font-weight: 600;

}



.my-btn span img{

    transition: 0.2s all;

}



.my-btn:hover span img{

    padding-left: 4px;

}



.my-btn:hover{

    border-color: #DD4646;

    color: #fff;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;

}



.my-btn.white-btn {

    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;

    background: #fff;

    border: 1px solid #c3c3c3;

    color: #000;

}



.my-btn.white-btn span {

    height: 44px;

    border: 1px solid #5a5a5a;

}



.apply-div {

    margin-top: 30px;

    display: flex;

    align-items: center;

    gap: 15px;

}



.future-school-abt figure{

    max-width: 509px;

    margin-bottom: 25px;

}



.future-school{

    margin-top: 70px;

}



.appart-card {

    padding: 45px 40px;

    background: #E9FDFF;

    height: 100%;

}



.appart-card h4{

    height: 100px;

    width: 100px;

    background: #25E6FA;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    font-size: 46px;

    color: #03B3C5;

    font-weight: 600;

    margin-bottom: 30px;

}



.appart-card h5 {

    font-size: 34px;

    font-weight: 400;

}



.appart-wrapper .owl-stage, .course-details-carosel .owl-stage{

    display: flex;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(2) .appart-card {

    background: #FFEDED;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(2) .appart-card h4{

    background: #FE6464;

    color: #B22727;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(3) .appart-card {

    background: #F2EFFF;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(3) .appart-card h4{

    background: #907AF1;

    color: #52429B;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(4) .appart-card {

    background: #FDF6E4;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(4) .appart-card h4{

    background: #FECE53;

    color: #B38308;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(6) .appart-card {

    background: #FFEDED;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(6) .appart-card h4{

    background: #FE6464;

    color: #B22727;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(7) .appart-card {

    background: #F2EFFF;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(7) .appart-card h4{

    background: #907AF1;

    color: #52429B;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(8) .appart-card {

    background: #FDF6E4;

}



.appart-wrapper.appart-wrapper .owl-item:nth-child(8) .appart-card h4{

    background: #FECE53;

    color: #B38308;

}



.appart-wrapper.appart-wrapper .item, .course-details-carosel .item {

    height: 100%;

}



.appart-carosel .owl-nav, .carosel-nav-btn .owl-nav{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: auto;

    height: max-content;

    display: flex;

    align-items: center;

    justify-content: space-between;

    pointer-events: none;

}



.appart-carosel .owl-nav button, .carosel-nav-btn .owl-nav button{

    height: 50px;

    width: 50px;

    border: 1px solid black !important;

    z-index: 2;

    border-radius: 100px;

    background: red;

    display: block;

    position: relative;

    pointer-events: initial;

}



.appart-carosel .owl-nav button.owl-prev, .carosel-nav-btn .owl-nav button.owl-prev{

    left: -90px;

}



.appart-carosel .owl-nav button.owl-next, .carosel-nav-btn .owl-nav button.owl-next{

    right: -90px;

}



.appart-carosel .owl-nav button.disabled, .carosel-nav-btn .owl-nav button.disabled{

    opacity: 0.5;

}



.choose-lists li{

    position: relative;

    font-size: 20px;

    padding-left: 28px;

}



.choose-lists li + li{

    margin-top: 6px;

}



.choose-lists li::before {

    content: "";

    position: absolute;

    top: 7px;

    left: 0;

    height: 18px;

    width: 18px;

    background: url(../images/right-arw.png) no-repeat center / contain;

}



.color-info.light-red{

    background: #FF7070;

}



.heading-info p{

    margin-top: 15px;

}



.course-card figure{

    position: relative;

    overflow: hidden;

}



.course-card img {

    height: 314px !important;

    object-fit: cover;

    transition: 0.4s all;

    width: 100%;

}



.blk-spn{

    display: block;

}



.course-card p {

    color: #1E1E1E;

    line-height: 30px;

    font-weight: 600;

    padding: 15px 0 10px;

    padding-left: 14px;

    margin-left: 4px;

}



.course-card p::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    height: 80%;

    width: 4px;

    background: #000;

    margin: auto;

}



.course-card{

    height: 100%;

    transition: 0.4s all;

    overflow: hidden;

}



.course-card:hover{

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    border-radius: 10px;

    /* transform: translateY(-3px); */

}



.course-card:hover img{

    transform: scale(1.05);

}



.course-details-carosel.owl-carousel .owl-stage-outer {

    padding: 2px 0 20px;

}



.faculty-section{

    padding: 70px 0;

}



.course-card.faculty-card figure {

    height: 330px;

    display: flex;

    align-items: end;

    background: #F3B8BE;

}



.course-card.faculty-card  img {

    height: auto !important;

    object-fit: cover;

    transition: 0.4s all;

    max-width: 320px;

    margin: 0 auto;

}



.faculty-card-dtls{

    padding: 15px 6px;

}



.faculty-carosel.owl-carousel .owl-stage-outer{

    padding: 2px 0 16px;

}



.faculty-card-dtls h4 {

    font-size: 24px;

    font-weight: 500;

    color: #1E1E1E;

    margin-bottom: 10px;

}



.faculty-card-dtls h5 {

    font-size: 18px;

    font-weight: 400;

    color: #7A6E6E;  

    position: relative;  

}



.last-h5.last-h5 {

    color: #B8A9A9;

    border-top: 1px dashed #706565;

    padding-top: 3px;

    margin-top: 8px;

    padding-left: 25px;

    font-size: 17px;

}



.last-h5.last-h5::before{

    content: "";

    position: absolute;

    top: 2px;

    left: 0;

    height: 22px;

    width: 22px;

    background: url(../images/building.png) no-repeat center / contain ;

}



/* .faculty-carosel.faculty-carosel .owl-item:nth-child(2) .course-card.faculty-card figure {

    background: #EAA44E;

}



.faculty-carosel.faculty-carosel .owl-item:nth-child(3) .course-card.faculty-card figure {

    background: #91C3FD;

}



.faculty-carosel.faculty-carosel .owl-item:nth-child(4) .course-card.faculty-card figure {

    background: #79E496;

}



.faculty-carosel.faculty-carosel .owl-item:nth-child(5) .course-card.faculty-card figure {

    background: #AE68C7;

} */



.testi-content {

    max-width: 750px;

    width: 100%;

    padding: 25px 50px 10px 0;

    background: #fff;

    z-index: 2;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    margin: auto;

    height: max-content;

}



.testimonial-card {

    position: relative;

}



figure.testi-fig {

    position: relative;

    z-index: -1;

    max-width: 1150px;

    text-align: right;

    margin-left: auto;

}



figure.testi-fig img{

    width: 100%;

}



.comma-img{

    max-width: 150px;

    margin-bottom: 12px;

}



.authr-img{

    width: 100px !important;

    height: 100px !important;

    border-radius: 50%;

}



.author-abt {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-top: 15px;

}



.testi-content p{

    font-size: 20px;

    color: #4A4A4A;

    font-weight: 400;

}



.author-abt h5{

    font-size: 28px;

    color: #CD8D03;

}



.no-left-pdng.no-left-pdng {

    padding-left: 0 !important;

    font-size: 16px;

    color: #A1A1A1;

    font-weight: 400;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.no-left-pdng.no-left-pdng::before{

    display: none;

}



.faculty-card-dtls p{

    padding-top: 0 !important;

    margin-left: 0 !important;

    padding-bottom: 0 !important;

}



.date-dtls {

    position: absolute;

    bottom: 0px;

    left: 0;

    font-size: 20px;

    color: #000000;

    height: 40px;

    display: flex;

    align-items: center;

    padding-left: 20px;

    background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);

    max-width: 80%;

    width: 100%;

    pointer-events: none;

    font-weight: 600;

}



.accordian-dtls {

    padding: 20px 40px;

    background: white;

    box-shadow: 0px 21px 24.3px 5px #C0C0C040;

    height: auto;

    margin-bottom: 12px;

    position: relative;

    transition: 0.4s all;

}



.accordian-dtls h3 {

    cursor: pointer;

    margin-bottom: 0 !important;

    display: flex;

    gap: 8px;

    font-size: 25px;

    color: #0C0C0C;

    font-weight: 500;

}



.accordian-dtls h3 i {

    font-size: 16px;

    display: flex;

    align-items: center;

    margin-left: auto;

    height: 28px;

    width: 28px;

    justify-content: center;

    border-radius: 100%;

    border: 1px solid #faa71a;

    flex: none;

    background: #faa71a;

    position: relative;

    transition: 0.4s all;

    top: 1px;

}



.accordian-dtls.active h3 i {

    transform: rotate(45deg);

}



.accordian-dtls p {

    margin-top: 10px;

    font-size: 20px;

    color: #312B2B;

}



.accordian-dtls:last-child {

    margin-bottom: 0;

}



.accordian-dtls h3 span{

    font-size: 30px;

    font-weight: 600;

}



figure.faq-fig {

    max-width: 475px;

    margin-left: auto;

}



ul.choose-lists.acc-info{

    margin-top: 10px;

}



ul.choose-lists.acc-info li{

    margin-top: 2px;

}



ul.choose-lists.acc-info li::before{

    height: 16px;

    width: 16px;

}



.bold-para{

    font-weight: 700;

}



.footer{

    background: #333746;

    padding: 60px 0 30px;

    color: #fff;

}



ul.all-list {

    display: flex;

    flex-wrap: wrap;

    margin: 15px -3px 0;

}



ul.all-list li{

    width: 100%;

    padding: 0 3px;

}



ul.all-list li a{

    color: #A4A7B4;

    font-size: 18px;

    display: inline-block;

}



ul.all-list li a:hover{

    color: #fff;    

    padding-left: 2px;

}



.footer-dtls h4 {

    font-size: 25px;

    font-weight: 400;

    display: block;

    color: #fff;

}



.footer-dtls h4 a {

    color: #fff;

    display: block;

}



.footer-dtls h4 a:hover{

    color: #c3c3c3;

}



.footer-dtls h4 + h4 {

    margin-top: 6px;

}



.footer-dtls.footer-dtls .social-media {

    position: relative;

    flex-direction: initial;

    right: 0;

    gap: 10px;

    justify-content: end;

    bottom: 0;

    top: auto;

    margin: 0;

}



.footer-dtls.footer-dtls .social-media a {

    height: 40px;

    width: 40px;

    font-size: 17px;

}



.footer-dtls {

    height: 100%;

}



.footer-dtls.footer-links {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: end;

}



.country-dtls {

    position: relative;

    padding: 14px 20px;

    background: #F16184;

    margin-top: 25px;

}



.country-lists {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 6px 40px;

}



.country-lists li a {

    font-size: 20px;

    color: #fff;

    letter-spacing: 1.6px;

}



.country-lists li a:hover{

    color: #000;

}



.placements-section {

    background: #f16184;

    padding: 98px 0 24px;

    overflow: hidden;

}



.deep-blue{

    background: #00D2FC;

}



.bold-fnt{

    font-weight: 600;

}



.placements-author h3{

    font-size: 34px;

    font-weight: 600;

    color: #1E1E1E;

}



.placements-author p{

    font-size: 19px !important;

    margin-top: 2px !important;

}



.placements-section .heading-info p {

    margin-top: 12px;

    padding-left: 220px;

}



.placements-section .heading-info h5{

    padding-left: 100px;

}



.placements-section.placements-section .heading-info h2{

    font-size: 90px;

    margin-bottom: 35px;

}



.placements-author {

    border-left: 4px solid #000;

    padding-left: 20px;

    margin-left: 320px;

}



.placements-dtls {

    margin-top: 50px;

}



figure.authr-fig {

    max-width: 460px;

    height: 460px;

    background: #E3F461;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

    display: flex;

    align-items: end;

    justify-content: center;

}



figure.authr-fig img{

    width: 100%;

    max-width: 350px;

}



.placements-wrapper {

    padding-left: 40px;

}



.header-fig.placements-fig {

    position: absolute;

    right: 20px;

    top: 30px;

}



.header-fig.placements-fig  .tig-logo {

    max-width: 217px;

}



.placements-section::before {

    content: "";

    position: absolute;

    bottom: -300px;

    right: 100px;

    height: 560px;

    width: 560px;

    border-radius: 100%;

    background: #E3F461;

}



.apply-div.apply-right {

    margin-top: 4px;

    float: right;

}



.apply-div.apply-right .my-btn {

    background: transparent;

}



.placements-section:after{

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    height: 400px;

    width: 400px;

    background: url(../images/placemnts-img.png) no-repeat center / contain ;

}



.placements-section:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    height: 240px;

    width: 367px;

    background: url(../images/placemnts-img.png) no-repeat center / contain;

}



.message-img {

    position: absolute;

    top: 117px;

    right: 190px;

    max-width: 114px;

}



video.bg-video {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    height: auto;

    z-index: -2;

}



.testi-video video {

    max-width: 100%;

    height: 400px;

    margin: auto;

    display: table;

    object-fit: cover;

    width: 300px;

    object-position: top;

}



figure.testi-video {

    border: 1px solid #c3c3c3;

    border-radius: 16px;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



figure.testi-video::before{

    content: "";

    position: absolute;

    inset: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: -1;

}



.play-icon {

    height: 48px;

    width: 48px;

    background: #ea2524;

    border-radius: 100px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    position: absolute;

    inset: 0;

    margin: auto;

    font-size: 22px;

    color: #fff;

    transition: 0.4s all;

}



.play-icon.fa-pause {

    display: none !important;

    transition: 0.4s all;

}



.footer-fig img{

    width: 100%;

}



.gallery-fig img {

    width: 100%;

    height: 220px;

    object-fit: cover;

}

.gallery-section{

    padding-bottom: 45px;

}



.gallery-fig {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    border-radius: 14px;

    overflow: hidden;

    border: 2px solid #333746;

    transition: 0.4s all;

    margin-bottom: 15px;

}



.gallery-fig:hover{

    transform: translateY(-2px);

}

.form-contnt .btn-close {
    position: absolute;
    right: -20px;
    top: -10px;
    height: 40px;
    width: 40px;
    background: red;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 100px;
    color: #fff;
    z-index: 9;
    cursor: pointer;
}

.form-contnt.form-contnt .ee-form-widget.ee-container {
    padding-top: 0;
    padding-bottom: 0;
}

.scrol-author-fig{
    margin-top: -100px;
}

.placements-carosel .owl-stage-outer {
    padding-top: 100px;
    margin-top: -120px;
}

.placements-carosel.placements-carosel .owl-dots {
    text-align: center;
}

.placements-carosel.placements-carosel .owl-dots .owl-dot {
    height: 9px;
    width: 9px;
    background: #fff;
    border-radius: 100px;
    margin: 0 2px;
    transition: 0.4s all;
}

.placements-carosel.placements-carosel .owl-dots .owl-dot.active{
    width: 25px;
}

.placements-carosel.carosel-nav-btn .owl-nav button{
    background: #fff;
}



@media only screen and (max-width: 1560px) {

    .container {

        max-width: 100%;

        padding: 0 80px;

    }



    .ecole-logo {

        max-width: 270px;

    }



    .tig-logo {

        max-width: 190px;

        width: 100%;

    }



    .header-link a {

        height: 40px;

        padding: 0 30px;

        font-size: 14px;

    }



    .design-info-hding {

        font-size: 62px;

        line-height: 70px;

    }



    .banr-span {

        font-size: 36px;

        line-height: 64px;

    }



    .design-clg {
        font-size: 42px;

        padding: 8px 25px;

        left: -25px;

    }



    h2 {

        font-size: 42px;

    }



    .social-media a {

        height: 44px;

        width: 44px;

        font-size: 20px;

    }



    .banner-section {

        height: 580px;

    }



    .about-section {

        padding: 50px 0;

    }



    .heading-info h5 {

        font-size: 26px;

        max-width: 550px;

        margin-top: 7px;

    }



    .heading-info {

        margin-bottom: 16px;

    }



    p {

        font-size: 15px;

    }



    .my-btn {

        height: 46px;

        border: 4px solid #FF7070;

        padding: 0 30px;

        padding-right: 50px;

        font-size: 15px;

    }



    .my-btn span {

        height: 86%;

        width: 38px;

    }



    .my-btn.white-btn span {

        height: 38px;

        border: 1px solid #5a5a5a;

    }



    .my-btn span img {

        max-width: 16px;

    }



    .apply-div {

        margin-top: 20px;

        gap: 12px;

    }



    .future-school-abt figure {

        max-width: 320px;

        margin-bottom: 20px;

    }



    .future-school {

        margin-top: 45px;

    }



    .appart-card {

        padding: 20px 16px;

    }



    .appart-card h4 {

        height: 70px;

        width: 70px;

        border-radius: 12px;

        font-size: 32px;

        margin-bottom: 20px;

    }



    .appart-card h5 {

        font-size: 20px;

        font-weight: 400;

    }



    .appart-carosel .owl-nav button.owl-prev, .carosel-nav-btn .owl-nav button.owl-prev {

        left: -60px;

    }



    .appart-carosel .owl-nav button.owl-next, .carosel-nav-btn .owl-nav button.owl-next {

        right: -60px;

    }



    .appart-carosel .owl-nav button, .carosel-nav-btn .owl-nav button {

        height: 42px;

        width: 42px;

        font-size: 15px !important;

    }



    .choose-lists li {

        font-size: 15px;

        padding-left: 22px;

    }



    .choose-lists li::before {

        height: 15px;

        width: 15px;

    }



    .choose-lists li + li {

        margin-top: 5px;

    }



    .heading-info p {

        margin-top: 10px;

    }



    .course-card img {

        height: 210px !important;

    }



    .course-card p {

        line-height: 23px;

        padding: 12px 0 10px;

        padding-left: 12px;

        margin-left: 4px;

    }



    .course-details-carosel.owl-carousel .owl-stage-outer {

        padding: 2px 0 16px;

    }



    .placements-section.placements-section .heading-info h2 {

        font-size: 62px;

        margin-bottom: 20px;

    }



    .placements-section .heading-info h5 {

        padding-left: 70px;

    }



    .placements-section .heading-info p {

        margin-top: 10px;

        padding-left: 140px;

        font-size: 16px;

    }



    .placements-author {

        padding-left: 16px;

        margin-left: 200px;

    }



    .placements-dtls {

        margin-top: 35px;

    }



    .placements-section:after {

        height: 170px;

        width: 257px;

    }



    .placements-wrapper {

        padding-left: 30px;

    }



    .placements-author h3 {

        font-size: 24px;

    }



    .placements-author p {

        font-size: 14px !important;

        margin-top: 2px !important;

    }



    figure.authr-fig {

        max-width: 350px;

        height: 350px;

    }



    figure.authr-fig img {

        max-width: 260px;

    }



    .placements-section::before {

        bottom: -300px;

        right: 30px;

        height: 470px;

        width: 500px;

    }



    .placements-section {

        padding: 80px 0 20px;

    }



    .header-fig.placements-fig  .tig-logo {

        max-width: 150px;

    }



    .header-fig.placements-fig {

        right: 18px;

        top: 25px;

    }



    .message-img {

        top: 90px;

        right: 100px;

        max-width: 90px;

    }



    .faculty-section {

        padding: 50px 0;

    }



    .course-card.faculty-card figure {

        height: 240px;

    }



    .faculty-card-dtls h4 {

        font-size: 18px;

        margin-bottom: 6px;

    }



    .faculty-card-dtls h5 {

        font-size: 14px;

    }



    .last-h5.last-h5 {

        padding-top: 2px;

        margin-top: 6px;

        padding-left: 21px;

        font-size: 14px;

    }



    .last-h5.last-h5::before {

        top: 2px;

        left: 0;

        height: 18px;

        width: 18px;

    }



    .faculty-card-dtls {

        padding: 10px 5px;

    }



    .comma-img {

        max-width: 80px;

        margin-bottom: 10px;

    }



    .testi-content p {

        font-size: 15px;

    }



    .testi-content {

        max-width: 690px;

        padding: 22px 50px 10px 0;

    }



    .author-abt h5 {

        font-size: 22px;

    }



    .authr-img {

        width: 80px !important;

        height: 80px !important;

    }



    .author-abt {

        gap: 16px;

        margin-top: 12px;

    }



    figure.testi-fig {

        max-width: 840px;

    }



    .date-dtls {

        font-size: 14px;

        height: 30px;

        padding-left: 14px;

        max-width: 80%;

    }



    .accordian-dtls {

        padding: 15px 24px;

        margin-bottom: 10px;

    }



    .accordian-dtls h3 {

        gap: 6px;

        font-size: 20px;

    }



    .accordian-dtls h3 span {

        font-size: 24px;

    }



    .accordian-dtls p {

        margin-top: 8px;

        font-size: 15px;

    }



    ul.choose-lists.acc-info {

        margin-top: 6px;

    }



    .accordian-dtls h3 i {

        font-size: 14px;

        height: 26px;

        width: 26px;

    }



    figure.faq-fig {

        max-width: 335px;

    }



    .footer {

        padding: 45px 0 20px;

    }



    /* .footer-fig{

        max-width: 170px;

    } */



    .footer-fig img{

        max-width: 100%;

    }



    .footer-dtls h4 {

        font-size: 17px;

    }



    ul.all-list li a {

        font-size: 14px;

    }



    .footer-dtls h4 + h4 {

        margin-top: 5px;

    }



    .footer-dtls.footer-dtls .social-media a {

        height: 36px;

        width: 36px;

        font-size: 14px;

    }



    .country-lists li a {

        font-size: 13px;

        letter-spacing: 1.4px;

    }



    .country-dtls {

        padding: 12px 20px;

        margin-top: 20px;

    }



    .country-lists {

        gap: 6px 20px;

    }



    header.header.fixed .ecole-logo {

        max-width: 240px;

    }



    header.header.fixed .tig-logo {

        max-width: 180px;

    }



    .testi-video video {

        height: 326px;

        width: 250px;

    }



    .play-icon {

        height: 44px;

        width: 44px;

        font-size: 18px;

    }



    .gallery-fig img {

        height: 155px;

    }



    .gallery-fig {

        margin-bottom: 12px;

    }



    .gallery-section {

        padding-bottom: 40px;

    }

    .placements-carosel .owl-stage-outer {
        margin-top: -110px;
    }

}



@media only screen and (max-width: 991px) {

    .container {

        padding: 0 30px;

    }



    .ecole-logo {

        max-width: 220px;

    }



    .tig-logo {

        max-width: 140px;

    }



    .header-link a {

        height: 36px;

        padding: 0 24px;

        font-size: 13px;

    }



    .banner-section {

        height: 440px;

    }



    .design-info-hding {

        font-size: 44px;

        line-height: 43px;

    }



    .banner-info {

        max-width: 400px;

        padding-top: 40px;

    }



    h2 {

        font-size: 35px;

    }



    .design-clg {

        padding: 8px 14px;

        font-size: 30px;

        left: -14px;

    }



    .banr-span {

        font-size: 26px;

        line-height: 54px;

    }



    .social-media a {

        height: 40px;

        width: 40px;

        font-size: 18px;

    }



    .about-section {

        padding: 30px 0;

    }



    .heading-info h5 {

        font-size: 20px;

        max-width: 450px;

        margin-top: 6px;

    }



    .color-info {

        padding: 2px 8px;

        border-radius: 4px;

    }



    span.color-info.mb-2{

        margin-bottom: 5px !important;

    }



    .heading-info {

        margin-bottom: 12px;

    }



    p {

        font-size: 14px;

    }



    .my-btn {

        height: 42px;

        border: 3px solid #FF7070;

        padding: 0 20px;

        padding-right: 52px;

        font-size: 13px;

    }



    .my-btn span {

        width: 34px;

    }



    .my-btn.white-btn span {

        height: 34px;

    }



    .my-btn span img {

        max-width: 13px;

    }



    .my-btn:hover span img {

        padding-left: 1px;

        position: relative;

        left: 2px;

    }



    .apply-div {

        margin-top: 12px;

        gap: 8px;

    }



    .future-school {

        margin-top: 30px;

    }



    .revrs-row {

        flex-direction: column-reverse;

    }



    .future-school-abt figure {

        max-width: 250px;

        margin-bottom: 10px;

    }



    figure.schl-img {

        max-width: 500px;

        margin: 15px auto 0;

    }



    .appart-card {

        padding: 15px 16px;

    }



    .appart-card h4 {

        height: 54px;

        width: 54px;

        border-radius: 10px;

        font-size: 25px;

        margin-bottom: 12px;

    }   

    

    .appart-card h5 {

        font-size: 16px;

    }



    .appart-carosel .owl-nav button.owl-prev, .carosel-nav-btn .owl-nav button.owl-prev {

        left: -22px;

    }



    .appart-carosel .owl-nav button.owl-next, .carosel-nav-btn .owl-nav button.owl-next {

        right: -22px;

    }



    .appart-carosel .owl-nav button, .carosel-nav-btn .owl-nav button {

        height: 32px;

        width: 32px;

        font-size: 13px !important;

        background: #fff !important;

    }



    .choose-lists li {

        font-size: 14px;

        padding-left: 17px;

    }



    .choose-lists li::before {

        height: 12px;

        width: 12px;

        top: 5px;

    }



    .working-fig {

        max-width: 400px;

        margin: 12px auto 0;

    }



    .heading-info p {

        margin-top: 6px;

    }



    .course-card img {

        height: 190px !important;

    }



    .course-details-carosel.owl-carousel .owl-stage-outer {

        padding: 0px 0 10px;

    }



    .course-card.faculty-card  img {

        max-width: 220px;

    }



    .faculty-card-dtls h4 {

        font-size: 17px;

        margin-bottom: 3px;

    }



    .faculty-card-dtls h5 {

        font-size: 13px;

    }



    .last-h5.last-h5 {

        padding-top: 2px;

        margin-top: 6px;

        padding-left: 19px;

        font-size: 13px;

    }



    .last-h5.last-h5::before {

        height: 16px;

        width: 16px;

    }



    .faculty-carosel.owl-carousel .owl-stage-outer {

        padding: 0px 0 8px;

    }



    .faculty-section {

        padding: 30px 0;

    }



    .header-fig.placements-fig  .tig-logo {

        max-width: 100px;

    }



    .placements-section {

        padding: 60px 0 20px;

    }



    .placements-wrapper, .placements-section .heading-info h5 {

        padding-left: 0;

    }



    .placements-section.placements-section .heading-info h2 {

        font-size: 35px;

        margin-bottom: 10px;

    }



    .placements-section .heading-info p {

        margin-top: 6px;

        padding-left: 0;

        font-size: 15px;

    }



    .placements-author {

        padding-left: 12px;

        margin-left: 20px;

    }



    .placements-dtls {

        margin-top: 18px;

    }



    .placements-author h3 {

        font-size: 20px;

    }



    .placements-author p {

        font-size: 13px !important;

        margin-top: 1px !important;

    }



    figure.authr-fig {

        max-width: 280px;

        height: 280px;

        margin: 15px auto 0;

    }



    figure.authr-fig img {

        max-width: 200px;

    }



    .placements-section:after {

        height: 104px;

        width: 157px;

    }



    .placements-section::before{

        display: none;

    }



    .apply-div.apply-right .my-btn {

        background: #fff;

    }



    .testimonial-card {

        display: flex;

        flex-direction: column-reverse;

    }



    .testi-content {

        max-width: 100%;

        padding: 20px 30px 0px 20px;

        position: relative;

    }



    .comma-img {

        max-width: 60px;

        margin-bottom: 6px;

    }



    .authr-img {

        width: 70px !important;

        height: 70px !important;

    }



    .author-abt h5 {

        font-size: 20px;

    }



    .faculty-card-dtls {

        padding: 8px 4px;

    }



    .course-card p {

        line-height: 20px;

        padding-left: 11px;

        margin-left: 4px;

    }



    .date-dtls {

        font-size: 13px;

        height: 28px;

        padding-left: 14px;

        max-width: 80%;

    }



    .accordian-dtls h3 {

        gap: 5px;

        font-size: 17px;

    }



    .accordian-dtls h3 span {

        font-size: 18px;

    }



    .accordian-dtls h3 i {

        font-size: 12px;

        height: 22px;

        width: 22px;

    }



    .accordian-dtls p {

        margin-top: 6px;

        font-size: 14px;

    }



    figure.faq-fig {

        max-width: 200px;

        margin: 16px auto 0;

    }



    ul.choose-lists.acc-info li::before {

        height: 12px;

        width: 12px;

    }



    .accordian-dtls {

        padding: 13px 20px;

        margin-bottom: 10px;

    }



    .footer {

        padding: 30px 0 15px;

    }



    .footer-fig {

        max-width: 250px;

        margin-bottom: 15px;

    }



    ul.all-list {

        margin: 8px -3px 0;

    }



    ul.all-list li {

        width: 100%;

        padding: 0 3px;

        margin-bottom: 3px;

    }



    ul.all-list li a {

        font-size: 14px;

        display: block;

    }



    .footer-dtls h4 {

        font-size: 15px;

    }



    .footer-dtls.footer-links {

        align-items: start;

        margin-top: 5px;

        gap: 0;

    }



    .footer-dtls.footer-dtls .social-media a {

        height: 32px;

        width: 32px;

        font-size: 13px;

    }



    .footer-dtls.footer-dtls .social-media {

        gap: 8px;

    }



    .country-lists {

        gap: 2px 10px;

    }



    .country-dtls {

        padding: 6px 10px;

        margin-top: 16px;

    }



    .country-lists li a {

        font-size: 13px;

        letter-spacing: 1.2px;

    }



    header.header.fixed .ecole-logo {

        max-width: 180px;

    }



    header.header.fixed .tig-logo {

        max-width: 130px;

    }



    video.bg-video{

        height: 440px;

        object-fit: cover;

    }



    .ecole-logo {

        max-width: 180px;

    }



    .gallery-fig img {

        height: 120px;

    }

    .placements-carosel .owl-stage-outer {
        margin-top: -100px;
    }


}



@media only screen and (max-width: 575px) {

    

    .container {

        padding: 0px 20px;

    }



    .ecole-logo {

        max-width: 170px;

    }



    .tig-logo {

        max-width: 110px;

    }



    .header-link a {

        height: 32px;

        padding: 0 18px;

        font-size: 12px;

    }



    .header-fig {

        gap: 8px;

    }



    .banner-info {

        max-width: 400px;

        padding-top: 20px;

    }



    .design-info-hding {

        font-size: 38px;

        line-height: 38px;

    }



    .banr-span {

        font-size: 20px;

        line-height: 44px;

    }



    .design-clg {

        padding: 6px 10px;

        font-size: 22px;

        left: -10px;

    }



    .banner-section {

        height: 380px;

    }



    .social-media a {

        height: 32px;

        width: 32px;

        font-size: 13px;

    }



    .social-media {

        top: auto;

        left: 20px;

        bottom: 52px;

        display: flex;

        flex-direction: initial;

        gap: 10px;

    }



    .about-section {

        padding: 25px 0;

    }



    h2 {

        font-size: 25px;

    }



    .heading-info h5 {

        font-size: 17px;

        margin-top: 4px;

    }



    .heading-info {

        margin-bottom: 8px;

    }



    .color-info {

        padding: 1px 6px;

        border-radius: 4px;

    }



    .my-btn {

        height: 38px;

        border: 2px solid #FF7070;

        padding: 0 16px;

        padding-right: 48px;

        font-size: 12px;

    }



    .my-btn span {

        width: 32px;

    }



    .my-btn.white-btn span {

        height: 30px;

    }



    .future-school {

        margin-top: 22px;

    }



    .future-school-abt figure {

        max-width: 220px;

        margin-bottom: 8px;

    }



    .apply-div {

        margin-top: 10px;

        gap: 6px;

    }



    .appart-card h4 {

        height: 48px;

        width: 48px;

        border-radius: 8px;

        font-size: 20px;

        margin-bottom: 10px;

    }



    .appart-carosel .owl-nav button, .carosel-nav-btn .owl-nav button {

        height: 28px;

        width: 28px;

        font-size: 12px !important;

    }



    .appart-carosel .owl-nav button.owl-prev, .carosel-nav-btn .owl-nav button.owl-prev {

        left: -17px;

    }



    .appart-carosel .owl-nav button.owl-next, .carosel-nav-btn .owl-nav button.owl-next {

        right: -17px;

    }



    .working-fig {

        max-width: 280px;

        margin: 12px auto 0;

    }



    .blk-spn {

        display: inline-block;

    }



    .course-card img {

        height: 170px !important;

    }



    .course-details-carosel.owl-carousel .owl-stage-outer {

        padding: 0;

    }



    .header-fig.placements-fig  .tig-logo {

        max-width: 80px;

    }



    .header-fig.placements-fig {

        right: 10px;

        top: 10px;

    }



    .placements-section {

        padding: 40px 0 20px;

    }



    .placements-section:after {

        height: 65px;

        width: 97px;

    }



    .placements-section.placements-section .heading-info h2 {

        font-size: 28px;

        margin-bottom: 8px;

    }



    .placements-dtls {

        margin-top: 10px;

    }



    .placements-author {

        padding-left: 8px;

        margin-left: 0px;

    }



    .placements-section .heading-info p {

        margin-top: 3px;

        padding-left: 0;

        font-size: 14px;

    }



    figure.authr-fig {

        max-width: 250px;

        height: 250px;

        margin: 14px auto 0;

    }



    figure.authr-fig img {

        max-width: 180px;

    }



    .course-card.faculty-card figure {

        height: 180px;

    }



    .faculty-card-dtls h4 {

        font-size: 15px;

        margin-bottom: 2px;

    }



    .last-h5.last-h5 {

        padding-top: 2px;

        margin-top: 5px;

        padding-left: 18px;

        font-size: 12px;

    }



    .last-h5.last-h5::before {

        height: 14px;

        width: 14px;

    }



    .faculty-carosel.owl-carousel .owl-stage-outer {

        padding: 0;

    }



    .comma-img {

        max-width: 44px;

        margin-bottom: 5px;

    }



    .testi-content {

        max-width: 100%;

        padding: 10px 15px 0px 18px;

    }



    .author-abt {

        gap: 6px;

        margin-top: 10px;

    }



    .authr-img {

        width: 55px !important;

        height: 55px !important;

    }



    .author-abt h5 {

        font-size: 16px;

    }



    .course-card{

        margin-top: 10px;

        height: auto;

    }



    .accordian-dtls h3 {

        gap: 4px;

        font-size: 15px;

    }



    .accordian-dtls {

        padding: 10px 11px;

        margin-bottom: 8px;

    }



    .accordian-dtls h3 span {

        font-size: 16px;

    }



    figure.faq-fig {

        max-width: 170px;

        margin: 15px auto 0;

    }



    .footer-fig {

        max-width: 200px;

        margin-bottom: 12px;

    }



    .footer-dtls.footer-dtls .social-media {

        gap: 8px;

        left: 0;

    }



    .country-dtls {

        padding: 4px 6px;

        margin-top: 16px;

    }



    .country-lists li a {

        font-size: 12px;

        letter-spacing: 1px;

        display: block;

        padding: 1px 0;

    }



    .testi-content p {

        font-size: 14px;

    }



    .choose-lists li + li {

        margin-top: 4px;

    }



    header.header.fixed .ecole-logo {

        max-width: 150px;

    }



    header.header.fixed .tig-logo {

        max-width: 100px;

    }



    header.header.fixed {

        padding: 7px 0;

    }



    .sm-blk{

        display: block;

    }



    .testi-video video {

        height: 250px;

    }



    .play-icon {

        height: 40px;

        width: 40px;

        font-size: 16px;

    }



    video.bg-video{

        height: 380px;

    }



    .gallery-fig img {

        height: 90px;

    }



    .gallery-fig {

        margin-bottom: 8px;

        border: 1px solid;

        border-radius: 10px;

    }



    .gallery-section {

        padding-bottom: 20px;

    }

    .form-contnt .btn-close {
        right: -5px;
        top: -5px;
        height: 30px;
        width: 30px;
        font-size: 14px;
    }

    .widget-form.widget-form {
            padding-right: 0 !important;
    }

}