:root {  scroll-behavior: smooth;}a {  color: var(--color-links);  text-decoration: none;}a:hover {  color: var(--color-links-hover);  text-decoration: none;}h1, h2, h3, h4, h5, h6 {  font-family: var(--font-primary);}/*--------------------------------------------------------------# Preloader--------------------------------------------------------------*/#preloader {  position: fixed;  inset: 0;  z-index: 9999;  overflow: hidden;  background: var(--color-white);  transition: all 0.6s ease-out;  width: 100%;  height: 100vh;}#preloader:before, #preloader:after {  content: "";  position: absolute;  border: 4px solid var(--color-primary);  border-radius: 50%;  -webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;}#preloader:after {  -webkit-animation-delay: -0.5s;  animation-delay: -0.5s;}@-webkit-keyframes animate-preloader {  0% {    width: 10px;    height: 10px;    top: calc(50% - 5px);    left: calc(50% - 5px);    opacity: 1;  }  100% {    width: 72px;    height: 72px;    top: calc(50% - 36px);    left: calc(50% - 36px);    opacity: 0;  }}@keyframes animate-preloader {  0% {    width: 10px;    height: 10px;    top: calc(50% - 5px);    left: calc(50% - 5px);    opacity: 1;  }  100% {    width: 72px;    height: 72px;    top: calc(50% - 36px);    left: calc(50% - 36px);    opacity: 0;  }}/*--------------------------------------------------------------# Sections & Section Header--------------------------------------------------------------*/section {  padding: 20px 0;  overflow: hidden;}.section-header {  text-align: center;  padding-bottom: 40px;}.section-header h2 {  font-size: 48px;  font-weight: 300;  margin-bottom: 20px;  color: var(--color-secondary);}.section-header p {  margin: 0 auto;  color: #383838;}@media (min-width: 1280px) {  .section-header p {    max-width: 80%;  }}/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/.breadcrumbs {  padding: 15px 0;  background: rgba(var(--color-secondary-rgb), 0.05);  min-height: 40px;  margin-top: 76px;}.breadcrumbs h2 {  font-size: 30px;  font-weight: 300;  margin: 0;}.breadcrumbs ol {  display: flex;  flex-wrap: wrap;  list-style: none;  padding: 0;  margin: 0;  font-size: 14px;}.breadcrumbs ol li + li {  padding-left: 10px;}.breadcrumbs ol li + li::before {  display: inline-block;  padding-right: 10px;  color: var(--color-secondary-light);  content: "/";}@media (max-width: 992px) {  .breadcrumbs .d-flex {    display: block !important;  }  .breadcrumbs h2 {    margin-bottom: 10px;    font-size: 24px;  }  .breadcrumbs ol {    display: block;  }  .breadcrumbs ol li {    display: inline-block;  }}/*--------------------------------------------------------------# Scroll top button--------------------------------------------------------------*/.scroll-top {  position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;  bottom: 15px;  z-index: 995;  background: var(--color-primary);  width: 40px;  height: 40px;  border-radius: 4px;  transition: all 0.4s;}.scroll-top i {  font-size: 24px;  color: var(--color-white);  line-height: 0;}.scroll-top:hover {  background: rgba(var(--color-primary-rgb), 0.85);  color: var(--color-white);}.scroll-top.active {  visibility: visible;  opacity: 1;}/*--------------------------------------------------------------# Disable aos animation delay on mobile devices--------------------------------------------------------------*/@media screen and (max-width: 768px) {  [data-aos-delay] {    transition-delay: 0 !important;  }   .gy-5 {    width:100%;}}/*--------------------------------------------------------------# Header--------------------------------------------------------------*/.header {background:#e5da03;   transition: all 0.5s;  z-index: 997;}.header.sticked {   box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1);}.header .logo img { }.header .logo h1 {  font-size: 32px;  font-weight: 300;  color: var(--color-secondary);  font-family: var(--font-secondary);}.header .logo h1 span {  color: var(--color-primary);  font-weight: 500;}.header .btn-getstarted, .header .btn-getstarted:focus {  font-size: 16px;  color: var(--color-white);  background: var(--color-primary);  padding: 8px 23px;  border-radius: 4px;  transition: 0.3s;  font-family: var(--font-secondary);}.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {  color: var(--color-white);  background: rgba(var(--color-primary-rgb), 0.85);}@media (max-width: 1279px) {  .header .btn-getstarted, .header .btn-getstarted:focus {    margin-right: 50px;  }}/*--------------------------------------------------------------# Desktop Navigation --------------------------------------------------------------*/@media (min-width: 1280px) {  .navbar {    padding: 0;    position: relative;  }  .navbar ul {    margin: 0;    padding: 0;    display: flex;    list-style: none;    align-items: center;  }  .navbar li {    position: relative;  }  .navbar > ul > li {    white-space: nowrap;  }  .navbar a, .navbar a:focus {    display: flex;    align-items: center;    justify-content: space-between;    padding: 14px 20px;    font-family: var(--font-secondary);    font-size: 16px;    font-weight: 400;    color: rgba(var(--color-secondary-dark-rgb), 0.7);    white-space: nowrap;    transition: 0.3s;    position: relative;  }  .navbar a i, .navbar a:focus i {    font-size: 12px;    line-height: 0;    margin-left: 5px;  }  .navbar > ul > li > a:before {    content: "";    position: absolute;    width: 100%;    height: 2px;    bottom: 0;    left: 0;    background-color: var(--color-primary);    visibility: hidden;    transition: all 0.3s ease-in-out 0s;    transform: scaleX(0);    transition: all 0.3s ease-in-out 0s;  }  .navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {    visibility: visible;    transform: scaleX(0.7);  }  .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {    color: var(--color-primary);  }  .navbar .dropdown a:hover:before, .navbar .dropdown:hover > a:before, .navbar .dropdown .active:before {    visibility: hidden;  }  .navbar .dropdown a:hover, .navbar .dropdown .active, .navbar .dropdown .active:focus, .navbar .dropdown:hover > a {    color: var(--color-white);    background: var(--color-secondary);  }  .navbar .dropdown ul {    display: block;    position: absolute;    left: 0;    top: 100%;    margin: 0;    padding: 0 0 10px 0;    z-index: 99;    opacity: 0;    visibility: hidden;    background: var(--color-secondary);    transition: 0.3s;  }  .navbar .dropdown ul li {    min-width: 200px;  }  .navbar .dropdown ul a {    padding: 10px 20px;    font-size: 15px;    text-transform: none;    font-weight: 400;    color: rgba(var(--color-white-rgb), 0.5);  }  .navbar .dropdown ul a i {    font-size: 12px;  }  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {    color: var(--color-white);    background: var(--color-primary);  }  .navbar .dropdown:hover > ul {    opacity: 1;    visibility: visible;  }  .navbar .megamenu {    position: static;  }  .navbar .megamenu ul {    right: 0;    padding: 10px;    display: flex;  }  .navbar .megamenu ul li {    flex: 1;  }  .navbar .megamenu ul li a, .navbar .megamenu ul li:hover > a {    color: rgba(var(--color-white-rgb), 0.5);    background: none;  }  .navbar .megamenu ul li a:hover, .navbar .megamenu ul li .active, .navbar .megamenu ul li .active:hover {    color: var(--color-white);    background: var(--color-primary);  }  .navbar .dropdown .dropdown ul {    top: 0;    left: calc(100% - 30px);    visibility: hidden;  }  .navbar .dropdown .dropdown:hover > ul {    opacity: 1;    top: 0;    left: 100%;    visibility: visible;  }}@media (min-width: 1280px) and (max-width: 1366px) {  .navbar .dropdown .dropdown ul {    left: -90%;  }  .navbar .dropdown .dropdown:hover > ul {    left: -100%;  }}/*--------------------------------------------------------------# Mobile Navigation--------------------------------------------------------------*/@media (max-width: 1279px) {  .navbar {    position: fixed;    top: 0;    left: -100%;    width: calc(100% - 70px);    bottom: 0;    transition: 0.3s;    z-index: 9997;  }  .navbar ul {    position: absolute;    inset: 0;    padding: 10px 0;    margin: 0;    background: rgba(var(--color-secondary-rgb), 0.9);    overflow-y: auto;    transition: 0.3s;    z-index: 9998;  }  .navbar a, .navbar a:focus {    display: flex;    align-items: center;    justify-content: space-between;    padding: 12px 20px;    font-size: 16px;    font-weight: 500;    color: rgba(var(--color-white-rgb), 0.7);    white-space: nowrap;    transition: 0.3s;  }  .navbar a i, .navbar a:focus i {    font-size: 12px;    line-height: 0;    margin-left: 5px;  }  .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {    color: var(--color-white);  }  .navbar .dropdown ul, .navbar .dropdown .dropdown ul {    position: static;    display: none;    padding: 10px 0;    margin: 10px 20px;    transition: all 0.5s ease-in-out;    border: 1px solid rgba(var(--color-secondary-light-rgb), 0.3);  }  .navbar .dropdown > .dropdown-active, .navbar .dropdown .dropdown > .dropdown-active {    display: block;  }  .mobile-nav-toggle {    display: block !important;    color: var(--color-secondary);    font-size: 28px;    cursor: pointer;    line-height: 0;    transition: 0.5s;    position: fixed;    top: 20px;    z-index: 9999;    right: 20px;  }  .mobile-nav-toggle.bi-x {    color: var(--color-white);  }  .mobile-nav-active {    overflow: hidden;    z-index: 9995;    position: relative;  }  .mobile-nav-active .navbar {    left: 0;  }  .mobile-nav-active .navbar:before {    content: "";    position: fixed;    inset: 0;    background: rgba(var(--color-secondary-rgb), 0.8);    z-index: 9996;  }}/*--------------------------------------------------------------# Index Page--------------------------------------------------------------*//*--------------------------------------------------------------# Animated Hero Section--------------------------------------------------------------*/.hero-animated {  width: 100%;  min-height: 50vh;  background: url("../img/hero-bg.png") center center;  background-size: cover;  position: relative;  padding: 120px 0 60px;}.hero-animated h2 {  margin: 0 0 10px 0;  font-size: 48px;  font-weight: 300;  color: var(--color-secondary);  font-family: var(--font-secondary);}.hero-animated h2 span {  color: var(--color-primary);}.hero-animated p {  color: rgba(var(--color-secondary-rgb), 0.8);  margin: 0 0 30px 0;  font-size: 20px;  font-weight: 400;}.hero-animated .animated {  margin-bottom: 60px;  animation: up-down 2s ease-in-out infinite alternate-reverse both;}@media (min-width: 992px) {  .hero-animated .animated {    max-width: 45%;  }}@media (max-width: 991px) {  .hero-animated .animated {    max-width: 60%;  }}@media (max-width: 575px) {  .hero-animated .animated {    max-width: 80%;  }}.hero-animated .btn-get-started {  font-size: 16px;  font-weight: 400;  display: inline-block;  padding: 10px 28px;  border-radius: 4px;  transition: 0.5s;  color: var(--color-white);  background: var(--color-primary);  font-family: var(--font-secondary);}.hero-animated .btn-get-started:hover {  background: rgba(var(--color-primary-rgb), 0.8);}.hero-animated .btn-watch-video {  font-size: 16px;  transition: 0.5s;  margin-left: 25px;  font-family: var(--font-secondary);  color: var(--color-secondary);  font-weight: 600;}.hero-animated .btn-watch-video i {  color: var(--color-primary);  font-size: 32px;  transition: 0.3s;  line-height: 0;  margin-right: 8px;}.hero-animated .btn-watch-video:hover {  color: var(--color-primary);}.hero-animated .btn-watch-video:hover i {  color: rgba(var(--color-primary-rgb), 0.8);}@media (max-width: 640px) {  .hero-animated h2 {    font-size: 32px;  }  .hero-animated p {    font-size: 18px;    margin-bottom: 30px;  }  .hero-animated .btn-get-started, .hero-animated .btn-watch-video {    font-size: 14px;  }}@-webkit-keyframes up-down {  0% {    transform: translateY(10px);  }  100% {    transform: translateY(-10px);  }}@keyframes up-down {  0% {    transform: translateY(10px);  }  100% {    transform: translateY(-10px);  }}/*--------------------------------------------------------------# Carousel Hero Section--------------------------------------------------------------*/.hero {  width: 100%;  min-height: 60vh;  padding: 0;  background: var(--color-black);  background: url("../img/hero-bg.png") center center;  background-size: cover;  background-position: center;  background-repeat: no-repeat;  position: relative;  display: flex;  flex-direction: column;  justify-content: center;  padding: 140px 0 60px 0;}@media (max-width: 640px) {  .hero .container {    padding: 0 60px;  }  .Projects li{   margin: 0px 20px;}}.hero h2 {  color: var(--color-secondary);  margin-bottom: 25px;  font-size: 48px;  font-weight: 300;  -webkit-animation: fadeInDown 1s both 0.2s;  animation: fadeInDown 1s both 0.2s;}@media (max-width: 768px) {  .hero h2 {    font-size: 30px;  }}.hero p {  color: var(--color-secondary-light);  -webkit-animation: fadeInDown 1s both 0.4s;  animation: fadeInDown 1s both 0.4s;  font-weight: 500;  margin-bottom: 30px;}.hero .img {  margin-bottom: 40px;  -webkit-animation: fadeInDownLite 1s both;  animation: fadeInDownLite 1s both;}.hero .btn-get-started {  font-family: var(--font-secondary);  font-weight: 400;  font-size: 16px;  letter-spacing: 1px;  display: inline-block;  padding: 8px 32px;  border-radius: 5px;  transition: 0.5s;  -webkit-animation: fadeInUp 1s both 0.6s;  animation: fadeInUp 1s both 0.6s;  color: var(--color-primary);  border: 2px solid var(--color-primary);}.hero .btn-get-started:hover {  background: var(--color-primary);  color: var(--color-white);}.hero .carousel-control-prev {  justify-content: start;}@media (min-width: 640px) {  .hero .carousel-control-prev {    padding-left: 15px;  }  .team .team-member .member-info {    padding: 10px 15px;}}.hero .carousel-control-next {  justify-content: end;}@media (min-width: 640px) {  .hero .carousel-control-next {    padding-right: 15px;  }}.hero .carousel-control-next-icon, .hero .carousel-control-prev-icon {  background: none;  font-size: 26px;  line-height: 0;  background: rgba(var(--color-secondary-rgb), 0.4);  color: rgba(var(--color-white-rgb), 0.98);  border-radius: 50px;  width: 54px;  height: 54px;  display: flex;  align-items: center;  justify-content: center;}.hero .carousel-control-next-icon {  padding-left: 3px;}.hero .carousel-control-prev-icon {  padding-right: 3px;}.hero .carousel-control-prev, .hero .carousel-control-next {  transition: 0.3s;}.hero .carousel-control-prev:focus, .hero .carousel-control-next:focus {  opacity: 0.5;}.hero .carousel-control-prev:hover, .hero .carousel-control-next:hover {  opacity: 0.9;}.hero .carousel-indicators li {  cursor: pointer;  background: rgba(var(--color-secondary-rgb), 0.5);  overflow: hidden;  border: 0;  width: 12px;  height: 12px;  border-radius: 50px;  opacity: 0.6;  transition: 0.3s;}.hero .carousel-indicators li.active {  opacity: 1;  background: var(--color-primary);}@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@-webkit-keyframes fadeInUp {  from {    opacity: 0;    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}@keyframes fadeInUp {  from {    opacity: 0;    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}#about{    margin-top:40px;}@keyframes fadeInDown {  from {    opacity: 0;    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}@-webkit-keyframes fadeInDownLite {  from {    opacity: 0;    transform: translate3d(0, -10%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}@keyframes fadeInDownLite {  from {    opacity: 0;    transform: translate3d(0, -10%, 0);  }  to {    opacity: 1;    transform: translate3d(0, 0, 0);  }}/*--------------------------------------------------------------# Fullscreen Hero Section--------------------------------------------------------------*/.hero-fullscreen:before { }.hero-fullscreen{    margin-top: 94px;}@media (min-width: 1365px) {  .hero-fullscreen {    background-attachment: fixed;  }} .hero-fullscreen a { display:block; width: 100%;  min-height: 100vh;font-size:0px;}   @media (max-width: 640px) { }/*--------------------------------------------------------------# Static Hero Section--------------------------------------------------------------*/.hero-static {  width: 100%;  min-height: 50vh;  background: url("../img/hero-bg.png") center center;  background-size: cover;  position: relative;  padding: 120px 0 60px;}.hero-static h2 {  margin: 0 0 10px 0;  font-size: 48px;  font-weight: 300;  color: var(--color-secondary);  font-family: var(--font-secondary);}.hero-static h2 span {  color: var(--color-primary);}.hero-static p {  color: rgba(var(--color-secondary-rgb), 0.8);  margin: 0 0 30px 0;  font-size: 20px;  font-weight: 400;}.hero-static .btn-get-started {  font-size: 16px;  font-weight: 400;  display: inline-block;  padding: 10px 28px;  border-radius: 4px;  transition: 0.5s;  color: var(--color-white);  background: var(--color-primary);  font-family: var(--font-secondary);}.hero-static .btn-get-started:hover {  background: rgba(var(--color-primary-rgb), 0.8);}.hero-static .btn-watch-video {  font-size: 16px;  transition: 0.5s;  margin-left: 25px;  font-family: var(--font-secondary);  color: var(--color-secondary);  font-weight: 600;}.hero-static .btn-watch-video i {  color: var(--color-primary);  font-size: 32px;  transition: 0.3s;  line-height: 0;  margin-right: 8px;}.hero-static .btn-watch-video:hover {  color: var(--color-primary);}.hero-static .btn-watch-video:hover i {  color: rgba(var(--color-primary-rgb), 0.8);}@media (max-width: 640px) {  .hero-static h2 {    font-size: 32px;  }  .hero-static p {    font-size: 18px;    margin-bottom: 30px;  }  .hero-static .btn-get-started, .hero-static .btn-watch-video {    font-size: 14px;  }}/*--------------------------------------------------------------# Featured Services Section--------------------------------------------------------------*/.featured-services .service-item {  padding: 30px;  transition: all ease-in-out 0.4s;  background: var(--color-white);  height: 100%;}.featured-services .service-item .icon {  margin-bottom: 10px;}.featured-services .service-item .icon i {  color: var(--color-primary);  font-size: 36px;  transition: 0.3s;}.featured-services .service-item h4 {  font-weight: 600;  margin-bottom: 15px;  font-size: 24px;}.featured-services .service-item h4 a {  color: var(--color-secondary);  transition: ease-in-out 0.3s;}.featured-services .service-item p {  line-height: 24px;  font-size: 14px;  margin-bottom: 0;}.featured-services .service-item:hover {  transform: translateY(-10px);  box-shadow: 0px 0 60px 0 rgba(var(--color-secondary-rgb), 0.1);}.featured-services .service-item:hover h4 a {  color: var(--color-primary);}/*--------------------------------------------------------------# About Section--------------------------------------------------------------*/.about .about-img {  }.about .about-img:before { }.vap .about-img{    width:90%;}@media (max-width: 575px) {  .about .about-img {      }.about-img{    width:100% !important;}  .about .about-img:before {    inset: -30px 0 0 -30px;  }}.about h3 {  color: var(--color-secondary);  font-family: var(--font-secondary);  font-weight: 300;  font-size: 32px;  margin-bottom: 20px;}@media (max-width: 768px) {  .about h3 {    font-size: 28px;  }}.about .nav-pills {  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);}.about .nav-pills li + li {  margin-left: 40px;}.about .nav-link {  background: none;  font-size: 18px;  font-weight: 400;  color: var(--color-secondary);  padding: 12px 0;  margin-bottom: -2px;  border-radius: 0;  font-family: var(--font-secondary);}.about .nav-link.active {  color: var(--color-primary);  background: none;  border-bottom: 3px solid var(--color-primary);}@media (max-width: 575px) {  .about .nav-link {    font-size: 16px;  }}.about .tab-content h4 {  font-size: 18px;  margin: 0;  font-weight: 700;  color: var(--color-secondary);}.about .tab-content i {  font-size: 22px;  line-height: 0;  margin-right: 8px;  color: var(--color-primary);}/*--------------------------------------------------------------# Clients Section--------------------------------------------------------------*/.clients {  padding: 0 0 60px 0;}.clients .swiper-slide img {  opacity: 0.5;  transition: 0.3s;  filter: grayscale(100);}.clients .swiper-slide img:hover {  filter: none;  opacity: 1;}/*--------------------------------------------------------------# Call To Action Section--------------------------------------------------------------*/.cta {  padding: 0;  margin-bottom: 60px;}.cta .container {  padding: 80px;  background: rgba(var(--color-secondary-rgb), 0.1);  border-radius: 15px;}@media (max-width: 992px) {  .cta .container {    padding: 60px;  }}.cta .content h3 {  color: var(--color-secondary);  font-size: 48px;  font-weight: 700;}.cta .content h3 em {  font-style: normal;  position: relative;}.cta .content h3 em:after {  content: "";  position: absolute;  left: 0;  right: 0;  bottom: 10px;  height: 10px;  background: rgba(var(--color-primary-rgb), 0.5);  z-index: -1;}.cta .content p {  color: var(--color-secondary);  font-weight: 600;  font-size: 18px;}.cta .content .cta-btn {  color: var(--color-white);  font-weight: 500;  font-size: 16px;  display: inline-block;  padding: 12px 40px;  border-radius: 5px;  transition: 0.5s;  margin-top: 10px;  background: rgba(var(--color-primary-dark-rgb), 0.9);}.cta .content .cta-btn:hover {  background: var(--color-primary);}.cta .img {  position: relative;}.cta .img:before {  content: "";  position: absolute;  inset: 0;  background: rgba(var(--color-white-rgb), 0.5);  border-radius: 15px;  transform: rotate(12deg);}.cta .img:after {  content: "";  position: absolute;  inset: 0;  background: rgba(var(--color-white-rgb), 0.9);  border-radius: 15px;  transform: rotate(6deg);}.cta .img img {  position: relative;  z-index: 3;  border-radius: 15px;}/*--------------------------------------------------------------# On Focus Section--------------------------------------------------------------*/.onfocus {  padding: 0;}.onfocus .video-play {  min-height: 400px;  background: linear-gradient(rgba(var(--color-black-rgb), 0.4), rgba(var(--color-black-rgb), 0.7)), url("../img/onfocus-video-bg.jpg") center center;  background-size: cover;}.onfocus .content {  background: linear-gradient(rgba(var(--color-secondary-rgb), 0.5), rgba(var(--color-secondary-rgb), 0.8)), url("../img/onfocus-content-bg.jpg") center center;  background-size: cover;  color: rgba(var(--color-white-rgb), 0.8);  padding: 40px;}@media (min-width: 768px) {  .onfocus .content {    padding: 80px;  }}.onfocus .content h3 {  font-weight: 600;  font-size: 32px;  color: var(--color-white);}.onfocus .content ul {  list-style: none;  padding: 0;}.onfocus .content ul li {  padding-bottom: 10px;}.onfocus .content ul i {  font-size: 20px;  padding-right: 4px;  color: var(--color-primary);}.onfocus .content p:last-child {  margin-bottom: 0;}.onfocus .content .read-more {  font-family: var(--font-primary);  font-weight: 500;  font-size: 16px;  letter-spacing: 1px;  padding: 12px 24px;  border-radius: 5px;  transition: 0.3s;  display: -nline-flex;  align-items: center;  justify-content: center;  color: var(--color-white);  background: var(--color-primary);}.onfocus .content .read-more i {  font-size: 18px;  margin-left: 5px;  line-height: 0;  transition: 0.3s;}.onfocus .content .read-more:hover {  background: rgba(var(--color-primary-rgb), 0.9);  padding-right: 19px;}.onfocus .content .read-more:hover i {  margin-left: 10px;}.onfocus .play-btn {  width: 94px;  height: 94px;  background: radial-gradient(var(--color-primary) 50%, rgba(var(--color-primary-rgb), 0.4) 52%);  border-radius: 50%;  display: block;  position: absolute;  left: calc(50% - 47px);  top: calc(50% - 47px);  overflow: hidden;}.onfocus .play-btn:before {  content: "";  position: absolute;  width: 120px;  height: 120px;  -webkit-animation-delay: 0s;  animation-delay: 0s;  -webkit-animation: pulsate-btn 2s;  animation: pulsate-btn 2s;  -webkit-animation-direction: forwards;  animation-direction: forwards;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;  -webkit-animation-timing-function: steps;  animation-timing-function: steps;  opacity: 1;  border-radius: 50%;  border: 5px solid rgba(var(--color-primary-rgb), 0.7);  top: -15%;  left: -15%;  background: rgba(198, 16, 0, 0);}.onfocus .play-btn:after {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid var(--color-white);  z-index: 100;  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}.onfocus .play-btn:hover:before {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translateX(-40%) translateY(-50%);  width: 0;  height: 0;  border: none;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-left: 15px solid var(--color-white);  z-index: 200;  -webkit-animation: none;  animation: none;  border-radius: 0;}.onfocus .play-btn:hover:after {  border-left: 15px solid var(--color-primary);  transform: scale(20);}@-webkit-keyframes pulsate-btn {  0% {    transform: scale(0.6, 0.6);    opacity: 1;  }  100% {    transform: scale(1, 1);    opacity: 0;  }}@keyframes pulsate-btn {  0% {    transform: scale(0.6, 0.6);    opacity: 1;  }  100% {    transform: scale(1, 1);    opacity: 0;  }}/*--------------------------------------------------------------# Features Section--------------------------------------------------------------*/.features .nav-tabs {  border: 0;}.features .nav-link {  border: 0;  padding: 25px 20px;  color: var(--color-secondary);  box-shadow: 5px 5px 25px rgba(var(--color-secondary-rgb), 0.15);  border-radius: 0;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  transition: 0s;  cursor: pointer;  height: 100%;}.features .nav-link i {  font-size: 32px;  line-height: 0;}.features .nav-link h4 {  font-size: 20px;  font-weight: 600;  margin: 10px 0 0 0;  color: var(--color-secondary);}.features .nav-link:hover {  color: var(--color-primary);}.features .nav-link.active {  transition: 0.3s;  background: var(--color-secondary) linear-gradient(rgba(var(--color-primary-rgb), 0.95), rgba(var(--color-primary-rgb), 0.6));  border-color: var(--color-primary);}.features .nav-link.active h4 {  color: var(--color-white);}.features .nav-link.active i {  color: var(--color-white) !important;}.features .tab-content {  margin-top: 30px;}.features .tab-pane.active {  -webkit-animation: fadeIn 0.5s ease-out;  animation: fadeIn 0.5s ease-out;}.features .tab-pane h3 {  font-weight: 600;  font-size: 36px;  color: var(--color-secondary);}.features .tab-pane ul {  list-style: none;  padding: 0;}.features .tab-pane ul li {  padding-bottom: 10px;}.features .tab-pane ul i {  font-size: 24px;  margin-right: 4px;  color: var(--color-primary);}.features .tab-pane p:last-child {  margin-bottom: 0;}@keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}/*--------------------------------------------------------------# Services Section--------------------------------------------------------------*/.services .img {  border-radius: 8px;  overflow: hidden;}.services .img img {  transition: 0.6s;} .iconhover {font-size:0px;height:200px;background-size:contain !important;}.icon-01hover {background: url("../../img/services-01.jpg") no-repeat;}.icon-01hover:hover {cursor:pointer;background: url("../../img/Icon-01.png") no-repeat;}.icon-02hover {background: url("../../img/services-02.jpg") no-repeat;}.icon-02hover:hover {cursor:pointer;background: url("../../img/Icon-02.png") no-repeat;}.icon-03hover {background: url("../../img/services-03.jpg") no-repeat;}.icon-03hover:hover {cursor:pointer;background: url("../../img/Icon-03.png") no-repeat;}.icon-04hover {background: url("../../img/services-04.jpg") no-repeat;}.icon-04hover:hover {cursor:pointer;background: url("../../img/Icon-04.png") no-repeat;}.icon-05hover {background: url("../../img/services-05.jpg") no-repeat;}.icon-05hover:hover {cursor:pointer;background: url("../../img/Icon-05.png") no-repeat;}.icon-06hover {background: url("../../img/services-06.jpg") no-repeat;}.icon-06hover:hover {cursor:pointer;background: url("../../img/Icon-06.png") no-repeat;}/*--------------------------------------------------------------# Testimonials Section--------------------------------------------------------------*/.testimonials {  padding: 20px 0; }  .testimonials .icon-01hover {background: url("../../img/slider-01.jpg") no-repeat;background-position: 50% 0%;}.testimonials .icon-01hover:hover {cursor:pointer;background: url("../../img/slider-01-hover.jpg") no-repeat;background-position: 50% 0%;} .testimonials .icon-02hover {background: url("../../img/slider-02.jpg") no-repeat;background-position: 50% 0%;}.testimonials .icon-02hover:hover {cursor:pointer;background: url("../../img/slider-02-hover.jpg") no-repeat;background-position: 50% 0%;} .testimonials .icon-03hover {background: url("../../img/slider-03.jpg") no-repeat;background-position: 50% 0%;}.testimonials .icon-03hover:hover {cursor:pointer;background: url("../../img/slider-03-hover.jpg") no-repeat;background-position: 50% 0%;} .testimonials .icon-04hover {background: url("../../img/slider-04.jpg") no-repeat;background-position: 50% 0%;}.testimonials .icon-04hover:hover {cursor:pointer;background: url("../../img/slider-04-hover.jpg") no-repeat;background-position: 50% 0%;}.testimonials .testimonials-carousel, .testimonials .testimonials-slider {  overflow: hidden;}.testimonials .testimonial-item {  text-align: center;    padding: 130px 0px 0px 0px;} .testimonials .testimonial-item h3 {  font-size: 20px;  font-weight: bold;  margin: 10px 0 5px 0;  color: #000;}  .testimonials .swiper-pagination .swiper-pagination-bullet {  width: 12px;  height: 12px;  background-color:#000;  opacity: 0.5;}.testimonials .swiper-pagination .swiper-pagination-bullet-active {  background-color:#f00;  opacity: 1;}@media (min-width: 992px) {  .testimonials .testimonial-item p {    width: 80%;  }} /*--------------------------------------------------------------# Portfolio Section--------------------------------------------------------------*/.portfolio .portfolio-flters {  padding: 0;  margin: 0 auto 30px auto;  list-style: none;  text-align: center;}.portfolio .portfolio-flters li {  cursor: pointer;  display: inline-block;  padding: 0;  font-size: 18px;  font-weight: 300;  margin: 0 10px;  line-height: 1;  margin-bottom: 5px;  transition: all 0.3s ease-in-out;}.portfolio .portfolio-flters li:hover, .portfolio .portfolio-flters li.filter-active {  color: var(--color-primary);}.portfolio .portfolio-flters li:first-child {  margin-left: 0;}.portfolio .portfolio-flters li:last-child {  margin-right: 0;}@media (max-width: 575px) {  .portfolio .portfolio-flters li {    font-size: 14px;    margin: 0 5px;  }}.portfolio .portfolio-item {  position: relative;  border: 1px solid var(--color-white);  overflow: hidden;  z-index: 1;}.portfolio .portfolio-item img {  transition: all 0.3s;}.portfolio .portfolio-item:before {  content: "";  inset: 0;  position: absolute;  background: rgba(var(--color-secondary-rgb), 0.8);  z-index: 2;  transition: 0.5s;  visibility: hidden;  opacity: 0;}.portfolio .portfolio-item .portfolio-info {  opacity: 0;  position: absolute;  inset: auto 40px 40px 40px;  z-index: 3;  transition: all ease-in-out 0.3s;  padding: 20px;}.portfolio .portfolio-item .portfolio-info h4 {  font-size: 18px;  font-weight: 600;  color: var(--color-white);  padding-right: 50px;}.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {  position: absolute;  right: 50px;  font-size: 24px;  top: calc(50% - 14px);  color: rgba(var(--color-white-rgb), 0.7);  transition: 0.3s;  line-height: 0;}.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {  color: var(--color-white);}.portfolio .portfolio-item .portfolio-info .details-link {  right: 14px;  font-size: 28px;}.portfolio .portfolio-item:hover:before {  visibility: visible;  opacity: 1;}.portfolio .portfolio-item:hover img {  transform: scale(1.2);}.portfolio .portfolio-item:hover .portfolio-info {  opacity: 1;  inset: auto 10px 0 10px;}/*--------------------------------------------------------------# Team Section--------------------------------------------------------------*/.team .team-member .member-img {  border-radius: 8px;  overflow: hidden;}.team .team-member .social {  position: absolute;  left: 0;  top: -18px;  right: 0;  opacity: 0;  transition: ease-in-out 0.3s;  display: flex;  align-items: center;  justify-content: center;}.team .team-member .social a {  transition: color 0.3s;  color: var(--color-white);  background: var(--color-primary);  margin: 0 5px;  display: inline-flex;  align-items: center;  justify-content: center;  width: 36px;  height: 36px;  border-radius: 50%;  transition: 0.3s;}.team .team-member .social a i {  line-height: 0;  font-size: 16px;}.team .team-member .social a:hover {  background: var(--color-primary-light);}.team .team-member .social i {  font-size: 18px;  margin: 0 2px;}.team .team-member .member-info {  padding: 30px 15px; }.team .team-member .member-info h4 {  font-weight: 600;  margin-bottom: 5px;  font-size: 30px;  color: #fff;}.team .team-member .member-info span {  display: block;  font-size: 30px;  font-weight: 600;  color: #fff;}.team .team-member .member-info p {  font-style: italic;  font-size: 14px;  line-height: 26px;  color: var(--color-gray);}.team .team-member:hover .social {  opacity: 1;} /*--------------------------------------------------------------# Footer--------------------------------------------------------------*/.footer {background: #0070c0;  color: #fff;  font-size: 14px;}.footer .footer-content { background: #0070c0;  padding: 60px 0 30px 0;}.footer .footer-content .footer-info {  margin-bottom: 30px;}.footer .footer-content .footer-info h3 {  font-size: 28px;  margin: 0 0 20px 0;  padding: 2px 0 2px 0;  line-height: 1;  font-weight: 700;  text-transform: uppercase;}.footer .footer-content .footer-info h3 span {  color: var(--color-primary);}.footer .footer-content .footer-info p {  font-size: 14px;  line-height: 24px;  margin-bottom: 0;  font-family: var(--font-primary);  color: var(--color-white);}.footer .footer-content h4 {  font-size: 16px;  font-weight: 600;  color: var(--color-white);  position: relative;  padding-bottom: 12px;  margin-bottom: 15px;}.footer .footer-content h4::after {  content: "";  position: absolute;  display: block;  width: 20px;  height: 2px;  background: var(--color-primary);  bottom: 0;  left: 0;}.footer .footer-content .footer-links {  margin-bottom: 30px;}.footer .footer-content .footer-links ul {  list-style: none;  padding: 0;  margin: 0;}.footer .footer-content .footer-links ul i {  padding-right: 2px;  color: var(--color-white);  font-size: 12px;  line-height: 1;}.footer .footer-content .footer-links ul li {  padding: 10px 0;  display: flex;  align-items: center;}.footer .footer-content .footer-links ul li:first-child {  padding-top: 0;}.footer .footer-content .footer-links ul a {  color: rgba(var(--color-white-rgb), 0.7);  transition: 0.3s;  display: inline-block;  line-height: 1;}.footer .footer-content .footer-links ul a:hover {  color: var(--color-white);}.footer .footer-content .footer-newsletter form {  margin-top: 30px;  background: var(--color-white);  padding: 6px 10px;  position: relative;  border-radius: 4px;}.footer .footer-content .footer-newsletter form input[type=email] {  border: 0;  padding: 4px;  width: calc(100% - 110px);}.footer .footer-content .footer-newsletter form input[type=email]:focus-visible {  outline: none;}.footer .footer-content .footer-newsletter form input[type=submit] {  position: absolute;  top: 0;  right: -2px;  bottom: 0;  border: 0;  background: none;  font-size: 16px;  padding: 0 20px;    color: var(--color-white);  transition: 0.3s;  border-radius: 0 4px 4px 0;}.footer .footer-content .footer-newsletter form input[type=submit]:hover {   }.footer .footer-legal {  padding: 10px 0;  }.footer .footer-legal .credits {  padding-top: 4px;  font-size: 13px;  color: var(--color-white);}.footer .footer-legal .credits a {  color: var(--color-primary-light);}.footer .footer-legal .social-links a {  font-size: 18px;  display: inline-block;  background: rgba(var(--color-white-rgb), 0.1);  color: var(--color-white);  line-height: 1;  padding: 8px 0;  margin-right: 4px;  border-radius: 4px;  text-align: center;  width: 36px;  height: 36px;  transition: 0.3s;}.footer .footer-legal .social-links a:hover {  background: var(--color-primary);  text-decoration: none;}#about h2 {color:#000;font-size:16px;}#about .mtop-20 {justify-content: center;padding:20px 0px 0px 0px}#about p{font-size:17px;}#about h1 {color:#000;margin-top:10px;}.moucl{    margin-left: 22%;    display: flex;}.moucl h3{    margin-top:20px;    margin-bottom:20px;    }.mt{    margin-top:5em;}.vap{    background-color: #f6f6f6;}.swiper-button-prev {     background: url(../../img/left-arrow.jpg);    width: 96px;    height: 55px;    top: 85%;    left: 40%;}.swiper-button-next {     background: url(../../img/right-arrow.jpg);    width: 96px;    height: 55px;    top: 85%;    left: 50%;}.swiper-button-next:after, .swiper-button-prev:after {display:none}.swiper-slide .testimonial-item{  }.swiper-wrapper {min-height:300px}.program ul {margin:0px;padding:0px; text-align: center;}.program li {    background-color: #fff;    padding: 30px;    list-style: none;    box-shadow: 1px 0px 5px rgb(0 0 0 / 30%);    margin: 10px;    border-radius: 74px;    border-left: 3px solid #027cc5;    width: 23%;    DISPLAY: inline;    text-align: center; display: inline-block; vertical-align: middle;    line-height: 20px;    font-size: 16px;    font-weight: bold; }    .program li:hover{    background-color: #027cc5;    color: #fff;     border-left: 3px solid #e5da03;}#portfolio h3 {font-size:16px;color:#000}.mt-20 {margin-top:4rem}#team {background:url(../../img/bg-repeat.jpg) repeat}#recent-blog-posts .row {background:#f6f7f9}#contact {position:relative}#contact .swiper-button-prev {     background: url(../../img/left-box-arrow.jpg);    width: 55px;    height: 55px;    top: 20%;    left: 88%; }#contact .swiper {position:unset}#contact .swiper-button-next {     background: url(../../img/right-box-arrow.jpg);    width: 55px;    height: 53px;    top: 20%;    left: 93%;}#contact .section-header {text-align:left;}#contact .section-header p{max-width:100%}#contact .swiper-wrapper {min-height:160px}#contact .swiper-slide .testimonial-item {border:medium none}#campus .swiper-wrapper {min-height:300px; flex-direction: unset;}#campus .swiper {      width: 100%; height: 100%;    margin-left: auto;     margin-right: auto;  }#campus .swiper-slide {  height: calc((100% - 30px) / 2) !important;     }#campus .iconhover {width:238px; height:178px;}#testimonials .icon-01hover {background: url("../../img/campus-01.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-01hover:hover {cursor:pointer;background: url("../../img/campus-01-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-02hover {background: url("../../img/campus-02.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-02hover:hover {cursor:pointer;background: url("../../img/campus-02-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-03hover {background: url("../../img/campus-03.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-03hover:hover {cursor:pointer;background: url("../../img/campus-03-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-04hover {background: url("../../img/campus-04.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-04hover:hover {cursor:pointer;background: url("../../img/campus-04-hover.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-05hover {background: url("../../img/campus-05.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-05hover:hover {cursor:pointer;background: url("../../img/campus-05-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-06hover {background: url("../../img/campus-06.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-06hover:hover {cursor:pointer;background: url("../../img/campus-06-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-07hover {background: url("../../img/campus-07.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-07hover:hover {cursor:pointer;background: url("../../img/campus-07-hover.jpg") no-repeat;background-position: 50% 0%;} #testimonials .icon-08hover {background: url("../../img/campus-08.jpg") no-repeat;background-position: 50% 0%;}#testimonials .icon-08hover:hover {cursor:pointer;background: url("../../img/campus-08-hover.jpg") no-repeat;background-position: 50% 0%;}#campus {position:relative}#campus .col-lg-8 {    width: 54%;    margin: 0px 0px 0px 2px;    border-left: 3px solid #017dc5;padding: 50px 30px;}#campus .swiper {position:unset}#campus .swiper-button-prev {     background: url(../../img/campus-arrow-left.jpg);     width: 50px;    height: 50px;    top: 77%;    left: 31%;    opacity: 1;}#campus .swiper-button-next {     background: url(../../img/capus-arrow-right.jpg);      width: 50px;    height: 50px;    top: 86%;    left: 31%;}.mobile-banner {display:none;}@media only screen and (max-width: 600px) {    .d-flex{        display: flex;    justify-content: space-around;    }    .footer .footer-legal {    padding: 10px 0px 60px 0px !important;}    .navbar a, .navbar a:focus {padding: 6px 20px;}    .navbar ul {background:#0ea2bd;}    .desktopbanner {display:none;}    .mobile-banner {display: block;    background: url(../img/final-Engineered-to-educate-tomorrow's-elite (1).jpg);    width: 100%;    height: 20px;    background-repeat: no-repeat;    background-size: contain;}    header#header {padding-bottom:10px;}    .header .logo img {    width: 340px;}    .vap .col-lg-2 {width:95%;}section#hero-fullscreen {    margin: 91px 0px 0px 0px;    padding: 0px;}    .swiper-button-prev, .swiper-button-next {   background-size: 50px;    background-repeat: no-repeat;}	.iconhover {     width: 156px;    height: 190px;    margin: 0px auto;     text-align: center;}		.about .row.mtop-20 .col-lg-6, #portfolio .col-xl-3.col-md-6, #portfolio .col-xl-2.col-md-6 {width:50%}	.about .row.mtop-20 {text-align:center}	.swiper-button-prev {     top: 54%;    left: 30%;}#about.vap  .row.mtop-20 .col-lg-6 {    width: 100%;    text-align: left;}.swiper-button-next {top: 55%;}#portfolio .row.mt-20 .col-xl-2.col-md-6.text-center.first {display:none}#contact .swiper-button-prev { top: 50%;  left: 77%;    background-repeat: no-repeat;    background-size: 33px;}#contact .swiper-button-next {  top: 50%;    left: 87%;    background-repeat: no-repeat;    background-size: 33px;}    .team .team-member .member-info h4 {    font-size: 30px;}    #team.team .team-member .member-info span {font-size: 24px;}     #team.team  .col-xl-3.col-md-6.d-flex.aos-init.aos-animate,  #team.team  .col-xl-4.col-md-6.d-flex.aos-init.aos-animate {    margin: 0px;}#campus .col-lg-8 {width: 100%;}#campus .swiper-button-next {    background: url(../../img/capus-arrow-right.jpg) -10px -1px;    width: 40px;    height: 50px;    top: 94%;    left: 41%;    transform: rotate(360deg);}#campus .swiper-button-prev {    background: url(../../img/campus-arrow-left.jpg);    width: 50px;    height: 50px;    top: 94%;    left: 31%;    opacity: 1;}}.post-img.align-center {    text-align: center;}.mobilefooter {    background: #008dd1;    bottom: 0;    color: #fff;    cursor: pointer;    display: none;    position: fixed;    padding: 12px 0;    text-align: center;    width: 100%;    z-index: 999;}@media (max-width: 768px){    .program li {width:100%;margin:10px 0px;}    .moucl{    margin-left: 0px !important;    display: inline !important;}    #about h1 {      margin-top: 10px;}.vap .section-header{    padding-bottom: 20px;}.vap{    padding: 20px 0;}    .header .btn-getstarted, .header .btn-getstarted:focus {    margin-right: 0px;    width: 100%;  }    .enquireNowScroll {        display: none !important;    }.mobilefooter {    display: block;}}.enquireNowScroll {    position: fixed;    color: #fff !important;    top: 50%;    right: -3%;    transform: translateY(-50%);    transform: rotateZ(-90deg);    border: none;    outline: none;    font-size: 12px;    padding: 10px 24px;    z-index: 1000;    cursor: pointer;    background: #008dd1;    border-radius: 0;}  .navbar {margin-bottom:0px !important;}  .mou{     background: #e5da03;     margin:10px;     padding: 10px 0px 10px 0px;    border-radius: 10px;    border: 1px solid #000; } .mou:hover{     color:white;     background: #008dd1;      } #portfolio h3:hover{    color: #fff;}.banner img{    width: 100%;} .team-member {    text-align: center;}button.close {opacity:1 !important;color:#fff;}.vap .col-lg-2 {padding: 20px 20px; text-align:center;    list-style: none;    box-shadow: 1px 0px 5px rgb(0 0 0 / 30%);    margin: 10px 10px;    border-radius: 5px;border-right: 3px solid #027cc5;    border-left: 3px solid #027cc5;}        .content img.img-responsive {    text-align: center;    display: inline;    border: 1px solid #0ea2bd;    padding: 10px;    height: 240px;}.content {    text-align: center;    margin: 0px auto;}section.formnew {position: absolute;    z-index: 99;    right: 10%;    top: 22%;    background: #12276a;    padding: 5px;    height: 500px;}    section.formnew button,.modal-body .btn.btn-enqiury {margin:10px 0px 0px 0px;background:#e5da03; display: block !important; width: 100% !important;}section.formnew h1 {color:#fff; margin:0px 0px 10px 0px; font-size: 20px;    text-align: center;}@media only screen and (max-width: 600px) {  section.formnew {position: unset;  }    .team .team-member .member-info {    padding: 10px 15px;}.mt{    margin-top:0em;}#about {    margin-top: 0px;}.mou{ margin:10px 0px;   }.swiper-slide{    margin-right: 4em !important;}}.Campus .icon-box {    width: 250px;    text-align: center;    border: 1px solid #ebebeb;    padding: 20px 20px;    transition: all ease-in-out 0.3s;    background: #fff;}.Campus .icon-box:hover {    border-color: #fff;    box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);    transform: translateY(-10px);}.Campus h4 {    color: #008dd1;   padding-top: 30px;}#contact .swiper-slide .testimonial-item img {    width: 185px;}.Projects{    background-color: #008dd1;    color: #fff;}.Projects li{    padding-bottom:10px;}