@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*************************
*******Typography******
**************************/
:root{
	--blue:#01174a;
	--blue2:#052878;
	--lblue:#18beb4;
	--white:#fff;
	--black:#111;
	--black2:#1f3b4e;
	--gray:#555;
}
  
:root {
    --animate: 1;
}


body {
  background:var(--blue);
  font-family: "Poppins", sans-serif;
  color:#eee;
  font-size: 15px;
  font-weight:400;
  line-height: 22px; 
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: clamp(320px, 90vw, 90vw);
    margin: 0 auto;
}

#mainBanner{z-index:0;}
.header_area{position:relative;}
.mid {margin-top:0;position: relative;}



h1 {
   font-family: "Poppins", sans-serif;
  font-size: 45px;
  color:var(--black);
  font-weight: 400;
  line-height: 45px;
  padding-bottom: 5px;
  margin-bottom:25px;
  position: relative;
  text-align:center;
}
h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 55px;
  background-color: var(--lblue);
  left: 0;
  right: 0;
  margin: 0 auto;
}
b, strong {
    font-weight: 500;
}

.section-title{margin-bottom:25px;}


.section-title h6, .section-title strong {
font-family: "Poppins", sans-serif;
  font-size: 16px;
  color:var(--lblue);
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 5px;
  text-transform: uppercase;
  text-align:left;
  margin:0 0 6px 0;
}
.section-title.text-center h1, 
.section-title.text-center h2, 
.section-title.text-center h3, 
.section-title.text-center h4 
{text-align:center;}

.section-title.text-center h1:before, 
.section-title.text-center h2:before, 
.section-title.text-center h3:before, 
.section-title.text-center h4:before, 
.section-title.text-center h5:before 
{margin:0 auto;}

.section-title h1, 
.section-title h2, 
.section-title h3,
.section-title h4, 
.section-title h5 
{
   font-family: "Poppins", sans-serif;
  font-size:28px;
  color:var(--white);
  font-weight: 400;
  line-height:40px;
  padding-bottom: 8px;
  margin-bottom:25px;
  position: relative;
  text-align:left;
}
.section-title h1:before, 
.section-title h2:before, 
.section-title h3:before,
.section-title h4:before,
.section-title h5:before
 {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background-color: var(--lblue);
  left: 0;
  right: 0;
  margin: 0 ;
}

.sectiongap_white .section-title h1
.sectiongap_white .section-title h2,
.sectiongap_white .section-title h3,
.sectiongap_white .section-title h4,
.sectiongap_white .section-title h5
{color: var(--blue);}
.section-title.text-left{text-align:left;}
.section-title.text-center h5{text-align:center;}
.section-title p{margin:0;}
h2{
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  color:var(--lblue);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2em;
  padding-bottom: 5px;
}
h3{
  font-size: 20px;
    color:var(--lblue);
  font-weight:500;
  margin-bottom:10px;
}
h4{
  font-size:17px;
  color:var(--lblue);
  font-weight:500;
  line-height: 24px;
  margin-bottom:8px;
}

h5{
  font-size:16px;
  color:var(--white);
  font-weight:400;
  line-height: 22px;
  margin-bottom:8px;
}
h5 strong{display:block;}
h6{
  font-size:14px;
  color:var(--white);
  font-weight:600;
  line-height: 24px;
  margin:8px 0;
}
.heading{
font-size:18px;
  color:var(--white);
  font-weight:500;
  line-height: 24px;
  margin:8px 0;
}

.heading2{
font-size:20px;
  color:var(--lblue);
  font-weight:500;
  line-height: 24px;
  margin:8px 0 12px 0;
}

p {
  padding: 0px;
  font-size: 14px;
  color:#eee;
  line-height: 22px;
  font-weight:300;  
}
p strong{color:var(--lblue);font-size: 16px;}
ul {margin: 0; padding: 0;	list-style-type: none;}
li {margin: 0 0 10px 0;padding: 0;list-style-type: none;font-size:14px;color:#eee;}
ol {margin: 0; padding: 0 0 0 12px;}
ol li {margin: 0 0 10px 0;padding: 0;list-style-type: decimal;font-size:14px;color:#eee;}
a{
	color:var(--lblue);
  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration: none;
}
a:hover{color:var(--white);text-decoration: none;}
.alternate_column .row {margin: 0;}
.alternate_column img {border-radius: 0;}
.alternate_column .row:nth-child(even) {
    direction: rtl;
    text-align: left;
}
.content_box {padding: 50px;hyphens: auto;text-align-last: left;-webkit-hyphens: auto;word-spacing: -0.05em;text-align:justify;}
.content_box p strong{color:var(--lblue);}

.alternate_column .row:nth-child(even) .content_box{direction: ltr;}
.alternate_column .row:nth-child(even) .content_box .Banquetfacilities {
    direction: ltr;}
.alternate_column .row[class*=col-] {direction: ltr;}

header {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99999;
    padding: 5px 0;
    position: relative;
}
header .logo img {
    display: none;
}

.sticky-menu {
	background: var(--lblue)!important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 22;
  -webkit-animation: sticky-menu 0.5s;
    animation: sticky-menu 0.5s;
    box-shadow: 0px 15px 10px -15px #1111114a; 
	width:100%;
	padding:6px 0;
}

.sticky-menu .main-menu{
	background:transparent;
	padding:15px 0 0 0;
	box-shadow:none;
	border-radius:0;
	border-top:0;
}

@-webkit-keyframes sticky-menu {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
@keyframes sticky-menu {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}


.sticky-menu .logo_blue{display:none;}
.sticky-menu .logo img{display:block;}
.sticky-menu .navbar .navbar-nav .nav-link{color: var(--white)!important;font-size: 15px;}
.sticky-menu .navbar .navbar-nav .nav-link:hover{color: var(--blue)!important;}
.sticky-menu nav .menu-btn i {color: var(--lblue)!important;margin: 9px 5px 0 0;}
.sticky-menu .navbar .navbar-nav .nav-link li:hover a {color: var(--lblue)!important;}
.sticky-menu nav .menu-btn:hover a i{color: var(--white)!important;}
.sticky-menu .topbar{display:none!important;}
.sticky-menu .logo img{ height:50px;padding:0;}
.sticky-menu .menubar{ margin-top:6px;}
.navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu {
	padding-top: 20px !important;
	position: fixed;
	width: 100%;
	min-width: 100%;
	background: #1a1b1c !important;
	transition: all 500ms ease;
}
.mega .heading1 {
    color: var(--white);
    font-size: 15px;
    font-weight: 400;
    margin: 5px 0 15px 0;
    line-height: 22px;
}
.mega .heading1 strong {color: var(--lblue);display: block;font-weight: 500;}
.menu_highlight a {color: var(--lblue) !important;font-weight: 600;}

.menu_img {
    background-color:transparent;
    border-radius: 50%;
    float: left;
    margin-right: 25px;
    position: relative;
	text-align:center;
}
.menu_img img {width: 28px;position: relative;left: 8px;top:8px;}
.menu_img:before {
  position: absolute;
  content: '';
  height:45px; 
  width:45px; 
  border: 1px dashed var(--lblue);
  top: 0;
  left: 0;
  border-radius: inherit;
  animation: menu_spin 10s linear infinite;
}
 {
  
}

@keyframes menu_spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}

.dropdown-menu.mega-menu li:hover .menu_img:before, .heading_block:hover .menu_img:before {
    border: 1px dashed var(--white);
}
.navbar .navbar-nav .nav-link{
    color:var(--black)!important;
    margin:0 8px;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar .navbar-nav .nav-link:hover{color:var(--lblue)!important;}
.navbar-toggler:focus {text-decoration: none;outline: 0;box-shadow: none;}
.navbar-nav li{margin:0;}
.dropdown-menu.mega-menu li{padding:10px;border-bottom: 1px solid #ffffff0d;}
.dropdown-menu.mega-menu li a{color:var(--white)!important;font-size: 13px;font-weight: 300;text-decoration: none;padding:0 6px;}
.dropdown-menu.mega-menu li:hover{
    background-color: var(--lblue)!important;
    color: #fff !important;
    padding-left: 10px;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration: none;
}
.dropdown-item:hover{
    background-color: var(--lblue)!important;
    color: #fff !important;padding-left: 20px;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration: none;
}
.dropdown-item {color: var(--white);padding:12px;border-bottom: 1px solid #ffffff0d;font-weight: 300;font-size: 13px;}
.dropdown-item a{color: var(--white);}
.dropdown-menu.mega-menu li:hover i, .dropdown-item:hover i{color:var(--white);}
.dropdown-menu li i{font-size: 11px;color:var(--lblue);}
.dropdown-menu li {	position: relative;margin: 0}
.dropdown-menu.mega-menu li.menu_highlight {margin:4px 0;padding: 12px;border: 0;}
.dropdown-menu.mega-menu li.menu_highlight a {color: var(--white);font-weight: 600;    padding-top: 10px;display: block;}
.dropdown-menu.mega-menu li.menu_highlight a strong{color:var(--lblue);}
.dropdown-menu.mega-menu li:hover.menu_highlight a {color: var(--white) !important;}
.navbar .dropdown-toggle::after {display: none;}
.navbar .dropdown-toggle, .navbar .nav-item {position: relative;}
.navbar .dropdown-toggle:hover::before, .navbar .nav-item:hover::before {width: 100%;}


header .btn-secondary {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border:0;
  outline: none !important;
  color:#fff;
  padding: 14px 20px;
  transition: 500ms;
  background-color:var(--lblue);
  font-style: normal;
  font-weight:600;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
}
header .btn-secondary::before {
  content: "";
  background-color:var(--blue);
  border-radius: 100px;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
  
}
header .btn-secondary:hover i {color:var(--lblue);}
header .btn-secondary:hover {color:var(--white);}
header .btn-secondary:hover::before {transform: translate(0, 0);}
header.sticky-menu .btn-secondary {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border:0;
  outline: none !important;
  color:#fff;
  padding: 12px 15px;
  transition: 500ms;
  background-color:var(--blue);
  font-style: normal;
  font-weight:600;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
}
header.sticky-menu .btn-secondary::before {
  content: "";
  background-color:var(--white);
  border-radius: 100px;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1; 
}
header.sticky-menu .btn-secondary:hover i {color:var(--blue);}
header.sticky-menu .btn-secondary:hover {color:var(--lblue);}
header.sticky-menu .btn-secondary:hover::before {transform: translate(0, 0);}
.logo_area{position:absolute;z-index:333;top:10px;left:0;right:0; text-align: center;}
.logo_blue img {width: 290px;height: auto;margin: 0 auto;z-index: 99999;}
/* banner */
.stellarnav.desktop li.mega li.menu_highlight a{color:var(--lblue)!important;font-weight:600;}
.stellarnav.desktop li.mega li.menu_highlight a:hover{color:var(--white)!important;font-weight:600;}
.vdo_banner {position:relative;padding-bottom:40%;}
.vdo_banner .vbg-fallback {position:absolute;top:0;min-width:100%;height:auto;}
.vdo_banner img.vbg-fallback, .inner-banner img.vbg-fallback{border-radius:0;}
.vdoarea{padding:0;}
.vdoarea video{width:100%;}
.vdoarea #video1{margin-top:0;height: 350px;position:relative;}
.vdoarea .service_vdo {position: relative;aspect-ratio: 16/9;}
.vdoarea .faq_vdo {position: relative;aspect-ratio: 16/9;}
.vdoarea .aniv_vdo {position: relative; margin-top: 0;aspect-ratio: 16/9;}
.vdoarea .about_vdo {position: relative; margin-top: 0;padding-bottom:65%;}
.vdoarea .timeline_vdodddd {position: relative; margin-top: 0;padding-bottom: 56.25%;}
.vdoarea .timeline_vdo {margin-top: 0;aspect-ratio:16/9;position: relative;}
.vdoarea .marketing_vdo {position: relative; margin-top: 0;aspect-ratio: 16/9;}
.vdoarea .suppor_Offline_vdo {position: relative; padding-bottom:100%;}
.suppor_Offline_vdo iframe{width: 50% !important;height: 100% !important;border-radius:10px;}
.vdoarea .brand_vdo {position: relative; margin-top: 0;aspect-ratio: 16/9;}
.service_vdo iframe, 
.aniv_vdo iframe,
.marketing_vdo iframe,
.brand_vdo iframe,
.faq_vdo iframe
{width: 100% !important;height: 100% !important;border-radius:10px;}
.faq_vdo img.vbg-fallback {border-radius: 12px;}
/*aspect-ratio: 4/3;*/
/*.vdoarea .service_vdo div{border-radius:10px;}*/
.service_vdo iframe, .digi_mark_vdo iframe, .branding_vdo iframe, .timeline_vdo iframe{
    width: 100% !important;
    height: 100% !important;
    border-radius:10px;
}
.vdoarea img {margin:0 auto;}
.vdoarea .outcome_vdo {margin-top: 0;position: relative;height:450px;}
.short_vdo{text-align:center;}
.short_vdo img.vbg-fallback{width:60%;height:450px;margin:0 auto;object-fit:cover;object-position:50% 50%;}
.service_page .short_vdo img.vbg-fallback{width:80%;height:450px;margin:0 auto;object-fit:cover;object-position:50% 50%;}
.creative-web-design .short_vdo img.vbg-fallback
{width:60%;height:450px;margin:0 auto;object-fit:cover;object-position:50% 50%;}
.career .short_vdo img.vbg-fallback{width:100%;height:300px;margin:0 auto;object-fit:cover;object-position:50% 50%;}
img.vbg-fallback{border-radius:4px;}
.vdoarea .grow_buisiness_vdo, 
.vdoarea .eCommerce_vdo, 
.vdoarea .Small_Business_vdo,
.vdoarea .Corporate_Website_Development_vdo
{margin-top: 0;height: 450px;position: relative;}
.vdoarea .career_vdo {margin-top: 0;height: 300px;position: relative;}
.vdoarea .digi_mark_vdo {margin-top: 0;margin-bottom: 10px;position: relative;}
.vdoarea .digi_mark_vdo img, .email_marketing .vdoarea .digi_mark_vdo img{border-radius:10px;}
.seo .anicard-block .vdoarea .digi_mark_vdo img,
.email_marketing .anicard-block .vdoarea .digi_mark_vdo img,
.smm .anicard-block .vdoarea .digi_mark_vdo img,
.content_marketing .anicard-block .vdoarea .digi_mark_vdo img,
.app_store_optimization .anicard-block .vdoarea .digi_mark_vdo img
{border-radius:10px;height:200px;min-width:100%;    object-fit: contain;}
.vdoarea .web_development_vdo{margin-top:0;height:450px;position: relative;text-align:center;}
.vdoarea .branding_vdo {margin: 0 auto;height:450px;position: relative;aspect-ratio: 9/16;}
.branding .branding_vdo img.vbg-fallback
{width:100%;height:450px;margin:0 auto;object-fit:cover;object-position:50% 50%;}
.vdoarea .app_dev_vdo {margin-top: 0;margin-bottom: 10px;position: relative;aspect-ratio: 1/1;}
.vdoarea .ecom_mark_vdo {margin-top: 0;position: relative;aspect-ratio:1/1;}
hr.border-light {max-width: 300px;opacity: 0.9;}
 .carousel-item {position:relative;transition: transform 1s ease-in-out;}
 .carousel-caption {
     top: 65%;
     transform: translate(0, -50%);
     bottom: auto;
     left: 0;
     right: 0;
      width: 0;
      opacity: 0;
      overflow: hidden;
      text-align: left;
	 
}
 .carousel-item.active .carousel-caption  {
    animation: widthSlide 3.5s 1;
    opacity: 1;
    z-index: 99;
    width: 100%;
    left:0;
    right:0;
	text-align:center;
}
 @keyframes widthSlide {
     0% {
         width: 0% ;
         opacity: 0;
    }
   50% {
        width: 100% ;
         opacity: 1;
    }
     100% {
         width: 100% ;
         opacity: 1;
    }
}
.carousel-caption h5 {
    font-size: 5em;
    text-transform: uppercase;
    font-weight: 300;
font-family: "Poppins", sans-serif;
    color: #fff;
    position: relative;
   
    margin-bottom: 40px;
}
.carousel-caption h5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--lblue);
    bottom: -30px;
    opacity: 1;
}
#mainBanner .carousel-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; /* set to 100% for full overlay width */
  background-color: rgba(0,0,0,0.6);
}
 .carousel-item.active .carousel-caption h5:after {
    width: 10%;
    height: 2px;
    animation: titleCover 2.5s 1;
    opacity: 0;
}
 @keyframes titleCover {
     0% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
       opacity: 1;
    }
   20% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
       opacity: 1;
    }
   30% {
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    55% {
        left: 0;
        right: 0;
        width: 100%;
        height: 5px;
        opacity: 1;
    }
   95% {
        left: 0;
        right: 0;
        width: 10%;
    }
     100% {
        left: 0;
        right: 0;
        width: 10%;
        opacity: 0.5;
    }
}
.carousel-item > img {
    object-fit: cover;
    transform: scale(1);
}
.carousel-item.active > img {
    transform: scale(1);
    animation: bgScale 200s 1;
}
@keyframes bgScale {
  0% {
      transform: scale(1);
    }
  100% {
      transform: scale(1.2);
    }
}
 .carousel-item:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgb(0 0 0 / 40%);
     z-index: 99;
}

 .carousel-caption p {
	 font-family: "Poppins", sans-serif;
     font-size: 1.5em;
     font-weight: 400;
     text-transform: capitalize;
}
 .carousel-caption * {
     white-space: nowrap;
}
.carousel-indicators {
    right: 10px;
    left: auto;
    margin: 0;
    width: 50px;
    flex-wrap: wrap;
    bottom: auto;
    top: 45%;
    transform: translate(0, -50%);
    gap: 10px;
    z-index: 999;
}
.carousel-indicators [data-bs-target] {
    width: 30px;
    height: 4px;
    border-radius: 0px;
    border: none;
}
.carousel-indicators .active[data-bs-target] {width: 40px;}
@media screen and (max-width: 991px) {
  .carousel-caption h5 {
    font-size: 3.5em;
}
  .carousel-caption p {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
}
}

@media screen and (max-width: 768px) {
  .carousel-caption h5 {font-size: 3.5em;}
.carousel-indicators {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    flex-wrap: nowrap;
    top: auto;
    transform: unset;
    width: auto;
    gap: 5px;
}
  .carousel-indicators [data-bs-target] { width: 12px; height: 12px;}
}

@media screen and (max-width: 575px) {
  
  .carousel-caption {width: 100%;opacity: 0;}

  .carousel-caption * {white-space: unset;}
 @keyframes sample {
     0% {
         opacity: 0;
    }
   50% {
         opacity: 1;
    }
     100% {
         opacity: 1;
    }
}
  .carousel-caption h5 {-webkit-text-stroke: 1px #E2FADB;}
  hr.border-light { max-width: 200px;}
}
/* banner */
.logo img{height:70px;padding-top:6px;}
.logo img:hover, .logo img:focus{outline:0;}

button:focus{outline:0;}
.btn:focus {outline: 0;box-shadow:none;}
 .btn-primary, [type=submit] {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  color:#fff;
  padding: 20px 25px!important;
  transition: 500ms;
  background-color:var(--lblue);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
}
.btn-primary::before{
  content: "";
  background-color:var(--white);
  border-radius: 100px;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}
.btn-primary:hover i, [type=submit]:hover i {color:var(--lblue);}
.btn-primary:hover {color:var(--blue);}
.btn-primary:hover::before, [type=submit]:hover::before {transform: translate(0, 0);}
[type=submit] {width:100%;font-size: 18px;}
[type=submit]::before {background-color:var(--blue);}
[type=submit]:hover {color:var(--white);background-color:var(--blue);}
 .btn-secondary {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  color:#fff;
  padding: 20px 30px;
  transition: 500ms;
  background-color:var(--blue2);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
}
.btn-secondary::before {
  content: "";
  background-color:var(--white);
  border-radius: 100px;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}
.btn-secondary:hover i {color:var(--lblue);}
.btn-secondary:hover {color:var(--blue);}
.btn-secondary:hover::before {transform: translate(0, 0);}
.btn-info {
  background-image: linear-gradient(
    to right,
    #fff,
    #fff 50%,
    #18beb4 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding:0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  font-family: "Poppins", sans-serif;
  font-size:15px;
  font-weight:600;
  border:0;
}
.btn-info:before{
  content: '';
  background: #18beb4;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
}
.btn-info:hover {background-position: 0;}
.btn-info:hover::before{width: 100%;}
.btn-info i{font-size:10px;}
.form-control:focus {
    color: #000!important;
    background-color: transparent;
	border-color:var(--lblue)!important;
	box-shadow:none!important;
}
::-webkit-input-placeholder { /* Edge */color: #000!important;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000!important;}
::placeholder {color: #000!important;}
.modal .btn-primary, [type=submit] {border:1px solid var(--lblue);padding: 12px 25px !important;margin-top:12px;}
hr:not([size]) {height: 1px;margin:45px 0;}
.btn-close {
    box-sizing: content-box;
    width: 40px;
    height: 40px;
    padding: 0.25em 0.25em;
    color: #dc3545;
    background:url(../images/close.png) 0 0 no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
	    top: -25px;
		right: -45px;
    position: relative;
}
.btn-close:focus {box-shadow:none;}
.btn-close:hover {opacity: 1;}

/*backto-top start*/
@property --progress {
  syntax: '<length-percentage>';
  inherits: false;
  initial-value: 0%;
}
@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: -90deg;
}
@keyframes progress {
  0% {
    --progress: 0%;
    --angle: 0deg;
  }
  
  2% {
    --angle: -90deg;
  }
  
  100% {
    --progress: 100%;
  }
}
.back-to-top {
  background-image: linear-gradient(var(--lblue) 0% var(--progress), var(--blue2) var(--progress) 100%);
  border-radius: 0.5em;
  display: inline-block;
  padding:6px 4px;
  position: fixed;
  inset: auto 1rem 1rem auto;
  overflow: hidden;
  animation: progress linear;
  animation-timeline: scroll();
  z-index:9;
  visibility: hidden;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
}
.back-to-top:is(:link, :visited) {color: currentColor; text-decoration: none;}
.back-to-top i {display: block;font-size:20px;color:var(--white);}
/*backto-top start*/

.tick ul {padding-left: 0;margin: 0px 0 20px 26px;}
.tick ul li {margin-bottom: 10px; font-size: 14px;font-weight: 300;color:#eee;}
.tick ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight:600;
    content: "\f058";
    color: var(--lblue);
    font-size: 16px;
    transition: all 0.3s ease;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: -26px;
}
.tick_double ul {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.tick_double ul li{margin-bottom:15px;width: 95%;text-align: left;}
.tick_double ul li img{margin-right:10px;}
.about{background-image: linear-gradient(to right, var(--lblue) 30% , var(--blue) 0); padding:40px;border-radius:0 0 15% 15%;}
.sectiongap_white {padding:40px 0;background:#fff;}
.sectiongap_white .section-title h1, .sectiongap_white .section-title h2 {color: var(--blue);}
.sectiongap:nth-child(even) {padding:60px 0;background:var(--black2);clip-path: polygon(
    0 0,100% 0,100% calc(100% - 60px),0 100% );}
.sectiongap:nth-child(even):last-child{clip-path: polygon( 0 0,100% 0,100% calc(100% - 0px),0 100% );}
.sectiongap:nth-child(odd) {padding:60px 0;background:var(--blue);}
.sectiongap.branding {padding:60px 0 0 0!important;}

.sectiongap.lightbg {padding:80px 0;background:var(--black2);}
.sectiongap:nth-child(even) p, .sectiongap:nth-child(even) li{color:var(--white);}
.sectiongap.edu_institute {padding:80px 0;background:transparent;}
.services_block{width:90%;background:var(--white);border-radius:50px 15px 15px 50px;padding:0 10px 0 0 ;margin:0 0 10px 0; position: relative;}
.services_block:hover .heading1{color:var(--lblue);}
.services_block:hover .services_block_arrow i{color:var(--lblue);margin-left:10px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.services_block:hover .services_block_left{background:var(--lblue);transform: rotateY(1turn);}
.services_block .heading1{font-family: "Poppins", sans-serif;font-size:20px;font-weight:400;color:var(--blue);margin-left:0;margin-bottom:0;}
.services_block .heading1 strong{font-weight:600;}
.services_block img{width:50px;}
.services_block p{color:var(--black);font-weight:500;line-height:20px;}
.services_block_left{padding:20px;border-radius: 50%;margin-left: -10px;width:75px;height:75px;transition: transform 1s;}
.services_block:nth-child(odd) .services_block_left{background: var(--blue); }	
.services_block:nth-child(even) .services_block_left{background: #036878; }	
.services_block_arrow{background:var(--blue);border-radius:50%;width:35px;height:35px;line-height:35px;font-size:16px;text-align:center;color:var(--white);}
 .img-thumbnail {padding: 4px;background-color: transparent;border: 1px solid #7e7e7e;}

.carousel-item{position:relative;}
.counting{
	position:absolute; 
	top:20px;
	left:0;
	right:0;
	text-align:center;
	animation: textRotation 8s linear infinite;
	}
.counting img{width:120px;}


@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}


.experience-wrap {
    background: var(--lblue);
    border-radius: 0px 0px 0px 60px;
    padding:40px 16px;
}
.experience-wrap strong{display:block;}
.experience-wrap h2 {
    margin-bottom:6px;
    text-align: center;
	font-family: "Poppins", sans-serif;
    font-size: 45px;
    color: var(--blue);
    padding:0;
}

.experience-wrap p {
	font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 0;
    color: var(--white);
    line-height:30px;
	text-align: center;
}


/* <-------FOOTER--------> */
.foot_ani_line {position: absolute; width: 1px; height: 80%; top: 0;  }
.foot_ani_line::after {
content: '';
display: block;
position: absolute;
height: 10vh;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
animation: drop 3s 0s infinite;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); 
}

.foot_ani_line:nth-child(1) {margin-left:0; }
.foot_ani_line:nth-child(1)::after {animation-delay: 1s; }
.foot_ani_line:nth-child(2) {margin-left: 25%; }
.foot_ani_line:nth-child(2)::after {animation-delay: 4.5s; }
@keyframes drop {
  0% {
    top: -5%; }
  100% {
    top: 88%; } }
footer{background:url(../images/footbg.webp) 0 0;
background-repeat: no-repeat;
position: relative;
padding:35px 0 0 0;    
background-position: center center;
background-size:     cover;      
}
footer::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
}
footer h6{color: var(--white);font-weight: 500;margin-bottom: 15px;font-size:20px;font-family: "Poppins", sans-serif;}
footer ul {line-height: 1.2;}
footer i{font-size: 14px;color: var(--white)!important;float: left;position: relative;top: 4px;margin-right: 5px;}
footer a {color: var(--white);font-weight: 400;font-size: 13px;position: relative;top: 0px;}
footer a:hover{color: var(--lblue);}
footer li{color: var(--white);font-size: 13px;margin:0;}
footer .footer_contact li{margin:0 0 20px 0;}

footer p{font-weight: 300;color: #ccc;font-size: 12px;text-align: left;}
footer .footlink ul li{margin-bottom:10px;}
footer .card{background: #ffffff08;border:0;border-radius:0;}

.footer_about{background-color: #30303082;padding: 10px 25px;}
.footer_about a{margin: 1pc 0 0 0;font-size: 14px;font-weight: 500;}

.social_icons{margin: 0;padding: 0;}
.social_icons i{font-size: 14px;background-color: var(--white);height: 2pc;width: 2pc;line-height: 28px;border-radius: 50%;border:2px solid var(--white);margin-right: 7px;}
.social_icons i:hover{border:2px solid var(--lblue);}

.footer_contact{position: relative;margin-bottom: 6px;line-height: 26px;padding-left: 18px;color: #fff;font-weight: 300;border-bottom: 1px solid #ffffff24;padding: 0 0 15px 0;position: relative;}
.footer_contact p{margin:0 0 5px 0;}
.footer_contact p:last-child{margin:0 0 0 22px;}
.footer_contact i{color: var(--white)!important;font-size: 13px;}
.footer_contact strong{color: var(--lblue);font-weight:500;display: block;font-size: 16px;text-align: left;}
.footer_contact a{border-right:1px solid var(--lblue);padding-right:9px;margin-right:6px;}
.footer_contact .careerli li li a{border-right:1px solid var(--lblue);padding-right:9px;margin-right:6px;}
.footer_contact a:last-child, .footer_contact .careerli li li:last-child a{border-right:0;padding-right:0;}
.footer_contact ul.d-flex li{margin:4px 7px 0 0;}

.footer_contact_bottom .footer_contact li {margin-bottom: 5px;}
.foot_icon i {
    font-size: 16px;
    color: var(--white) !important;
        width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    border: 1px dashed var(--lblue);
}
.footer_contact_bottom .foot_item {
    padding: 8px 0 0 20px;
    text-align: left;
}
.useful_col{background-color: #1c1c1c82;padding: 10px 25px;}
.useful_col .quick_links a{
	font-weight: 300;
	color: #d9d9d9;    
	border: 1px dashed var(--lblue);
    padding: 8px 12px;
    border-radius: 4px;
    margin-right: 5px;
    top: 8px;
}
.useful_col .quick_links a:hover{
	background:var(--lblue);
	color: var(--white)!important;    
	border: 1px solid var(--blue);
}
.review_section, .award_section{margin-top:20px;}
.review_section i,.award_section i{font-size: 16px;color: var(--white)!important;position: relative;top:3px;}
.review_section strong,.award_section strong{font-size: 14px;color: var(--lblue);}
.review_section ul,.award_section ul{margin: 5px 0 10px 0;}
.review_section ul li{display: inline;}
.award_section li{margin-top: 5px;margin-bottom: 15px;}
.award_section li img{border-radius: 4px;}
.award_section li:hover{transform: scale(1.1);transition: .4s;}
.review_section img{max-width:30%;margin-right: 4px;}
.copyright{padding:10px 0;position: relative;}
.copyright li{display: inline;padding: 4px 6px;border-right: 1px solid #ffffff2b;}
.copyright li:last-child{border-right:0;}
.copyright li a{font-weight: 400;font-size: 11px;color: #a3a3a3;}
.copyright li a:hover{color: var(--white);transition: .6s;}
.copyright p{margin:0;font-size: 11px;color: #a3a3a3;}
.copy_script{float: right;}
.copyright a:hover{color: var(--white);}
.award-carousel h4 {
    font-family: "Poppins", sans-serif;
	font-size: 14px;
    color: var(--white);
    font-weight: 300;
    margin-bottom: 16px;
    text-align: center;
}
.foot_btn .readmore{text-align:left;padding:5px 8px; background: var(--blue);border-radius:4px;}
.foot_btn .readmore i{margin:3px 8px;font-size: 10px;}
.foot_btn .readmore span{margin-right: 10px;}
/* <-------FOOTER--------> */
 
/*dots*/
.owl-nav {
  margin-top: 0;
  text-align: center;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  margin: 0 8px !important;
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  border:1px solid var(--lblue)!important;
  border-radius:50%;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background:var(--white); color: var(--lblue);
}

.owl-prev i, .owl-next i{font-size: 15px; rotate: 135deg;}
/*dots end*/

.bg1{background:#1d1d1d;padding:40px;}
.bg2{background:#181818;padding:30px;}
.awards .card{border:0;border-radius:0;}
.awards .card.bg2{background:transparent;border-right: 2px dashed #ffffff21;border-radius: 15px 0 0 15px;}
.awards .card.bg2 p, .awards .card.bg2 ul li {color: var(--white);}
.awards .card.bg2 a.callnow strong {color: var(--lblue);font-weight:600;}
.awards .card.bg2 a.callnow:hover strong {color: var(--lblue);}
.awards .card.bg1{background:transparent;border-radius: 0 15px 15px 0;}
.awards .award-carousel img{width:60%!important;border-radius:20px;margin: 0 auto 10px auto;}
.awards .media_col .media_icon i {padding: 0;}
.readmore {
  font-size: 14px;
  font-weight: 500;
  place-self: center;
  text-decoration: none;
  color: var(--lblue);
  position: relative;
}
.readmore:hover { color: var(--white);}

.readmore:after {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: 100% 100%;
  transition: transform 0.6s;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.28, 0.995);
}
.readmore:hover:after {
  transform: scaleX(1);
  transform-origin: 0 0;
}


.how_to_apply .section-title h6 {color: var(--white);}
/*steps*/
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.process_card2 {
  text-align: left;
  height: auto;
  margin: 0;
  position: relative;
  border-radius:12px 12px 0 12px;
  padding: 20px 25px 50px 25px!important;
}
.process_card2.card{background:transparent;}
.process_card2_wrap { position: relative;margin:30px 0 0 0;}

.process_card2_wrap:nth-child(even):after {
  top: unset;
  bottom: 20px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.process_card2_wrap:last-child:after {display: none;}
.process_card2:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  border: 1px solid #2c5654;
 border-radius:12px;
 background: url(../images/bg3.webp) 0 0 repeat;
}
.process_card2:hover:before {background-color: var(--black2); border: 1px dashed var(--lblue);}
.process_card2:hover h3 {color: var(--white);}
.process_card2:hover p {color: var(--white);}
.process_card2_icon {
  width: 80px;
  height: 80px;
  line-height: 72px;
  background-color: var(--white);
  border-radius: 50%;
  font-size: 34px;
  color: var(--white);
  position: absolute;
  top: -50px;
  right: 20px;
  
}
.process_card2_icon:before {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px dashed var(--lblue);
  border-radius: inherit;
  -webkit-animation:spin 10s linear infinite;animation:spin 10s linear infinite;
}
.process_card2:hover .process_card2_icon:before {border: 2px dashed var(--blue);}
.process_card2:hover .process_card2_icon:before {border: 2px dashed var(--blue);}
.process_card2:hover .process_card2_title {color: var(--lblue);
}
.process_card2_icon img {width:45px;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out; display: block; margin: 1rem auto;}
.process_card2_title {font-family: "Poppins", sans-serif; font-size: 20px;font-weight:400;color: var(--white);margin-bottom: 8px;text-align: left;z-index: 1;position: relative;}
.process_card2_text { margin-bottom: 0; font-size: 14px;z-index: 1;position: relative;}
.process_card2 p {margin: 0;line-height: 20px;z-index: 1;position: relative;}
/*steps*/
.recognised img{width:90%;margin:0 auto;border-radius:8px;}
.recognised h3{font-size:20px;}
.recognised_block{border-right:1px solid #dddddd52;}
.recognised_block:last-child{border-right:0;}
.ani_img img{border-radius:0 30px 0 0;}
.ws_images img{border-radius:20px 0;}

/*video area start*/
.image_overlay {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.busfam_video{position:relative;}
.video_icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius:100%;
	text-align: center;
	font-size: 25px;
	color: #ffffff;
	margin: 0 auto;
    left: 0;
    right: 0;
    top:40%;
}

.video_icon .ripple,
.video_icon .ripple:before,
.video_icon .ripple:after {
  position: absolute;
  top: 0;
  width: 80px;
  height: 80px;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius:100%;
}
@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff;
    box-shadow: 0 0 0 20px 0 0 20px 0 #fff
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgb(255, 255, 255, .2);
    box-shadow: 0 0 0 20px rgb(255, 255, 255, .2)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgb(255, 255, 255, 0)
  }
}

@-webkit-keyframes ripple2 {
  70% {
    box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}

@media (max-width: 480px) {
.image_overlay {height: 230px;}
.video_icon {width: 50px;height: 50px;line-height: 50px;font-size: 20px;bottom: 9%;top: auto;}
.video_icon .ripple,
.video_icon .ripple:before,
.video_icon .ripple:after { width: 50px; height: 50px;}
}

/*video area end*/
.fancybox-container{z-index:999999!important;}
a.callnow{font-size:20px;color:#555;}
a.callnow img{float:left;margin-right:10px;}
a.callnow strong{margin:7px 0 0 5px;display:block;color:var(--white);font-size: 25px;font-weight: 300;}
a.callnow:hover strong{margin-left:10px;color:var(--white);}
.callnow i {
    background: var(--lblue);
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: var(--white);
    text-align: center;
    border-radius: 50%;
	margin-right:5px;
}
/*hover-div start*/

.hover-div:hover a {
    background: #06b1d9;
    color: #fff;
    border: 1px solid #06b1d9;
}
.hover-div {
    background: #fff;
    margin:15px 0;
    padding:0;
    text-align: center;
    box-shadow: 0 0 12px #bdbdbd;
	border-radius:15px;
}
.hover-div img{border-radius:15px;}

.hover-div:hover {
    background: #fff;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    box-shadow: 0 22px 43px #07b2da;
    cursor: pointer;
}
.hover-div:hover h5 {color: #07b2da;}
/*hover-div end*/
/* Feature Box
-----------------------------------*/
.box {
    position: relative;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    border-radius: 0;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0;
}
.box:before {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
.box .icon {
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    background-color: #fff;
    border: 2px solid #06b1d9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 40px;
    font-weight: 700px;
    transition: 1s;
}
.box .icon img {width: 50px;}
.box .icon i {color: #06b1d9;}
.box:hover .icon i {color: #195a9b;}
.box:nth-child(1) .icon {box-shadow: 0 0 0 0 #195a9b;}
.box:nth-child(1):hover .icon {box-shadow: 0 0 0 400px #195a9b;}
.box:nth-child(2) .icon {box-shadow: 0 0 0 0 #195a9b;background-color: #195a9b;}
.box:nth-child(2):hover .icon {box-shadow: 0 0 0 400px #195a9b;background-color: #195a9b;}
.box:nth-child(3) .icon {box-shadow: 0 0 0 0 #195a9b; background-color: #195a9b;}
.box:nth-child(3):hover .icon {box-shadow: 0 0 0 400px #195a9b; background-color: #195a9b;}
.box .content {position: relative;z-index: 1;transition: 0.5s;}
.box:hover .content,
.box:hover .content h3,
.box:hover .content p {color: #fff;}
.box .content h3 {font-size: 18px;margin: 10px 0;color: #195a9b;}
.box .content p {margin-bottom: 0;line-height: 20px;}
/* Feature Box ---*/
.client-carousel .owl-nav {margin-top: 15px;}

.img_motion .img_motion_pic {
  overflow: hidden;
  position: relative;
}
.img_motion .img_motion_pic img {
  border-radius: 8px;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.img_motion .img_motion_pic img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.img_motion:hover .img_motion_pic img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.img_motion:hover .img_motion_pic img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
h4 {
    font-size: 22px;
    color: var(--white);
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left;
}
h2 strong {font-size: 22px;}
h3 strong {font-size: 18px;}
h4 strong {font-size: 18px;}

h4 strong, h3 strong, h2 strong {
    position: relative;
    background: var(--lblue);
    color: var(--white);
	font-family: "Poppins", sans-serif;
    font-weight:500;
    display: inline-block;
    padding:10px 10px 8px 10px;
}
h4 strong:before, h3 strong:before, h2 strong:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid var(--lblue);
    border-top: 42px solid transparent;
}
.sticky_div {position: sticky;top: 100px;}
.sticky-top {z-index: 2;}
.inner-banner {position: relative; background: var(--black2);}
.inner_vdo_banner {position:relative;height:200px;right: -12px;}
.inner_vdo_banner img.vbg-fallback{height:200px;object-fit: cover;min-width: 100%;}
.innerbanner-text .letter {transform-origin: 50% 100%;display: inline-block;}
.innerbanner-text {position: relative;top:30%;text-align: center;padding:35px 0;}
.inner-banner .container-fluid {max-width: 100%;margin:0;}
.inner-banner h1, 
.inner-banner h2,
.inner-banner .inner_banner_heading
{font-size: 28px;color:var(--lblue);margin:0 0 15px 0;text-align:center;}
.inner-banner h1:before, .inner-banner h2:before {
  height: 0;
  width: 0;
  background-color:transparent;
  left: 0;
  right: 0;
  margin: 0 ;
}
.inner-banner p {font-size: 16px;color:var(--white);font-weight:400;margin:0;}
.ani_txt strong{
font-size:30px;font-weight:600;
  background:linear-gradient(134deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 10%, rgba(0, 0, 0, 1) 16%, rgba(241, 0, 194, 1) 20%, rgba(241, 12, 158, 1) 26%, rgba(242, 87, 0, 1) 42%, rgba(241, 195, 4, 1) 51%, rgba(24, 23, 23, 1) 86%, rgba(24, 24, 23, 1) 96.403%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100rem auto;
  -webkit-animation: gradient-text 7s cubic-bezier(.65,.05,.36,1) infinite;
          animation: gradient-text 7s cubic-bezier(.65,.05,.36,1) infinite;
}

  
@-webkit-keyframes gradient-text {
  0% {
    background-position: 0% 100%;
  }
    50% {
    background-position: 150% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes gradient-text {
  0% {
    background-position: 0% 100%;
  }
    50% {
    background-position: 150% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
.ani_txt h3 strong:before {
    right:0;
    border-left:0;
    border-top:0;
}
.testi_box{
	background:#111;border-top:1px solid #333;padding:20px;margin:20px 0;border-radius:15px;text-align:center;
}
.cname{font-size:15px;color:var(--lblue);}
.testi_box i{font-size:35px;color:var(--lblue);}
@keyframes scroll-top-to-bottom {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50%);
	}
}

@keyframes scroll-bottom-to-top {
	0% {
		transform: translateY(-50%);
	}

	100% {
		transform: translateY(0);
	}
}
.animate-scroll-t2b {animation: scroll-top-to-bottom 60s linear infinite;}
.animate-scroll-b2t {animation: scroll-bottom-to-top 60s linear infinite;}
.group:hover .group-hover-pause {animation-play-state: paused;}
.animate-scroll-t2b:hover, .animate-scroll-b2t:hover {animation-play-state: paused;}
.testimonial .overflow-hidden{height:800px;}
.read_more_testimonial{background: #ffffff26;border: 1px solid #ffffff33;padding:20px 50px;border-radius:10px;display: table; margin: 0 auto;}
.read_more_testimonial .review_section img {width:120px;margin:0 4px;}
.read_more_testimonial .review_section li a:hover img{border: 1px solid var(--black);border-radius:6px;}
.read_more_testimonial .review_section ul {margin: 0;}
.read_more_testimonial h2 {color:var(--white);}


/* masonery */
.photo .photo_column img{margin:8px 0;}
/* masonery */
/* <!--photo.html + video.html--> */
.media_col {
    position: relative;
    padding: 10px;
    margin: 10px 0;
}
.img_wrapper{overflow: hidden;    text-align: center;}
.media_col{position: relative;padding:0;margin:0;}
.media_col img{border:1px solid #494949;padding:6px;}
.media_col:hover img{transform: scale(1.1);transition: 300ms ease all;}
.media_col .media_overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.media_col .media_icon{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);opacity: 0;background-color: #000000b3;border-radius:50%;height: 70px;width: 70px;transition:300ms ease all;}
.media_col .media_icon i{color: var(--lblue);font-size: 30px;line-height: 70px;padding-left: 1.2pc;}
.media_col:hover .media_icon{opacity: 1;}
.media_title, .video_title{text-align: center;color: var(--white);font-weight: 500;font-size: 16px;margin-top:10px;}

.video_col{position: relative;margin:0;}
.video_coldd img{width: 100%;border:1px solid #494949;padding:6px;}



.video .img_wrapper img{
    width: 100%;
    height: 370px;
    object-fit: cover;
    object-position: 50% 0;
	}
.video_col:hover .video_overlay{background-color: transparent;transition: 300ms ease all;}
.video_col:hover .video_icon i{opacity: 0;transition: 300ms ease all;}
.video_overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;}
.video_icon{position: absolute;top: 40%;}
.video_icon i{font-size: 60px;color: #ffffff9d;}
/* <!--photo.html + video.html--> */
.brand_block123 {
    width: 100%;
	background-image: linear-gradient(to bottom, transparent 20%, var(--blue) 0)!important;
    position: relative;
    color: #fff;
    padding:40px 0 0 0!important;
}
.brand_block {
    width: 100%;
	background:var(--blue)!important;
    position: relative;
    color: #fff;
    padding:40px 0 0 0!important;
}
.background-layer-three {
    position: absolute;
    left: 0px;
    top: 80px;
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
}
.background-layer-four {
    position: absolute;
    right: 50px;
    top: 0px;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
	animation: zoom-in-zoom-out 2s ease-out infinite;
}


@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.brand_img{position:relative;}
.brand_block h5{font-family: "Poppins", sans-serif;font-size:40px;font-weight:300;}
.brand_block h5 strong{color:var(--lblue);display:inline;line-height: 50px;}
.edu_institute .img_motion_pic img {border-radius:20px 0;}
.modal-content {border-radius:15px;border-top:4px solid var(--lblue);}
.modal{z-index:99999;}
.modal-title {font-family: "Poppins", sans-serif;font-size:20px;font-weight:500;color:var(--blue);}
.modal-header {padding: 5px 1rem 0 1rem;}
.contactbg {width: 100%;position: relative; color: #fff; padding:50px!important;}
.contactbox{
	background:var(--blue);
	border-top:1px solid var(--blue2);
	border-right:0;
	border-bottom:1px solid var(--blue2);
	border-left:1px solid var(--blue2);
	padding:30px 30px 10px 30px;
	border-radius:10px 0 0 0;
}
.info_box.card{
	background:var(--blue);
	border:1px solid var(--lblue);
	border-radius:8px;
}
.contactbox .card{padding:25px 15px;}
.contact_form_bg{background:#fff;padding:20px;border-radius:10px;}
.contact_form_bg iframe{width:100%;height:930px;}
.info p{font-size:14px;color:var(--white);margin:0;}
.info ul{margin:10px 0 0 0;}
.info p strong{color:var(--lblue);font-size:18px;font-weight: 500;margin-bottom: 10px;display: inline-block;}
.info p strong i{color:var(--white);font-size:15px;}
.info li a {color:var(--white);font-weight:300;}
.info li i {color: var(--white);background: var(--lblue);width: 25px;height: 25px;line-height: 25px;   text-align: center;margin-right:5px;}
.info li a:hover {color:var(--lblue);}
.info li a {border-right: 1px solid var(--black2);padding-right: 8px;margin-right: 6px;font-weight: 300;}
.info li a:last-child {border-right:0;}
.gmap iframe{width:100%;height:250px;border-radius:0 0 0 12px;}
.info_box{background:#111;padding:10px 10px 0 10px;}
.contact_form_bg body {padding: 0!important;}
.service_page .ani_card {
	background:var(--black2);
	position: sticky;
	top: 0;
	padding:60px 20px 0px 20px;
	box-shadow:none;
    margin: 0;
    border-radius: 0;
}

.service_page .ani_card:nth-child(even){background:var(--black2);}
.service_page .ani_card .content_box {padding:0 0 30px 0;}
.service_page .ani_card .img_motion {width:95%;margin:0 auto;}
.service_page .ani_card .img_motion img{border-radius:20px 0;}
/* left_nav*/
.left_nav .nav-pills .nav-link {
    border-radius:0;
    color:var(--white);
	font-weight:500;
	border-bottom:1px solid var(--lblue);
	text-align:left;
}

.left_nav .nav-pills .nav-link:hover {background-color: var(--lblue);}
.left_nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: var(--lblue)!important;	
	position:relative;
}
.left_nav .nav-pills .nav-link.active::after {
    border-bottom: 14px solid transparent;
    border-left: 14px solid var(--lblue);
    border-top: 14px solid transparent;
    height: 0;
    width: 0;
    top: 25%;
    right: -14px !important;
    content: "";
    position: absolute;

}

.left_nav .tab-content{
	background:transparent;
    padding:0 30px;
    color:var(--white);
	border-radius:0;
	width:100%;
	border:0;
}

.left_nav .nav-pills .nav-link {
    border-radius: 0;
    display: block;
    /*background: linear-gradient(to right, var(--lblue) 50%, transparent 50%);*/
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    padding: 14px 3px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color:var(--white);
}
.left_nav .nav-pills .nav-link i{font-size: 13px;color:var(--lblue);width:auto;}
.left_nav .nav-pills .nav-link:last-child {border-bottom: none;}
.left_nav .nav-pills .nav-link:hover {background-position: left bottom;color:#fff;}
.left_nav .nav-pills .nav-link:hover i,
.left_nav .nav-pills .nav-link.active i{color:var(--blue);}
.portfolio-section .tab-content a{text-decoration: none;color: #222;}
.portfolio-section .tab-content .portfolio_item{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.portfolio-section .tab-content .portfolio_img img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 320px;
    transition: 3s all ease;
}
.portfolio-section .tab-content .portfolio_item:hover .portfolio_img img {
    object-position: bottom;
    transition: 10s all ease;
}
.portfolio-section .tab-content .portfolio_con{padding:8px 0 0 0;}
.portfolio-section .tab-content .portfolio_con h4{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    transition: 0.4s;
    font-family: "Poppins", sans-serif;
	color:var(--white);

}

.portfolio-section .tab-content .portfolio_con h4:hover{transition: 0.4s;}
.service_page .card{background:#fff;}
/* left_nav*/


.service_page .tab-content {margin-bottom: 5rem !important;}
/* cube rotate */
.cube-container {perspective: 800px;margin-top:0;}
.cube {width: 140px;height: 140px;position: relative;transform-style: preserve-3d;transform: rotateX(0deg) rotateY(0deg);transition: transform 0.1s;}
.face {
  position: absolute;
  width: 160px; 
  height: 160px; 
  background-color: white;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat;
}
.cube_front {transform: translateZ(80px);background-image: url("../images/cube01.webp");}
.cube_back {transform: rotateY(180deg) translateZ(80px);background-image: url("../images/cube02.webp");}
.cube_right {transform: rotateY(90deg) translateZ(80px);background-image: url("../images/cube03.webp");}
.cube_left {transform: rotateY(-90deg) translateZ(80px);background-image: url("../images/cube04.webp");}
.cube_top {transform: rotateX(90deg) translateZ(80px);background-image: url("../images/cube05.webp");}
.cube_bottom {transform: rotateX(-90deg) translateZ(80px);background-image: url("../images/cube06.webp");}
.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s, background-image 0.5s;
  pointer-events: none; 
  z-index: -1; 
}
/* cube rotate */

.arrows {
	 position: relative;
	 top: 50%;
	 left: 50%;
	 width: 30px;
	 height: 30px;
	 transform: translate(-50%, -50%);
}
.arrows:before {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-left: 5px solid rgba(255, 255, 255, 0.1);
	 border-bottom: 5px solid rgba(255, 255, 255, 0.1);
	 transform: translate(5px, 16.6666666667px) rotate(-45deg);
	 animation: arrows 3s linear infinite;
}
.arrows:after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-left: 10px solid rgba(255, 255, 255, 0.1);
	 border-bottom: 10px solid rgba(255, 255, 255, 0.1);
	 transform: translate(53.3333333333px, 0px) rotate(-45deg);
	 animation: arrows 3s linear infinite -1.5s;
}
 @keyframes arrows {
	 0% {
		 border-left: 10px solid rgba(255, 255, 255, 0.1);
		 border-bottom: 10px solid rgba(255, 255, 255, 0.1);
		 transform: translate(-13.3333333333px, -53.3333333333px) rotate(-45deg);
	}
	 10%, 90% {
		 border-left: 10px solid rgba(255, 255, 255, 0.1);
		 border-bottom: 10px solid rgba(255, 255, 255, 0.1);
	}
	 50% {
		 border-left: 10px solid rgba(255, 255, 255, 0.1);
		 border-bottom: 10px solid rgba(255, 255, 255, 0.1);
		 transform: translate(-13.3333333333px, 0px) rotate(-45deg);
	}
	 100% {
		 border-left: 10px solid rgba(255, 255, 255, 0.1);
		 border-bottom: 10px solid rgba(255, 255, 255, 0.1);
		 transform: translate(-13.3333333333px, 53.3333333333px) rotate(-45deg);
	}
}
 
/* steps */
.main-step:after{ content: ''; display: block; clear: both;}
.main-step .step{ width: calc(50% + 65px); margin:0; float: left;}
.main-step .step-content{ padding: 0 150px 0 60px; margin:0; display: block; position: relative;}
.main-step .step-content:hover{ text-decoration: none; }
.main-step .step-year{
    color: #f93a5f;
	font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 40px;
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    top: 60%;
    left: -10px;
}
.main-step .step-icon{
    color: #f93a5f;
    background:linear-gradient(to right,#fe566c 49%,#f93a5f 50%);
    font-size: 50px;
    text-align: center;
    line-height: 120px;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 5px;
}

.main-step .step-icon:before{
    content: "";
    background: #fff;
    width: 80%;
    height: 80%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.main-step .title{
    color: #eb3853;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 7px;
  position: relative;  

}
.main-step .title:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #dbdbdb47;
  border-top: 1px solid #dbdbdb47;
  top: 10px;
  width: 35%;
  margin-left: 2%;
}

.main-step .description{
    background: #000000ab;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 5px;
	min-height:120px;
	padding:14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.main-step .step:nth-child(even){ float: right; }
.main-step .step:nth-child(even) .step-content{ padding: 0 60px 0 150px; }
.main-step .step:nth-child(even) .step-icon{
    right: auto;
    left: 5px;
}
.main-step .step:nth-child(even) .step-year{
    left: auto;
    right: -10px;
}
.main-step .step:nth-child(4n+2) .step-icon{
    background:linear-gradient(to right,#fc8d05 49%,#fc7100 50%);
}
.main-step .step:nth-child(4n+2) .step-icon,
.main-step .step:nth-child(4n+2) .step-year,
.main-step .step:nth-child(4n+2) .title{
    color: #fc7100;
}

.main-step .step:nth-child(4n+3) .step-icon{
    background:linear-gradient(to right,#c058c4 49%,#b645bd 50%);
}
.main-step .step:nth-child(4n+3) .step-icon,
.main-step .step:nth-child(4n+3) .step-year,
.main-step .step:nth-child(4n+3) .title{
    color: #b645bd;
}

.main-step .step:nth-child(4n+4) .step-icon{
    background:linear-gradient(to right,#36a2c9 49%,#2199e4 50%);
}
.main-step .step:nth-child(4n+4) .step-icon,
.main-step .step:nth-child(4n+4) .step-year,
.main-step .step:nth-child(4n+4) .title{
    color: #2199e4;
}

@media screen and (max-width:767px){
    .main-step .step,
    .main-step .step:nth-child(even){
        width: 100%;
        margin: 0 0 25px;
    }
}
@media screen and (max-width:576px){
    .main-step .step-content,
    .main-step .step:nth-child(even) .step-content{
        text-align: left;
        padding: 80px 0 0 0;
    }
    .main-step .step-icon,
    .main-step .step:nth-child(even) .step-icon{
        transform: translateX(0);
        top: 10px;
        left:0;
        right: 0;
    }
    .main-step .step-year,
    .main-step .step:nth-child(even) .step-year{
        transform: translateX(-50%) translateY(0%) rotate(0deg);
        left: 30%;
        right: auto;
        top: 20px;
        bottom: 10px;
		font-size: 20px;
    }
    .main-step .title:after{ margin: 1px auto 0 10px; top: 8px;}
	.main-step .description {min-height: auto;}
}
/* steps */

.accordion-item {
	background-color: transparent;
	border-top:0;
	border-right:0;
	border-bottom: 1px solid #ffffff1f;
	border-left:0;
	padding: 22px 0 15px 0;
}
.accordion-item:last-child {border-bottom:0;}
.accordion-button { background-color: transparent!important;padding:0;}
.accordion-item button {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: var(--white);
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
}
.accordion-button:focus {z-index: 3;border-color:transparent;outline: 0;box-shadow:none;}
.accordion-button:not(.collapsed) {color:var(--lblue);background-color:transparent; box-shadow:none;}
.accordion-body {padding: 10px 0;text-align: justify;}
.accordion-body p{margin:0;}
.accordion-button:not(.collapsed)::after{background:url(../images/plus.webp);}
.accordion-button::after {background:url(../images/minus.webp);}
.accordion-item ul{margin-top:12px;}
#creative-graphic-design .accordion-item button {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    color: var(--lblue);
    font-weight: 300;
    line-height: 1.2em;
    text-align: left;
}
#creative-graphic-design  .accordion-item .accordion-body button {
font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: var(--white);
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
}
#creative-graphic-design .accordion-button img {width:30px; margin-right:8px;}


.left_nav .nav-pills .nav-link:hover img, .left_nav .nav-pills .nav-link.active img{filter: brightness(0) invert(1);}



/* flip */
.flip_block {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width:100%;
	margin:0 auto;
}
.flip {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 105px 0;
	width: 100%;
	position: relative;
	transform-style: preserve-3d;
	perspective: 700px;
	margin-top:10px;
}
.flip_front {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transform: rotateX(0deg);
	transform-style: preserve-3d;
	transition: 0.7s;
	
}
.flip_back {
	position: absolute;
	color: whitesmoke;
	text-align: center;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transform: rotateX(-180deg);
	 background-image: radial-gradient(circle, var(--blue), var(--lblue), var(--blue));
	transition: 0.7s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius:10px;
}
.flip:hover .flip_back {transform: rotateX(0deg);}
.flip_front_subheading {
	color: var(--white);
	font-size: 24px;
	font-weight: 400;
	transform: translateZ(50px);
	text-align: center;
    margin: 0;	
}
.flip_front_heading{
	display:block;
	font-family: "Poppins", sans-serif;
	color: var(--white);
	font-size:40px;
	font-weight:600;
	    margin-top: 20px;
}
.flip_front_heading:before {
  content: attr(data-text);
  transform-origin: bottom;
  transform: rotateX(180deg);
  position: absolute;
  line-height: 0.7em;
  background: linear-gradient(0deg, #fff 0, transparent 80%);
  -webkit-background-clip: text;
  color: transparent;
  opacity: .3;
}

.flip_back p {margin: 0 40px;transform: translateZ(50px);}
.flip1 .flip_front {
	background-image: linear-gradient(to bottom right, var(--lblue), var(--blue2));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius:10px;
}
.flip:hover .flip_front {transform: rotateX(180deg);}
.flip_block .btn-secondary{border:1px solid var(--white);}
/* flip */

.ani_circle {
  position: relative;
  margin: 0px;
  height: 100px;
  line-height: 100px;
  width: 100px;
  border-radius: 50%;
  text-align:center;
  padding-top:8px;
  margin:0 auto 20px auto;
}
.ani_circle img{width:64px;border-radius:0;}
.ani_circle:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px); 
  width: calc(100% + 10px); 
  border: 1px dashed var(--lblue);
  top: 0;
  left: -5px;
  border-radius: inherit;
  animation: spin 10s linear infinite;
}
.ani_circle:hover:before {
  border: 2px solid var(--lblue);
  animation: spin 0s linear infinite;
}
@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}
.benefits h6{color:var(--white);}
.benefits h6 strong{display:block;}

/*-- shine --*/
.image-wrapper {
	 display: flex;
	 align-items: center;
	 text-align: center;
	 line-height: 1.6;
}
 .image-wrapper img {
	 height: auto;
	 max-width: 100%;
}
 .shine {
	 position: relative;
	 overflow: hidden;
}
 .shine::before {
	 background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	 content: "";
	 display: block;
	 height: 100%;
	 left: -75%;
	 position: absolute;
	 top: 0;
	 transform: skewX(-25deg);
	 width: 50%;
	 z-index: 2;
}
 .shine:hover::before, .shine:focus::before {
	 animation: shine 0.85s;
}
 @keyframes shine {
	 100% {
		 left: 125%;
	}
}
/*-- shine --*/

.fancybox-infobar, .fancybox-toolbar {color: #fff; background: var(--lblue);}

/** anicard-section **/
.anicard_area .card{
  position: relative;
  display: block;
  overflow: hidden;
  background:#ffffff08;
  border:1px solid #ffffff1f;
  padding:20px;
  border-radius:12px;
  text-align:left;
}
.anicard-block .card-footer {
	float:left;
    padding:8px 0 0 0;
    background-color: transparent;
    border-top: 0;
	width: 100%;
}
.anicard-block .card-body {padding: 0;}
.anicard-block .icon-box{
  position: relative;
  display: block;

  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block .icon-box img{margin-bottom:10px;}

.anicard-block:hover .icon-box,
.anicard-block:hover h3,
.anicard-block:hover h3 a,
.anicard-block:hover p,
.anicard-block:hover .anicard_icon
{
  color: #ffffff;
    position: relative;
}
.anicard_icon img{width:38px;position:relative;}
.anicard_icon {
	position: relative;
    padding: 6px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
}
.anicard_icon:before {
  position: absolute;
  content: '';
  height: calc(100% + 10px); 
  width: calc(100% + 10px); 
  border: 1px dashed var(--lblue);
  top: -5px;
  left: -5px;
  border-radius: inherit;
  animation: spin 10s linear infinite;
}

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
}

.anicard-block:hover .anicard_icon:before{background:var(--blue);border: 1px dashed var(--white);}
.anicard-block p{
  font-weight: 300;
  position: relative;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
  text-align:left;
  margin-bottom:12px;
}
.anicard-block p i{color:var(--lblue);}
.anicard-block:hover p i{color:var(--blue);}
.career .anicard-block p, .career .anicard-block h4{text-align:left;}

.anicard-block h4{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--lblue);
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block h4 strong{display:block;font-weight:400;}
.anicard-block:hover h4{color: var(--white);}
.anicard-block:hover h4{color: var(--black)!important;}

.anicard-block .left-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50.5%;
  height: 100%;
  display: block;
}
.anicard-block .right-layer {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50.5%;
  height: 100%;
  display: block;
}
.anicard-block .left-layer:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 50.5%;
  height: 0%;
  display: block;
  background-color: var(--lblue);
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block .left-layer:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 50.5%;
  height: 0%;
  display: block;
  background-color: var(--lblue);
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block .right-layer:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 50.5%;
  height: 0%;
  display: block;
  background-color: var(--lblue);
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block .right-layer:after {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  width: 50.5%;
  height: 0%;
  display: block;
  background-color: var(--lblue);
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}
.anicard-block:hover .right-layer:after,
.anicard-block:hover .right-layer:before,
.anicard-block:hover .left-layer:after,
.anicard-block:hover .left-layer:before{
  height: 100%;
}
.anicard-block .btn-primary{
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: 1px solid var(--lblue);
  outline: none !important;
  color:#fff;
  padding: 14px 20px;
  transition: 500ms;
  background-color:transparent;
  font-style: normal;
  font-weight:600;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 9;
}
.anicard-block .btn-primary::before{
  content: "";
  background-color:var(--white);
  border-radius: 100px;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(10deg);
  transform-origin: top left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}
.anicard-block .btn-primary:hover i{color:var(--lblue);}
.anicard-block .btn-primary:hover {color:var(--blue);}
.anicard-block .btn-primary:hover::before {transform: translate(0, 0);}
.anicard-block:hover .btn-primary {background-color:var(--blue);}
.social-share{position: relative;float: right;    margin-top: 10px;}
.social-share li {display: inline-block;margin:10px 5px 0 5px;}
.social-share i {font-size: 22px;color: var(--black2);}
.anicard-block:hover .social-share ul li i{color:var(--white);}
.anicard-block:hover .social-share ul li:hover i{color:var(--blue);}
.pulseit{-webkit-animation: pulse linear .5s infinite;animation: pulse linear .5s infinite;}
/** anicard-section **/
.benefit_block{margin:10px 0;}
.benefit_block img{width:64px;margin:0 auto 12px auto;transition: transform 1s;}
.benefit_block:hover img{transform: rotateY(1turn);filter: brightness(0) invert(1);}
.benefit_block .title{
  position: relative;
  z-index:1;
  color: var(--white);
  text-decoration: none;
  transition: color 0.25s ease-in-out;
  padding:3px 0;
  font-size:15px;
}
.benefit_block .title strong{display:block;font-weight: 500;}
.benefit_block .title::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background-color: var(--lblue);
  transition: right 0.25s ease-in-out;
}
.benefit_block .title:hover {color: var(--white);transition: color 0.5s ease-in-out;}
.benefit_block .title:hover::after {right: 0;transition: right 0.5s ease-in-out;}
.content_col {padding:6px;}
.card {background:var(--black2);border: 1px solid #ffffff4a;padding:25px;}
.creative_copywriter .card ul, .creative_copywriter .card ul li:last-child,
.career_detail .card ul, .career_detail .card ul li:last-child
{margin-bottom:0;}
.industry_type{display: table; width: 100%;}
.industry_type ul li{
	font-family: "Poppins", sans-serif;
	font-weight:300;
	float:left; 
	text-align:left; 
	width:100%;
	margin:4px;
	padding:15px;
	line-height:25px;
	border-top: 4px solid #24cbc129;
	background: #14354d54;
	line-height: 20px;
}
.industry_type ul li strong{color:var(--lblue);font-weight:500;display:block;font-size:16px;margin-bottom:5px;}
.creative_copywriter .social-share, .career_detail .social-share {position: relative;float: none;}
.social-share ul li strong{color:var(--lblue);font-weight:600;text-transform:uppercase;}
.social-share a:hover i{color:var(--lblue);}
.group_company{position:relative;margin-top: 10px;}
.group_company li h5{font-family: "Oswald", sans-serif;font-size:22px;font-weight:300;margin:10px 0 0 0;}
.group_company li h5:before {
    content: attr(data-text);
    transform-origin: bottom;
    transform: rotateX(180deg);
    position: absolute;
    line-height: 1em;
    background: linear-gradient(0deg, #fff 0, transparent 80%);
    -webkit-background-clip: text;
    color: transparent;
    opacity: .3;
}
.group_company li {
    float: left;
    margin: 2px;
    padding: 20px 3px 35px 3px;
    background-image: linear-gradient(to bottom, #435663, #00000000);
    border-top: 1px solid var(--lblue);
    width: 19%;
}
.group_company li strong{
	background: var(--blue);
	border:1px solid var(--lblue);
    font-size: 25px;
    color: var(--white);
    padding: 3px;
    width: 35px;
    height: 35px;
    position: absolute;
    top:-10px;
    line-height: 32px;
    font-weight: 400;
}






















.about-two__info__flower img {
  -webkit-animation-name: treeMove;
  animation-name: treeMove;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes treeMove {
  0% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  75% {
    -webkit-transform: rotate(5deg) translateX(10px);
    transform: rotate(5deg) translateX(10px);
  }
  50% {
    -webkit-transform: rotate(10deg) translateX(20px);
    transform: rotate(10deg) translateX(20px);
  }
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
}


.about-three__thumbd {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.about-three__thumb > img {
  max-width: 100%;
  border-radius: 50%;
}
.about-three__thumb__flower {
  position: absolute;
  left: -36px;
  top: -15px;
}
.about-three__thumb__flower img {
    -webkit-animation-name: treeMove;
    animation-name: treeMove;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.about-three__thumb__border {
  position: absolute;
  left: -37px;
  bottom: 58px;
  z-index: -1;
}
.about-three__thumb__border img {
  -webkit-animation: rotated 15s infinite linear;
  animation: rotated 15s infinite linear;
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about-three__thumb__round {
  width: 112px;
  height: 112px;
  background-color: var(--solox-base, #c2a74e);
  border-radius: 50%;
  position: absolute;
  left: -20px;
  bottom: 0;
  animation: animationFrames 20s infinite linear;
  z-index: -1;
}
@keyframes animationFrames {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

.exp_box{
	position: relative;
	 background-image: linear-gradient(#0079ae, #01a3a6);
	 padding:20px 10px;
	 text-align:center;
	 border-radius:25px 25px 0 25px;	 
}

.exp_box:before{
     content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 2px solid #fff;
    border-radius:25px 25px 0 25px;	
}
.exp_box:hover:before{ border: 2px dashed #fff;}

.exp_box h2{font-size: 60px;font-weight:600;color:#fff;margin:0;padding:0;}
.exp_box p{font-size:16px;font-weight: 400;color:#fff;}

.ani_area{position: relative;}
.about_pattern_ani {
  position: absolute;
  right: 60px;
  top: 0;
  z-index:44;
}
.about_pattern_ani img {
  -webkit-animation: rotated 15s infinite linear;
  animation: rotated 15s infinite linear;
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.industries_we_work {position: relative;}
.industries_we_work .card{background: transparent;border: 1px solid var(--lblue);}
.service_page .industries_we_work .card{background: transparent;border: 1px solid #dbdbdb57;}
.industries_we_work .card h3 { font-size: 18px;}
.industries_we_work::after {
    content: '';
    background: url(../images/choose_shape.webp) 0 0 no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 350px;
    opacity: 0.05;
}

.video .subhead2{
	font-family: "Poppins", sans-serif;
	font-size:50px;
	font-weight:500;
	color:var(--white);
	text-align:center;
	text-transform:uppercase;
	letter-spacing:25px;
	margin-bottom:0;
}


.marquee_team_pic {position: relative;max-width: 100%;z-index:0;overflow: hidden;}
.masking_txt{
	font-family: "Poppins", sans-serif;
	font-size:200px;
	font-weight:800;
	text-align:center;
	color:#ffffff30;
}
.masking_area {z-index: 1;position: absolute;top: 50%!important;left: 0;right: 0;}
.marquee_area{position: relative;}
.marquee_team_pic:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 99;
}
.track {display:flex;width:max-content;animation:marquee 25s linear infinite;will-change:transform;}
.track img {width: 500px;height: auto;flex-shrink: 0;}
/* smooth infinite scroll */
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.counter_block_m.card{display:block;background: url(../images/bg.webp) 0 0 repeat;border:2px dashed #167ac626;padding:15px;border-radius: 8px;}
.branding_txt_bg{padding:0 15px;}
.branding_txt_bg p {font-size: 13px;line-height: 18px;font-weight: 300;margin-bottom: 8px;}
.branding_txt_bg .readmore{place-self:normal;}
.branding .sub_heading {
    font-size: 13px;
    font-weight: 500;
    color: var(--lblue);
    margin: 0 0 3px 0;
    text-transform: uppercase;
}
.branding .heading {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 10px 0;
}

.brandingbg{background: url(../images/brandingbg.webp) 0 0 repeat;border-radius:10px;padding:0;}
.success_strip{background:var(--blue);padding:40px 10px;}
.success_strip p{font-family: "Poppins", sans-serif;font-size:35px;color:var(--white);font-weight:400;text-align:center;}
.success_strip p strong{font-size:50px;color:var(--lblue);font-weight:500;}

.mid .testimonial, .mid .privacy_policy, .mid .terms_conditions, .mid .refund_cancellation{background:#36556a!important;}

ol li strong{font-size:16px;font-weight:500;color:var(--lblue);margin-bottom:3px;display:block;}
.why_choose .tick ul { margin: 0 0 0 26px;}
.why_choose_block img{width:98%;border-radius: 10px;}
.why_choose_block h4{
	position:relative;
	font-size:15px;
	font-weight:400;
	bottom:15px;
	left:0;
	right:0;
	z-index:1;
	text-align:center;
	background:var(--blue);
	padding:4px 10px;
	color:var(--white);
	display: inline-block;
	margin:0;
	border-radius:0 6px 6px 6px;
}
.graphic_left .accordion-button img{width:40px;margin-right:8px;}
.cube2_position {
    position: absolute;
    right: 60px;
    top:20px;
	 perspective: 600px;
}
.cube2 {
    position: relative;
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
    animation: cube2spin 18s linear infinite;
    animation-direction:alternate-reverse;
}

.cube2__face {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    color: var(--white);
    font-size: 14px;
    text-align: center;
    background-color: transparent;
    box-shadow: inset 0 0 100px #02203c;
    outline: 1px solid #02203c;
}

.cube2__face img {
  max-width: 100%;
}

.cube2-face--left {
    transform: rotateY(-90deg) translateZ(50px);
}
.cube2-face--front {
    transform: rotateY(0deg) translateZ(50px);
}
.cube2-face--back {
    transform: rotateY(180deg) translateZ(50px);
}
.cube2-face--right {
    transform: rotateY(90deg) translateZ(50px);
}
.cube2-face--top {
    transform: rotateX(90deg) translateZ(50px);
}
.cube2-face--bottom {
    transform: rotateX(-90deg) translateZ(50px);
}

@keyframes cube2spin {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
.cube2 .shadow {
    outline: none;
    background: rgba(0,0,0,0);
    box-shadow: 0 0 100px #000;
}

.anibox {transition: all 0.3s ease;padding: 10px;position: relative;overflow: hidden;}
.anibox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, #18beb42e, transparent);
    top: -100%;
    left: -100%;
    transition: all 0.5s ease;
}
.anibox:hover::before {top: 100%;left: 100%;}

.case-study-carousel .owl-nav {margin-top: 10px;}
.client .owl-carousel .item{
	margin:10px auto;
    border-left: 2px solid transparent;
    border-image: linear-gradient(180deg, #fff, #ccc, #fff);
    border-image-slice: 1;
}

.client .owl-carousel .owl-item{margin-left:0!important;}
.no-data p{font-size:22px;color:var(--lblue);margin:0;padding: 30px;
    display: inline-block;border: 1px solid #ffffff1a;}
.thanku_bg {
    background-image: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 100px 0;
}
.thanku_bg h5{
	color: var(--white);
    font-size: 35px;
    text-align: center;
	margin:20px 0;
}
.thanku_bg img{width:400px;}
.thanku_bg p{letter-spacing:0;}
.panel_div {
    margin:25px 0;
}
.panel_title {
    padding: 10px 15px;
    color: var(--white);
	font-size:20px;
	font-weight:600;
    background-color: var(--lblue);
	border-radius:6px;
}
.panel_body {padding: 15px 0;}
.application_form{color: var(--white);}
.application_form label{color: var(--white);margin-bottom:5px;font-size: 14px;font-weight: 300;}
.application_form .form-control, .application_form .form-select{border-color:#ffffff54!important;margin-bottom:10px;}
.contactbox .form-select{margin-bottom:0;}
.application_form .contactbox {background:var(--blue);padding:20px 6px;border-radius: 10px;margin-top: 6px !important;}
.application_form .form-control {background-color: transparent;}
.application_form .contactbox p{margin:0;}
.application_form input{color: var(--white)!important;}
.application_form ::-webkit-input-placeholder { /* Edge */color: #fff!important;}
.application_form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff!important;}
.application_form ::placeholder {color: #fff!important;}
.application_form .form-control:focus {color: #fff !important;}
.application_form a{color: var(--lblue);}
.application_form a:hover{color: var(--white);}
.show_anchor a{margin-top: 10px;font-weight: 500;}
.application_form .form-check {padding-left: 0;}
.application_form strong {font-weight: 400;}
[type="file"] {border:0;    background: transparent;}

[type="file"]::-webkit-file-upload-button {
  border-radius: 25px;
  border:2px solid var(--lblue);
  color:var(--blue);
  cursor: pointer;
  font-size: 14px;
  outline: none;
  padding: 10px 25px;
  text-transform: uppercase;
  transition: all 1s ease;
}

[type="file"]::-webkit-file-upload-button:hover {
 border:2px solid var(--blue);
}
.application_form .btn{border:1px dashed var(--white);}
.application_form .btn:hover{border:1px solid var(--white);}
.form-check {padding-left: 0;}
.form-check a{color:var(--lblue);}
.form-check a:hover{color:var(--white);}
.career_form form{border:1px solid #ffffff7a;padding:25px;border-radius: 12px;box-shadow: 0px 15px 10px -15px #111;    background: #14354d54;}
.career_form, .career_form label{color:var(--white);}
.career_form .form-control:focus {color:var(--white)!important;border-color:var(--white)!important;}
.career_form label {margin: 0 0 5px 0;}
.career_form p {margin: 0;}
.career_form [type=submit]{width:auto;}

.hovicon{display: inline-block;cursor: pointer;width: 100px;height: 100px;border-radius: 50%;text-align: center;position: relative;z-index: 1;background: var(--white);margin-bottom: 5pc;}
.hovicon img{width: 80px;padding-top: 10px;margin-bottom: 1.5pc;border-radius: 30%;}
.hovicon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.design_center{text-align: center;}
.hovicon.effect-9 {-webkit-transition: box-shadow .2s;-moz-transition: box-shadow .2s;transition: box-shadow .2s;}

.hovicon.effect-9:after {
	top: 0;
	left: 0;
	padding: 0;
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-moz-transition: -moz-transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s
}

.hovicon.effect-9.sub-a:hover:after {-webkit-transform: scale(.85);-moz-transform: scale(.85);-ms-transform: scale(.85);transform: scale(.85);opacity: .5}
.hovicon.effect-9.sub-a:hover {box-shadow: 0 0 0 7px #4bbdcb;color: #000}
.hovicon.effect-9.sub-a:hover i {color: #000}
.pulse2 {animation: pulse-animation 2s infinite;}

@keyframes pulse-animation {
	0% {box-shadow: 0 0 0 0 rgba(255, 255, 255, .2)}
	100% {box-shadow: 0 0 0 20px transparent}
}
.hovicon_txt{font-size: 15px;font-weight:400;text-align: center;color: var(--white);}
/* UP-DOWN scroll */
.support-marquee-box {height:470px;overflow: hidden;}
.support-marquee-box img{width: 160px;}
.support-marquee {display: flex;flex-direction: column;}
.support-marquee ul {Margin: 0;padding: 0;}
.support-marquee li {list-style: none;padding:5px 0;margin:0;}
.support-marquee.up {animation: scrollUp 8s linear infinite;}
.support-marquee.down {animation: scrollDown 8s linear infinite;}
@keyframes scrollUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
@keyframes scrollDown {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}
.support-marquee-box:hover .support-marquee {animation-play-state: paused;}
/* UP-DOWN scroll */

.portfolio_item.card{padding:10px;}




.ceo{text-align:center;}

.ceo h3{
	margin-top:10px;font-size:16px;font-weight:300; 
	display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: 1.2rem;
    align-items: center;
}

.ceo h3::before,
.ceo h3::after {
    content: "";
    display: block;
    height: 1px;
    background-color: var(--lblue);
}

.ceo_txt{position: relative;}
.ceo .video_icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius:100%;
	text-align: center;
	
	color: #ffffff;
	background-color:var(--lblue);
	margin: 25px auto;
    left: 0;
    right: 0;
}
.ceo .video_icon i{font-size: 20px;}
.ceo .video_icon .ripple,
.ceo .video_icon .ripple:before,
.ceo .video_icon .ripple:after {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  border-radius:100%;
}
@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px 0 0 20px 0 #fff;
    box-shadow: 0 0 0 20px 0 0 20px 0 #fff
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgb(255, 255, 255, .2);
    box-shadow: 0 0 0 20px rgb(255, 255, 255, .2)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgb(255, 255, 255, 0)
  }
}

@-webkit-keyframes ripple2 {
  70% {
    box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}


.PaymentButton--rzpTheme.svelte-ekc7fv .PaymentButton-contents.svelte-ekc7fv { margin-top: -12px;}
a.digimark_anchor {margin:10px 0;display: block;font-weight: 500;}
.app_development_title{color:var(--lblue);font-size: 22px;margin-bottom:15px;}
.app_development_title strong{display:block;font-weight:500;color:var(--white);margin-top: 6px;}
.app_development_area .card {background: url(../images/bg.webp) 0 0 repeat;}
.black_pattern_bg {background: url(../images/bg.webp) 0 0 repeat;padding:35px 0 10px 0;border-radius:15px;}
.marketing_blocks .card{background: var(--white);border-radius: 12px;padding:12px;text-align: center;}
.marketing_blocks .card-body img{width:80%;margin:0 auto;}
.marketing_blocks .card-body, .marketing_blocks .card-footer {padding: 0;}
.marketing_blocks .card-footer i{margin-right: 10px;}
.marketing_blocks .card-footer i:hover{color:var(--blue);}
.marketing_blocks .card h6 {color:var(--blue);line-height: 18px;}
.marketing_blocks .card:hover h6 {color:var(--lblue);}
.services .card {background:transparent;border:0;padding: 0;}
.services .card .badge{border:1px solid var(--lblue);padding:8px 12px;border-radius:25px;text-align:center;font-size:13px; font-weight: 300;}
.services .card .badge i{font-size:11px;color:var(--lblue);}
.services .card .badge:hover{background:var(--lblue);}
.services .card .badge:hover i{color:var(--white);}
.services .card a.badge{margin:5px 0;}
.services .card-body {padding: 0;font-size: 14px;font-weight: 300;}
.services h3 {font-weight: 400;padding-top: 10px;}
.services h3 strong{color:var(--lblue);}
.services .card .readmore i{
	color:var(--white);
	-webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateX(20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateX(4px); }
}

.faq_div{padding:30px;border-radius: 12px;border: 1px solid var(--lblue);}
.qestion {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    color: var(--lblue);
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
	margin-bottom:15px;
	margin-left: 12px;
}
.qestion:before {
    font-family: "Font Awesome 5 Free";
    font-weight:600;
    content: "\e4be";
    color: var(--white);
    font-size: 16px;
    transition: all 0.3s ease;
    width: 25px;
    height: 25px;
    margin-right: 8px;
	margin-left: -25px;
}
.answar p {
    padding: 0px;
    font-size: 14px;
    color: #eee;
    line-height: 20px;
    font-weight: 300;
	margin:0 0 0 12px;
}
.answar ul {margin:12px 0 0 35px;}
.qestion_block { padding: 0 0 25px 0;}
.qestion_block:last-child { padding: 0;}
.seo .anicard_area .card,
.smm .anicard_area .card,
.content_marketing .anicard_area .card,
.email_marketing .anicard_area .card,
.app_store_optimization .anicard_area .card,
.corporate_website_development .anicard_area .card,
.small_business_website_development .anicard_area .card
 {background: url(../images/bg.webp) 0 0 repeat;}
 .title2{
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
}
.promotion_title {
    font-size: 22px;
    color: var(--white);
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 18px;
}

/* home vdo-banner */
.video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
}

.video-poster {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.video-wrapper .player {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.hori_video {aspect-ratio: 16 / 9;}
.ver_video {aspect-ratio: 3/4;}
.home_vdo{height:80vh;}
.creative-web-design .video-wrapper {width: 80%;}
.creative-web-design .faq .video-wrapper {width:100%;}
/* home vdo-banner */
.full_iframe iframe{width:100%!important;height:100%!important;margin:0!important;}

/* Doughnut chart */

.chart_title{
text-align:center;
font-size:15px; 
color:var(--white);
margin-top:15px;
position: absolute;
top: 25%;
text-align: center;
left: 0;
right: 0;
}

.chart_title strong{display:block;}
.chart-box{
position: relative;
  width:150px;
  height:150px;
  margin:30px auto;
  text-align:center;
}
.about_section .chart-box{margin:0 auto;}
.chart_block{width:89%;margin:0;}

/* Doughnut chart */
.career_detail option{color:#000!important;}
.curve_bg img{min-width:100%;}
.having_block.card{background: transparent;padding: 0;text-align: center;border: 0;}
.having_block .card-body{padding: 0;}
.having_block p{font-size:15px;margin:10px 0 0 0;}
.having_block p strong{font-size:15px;color:var(--lblue);display:block;}
.having_block .process_card2_icon {
    background-color: transparent;
    border-radius: 50%;
    font-size: 34px;
    color: var(--white);
    position: relative;
    margin: 0 auto;
    padding: 18px 0;
	top: 0;
    right: 0;
}
.having_block .process_card2_icon:before {border: 2px dashed var(--white);margin: 0 auto;right:0;}
.having_block .process_card2_icon img {margin: 0 auto;}