*{box-sizing: border-box;}

:root{
    --color-prime: #ED1C24;
    --color-black: #000000;
    --color-dark: #1F1A17;
    --color-white: #ffffff;
    --color2:#0F3752;
    --color3:#008EC7;
    --color33:#333333;
    --color21:#212121;
    --color70:#707070;
    --colorbf:#bf8b2e;
    --color-52:#52B1B5;
    --color-53: #EF7F1A;
    --color-ed: #ED8B1C;
    --color-00: #005996;
    --color50: #505050;
    --color85: #123985;
    --color43: #ac9f43;
    --color6a: #C0AF6A;
    --color27: #DBAA27;
    --colorb9: #A6AFB9;
    --color59: #254e59;
    --colorcf: #CFCFCF;
    --color0d: #FECE0D;
    --colord2: #D2D2D2;
    --colorf2: #f2f2f2;

    --body-color: rgb(246,246,246);
   --family-archivo: 'Archivo', sans-serif;
   --family-spectral: 'spectral';
    --family-roboto: 'Roboto', sans-serif;
    --mansory: 'Mansory';
    --font-family-open:  "Open Sans", sans-serif;
    --text-94: 300 13.4rem/.9 var(--mansory);
    --text-92: 300 12.4rem/.9 var( --font-family-open);
    --text-75: 600 9rem/.9 var( --font-family-open);
    --text-60: 300 8rem/.9 var(--mansory);
    --text-48: 600 4.8rem/1.2 var(--mansory);
    --text-40: 600 4.7rem/1.2 var(--mansory);
    --text-36: 600 4.6rem/1.2 var(--mansory);
    --text-30: 600 3.6rem/1.2 var(--mansory);
    --text-26: 400 3.2rem/1.2 var(--font-family-open);
    --text-24: 400 3rem/1.4 var(--font-family-open);
    --text-21: 400 2.6rem/1.4 var(--font-family-open);
    --text-18: 400 2.1rem/1.66 var(--font-family-open);
    --text-16: 400 1.9rem/1.5 var(--font-family-open);
    --text-14: 400 1.8rem/1.5 var(--font-family-open);
    --text-13: 400 1.7rem/1.5 var(--font-family-open);
    --text-12: 400 1.6rem/1.5 var(--font-family-open);
    --text-11: 400 1.5rem/1.5 var(--font-family-open);
    --text-10: 400 1.3rem/1.5 var(--font-family-open);
    --line-height-58: 38px;
    --line-height-48: 32px;
    --line-height-42: 22px;
    --line-height-38: 24px;
    --line-height-36: 26px;
    --line-height-32: 32px;
    --line-height-30: 30px;
    --line-height-28: 28px;
    --line-height-26: 21px;
    --line-height-25: 25px;
    --line-height-24: 24px;
    --line-height-21: 21px;
    --line-height-22: 22px;
    --line-height-18: 18px;
    --line-height-16: 16px;

    --font_300:300;
    --font_400:400;
    --font_normal:300;
    --font_bold:bold;
}
@media(min-width:1199px){
    :root{
    --line-height-36: 36px;
    }
}
@media(min-width:1700px){
   :root{
        --line-height-58: 80px;
        --line-height-48: 72px;
        --line-height-42: 64px;
        --line-height-38: 56px;
        --line-height-36: 48px;
        --line-height-32: 46px;
        --line-height-30: 44px;
        --line-height-28: 40px;
        --line-height-26: 38px;
        --line-height-25: 34px;
        --line-height-24: 30px;
        --line-height-22: 32px;
        --line-height-21: 30px;
        --line-height-18: 24px;
        --line-height-16: 22px;
        --text-21: 400 2.4rem/1.4 var(--font-family-open);
    }
}
@media (max-width: 1699px){
    :root{
        --text-94: 300 9.4rem/.9 var( --mansory);
        --text-92: 300 9.2rem/.9 var( --font-family-open);
        --text-75: 600 7.5rem/.9 var( --font-family-open);
        --text-60: 300 6rem/.9 var( --mansory);
        --text-48: 600 4.8rem/1.2 var( --mansory);
        --text-40: 600 4rem/1.2 var( --mansory);
        --text-36: 600 3.6rem/1.2 var( --mansory);
        --text-30: 600 3rem/1.2 var( --mansory);
        --text-26: 400 2.6rem/1.2 var(--font-family-open);
        --text-24: 400 2.4rem/1.4 var(--font-family-open);
        --text-21: 400 2.1rem/1.4 var(--font-family-open);
        --text-18: 400 1.8rem/1.66 var(--font-family-open);
        --text-16: 400 1.6rem/1.5 var(--font-family-open);
        --text-14: 400 1.4rem/1.5 var(--font-family-open);
        --text-13: 400 1.3rem/1.5 var(--font-family-open);
        --text-12: 400 1.2rem/1.5 var(--font-family-open);
        --text-11: 400 1.1rem/1.5 var(--font-family-open);
        --text-10: 400 .9rem/1.5 var(--font-family-open);
    }
}

@media (max-width: 1199px){
    :root{
        --text-94: 300 7.4rem/.9 var( --mansory);
        --text-92: 300 7.2rem/.9 var( --font-family-open);
        --text-75: 600 5.4rem/.9 var( --font-family-open);
        --text-60: 300 4.5rem/.9 var( --mansory);
        --text-48: 600 4rem/1.2 var( --mansory);
        --text-40: 600 3.8rem/1.2 var( --mansory);
        --text-36: 600 3.2rem/1.2 var( --mansory);
        --text-34: 600 3rem/1.2 var( --mansory);
        --text-30: 600 2.8rem/1.2 var( --mansory);
        --text-26: 400 2.6rem/1.2 var(--font-family-open);
        --text-24: 400 2.3rem/1.4 var(--font-family-open);
        --text-21: 400 2.1rem/1.4 var(--font-family-open);
        --text-18: 400 1.5rem/1.4 var(--font-family-open);
        --text-16: 400 1.6rem/1.5 var(--font-family-open);
        --text-14: 400 1.4rem/1.5 var(--font-family-open);
        --text-13: 400 1.8rem/1.5 var(--font-family-open);
        --text-12: 400 1.2rem/1.5 var(--font-family-open);
        --text-11: 400 1.1rem/1.5 var(--font-family-open);
        --text-10: 400 .9rem/1.5 var(--font-family-open);
    }
}

@media (max-width: 767px){
    :root{
        --text-92: 300 5.2rem/.9 var( --font-family-open);
    }
}

.yellow_bullet li{letter-spacing: 0.14px;font: var(--text-14);font-weight: 500;position: relative;padding-left: 2rem;}
.yellow_bullet li::before{ width: .6rem; height: .6rem; background: var(--color0d); border-radius:100% ; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ; top:1.1rem;left: 0;content: "";position: absolute;}
.yellow_bullet li:not(:last-child){margin-bottom: 2rem;}
.img-hover{overflow: hidden;}
.img-hover:hover img {scale: 1.1 !important;transition: .8s all;-webkit-transition: .8s all;-moz-transition: .8s all;-ms-transition: .8s all;-o-transition: .8s all;}

/* @media(min-width:1199px){
    .ml_full{padding-left: 4.9rem;}
}
@media(min-width:1700px){
    .ml_full{padding-left: 6.7rem;}
} */


html,body{margin: 0; scroll-behavior: smooth; font-size: 62.5%; }
body{
    background: #F2F2F2;
    color: var(--color-dark);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-open);
    font-weight: 400;
    font: var(--text-18);
}
.text-title1{color:#0F3752; font: var(--text-18);}
.filter-input select {
    position: absolute;
    right: 0;
    top: -7.7rem;
    max-width: 100%;
    width: 209px;
    height: 32px;
    background: transparent;
    border-color: #008EC7;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    padding: 0 8px;
}

/* --------------- Container Start---------------------- */
.maxwidth{max-width: 2544px; margin-inline: auto;}
.container{ max-width: 100%; margin-inline: auto; width: 100%;}
.btn-prime {
    border: 1px solid #fff;
    color: #fff;
    font-family: var(--font-family-open);
    background: linear-gradient(to right, #ED1C24 50%, #ffffff00 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.btn-prime:hover {
    background-position: left bottom;
  }
  .link-head {
    margin: 2rem 0 0rem;
    display: inline-block;
}
.link-head:hover img {
    filter: invert(1) brightness(0.5);
    transition: 0.4s ease-in-out;
}
.readmore {
    margin: 3.4rem 0 0rem;
    display: inline-block;
    color: var(--color-prime);
    font: var(--text-12);
    font-weight: 700;
    line-height: var(--line-height-18);
}
.bg-cyan{
    background-color: var(--color-52);
}
.links{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@media(min-width: 320px){
    .container{max-width: 100%;}
}
@media(min-width: 575px){
    .container{max-width: 540px;}
}
@media(min-width: 768px){
    .container{max-width: 720px;}
}
@media(min-width: 992px){
    .container{max-width: 900px;}
}
@media(min-width: 1200px){
    .container{max-width: 1188px;}
}
@media(min-width: 1400px){
    .container{max-width: 1350px;}
}
@media(min-width: 1700px){
    .container{max-width: 1600px;}
}
/* @media(min-width: 2000px){
    .container{ max-width: 1920px;}
}
@media(min-width: 2200px){
    .container{max-width: 2120px; }
} */



/* --------------- Container Ends---------------------- */


/*------------------ Typography --------------------*/
h1,h2,h3,h4,h5,h6,p,li,ul{margin-block-start: 0;}

a{text-decoration: none;}


.font-80{font: var(--text-80);}
.font-30{font: var(--text-30);}
.font-26{font: var(--text-26);}
.font-24{font: var(--text-24);}
.font-21{font: var(--text-21);}
.font-18{font: var(--text-18);}
.font-16{font: var(--text-16);}
.font-14{font: var(--text-14);}

.fw-300{font-weight: 300;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}

.title18 {
    font: var(--text-18);
    line-height: var(--line-height-26);
}
.title30 {
    font: var(--text-30);
    line-height: var(--line-height-36);
    font-family: var( --mansory);
    letter-spacing: -1.5px;

}
p, li{text-wrap: pretty; font: var(--text-14);}
p{margin-bottom: 2rem;}

p:where(:last-child){margin-bottom: 0;}
.full-width{width: 100%; max-width: 1920px; margin-inline: auto;}

.upskiiled_academies_para{
    padding-right: 4rem;
}
/*----------------- Typography end ------------------*/

/* Utility Classes */
.section-heading{margin-bottom: 5.5rem;}
.section-heading p:where(:not(:last-child)){margin-bottom: 5rem;}
.section-title{font: var(--text-42); margin-bottom: 0;}
.section-title:where(:not(:last-child)){margin-bottom: 5rem;}
.heading-top{font: var(--text-18);font-weight: 600;text-transform: uppercase;letter-spacing: .36rem;}


.bg-prime{background-color: var(--color-prime); color: var(--color-white);}
.bg-client-black{background-color: var(--color-dark); color: var(--color-white);}
.bg-client-white{background-color: var(--color-white); color: var(--color-dark);}

.text-client-prime{color: var(--color-prime);}
.text-client-white{color: var(--color-white);}
.text-client-dark{color: var(--color-dark);}



button{border: 0; outline: 0; cursor: pointer; background: transparent;}
.btn{padding: .7rem 2rem;border-radius:0;font: var(--text-18);-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;line-height: 1;}
.btn-link{padding: 0; text-decoration: none;}
.link-with-icon{display: flex; width: max-content; column-gap: 1rem; align-items: center; color: inherit; font-size: 1.6rem;}
.icon-filled svg circle{fill: var(--color-prime);}
.icon-filled svg :where(path, line){stroke: #fff;}
.btn-prime{border: 1px solid var(--color-prime);color: #fff;font-family: var(--font-family-open);font-size: 22px;}
.btn-prime:hover{color: var(--color-white);}

@media (max-width: 2100px){
    .btn{padding: .5rem 2rem;font-family: var(--font-family-open);font-size: 18px;}
    .btn-link{padding: 0;}
    .link-with-icon svg{width: 3rem; height: 3rem;}
    .heading-top{letter-spacing: .25rem;}
    .link-icon{width: 3rem; height: 3rem}
}
@media (max-width: 1800px){
    .heading-top{letter-spacing: .2rem;}
    .link-icon{width: 2.5rem; height: 2.5rem;}
}
@media (max-width: 1399px){
    .link-with-icon svg{width: 2.5rem; height: 2.5rem;}
    .heading-top{letter-spacing: .15rem;}
    .link-icon{width: 2rem; height: 2rem;}
}


ul{list-style: none; padding-left: 0;}
.owl-carousel .owl-nav{margin-top: 2rem; display: flex;}
.owl-carousel .owl-nav button:is(.owl-prev, .owl-next){width: 3.5rem;height: 3.5rem;background-image: url('./../images/circle-arrow.svg');background-size: contain;border: 50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display: flex;justify-content: center;align-items: center;transition: .4s all;-webkit-transition: .4s all;-moz-transition: .4s all;-ms-transition: .4s all;-o-transition: .4s all;}
.owl-nav button span{display: none;}
.owl-carousel .owl-nav button.owl-prev{rotate: 180deg; margin-right: 1rem}
.owl-carousel .owl-nav button:hover{background-image: url('./../images/circle-arrow.svg');}
.owl-carousel .owl-nav button:hover img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }

figure{margin-bottom: 0;}

.picture-card{display: flex; flex-direction: column; height: 100%;}
.picture-card .card-content{display: flex; flex-direction: column; flex-grow: 1; padding: 3rem 2.5rem}
.picture-card figure{margin-bottom: 0;}

.image-container {
    position: relative;
    overflow: hidden;
    /* padding-bottom: calc(50% /(var(--ratio))); */
}
.image-container1 {
    position: relative;
    overflow: hidden;
    /* padding-bottom: calc(50% /(var(--ratio))); */
}


hr{width: 100%; border: 1px solid #707070; opacity: .39; margin-block: 0; padding: 0}

/* Utility Classes ENd*/

.video-container{position: relative;}

.video-banner .mute-toggle{position: absolute;bottom: 40rem;right: 3rem;width: 4rem;aspect-ratio: 1/1;display: flex;justify-content: space-between;align-items: center;background: rgba(0,0,0,.7);backdrop-filter: blur(10px);cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.video-banner .mute-toggle::before{ content: ''; position: absolute; inset: 25%; background-size: contain; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); background-repeat: no-repeat; background-position: center;}
.video-banner .mute-toggle::before{background-image: url('../images/unmute.webp')}
.video-banner .mute-toggle.muted::before{background-image: url('../images/mute.webp')}




/* Swiper Overrights */
.swiper-navs {display: flex; column-gap: 1rem;}
.swiper-navs :where(.swiper-button-next, .swiper-button-prev){ position: relative; left: 0; translate: 0; margin: 0; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; border-radius: 50%; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #AF251C;}
.swiper-navs :where(.swiper-button-next, .swiper-button-prev)::after{display: none;}
.swiper-navs :where(.swiper-button-next, .swiper-button-prev) img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.swiper-navs .swiper-button-prev img{ rotate: 180deg; }
/* Swiper Overrights end */

/* Owl Carousel */
.owl-stage{display: flex;}
.owl-stage .owl-item{height: auto;}
/* Owl Carousel end*/

/* Form Elements */








  .img-hover > img {
     transition: .8s all!important;
    -webkit-transition: .8s all;
    -moz-transition: .8s all;
    -ms-transition: .8s all;
    -o-transition: .8s all;
  }

  .image {
    height: 100%;
}

  .image-wrapper:hover .img-hover img {
    scale: 1.1!important;transition: .8s all;
    -webkit-transition: .8s all;
    -moz-transition: .8s all;
    -ms-transition: .8s all;
    -o-transition: .8s all;
  }

.image4::before{scale: 0 1;}





a.streched_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.view{color:var(--color-prime); font:var(--text-12);font-weight: bold;}
.btn_link {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}




/* Reveal Animations */
.image, .image2, .image3, .image4, .image5{opacity: 0;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity:0;position: relative;animation-name:reveal-image;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.reveal-image4 {opacity: 1;position: relative;animation-name:reveal-image;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.reveal-image5 {opacity: 1;position: relative;animation-name:reveal-image;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.reveal-image6 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.image3.reveal-image3{opacity:1;}
.image2.reveal-image2{opacity:1;}
@keyframes reveal-image {
    from { clip-path: inset(0 100% 0 0);}
    to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
}
@keyframes fadeInLeft{
    from {opacity: 0; margin-left:-25%;}
    to{opacity: 1;margin-left:0%;}
}

@keyframes fadeInRight{
    from {opacity:0;
        margin-left: 30%;
    }
    to {opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInline1 {
    0% {opacity: 0; scale: 1 0}
    100% {opacity: 1;scale: 1 1;}
}
@keyframes fadeInline2 {
    0% {opacity: 0; scale: 0 1}
    100% {opacity: 1;scale: 1 1;}
}

.verticle-line1 {
    position: absolute;
    width: 20px;
    height:309px;
    background: url(../images/icons/line-3.svg) no-repeat;
    z-index: 1;
    right: 0rem;
    top: 0;
}
.verticle-line12 {
    position: absolute;
    width: 20px;
    height:309px;
    background: url(../images/icons/line-3.svg) no-repeat;
    z-index: 1;
    left: 0rem;
    top: 0;
}
.verticle-line13 {
    position: absolute;
    width: 20px;
    height:309px;
    background: url(../images/icons/verticle-line13.svg) no-repeat;
    z-index: 1;
    left: 0rem;
    top: 0;
}
.side-line1 {
    position: absolute;
    width:166px;
    height:2px;
    background: url(../images/title-bg.svg) no-repeat;
    z-index: 1;
    left: 0;
    bottom: 0;
}
.side-line {
    position: absolute;
    width: .1rem;
    background-color: #52B1B5;
    z-index: 1;
    height: 96%;
    left: 1px;
    top: -12px;
}

.side-line2 {
    position: absolute;
    width:166px;
    height:2px;
    background: var(--color-prime);
    z-index: 1;
    left: 0;
    bottom: 0;
}

a.m-apply-btn {
    border: 1px solid var(--color-prime);
    color: #ED1C24;
    display: inline-flex;
    padding: 1rem 5rem;
    font: var(--text-14);
    font-weight: bold;
}


@media(max-width:992px){
    .verticle-line12 {display: none;}
    .verticle-line13 {display: none;}

.verticle-line1 {
    display: none;
}


}