/* FONTS  */
@font-face {
  font-family: proxima_nova_altblack;
  src: url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Black-webfont.svg#proxima_nova_altblack') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_altbold;
  src: url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_scosfthin;
  src: url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova ScOsf Thin-webfont.svg#proxima_nova_scosfthin') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_ltsemibold;
  src: url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: proxima_nova_ltthin;
  src: url('fonts/Mark Simonson - Proxima Nova Thin-webfont.eot');
  src: url('fonts/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
    url('fonts/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
  font-weight: 400;
  font-style: normal
}


/*  */

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-RegularIt.eot');
  src: local('Proxima Nova Alt Regular Italic'), local('ProximaNovaA-RegularIt'),
    url('font/ProximaNovaA-RegularIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-RegularIt.woff2') format('woff2'),
    url('font/ProximaNovaA-RegularIt.woff')  format('woff'),
    url('font/ProximaNovaA-RegularIt.ttf')   format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Bl';
  src: url('font/ProximaNovaA-BlackIt.eot');
  src: local('Proxima Nova Alt Black Italic'), local('ProximaNovaA-BlackIt'),
    url('font/ProximaNovaA-BlackIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-BlackIt.woff2') format('woff2'),
    url('font/ProximaNovaA-BlackIt.woff') format('woff'),
    url('font/ProximaNovaA-BlackIt.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-BoldIt.eot');
  src: local('Proxima Nova Alt Bold Italic'), local('ProximaNovaA-BoldIt'),
    url('font/ProximaNovaA-BoldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-BoldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-BoldIt.woff') format('woff'),
    url('font/ProximaNovaA-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Bl';
  src: url('font/ProximaNovaA-Black.eot');
  src: local('Proxima Nova Alt Black'), local('ProximaNovaA-Black'),
    url('font/ProximaNovaA-Black.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Black.woff2') format('woff2'),
    url('font/ProximaNovaA-Black.woff') format('woff'),
    url('font/ProximaNovaA-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-Extrabld.eot');
  src: local('Proxima Nova Alt Extrabold'), local('ProximaNovaA-Extrabld'),
    url('font/ProximaNovaA-Extrabld.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Extrabld.woff2') format('woff2'),
    url('font/ProximaNovaA-Extrabld.woff') format('woff'),
    url('font/ProximaNovaA-Extrabld.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-LightIt.eot');
  src: local('Proxima Nova Alt Light Italic'), local('ProximaNovaA-LightIt'),
    url('font/ProximaNovaA-LightIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-LightIt.woff2') format('woff2'),
    url('font/ProximaNovaA-LightIt.woff') format('woff'),
    url('font/ProximaNovaA-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-SemiboldIt.eot');
  src: local('Proxima Nova Alt Semibold Italic'), local('ProximaNovaA-SemiboldIt'),
    url('font/ProximaNovaA-SemiboldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-SemiboldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-SemiboldIt.woff') format('woff'),
    url('font/ProximaNovaA-SemiboldIt.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-ThinIt.eot');
  src: local('Proxima Nova Alt Thin Italic'), local('ProximaNovaA-ThinIt'),
    url('font/ProximaNovaA-ThinIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-ThinIt.woff2') format('woff2'),
    url('font/ProximaNovaA-ThinIt.woff') format('woff'),
    url('font/ProximaNovaA-ThinIt.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-ExtrabldIt.eot');
  src: local('Proxima Nova Alt Extrabold Italic'), local('ProximaNovaA-ExtrabldIt'),
    url('font/ProximaNovaA-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-ExtrabldIt.woff2') format('woff2'),
    url('font/ProximaNovaA-ExtrabldIt.woff') format('woff'),
    url('font/ProximaNovaA-ExtrabldIt.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-Regular.eot');
  src: local('Proxima Nova Alt Regular'), local('ProximaNovaA-Regular'),
    url('font/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Regular.woff2') format('woff2'),
    url('font/ProximaNovaA-Regular.woff') format('woff'),
    url('font/ProximaNovaA-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Th';
  src: url('font/ProximaNovaA-Thin.eot');
  src: local('Proxima Nova Alt Thin'), local('ProximaNovaA-Thin'),
    url('font/ProximaNovaA-Thin.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Thin.woff2') format('woff2'),
    url('font/ProximaNovaA-Thin.woff') format('woff'),
    url('font/ProximaNovaA-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-Semibold.eot');
  src: local('Proxima Nova Alt Semibold'), local('ProximaNovaA-Semibold'),
    url('font/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Semibold.woff2') format('woff2'),
    url('font/ProximaNovaA-Semibold.woff') format('woff'),
    url('font/ProximaNovaA-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Rg';
  src: url('font/ProximaNovaA-Bold.eot');
  src: local('Proxima Nova Alt Bold'), local('ProximaNovaA-Bold'),
    url('font/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Bold.woff2') format('woff2'),
    url('font/ProximaNovaA-Bold.woff') format('woff'),
    url('font/ProximaNovaA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Alt Lt';
  src: url('font/ProximaNovaA-Light.eot');
  src: local('Proxima Nova Alt Light'), local('ProximaNovaA-Light'),
    url('font/ProximaNovaA-Light.eot?#iefix') format('embedded-opentype'),
    url('font/ProximaNovaA-Light.woff2') format('woff2'),
    url('font/ProximaNovaA-Light.woff') format('woff'),
    url('font/ProximaNovaA-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}








html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Proxima Nova', sans-serif !important;
  color: #000;
  font-size: 14px;
  margin: 0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    line-height: normal;
    letter-spacing: normal;
}
p{
    margin: 0;
    line-height: normal;
    letter-spacing: normal;
}
.img-center {
    display: inline-block !important;
    max-width: 155px;
}
section {
    padding: 60px 0;
}
ul {
    margin: 0;
    padding: 0
}
a{
  text-decoration: none;
  color: #000;
}
h2{
  font-weight: 600;
}
.pad-10 {
    padding: 10px;
}
/* header .enquiry-button {
    background-color: #F9A121;
    padding: 8px 35px;
    width: fit-content;
    margin: 0 0 0 auto;
    border-radius: 50px;
    margin-top: 50px;
}
header .enquiry-button a {
    color: #fff;
    font-size: 17px;
} */

.top-header {
    padding: 10px 0;
    background: #ededed
}

.top-header p {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    padding-top: 6px;
    color: #000
}

.top-header p a:hover {
    color: #614d90
}

.top-header p a {
    color: #000
}

.top-social ul li {
    display: inline-block;
    margin-left: 5px
}

.top-social ul li a {
    width: 30px;
    height: 30px;
    background: #614d90;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: 1px solid #614d90;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.top-social ul li a:hover {
    background: transparent;
    color: #614d90;
    border-color: #614d90;
    transition: all 0.3s ease 0s;
}





.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup {
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  /* width: 100%; */
  max-width: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative;
}
.popup h2 {
    font-size: 30px;
    margin-top: 0;
    color: #000;
    font-weight: 100;
    margin-bottom: 20px;
}
.pop-cnts {
    padding: 25px 40px;
}

.popup label {
  display: block;
  margin: 10px 0 5px;
  font-size: 13px;
}

.popup input, .popup select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #ccc; */
    /* border-radius: 8px; */
    border: none;
    border-bottom: 1px solid #ccc;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    color: #696969cc;
}
.popup-overlay .popup-bg-img {
  background-image: url(../images/banner-img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.popup .send-btn {
  padding: 12px;
  width: 100%;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  position: relative;
}

.popup .send-btn {
  background-color: #604D8E;
  color: white;
}

.popup .close-btn-top {
    position: absolute;
    top: 8px;
    right: 20px;
    background: #ffffff;
    font-size: 30px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    color: #000000;
    padding: 0;
    border: none;
}

.popup .close-btn-bottom {
  background-color: #dc3545;
  color: white;
  margin-top: 10px;
}

.open-popup-btn {
  background-color: #F9A121;
  padding: 8px 30px;
  border-radius: 100px;
  color: #ffffff;
  font-size: 15px;
  border: none;
  transition: 0.2s;
}

.open-popup-btn:hover {
  transform: scale(0.95);
}
.enquiry_button {
  height: 62px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}












.landing-hero .form-box {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    width: 95%;
    /* max-width: 460px; */
    /* margin: 0 auto; */
    margin-bottom: 20px;
}

.landing-hero .form-box h3 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    letter-spacing: 0;
}

.landing-hero form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.landing-hero input, select {
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    font-size: 14px;
    background: #fafafa;
    outline: none;
    transition: border 0.2s;
    width: 200px;
}
.landing-hero select {
    width: 140px !important;
}
.landing-hero input:focus, select:focus {
    border-color: #ff9d2d;
}

.landing-hero button {
    padding: 10px 28px;
    border: none;
    border-radius: 15px;
    background: #f7931e;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.3s;
    width: 110px;
}

.landing-hero button:hover {
    background: #e68212;
}
.hero-form{
    background-image: url(../images/landing/digital-landing.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 20px;
}
.landing-hero .hero-cnt h1 {
    color: #000;
    line-height: normal;
    font-size: 45px;
    line-height: 60px;
    font-weight: 600;
}
.landing-hero .hero-cnt h1 span{
    color:#F9A121;
}
.landing-hero .hero-cnt h3 {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 30px;
    margin-top: 10px;
    max-width: 95%;
    text-transform: none;
}
.landing-hero .cta-buttons {
    display: flex;
    margin: 35px 0;
    gap: 10px;
}
.landing-hero .cta-buttons .guidence-session a, .landing-hero .cta-buttons .brochure a {
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
}
.landing-hero .cta-buttons .guidence-session a {
    background-color: #604D8E;
    color: #fff;
    border: 1px solid #604D8E;
}
.landing-hero .cta-buttons .guidence-session:hover i {
    transform: rotate(0deg);
}
.landing-hero .cta-buttons .guidence-session a i{
    font-size: 12px;
    transition: 0.2s;
    transform: rotate(-45deg);
}
.landing-hero .hero-cnt .brochure a{
    border: 1px solid;
}
.landing-hero .course-duration p {
    font-size: 18px;
    border: 1px solid #00000024;
    padding: 10px 25px;
    width: fit-content;
    border-radius: 15px;
    margin-top: 60px;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 25px;
    font-weight: 600;
}
.landing-hero .course-duration p img{
    width: 32px;
}

.landing-hero .ratio-columns {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    gap: 15px;
}

.landing-hero .ratio-columns .ratio-column {
    border: 2px solid #e5e5e5;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 20px;
}
.landing-hero .ratio-column .ratio-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.landing-hero .ratio-column .ratio-rate h6 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    font-size: 35px;
    font-weight: 600;
    /* gap: 0px; */
    margin: 0;
    line-height: normal;
    align-items: flex-end;
}
.landing-hero .ratio-column .ratio-rate h6 img {
    width: 65px;
}
.landing-hero .ratio-column .ratio-img img {
    width: 43px;
    margin-top: 5px;
}
.landing-hero .ratio-column .ratio-cnt p {
    font-size: 22px;
    margin: 0;
    line-height: normal;
    margin-top: 5px;
}
.custom-size p {
    font-size: 17px !important;
}

/* ==========================landing-course-highlights========================== */
.landing-course-highlights .highlights-img{
    height: 100%;
}
.landing-course-highlights .highlights-img img {
    width: 100%;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}
.landing-course-highlights .highlights-cnts-col .highlights-cnts {
    display: flex;
    justify-content: space-between;
    padding: 17px 0;
}
.landing-course-highlights .highlights-cnts-col .highlights-cnts .highlights{
    display: flex;
    align-items: center;
}
.landing-course-highlights .highlights-cnts .highlights h6 {
    font-size: 22px;
}
.landing-course-highlights .highlights-cnts .highlights p {
    font-size: 25px;
    width: 40px;
    font-weight: 600;
    color: #604D8E;
}
.bdr-bttom{
    border-bottom: 1px solid #ededed;
}
.landing-course-highlights .highlights-cnts-col .arrow i{
    transition: 0.2s;
}
.landing-course-highlights .highlights-cnts-col .highlights-cnts:hover .arrow i{
    transform: rotate(-45deg);
}
.landing-course-highlights h2{
    text-align: center;
    font-size: 35px;
    margin-bottom: 50px;
    color: #000;
}
.landing-course-highlights h2 span{
    color: #604D8E;
}

/* ============tutors================ */

.tutors-sec .tutors-head h2{
  text-align: center;
  font-size: 35px;
  margin-bottom: 40px;
  color: #000;
}
.tutors-sec .tutors-head h2 span{
  color: #604D8E;
}
.tutors-sec .image-banner img {
    border-radius: 30px;
    width: 100%;
}

/* =====master-topics====== */

.master-topics h2 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 40px;
    color: #000;
}
.master-topics h2 span{
    color: #604D8E;
}
.master-topics .topics {
    border: 1px solid #604d8e91;
    width: 100%;
    height: 70px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    padding: 0 20px;
}
.master-topics .topics h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
.master-topics .enquiry-button {
    background-color: #F9A121;
    padding: 10px 30px;
    width: fit-content;
    margin: auto;
    border-radius: 50px;
    margin-top: 50px;
}
.master-topics .enquiry-button a {
    color: #fff;
    font-size: 17px;
}
.master-topics .enquiry-button a i {
    font-size: 13px;
    margin-left: 2px;
    transform: rotate(-45deg);
    transition: 0.3s;
}
.master-topics .enquiry-button:hover a i {
    transform: rotate(0deg);
}



/* Technology We Expertised */
.expertised {
    padding: 30px 0;
}

.expertised .heading {
  margin-bottom: 30px;
}

.expertised .heading h4 {
    color: #000000;
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: normal;
}

.expertised .heading h4 span {
  font-weight: 600;
  color: #60418b;
}

.tecnology-icons-dm {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

.tecnology-icons img {
  transition: all 0.5s ease 0s;
  cursor: pointer;
}

.tecnology-icons img:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.zero {
  padding: 0px;
  margin: 0px;
}

.tecnology-icons {
    background: none !important;
    border: 1px solid #464646;
    padding: 10px !important;
    margin-top: 5px !important;
    border-radius: 15px;
    text-align: center;
}

/* ============================future============================ */

.future .container {
    background-image: url(../images/landing/future-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    color: #fff;
    padding: 65px 10px;
}
.future .opportunities-points h3 {
    padding-bottom: 30px;
    font-weight: 600;
    text-align: center;
}
.future .opportunities-points h3 span{
    color: #F9A121;
}
.future .opportunities h5 {
    color: #fff;
    font-size: 20px;
    padding: 15px 0;
    position: relative;
    padding-left: 80px;
}
.future .opportunities h5::before {
    content: url(../images/landing/graduation-hat.png);
    position: absolute;
    top: 0;
    transform: scale(0.7);
    left: 32px;
}
.future .future-dis {
    padding-top: 35px;
    border-top: 1px solid #292929;
    margin-top: 35px;
}
.future .future-dis p {
    font-size: 20px;
    max-width: 850px;
    margin: auto;
    line-height: 28px;
    text-align: center;
}


/* ====================feature-higlights=================== */
.feature-higlights h3{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 2pc;
}
.feature-higlights .features-img {
    margin-bottom: 20px;
}
.feature-higlights .features-img img{
    border-radius: 15px;
    width: 100%;
}
.feature-higlights .features-box h5{
    font-weight: 600;
    font-size: 20px;
}
.feature-higlights .features-box p {
    font-size: 17px;
    padding: 8px 0;
}

/* =======================testimonial-dm======================= */

.testimonial-dm {
    padding: 60px 0;
    background: rgb(96, 77, 142);
    background: linear-gradient(117deg, rgb(79 53 126) 0%, rgb(44 47 116) 100%);
}
.testimonial-dm .review-video {
  position: relative;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  margin: 0.5rem;
}
.testimonial-dm .review-video img {
  width: 100%;
  border-radius: 12px;
  height: 450px;
  object-fit: cover;
}
.testimonial-dm .play_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.testimonial-dm .play_icon i {
  font-size: 50px;
  color: #fff;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
.testimonial-dm .review-video:hover .play_icon i {
  opacity: 1;
}
.testimonial-dm .review-heading h4 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 2rem;
}
.testimonial-dm .review_slider .slick-prev {
    left: -10px;
    top: 50%;
}
.testimonial-dm .review_slider .slick-next{
  left: 98%;
  top: 50%;
}
.testimonial-dm .slick-prev, .testimonial-dm .slick-next {
    position: absolute;
    line-height: 0;
    top: 100%;
    width: 35px;
    height: 35px;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    border-radius: 50px;
    background: #f9a121;
    z-index: 2;
}
.testimonial-dm .slick-prev img,.testimonial-dm .slick-next img {
    width: 20px;
}





.contact-container {
    display: flex;
    gap: 40px;
    padding: 40px;
    max-width: 1300px;
    margin: 0 auto;
    flex-wrap: wrap;
    /* margin-top: 6rem; */
}

.locations {
  flex: 1 1 340px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.location-card {
  background: #f4f3fb;
  border-radius: 16px;
  padding: 18px 24px;
  display: flex;
  gap: 18px;
  box-shadow: 0 2px 7px rgba(20, 40, 60, 0.04);
  align-items: flex-start;
}

.loc-map-img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(44, 44, 44, 0.05);
}
.loc-map-img{
  width: 170px;
}

.loc-content {
  flex: 1;
}

.loc-content h3 {
  margin: 0 0 12px;
  color: #383175;
  font-size: 1.2rem;
  font-weight: 600;
}

.loc-content p {
  margin: 0 0 4px;
  font-size: 0.9rem;
  color: #222235;
}

.loc-info {
  margin: 10px 0;
}

.loc-info .icon {
  color: #8162a7;
  margin-right: 4px;
}

.loc-images {
  display: flex;
  gap: 6px;
  margin-top: 15px;
}

.loc-images img {
  width: 85px;
  height: 75px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #eee;
}

.contact-form-section {
  flex: 1 1 390px;
}

.contact-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.contact-header h2 {
  font-size: 1.75rem;
  margin: 0 0 2px;
  color: #2f2948;
  font-weight: 500;
}

.contact-header p {
  font-size: 0.92rem;
  color: #666;
  margin: 0 0 11px 0;
}

.social {
  margin: 4px 0 12px 0;
}

.social a {
  color: #383175;
  margin-right: 10px;
  font-size: 1.15rem;
  text-decoration: none;
  transition: color 0.2s;
}

.social a:hover {
  color: #8162a7;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.input-group label {
  font-size: 0.95rem;
  margin-bottom: 2px;
  color: #443d67;
}

.input-group input,
.input-group textarea {
  padding: 11px 13px;
  border: 1px solid #e0e0e0;
  border-radius: 7px !important;
  font-size: 1rem;
  background: #fbfbfd;
  color: #353352;
  outline: none;
  transition: border .16s;
}

.input-group input:focus,
.input-group textarea:focus {
  border: 1.5px solid #ad98cf;
  background: #fff;
}

.submit-btn {
  margin-top: 10px;
  padding: 11px 0;
  background: #3e327a;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s;
  max-width: 140px;
}

.submit-btn:hover,
.submit-btn:focus {
  background: #332964;
}


footer {
    padding: 60px 0;
    background-color: #4f347e;
    text-align: center;
}
footer .footer-cnt p{
  font-size: 18px;
  color: #fff;
  max-width: 650px;
  margin: auto;
  margin-top: 10px;
}
footer .socio ul{
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
footer .socio ul li {
  list-style: none;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #ffffff;
  border-radius: 50px;
  text-align: center;
}
footer .socio ul li img{
 height: 20px;
}


/* GRAPHIC DESIGNING==========================================================================================================================
==============================================================================================================================================
============================================================================================================================================== */

.landing-hero .hero-cnt .gd {
    font-size: 44px;
}
.tecnology-icons-gd {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
/* UIUX DESIGNING==========================================================================================================================
==============================================================================================================================================
============================================================================================================================================== */

.master-topics .uiux-topics {
    height: 100px;
}
.master-topics .uiux-topics h4 {
    line-height: 25px;
}





/* ====insta-video-popup-css=== */
.insta-video {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.insta-video.show {
  display: flex;
}

.insta-content {
  position: relative;
  max-width: 400px;
  width: 90%;
  border-radius: 10px;
  overflow: hidden;
}

.insta-close {
  position: absolute;
  top: 10px;
  right: 3px;
  font-size: 30px;
  color: white;
  cursor: pointer;
  z-index: 10;
}

.insta-container iframe {
  width: 100%;
  height: 700px;
  border: none;
  border-radius: 10px;
}