@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  font-family: "Manrope", serif;
  color: #000000;
}
img {
  width: 100%;
}
/*********** navigation css strat***********/
.dropdown-menu {
  top: 95%;
  padding: 0;
  overflow: hidden;
}
.dropdown-item {
  padding: 10px 20px;
  color: #000;
  /*border-bottom: 1px solid #F67B21;*/
}
.navbar-nav .nav-link {
  color: #000;
  padding: 10px 15px !important;
  border-bottom: 2px solid transparent;
  margin: 0 15px;
  transition-duration: 0.5s;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
  border-color: #F67B21;
  transition-duration: 0.5s;
  color: #f67b21 !important;
}
.navbar-nav .nav-link.active {
  position: relative;
}
/*
.navbar-nav .nav-link.active:before{
    content: "";
    position: absolute;
    left: 40%;
    right: 0;
    width: 20px;
    height: 2px;
    background-color: #F67B21;
    bottom: 0;
}*/
.dropend .dropdown-toggle {
  color: salmon;
  margin-left: 1em;
}
.dropdown-item:hover {
  background-color: #F67B21;
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}
.navbar-collapse {
  justify-content: flex-end;
}
.navbar-default .navbar-nav .nav-link {
    color: #fff !important;
}
.navbar-fixed .navbar-nav .nav-link {
	color: #000 !important;
}

.navbar-default .dropdown-toggle::after {
	background-image: url(../images/arrow-white.png);
}


.navbar-default.fix_black .dropdown-toggle::after {
  background-image: url(../images/left.png);
      transform: rotate(270deg);
}

.navbar-fixed .dropdown-toggle::after {
	background-image: url(../images/right.png);
  transform: rotate(90deg);
}
 

.navbar-default {
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.navbar-default img {
  height: 50px;
}
.navbar-fixed {
  background-color: #fff;
  top: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
}
.navbar-default .logo-fix {
  display: none !important;
}
.navbar-fixed .logo, .navbar-fixed .white_btn {
  display: none !important;
}
.navbar-fixed .logo-fix {
  display: block !important;
}
.navbar-fixed .navbar-nav .orange_btn {
  display: block !important;
}
.navbar-default .orange_btn {
  display: none !important;
}
/*********** navigation css end ***********/
/*********** popup css start ***********/
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.overlay {
    position: relative;
}
.overlay:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0000006b;
}
/*********** popup css end ***********/
.banner {
  min-height: 100vh;
  position: relative;
  height: 100%;
	overflow: hidden;
  /*background-image: url("../images/banner.jpg");
  background-size: cover;
  background-position: center;*/
}
.banner video {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    object-fit: cover;
}
.banner .container {
  height: 100vh;
}
.banner .row {
  height: 100%;
}
.banner h1.title {
    font-size: 70px;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #fff;
    text-align: center;
}
.banner p {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 300;
}
/*.banner p:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}*/
.banner p a {
    color: inherit;
}
.banner p a:hover {
    text-decoration: none;
}
.banner p a.play img {
    padding-left: 10px;
    height: 25px;
    width: auto;
}
h1.title {
  font-size: 74px;
  line-height: 1.2;
  margin-bottom: 25px;
  font-weight: 700;
}
h2.title {
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 25px;
}
 
h5.title-lg {
  font-size: 30px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-weight: bold;
}
h5.title-sm {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #F67B21;
  font-weight: 700;
  letter-spacing: 0px;
}
h6.title-sm {
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #F67B21;
  letter-spacing: 1px;
}
h5.title-sm span, h5.title-lg span {
  color: #F67B21;
}
h5.title-sm aside {
  letter-spacing: 3px;
  text-transform: none;
}

h1.title strong { font-weight: 700; }


p {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

p span {
  color: #F67B21;
}
p.text-sm {
  font-size: 16px;
}

.font_100{ font-weight:100; }
.font_200{ font-weight:200; }
.font_300{ font-weight:300; }
.font_400{ font-weight:400; }
.font_500{ font-weight:500; }
.font_600{ font-weight:600; }
.font_700{ font-weight:700; }
.font_800{ font-weight:800; }
.font_900{ font-weight:900; }


.button {
  display: inline-block;
  color: inherit;
  font-size: 18px;
  line-height: normal;
  padding: 15px 30px;
  border: 1px solid #DADADA;
  border-radius: 30px;
  transition-duration: 0.5s;
}
.button:hover {
  color: #ffffff;
    text-decoration: none;
    background: #000000;
}
.mt-button {
  margin-top: 30px;
}
.button-white {
  color: #fff;
  border-color: #fff;
}
.button-white:hover {
  color: #000000;
  text-decoration: none;
  background: #fff;
}
.img-belt {
  padding: 200px 0;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.bg-img {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.bg-cream {
  background-color: #FFF2E9;
}
.box {
  background-color: #fff;
  display: block;
  transition-duration: 0.5s;
  width: auto;
  margin: 30px 20px;
}
.box:hover {
  text-decoration: none;
}
.box-text {
  color: #F67B21;
  padding: 15px 10px;
}
.box-text h4 {
  font-size: 20px;
  font-weight: 700;
}
.box-text img {
  width: 40px;
  max-width: 100%;
}
footer {
  /* background-image: url(../images/ftt.png); */
  background-size: cover;
  background-position: bottom;
  /* padding: 100px 0 0px; */
  color: #fff;
  /* height: 100vh; */
  display: flex;
  align-items: end;
}

footer .ft_tp {
 background-color: #f3822fe6;
    width: 100%;
    max-width: 100% !important;
    /* padding: 50px 0 30px; */
    padding: 100px 30px 25px 30px;
}


footer a, footer a:hover {
  text-decoration: none;
  color: inherit;
}
footer p {
  font-size: 17px;
}
footer h5 {
  font-size: 20px;
}
footer img {
  width: auto;
}

/* == changes == */
.copyright_wrapper{
  margin-top: 2.5rem;
}
.copyright_container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer_Because{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.footer_Because p{
  margin-bottom: 0px;
}
.teamBecause_white{
  height: 15px;
}


footer .big_t { font-size:22px; }

footer ul.links { 
  margin-top: 15px;
}

ul.links {
  padding: 0;
  margin: 0;
}
ul.links li {
  list-style: none;
  margin-bottom: 15px;
}
ul.links li a {
  padding: 10px 0;
}
ul.social-media {
  padding: 0;
  margin: 0;
}
ul.social-media li {
  list-style: none;
  display: inline-block;
}
ul.social-media li a {
  display: block;
  margin: 10px 10px 0 0;
}
ul.social-media li a img {
  width: 45px;
}
.dropdown-toggle::after {
  background-image: url(../images/left.png);
  width: 20px;
  height: 20px;
  border: none;
  background-size: contain;
  transform: rotate(-90deg);
  top: 10px;
  position: absolute;
}
a.down {
  width: 130px;
  height: auto;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
.gradient-btn {
  background: #F67B21;
  border: 2px solid transparent;
  border-radius: 30px;
  display: inline-block;
  font-size: 16px;
  line-height: normal;
  padding: 10px 20px;
  transition-duration: 0.5s;
  font-weight: 500;
  position: relative;
} 
.gradient-btn:hover {
  text-decoration: none;
  background-color:#fff;
  transition-duration: 0.5s;
  border: 2px solid #F67B21;
}
.gradient-btn:hover span { color:#F67B21; }
.gradient-btn span { color:#fff; }

.gradient-btn.white { background: #FFF; color: #F67B21; border:2px solid #F67B21; }
.gradient-btn.white span{ color: #F67B21; }

.gradient-btn.white:hover {
  color:#FFF ;
  background-color: #F67B21;
}

.gradient-btn.white:hover span {
  color:#FFF ;

}
 
.impact_box {
    min-height: 450px;
    padding: 30px;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    justify-content: flex-end;
    color: #fff;
	  background-size: cover;
    background-position: center;
	  margin: 30px 0;
	  overflow: hidden;
}
.impact_box .gradient-bg {
    background-color:#F67B21;
    opacity: 0.7;
}
.impact_logo {
    margin-bottom: 25px;
        text-align: left;
}
.logo_color{
  height: 200px;
}
.logo_color_new{
  width: auto;
  height: 5rem;
}
.impact_logo img {
    height: 50px;
    width: auto;
}
.impact_logo .arrow {
    height: 40px;
    width: auto;
    display: inline-block;
    margin: 15px 0 15px 10px;
	display: none;
}

.impact p.detail {
	font-size: 16px;
  text-align: left;
  line-height: 1.3;
	margin-bottom: 0;
  height: 0;
  opacity: 0;
  transition-duration: 0.5s;
}

.impact .impact_box:hover p.detail {
    height: auto;
    opacity: 1;
    transition-duration: 0.5s;
}


/*.impact_box .inner {
    transform: translate3d(0, 100px, 0);
    transition-duration: 0.9s;
}*/
.impact_box .inner {
	z-index: 0;
}
.impact .impact_box:hover {
    cursor: pointer;	
}
.impact_box:hover .inner {
    transform: translate3d(0, 0, 0);
}
.impact_box:hover .impact_logo .arrow {
    transform: rotateZ(180deg);
	transition-duration: 0.9s;
}
.gradient-bg {
	background-color:#F67B21;
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
	top: 0;
    left: 0;
	}
  .gradient-bg_grey {
	background-color:gray;
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
	top: 0;
    left: 0;
	}
.video-popup h4 {
    background: #F5F2ED;
    color: #F67B21;
    font-size: 24px;
    text-align: center;
    margin: 0;
    padding: 20px;
}
.video-popup:hover {
	text-decoration: none;
}
.stastic {
    padding: 70px 20px 10px;
    border: 1px solid lch(100 0 0 / 0.5);
    border-radius: 10px;
    color: #fff;
    margin: 30px 0 20px;
}
.stastic .counter {
    font-size: 30px;
    font-weight: bold;
}
.pluse:after {
    position: absolute;
    content: '+';
}
 


.bg-color { background-color: #F5F2ED; }
.mt-100 { margin-top: 100px; }
.ptb-100 { padding: 100px 0; }

/* Brand logo slider start */
.logo img {
  width: 200px;
  height: auto;
}
.brands {
  position: relative;
  overflow: hidden;
  min-height: 150px;
	margin-top: 30px;
}

.brands:hover .brands__wrapper,
.brands:hover .brands__preWrapper {
  animation-play-state: paused;
}

.brands__wrapper {
  position: absolute;
  white-space: nowrap;
  transform: translateX(0%) translateZ(0);
  animation: scroll2 40s linear infinite;
  animation-direction: left;
}

.brands__wrapper > a,
.brands__wrapper > img {
  position: relative;
  display: inline-block;
  margin: 0 1rem;
  vertical-align: middle;
}

.brands__wrapper > a img {
  max-width: 15rem;
  max-height: 8.5rem;
}

@keyframes scroll2 {
  0% {
    transform: translateX(0%) translateZ(0);
  }
  100% {
    transform: translateX(-100%) translateZ(0);
  }
}

/* Brand logo slider end */

.accordion {
  margin-top: 40px;
}
.accordion .card {
    /* border-bottom: 1px solid color(a98-rgb 0 0 0 / 0.36) !important; */
    margin-bottom: 20px;
    padding-bottom: 20px;
    border: none;
}
.accordion .card h2 {
  background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 25px) center;
  background-size: 20px;
  cursor: pointer;
  font-size: 22px;
  background-color: #F5F2ED;
  padding: 20px 25px;
  color: #F67B21;
	font-weight: bold;
}
.accordion .card h2.collapsed {
  background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
	color: #000;
	font-weight: normal;
}
.accordion .card-body ul {
	margin-bottom: 0;
}




.logos_box_animation { position: relative; max-width:1200px; height: 800px; margin-top:200px;     overflow: hidden; }
.logos_box_animation .box1_ani { border-radius: 321.332px; background-color: #F67B21; width:250px; height: 250px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.logos_box_animation .box1_ani img { max-width:150px;  }
.logos_box_animation .box_ani { border-radius:50%; border:2px solid #F67B21;  width:180px; height: 180px; display: flex; align-items: center; justify-content: center; position: absolute; }
.logos_box_animation .box_ani img { max-width:130px; width:100%; }

.logos_box_animation .box_ani.box2_ani {
  top: 30px;
}
.logos_box_animation .box_ani.box2_ani:before {
    content: "";
    position: absolute;
    right: -125%;
    width: 100%;
    height: 2px;
    background-color: #F2822E;
}

.logos_box_animation .box_ani.box3_ani {
    top: 250px;
    left: 50px;
}

.logos_box_animation .box_ani.box3_ani:before {
    content: "";
    position: absolute;
    top: 0;
    right: -114%;
    width: 100%;
    height: 2px;
    background-color: #F2822E;
    transform: rotate(-26.681deg);
}

.logos_box_animation .box_ani.box4_ani {
       top: 415px;
    left: 210px;
}

.logos_box_animation .box_ani.box4_ani:before {
    content: "";
    position: absolute;
    top: -40%;
    right: -70%;
    width: 90%;
    height: 2px;
    background-color: #F2822E;
    transform: rotate(-26.681deg);
    transform: rotate(-52.517deg);
}

.logos_box_animation .box_ani.box5_ani {
    top: 490px;
    left: 42%;
    transform: translate(0px, 10px);
}

.logos_box_animation .box_ani.box5_ani:before {
    content: "";
    position: absolute;
    top: -73%;
    right: 0%;
    width: 100%;
    height: 2px;
    background-color: #F2822E;
    transform: rotate(-26.681deg);
    transform: rotate(-90deg);
}



.logos_box_animation .box_ani.box6_ani {
    top: 420px;
    right: 210px;
    left: auto;
}

.logos_box_animation .box_ani.box6_ani:before {
    content: "";
    position: absolute;
    top: -40%;
    left: -70%;
    width: 90%;
    height: 2px;
    background-color: #F2822E;
    transform: rotate(52.517deg);
}



.logos_box_animation .box_ani.box7_ani {
    top: 250px;
    right: 50px;
    left: auto;
}

.logos_box_animation .box_ani.box7_ani:before {
    content: "";
    position: absolute;
    top: 0;
    left: -105%;
    width: 100%;
    height: 2px;
    background-color: #F2822E;
    transform: rotate(26.681deg);
}



.logos_box_animation .box_ani.box8_ani {
  top: 30px;
  right: 0;
}
.logos_box_animation .box_ani.box8_ani:before {
    content: "";
    position: absolute;
    left: -125%;
    width: 100%;
    height: 2px;
    background-color: #F2822E;
}


.bounceInLeft1 {
    -webkit-animation-name: bounceInLeft1;
    animation-name: bounceInLeft1;
}
@keyframes bounceInLeft1 {
    0%,60%,75%,90%,to {
    /*  -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);*/
    /*  animation-timing-function: cubic-bezier(.215,.61,.355,1);*/
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
        left: 50%;
        top: 50%;
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 250px;
        left: 50px;
    }

    75% {
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
            top: 250px;
    left: 50px;
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}



.bounceInLeft2 {
    -webkit-animation-name: bounceInLeft2;
    animation-name: bounceInLeft2;
}
@keyframes bounceInLeft2 {
    0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px,0,0);
        transform: translate3d(-1000px,0,0);
        top: 200%;
        left: 20px;
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 200%;
        left: 20px;
    }

    75% {
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 415px;
        left: 210px;
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
        top: 415px;
        left: 210px;
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}



.bounceInLeft3 {
    -webkit-animation-name: bounceInLeft3;
    animation-name: bounceInLeft3;
}
@keyframes bounceInLeft3 {
    0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px,0,0);
        transform: translate3d(-1000px,0,0);
        top: 200%;
        left: 50%;
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 200%;
        left: 50%;
    }

    75% {
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 490px;
        left: 42%;
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
        top: 490px;
        left: 42%;
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}



.bounceInLeft4 {
    -webkit-animation-name: bounceInLeft4;
    animation-name: bounceInLeft4;
}

@keyframes bounceInLeft4 {

    0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px,0,0);
        transform: translate3d(-1000px,0,0);
        top: 200%;
        right: 20px;
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 200%;
        right: 20px;
    }

    75% {
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        top: 415px;
        right: 210px;
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
        top: 415px;
        right: 210px;
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft5 { -webkit-animation-name: bounceInLeft5; animation-name: bounceInLeft5; }
section.main .h-full, .h-full { min-height: 100vh; }

.h_100{ height:100vh; display:flex; justify-content:center; align-items:center; }

.h-full { display:flex; justify-content:center; }

.color_white { color:#fff !important; }

.ul_li_design p { color:#fff; }
.ul_li_design ul li { color:#fff; font-size:18px; }

.ul_li_design_black, .ul_li_design_black ul li { color:#000; font-size: 18px; line-height: 1.5;  }
.ul_li_design_black ul li { margin-bottom:15px; }

.education-box { 
    transition-duration: 0.5s;  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
  }

.education-box:hover {
    /* background-image: url('../images/people.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    scale: 1.1;
    /* background-color: transparent !important; */
    transition-duration: 0.5s;
}

.education-box:hover p { color:#000; }

.pd_100 { padding:100px 0; }
.pd_80 { padding:80px 0; }
.pt_0 { padding-top: 0px !important;}

.slick-prev, .slick-next { top:50%; }
button.navbar-toggle {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.navbar-toggler-icon { width: 50px; height: 50px; }
button.navbar-toggle:focus {
      outline: none;
}

.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1240px !important; }

.slick-prev {
    left: 0px;
    z-index: 9999;
}
.slick-next {
    right: 0px;
    z-index: 9999;

}

@charset "utf-8";
/* CSS Document */

.testimonial {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slide {
  padding: 40px 15px;
}

.testimonial_box-top {
  background-color: rgb(245 128 40 / 10%);
  padding: 30px;
  border-radius: 13px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-height: 380px;
  /*justify-content: center;
  align-items: center;*/
  position: relative;
  transition-duration: 0.5s;
  background-position: center;
}

.testimonial_box-top:hover {
    background-image: url(../images/hover.png);
    background-position: center;
    background-size: cover;
    background-color: none;
    transition-duration: 0.5s;
}


.testimonial_box-icon {
  padding: 10px 0;
}
.testimonial_box-icon i {
  font-size: 25px;
  color: #14213d;
}
.testimonial_box-text {
  padding: 10px 0 60px;
}
.testimonial_box-text p {
  color: #F3822F;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}
.testimonial_box-img {
  padding: 20px 0 10px;
  display: flex;
  justify-content: center;
}
.testimonial_box-img img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px solid #e5e5e5;
}
.testimonial_box-icon img {
    max-width: 50px;
}
.testimonial_box-name {
  padding-top: 10px;
}
.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #293241;
  margin-bottom: 0;
}
.testimonial_box-job p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 0;
}
.testimonial_box-job {
    position: absolute;
    bottom: 25px;
}
.slick-prev:before, .slick-next:before {
    color: #000;
    font-size: 28px;
    opacity: 1;
    content: ' ';
    width: 30px;
    height: 30px;
    display: inherit;
}

.slick-prev:before {
    background-image: url(../images/left.png);
}
.slick-next:before {
    background-image: url("../images/right.png");
}
.navbar-fixed .navbar-toggler-icon svg{ stroke: #F67B21; }

.fix_black.navbar-default .navbar-nav .nav-link {     color: #000000; }

.education-wrapper { display: flex; flex-direction: row; margin-top: 60px; margin-left: -15px; margin-right: -15px; }

.education-wrapper h5.title-sm { font-size:20px; }


.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; border: none; outline: none; }

.logo_mx_150 { max-width:150px; }

a.box img.bg-cream {
    height: 300px !important;
    object-fit: cover;
}
.gred_before { position:relative; }

.gred_before:before { content: ""; background-color:#F67B21; position: absolute; width: 100%; height: 100%; opacity: 0.8; top: 0; left: 0; bottom:0; right: 0; }

.testimonial_line p { font-weight:500; }
.testimonial_line p.sm { font-size:14px; font-weight:300; }

.text-brown { color:#F3822F; }
.text-black { color:#000; }

.bg_color_brown {
  background-color: #FFF2E9;
}
.pd_40 { padding:40px; }
.h_100_ { height: 100%; }

.pd_0_col { padding:0; }

.testimonial_line {
padding: 40px;
}

.testimonial_line img {
  max-width: 64px;
  margin-bottom: 30px;
}

.max_800 { margin:0 auto; max-width:700px; text-align:center; }
.max_900 { max-width:900px; text-align:center; margin:0 auto; }

.test_talent .testimonial_box-top:hover { background-image: none !important; }

.img_team { position: relative; }
.img_team:before {content: ""; position: absolute; left: 0; top: auto; bottom: 0; right: 0; background-color: #FFF2E9; height: 70%; z-index: 1; }

.img_team img {
    z-index: 9;
    position: relative;
    object-fit: cover;
}

.box p { color:#000; font-size:14px; }


.slider_new_section {  }
.slider_new_section h2, .slider_new_section_h2 { color:#F3822F; font-weight: 700; font-size:50px; margin-bottom:30px; }
.slider_new_section p { max-width:700px; }

.slider_new .slick-prev { 
    position: absolute;
    right: 50px;
    left: auto;
    top: auto;
    bottom: -90px; 
  }
.slider_new .slick-next {
    position: absolute;
    right: 0;
    bottom: -90px;
    top: auto;
}

.slider_new .slick-prev:before {
    background-image: url(../images/lft.png);
    font-size: 17px;
    width: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.slider_new .slick-next:before {
    background-image: url(../images/rgt.png);
    font-size: 17px;
    width: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.slider_new .slick-dots li {

}



.slider_new .slick-dots { 
    display: flex;
    justify-content: left;
    margin: 0;
    padding: 0rem 0;
    list-style-type: none;
    margin-bottom: -40px;
}
.slider_new .slick-dots li { margin: 0 3px; }
.slider_new .slick-dots button { display: block; width: 15px; height: 15px; padding: 0; border: none; border-radius: 100%; background-color: #D9D9D9; text-indent: -9999px; }
.slider_new .slick-dots li.slick-active button {background-color: #F3822F; }
.slick-dots li button:before {
    width: 15px;
    height: 15px;
}

form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #000000;
    border-radius: 4px;
    font-size: 16px;
    background-color: #FFF2E9;
    box-shadow: none;
    border-color: #FFF2E9;
    border-bottom: 2px solid #6363634f;
        }
form textarea {
    resize: vertical;
    height: 100px;
    min-height: 100px;
        max-height: 100px;
}

form input[type="submit"] {
    background-color: #28a745;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    background-color: #F3822F;
    width: 100%;
        }
form input[type="submit"]:hover {
            background-color: #218838;
        }

form {
    /* max-width: 430px; */
    width: 100%;
    border: 2px solid #9595955e;
    border-radius: 15px;
    padding: 15px;
}
.email_box { margin-bottom:20px; }
.email_box p { color:#F3822F; font-weight:500; margin-bottom: 0; }
.email_box a { font-size:18px; color:#000; }
.email_box a:hover{ text-decoration:none; }

input:focus, textarea:focus{
  outline: none;
}

footer a:hover {
    opacity: 0.5;
}

.img_asha{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.img_asha img {
    max-width: 150px;
    border-radius: 50%;
    height: 150px;
    object-fit: cover;
    object-position: top;
}

.logos_sec img {

    max-width: 210px;
    margin: 0 auto;
    display: block;

}
.card-body a {
    margin-left: 20px;
    margin-top: 20px;
    display: block;
    color: #f67b21;
    font-weight: 600;
    text-decoration: underline;
}

.show_dk { display:block; }
.show_mb { display:none; max-width: 400px; margin: 0 auto; }





















/*----------------------------------------Resposive------------------------------------*/


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

  .banner h1.title, .banner h1.title strong { font-size:80px; }
  .banner p a { font-size:18px; }

}

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

  .navbar-collapse { background-color: #F67B21; padding: 10px 0; margin-top: 10px;}

  .banner h1.title, .banner h1.title strong{ font-size:60px; }
  .banner p a { font-size:16px; }

  h1.title, h2.title  { font-size:42px; }

  h5.title-sm { font-size: 26px; margin-bottom:20px !important; }

  p { font-size: 16px; }

  section.main .h-full, .h-full { min-height:100%; padding:70px 0; }

  .m-mb-4 { margin-bottom:40px; }
  .mt-button { margin-top: 30px; }

  .testimonial_box-text p { font-size:18px; }
  .testimonial_box-icon img { max-width:50px; }

  ul.social-media { margin-bottom:30px; }
  .mb-text-center{ text-align:left !important;  margin-bottom: 0; }

   footer { padding: 50px 0 50px; }
  .footer_logo { max-width:120px;  }

  .navbar-fixed .navbar-nav .nav-link { color: #fff; }

  .navbar-default img { height: 40px; }

  .h_100 { height: 100%; padding:100px 0; }
  .mt-3-mb { margin-top:30px; }

  h3.year { font-size: 40px !important; }

  .education-wrapper { display:block; }

  .education-box01 { padding: 15px 20px !important; border-bottom: 2px solid rgba(0, 0, 0, 0.36); }
  .education-box01 p { margin-bottom:0; }
  .education-wrapper { margin-top: 30px; }

  img.page_logo { max-width: 190px; height: auto; }

  .accordion .card h2 { font-size:18px; padding: 15px 25px; }
  .accordion .card-body ul { padding-left: 20px; }

  .bnr_mb_100 { height: 100vh; display: flex; align-items: center; }

  .pd_100 { padding: 70px 0; }
  .pd_80 { padding:50px 0; }

  .pd-left { padding-left: 00px !important;}

  section#solution a.box { max-width: 390px; margin-left: auto; margin-right: auto; }
  .mb_text_center { text-align: center; }

  .contact_ab_box { max-width:500px; margin-left:auto; margin-right:auto; }

  .slider_new_section h2, .slider_new_section_h2 { font-size: 36px; }
  .slider_new_section p { font-size:16px; }

  footer { height:100%; padding:0px 0; }
  form { margin: 20px auto; }
  .email_box { margin-bottom: 20px; max-width: 430px; margin: 0 auto 20px; }

  .footer_logo { max-width: 120px; margin: 30px 0px; }
  ul.social-media { margin: 0px 20px; }

  footer p { font-size: 16px; }
  
  .pd_100 { padding: 50px 0; }
  .pd_80 { padding:40px 0; }

  a.down { width: 100px; }

  h5.title-lg { font-size: 26px; }

  .object_cover_100 { height:100%; object-fit:cover; }

  .dropdown .dropdown-menu { display: block !important; margin-left: 20px; }



}

@media screen and (max-width:767px){
  
  .banner h1.title, .banner h1.title strong { font-size:38px; }

  h1.title, h2.title  { font-size:40px; }

   p { font-size: 16px; }
   h5.title-sm { font-size: 24px; }
  .mt-button { margin-top: 20px; }

  .gradient-btn { font-size: 16px; padding: 10px 20px; }

   section.main .h-full, .h-full { min-height: 100%; padding: 50px 0; }

   .testimonial_box-top { min-height: 300px !important; }

   h3.year { font-size: 30px !important; }
   p.detail { font-size: 18px !important; }

   footer h5 { font-size: 18px; margin-bottom: 10px; margin-top: 20px; }

   .education-wrapper h5 { font-size:20px !important; }
   .ul_li_design_black, .ul_li_design_black ul li { font-size:18px; }

   .slider_new_section h2, .slider_new_section_h2 { font-size: 28px; margin-bottom:15px; }
   .slider_new .slick-dots button { width: 10px; height: 10px; }
   .slider_new .slick-dots li { margin: 0 0px; }

   .ptb-100 { padding: 100px 0 40px; }

   footer .big_t { font-size: 20px; }
   .email_box a { font-size: 16px; }

   h5.title-sm br { display:none; }
   .ul_li_design_black, .ul_li_design_black ul li { font-size: 16px; }
   .slick-prev { left: -15px; }
   .slick-next { right: -15px; }
   .pd_40 { padding: 25px;  }
   .h_100 { height: 100%; padding: 100px 0; }

   h5.title-lg { font-size: 22px; }

   h5.title-sm { font-size: 30px; }

   footer .big_t { font-size: 18px; }

   .show_dk { display:none; }
   .show_mb { display:block; }

      
}

@media screen and (max-width:540px){
  
    .banner h1.title { font-size:36px; }
    h1.title, h2.title { font-size:30px; }
    h5.title-sm { font-size: 24px; }

    .pd_100 { padding: 40px 0;  }
    .pd_80 { padding:20px 0; }

    .copyright_container{
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
      gap: 12px;
    }

}




/* ===================== */
/* == MARQUEE STYLING == */
/* ===================== */

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  /* --color-bg-accent: #ecdcc0; */
  --color-bg-accent: #fff2e9;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 30s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  /* mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  ); */
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
/*.marquee img {
  display: grid;
  place-items: center;
  width: var(--size);
  fill: var(--color-text);
  /* background: var(--color-bg-accent); */
  aspect-ratio: 16/9;
  padding: calc(var(--size) / 10);
  /* border-radius: 0.5rem; */
}*/
/* HOME Images */
.marquee.home img {
  width: 20vw!important;
  height: 30vh;
}
.home_marquee_dubai{
  height: 25vh;
}
/* Talent Identification Images */
/*.marquee.talent img {
  width: 30vw!important;
  height: 20vh;
}*/
.talent_genwise{
  height: 30vh!important; 
}
/* Solutin Images */
.marquee.solution img {
  width: 30vw!important;
  height: 30vh;
}
.marquee__group img{
   width: 250px;
}

.marquee--vertical img {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}


@keyframes fade {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* Marquee Media */
@media screen and (max-width:540px){
 /* .marquee.home img {
    width: 50vw!important;
    height: 25vh;
  }*/
  .home_marquee_dubai{
    height: 15vh!important; 
  }
 /* .marquee.talent img {
    width: 50vw!important;
    height: 15vh;
  }*/
  .talent_genwise{
    height: 20vh!important; 
  }
  .marquee.solution img {
    width: 40vw!important;
    height: 15vh;
  }
}


/* ================ */
/* === BANNER SLIDER === */
/* ================ */
.banner-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content {
  position: relative;
  z-index: 2;
  color: white;
}

.banner::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* optional overlay */
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 1.5rem!important;
  color: #F67B21;
}



/* ================ */
/* === CHANGES === */
/* ================ */

.education_logo{
  height: 15vh;
  width: 15vw;
  margin-bottom: 2rem;
}

.assesment_container{
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  border: 2px solid #F2822E;
  padding: 30px 15px;
  margin: 0 10px;
  border-radius: 10px;
}


/* Mobile Media */
@media screen and (max-width:540px){
  .assesment_container{
    margin: 20px;
  }

  .education_logo{
    width: auto;
    margin-bottom: 0rem;
  }

  .swiper-button-next, .swiper-button-prev{
    top: 40%!important;
  }
  .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1rem!important;
    color: #F67B21;
  }

  .bnr_mb_100_ass { 
    background-position: 30% 50%;  
  }
  .bnr_mb_100_per{
    background-position: 50% 50%; 
  }
}
.testimonials h2 {
  color: #e67e22; /* orange */
  margin-bottom: 40px;
    text-align: center;

}

.testimonial-container {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.testimonial-card {
  background: #fff6f0; /* light peach */
  padding: 30px;
  flex: 1 1 40%;
  border-radius: 8px;
  text-align: left;
  position: relative;
}

.quote-mark {
  font-size: 2.5rem;
  color: #e67e22;
  margin-bottom: 15px;
}

.testimonial-card p {
    font-style: normal;
    color: #f3822f;
    margin-bottom: 20px;
    font-size: 18px;
}

.author {
  font-size: 0.9rem;
  color: #000000;
  font-weight: 500;
}


.quote-mark {
  font-size: 2.5rem;
  color: #e67e22;
  margin-bottom: 15px;
}

.quote-mark img {
  width: 60px;

}