@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* general styles */
*{box-sizing: border-box; }
body{ font-family: 'Montserrat', sans-serif; margin: 0;padding: 0;overflow-x: hidden; }
label,p,ul {margin: 0; padding: 0;}
ul { list-style: none;}
body a{ text-decoration: none;}
body a:hover { text-decoration: none; color: #cb2589;}
body a:focus { outline: 0; text-decoration: none}
.form-control:focus{ box-shadow: none;}
button:focus{ box-shadow: none; outline: none;}
video{ display: block; line-height: 0;}
img {  max-width: 100%}
h1 {color: #FF6363; font-weight: bold;}
p {font-size: 20px;color: #484848; }
.skillbar { cursor: pointer;}
.hide {display: none;}
.display { display: block;}
.nav-header{  width: 85%; margin: 0 auto; position: relative;  display: flex; justify-content: space-between;}
.container{width: 88%;}
.header-main{ position: fixed; top: 0px; left: 0; width: 100%; background-color:rgba(0,0,0,1); z-index: 1000; padding: 5px 0; transition: ease all 1s;}
.stick{ position: fixed; top: 0px; left: 0; width: 100%; background-color:rgba(0,0,0,.8);  transition: ease all 1s;}
.stick1{ position: fixed; top: 0px; left: 0; width: 100%; background-color:transparent!important;box-shadow:none!important;}
.hamburger-guide{ display: flex; float: right; padding-top:0px; align-items: center;}
.hamburger-init {
  width: 60px;
  height: 60px;
  position:relative;
  right: 0;
  cursor: pointer;
	 z-index: 100;
	 background:#ed1b24; border: 10px solid #ed1b24;
	border-radius: 50%;
}

a.talk{  background: #fff;
  color: #000;
  position:relative;
  right: 10px;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 1.1rem;
  font-weight: 800;}
a.talk:hover{ color:#ed1b24; }  
.head-h .nav-brand-w.nologo{display: block!important;}
.head-in .nav-brand-w.yeslogo{display: block!important;}
.bar {
  position: absolute; 
  height: 2px;
  width: 78%;
  background: #fff;
  transition: all .3s;
	    left: 5px;
}

.bar.middle-bar {
  top: 50%;
  margin-top: -2px;
}
.bar.top-bar {
top: 10px;
	 width: 50%;
}
.bar.bottom-bar {
  bottom: 11px;
	width: 50%;
	 right:5px;
	 left: inherit;
}

.hamburger-init.active {
  z-index: 2;
  animation: rotateHamburger .5s linear 0s forwards;
   background: none;
    border: 1px solid #fff;
}

.hamburger-init.active .bar {
  background: #fff;
}

.hamburger-init.active .bar.top-bar {
  transform: translateY(19px) rotate(45deg);width: 69%;
  left: 8px;
}

.hamburger-init.active .bar.middle-bar {
  width: 0;
}

.hamburger-init.active .bar.bottom-bar {
  transform: translateY(-14px) rotate(-45deg);width: 69%;
  right: 10px;
  bottom: 13px;
}
.home-banner{ width: 100%; position: relative;}
.home-banner video{width: 100%;}
.menu-wrapper {

  transition: all .6s;
  transform: scale(0);
  border-radius: 50%;
	position: fixed;
   
}

.menu-wrapper.visible {
  transform: scale(1);
  border-radius: 0;
	 z-index: 99;
    width: 100%;
    height: 100%;
	  background-image:url("../images/tab-bg.jpg");
	background-size: cover;
	
}

.menu {
  position: absolute;
 
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	 display:  flex; justify-content: space-between;
}

.menu-wrapper li {
  opacity: 1;
  cursor: pointer;
  transition: all .3s;
}
.menu-wrapper ul li a {
  font-size:3rem;
	line-height: 2rem;
  font-weight: bold;
  padding: 10px 0; color: #fff;
}

/* effect-shine */
.menu-wrapper ul li a:hover {  color:#ed1b24;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}
.menu-wrapper ul li a span{font-size: 1.3rem; line-height: 2rem; font-weight: 500; width: 100%; color: #d1d1d1;}
.menu.menu-active li:nth-child(1) {
  animation:  moveItems 1s linear 0s forwards;
}

.menu.menu-active li:nth-child(2) {
  animation: moveItems 1s linear .5s forwards;
}

.menu.menu-active li:nth-child(3) {
  animation: moveItems 1s linear 1s forwards;
}

.menu.menu-active li:nth-child(4) {
  animation: moveItems 1s linear 1.5s forwards;
}

.menu.menu-active li:nth-child(5) {
  animation: moveItems 1s linear 2s forwards;
}

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  top: 9px;
  right: 110px;
  transform: rotate(45deg);
  transition: all .3s;
}

.menu-item-has-children.sub-menu-active::after {
  transform: rotate(224deg);
}

.menu-item-has-children > .menu {
  display: none;
  position: static;
  transform: initial;
}

.guide-text {
  color: crimson;
  font-size: 25px;
  position: absolute;
  right: 80px;
  top: 20px;
  opacity: 0;
}

.hamburger-guide .guide-text {
  animation: showClickGuide 1s linear infinite;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #ed1b24;}

/*.container{max-width: 1300px;}*/

  /* flash alert styles */

.flash-container {width: 100%; position: fixed;z-index: 700; padding-top: 20px;font-weight: bold;}
.alert { text-align: center !important; width: 500px !important;margin-left: auto !important; margin-right: auto !important; color: #211809 !important;}
  /* Nav Screen */
  .nav-screen {height: 100%;z-index: 500;position: fixed;background-color: #000;opacity: 1; right: -285px;  /* start off behind the scenes */-webkit-font-smoothing: antialiased; position: fixed; width: 285px;}
  .nav-screen .active {display: block;}
  /* nav header links */
   .head-h .nav-brand-b {padding-top: 10px; display: none;}
   .head-h .nav-brand-b img {width: 170px;}
   .head-h .nav-brand-w {padding-top: 10px; display: none;}
   .head-h .nav-brand-w img {width:170px;}
   .head-in .nav-brand-b { display: none; }
   .head-in .nav-brand-b img {width: 170px;}
   .head-in .nav-brand-w { display: inline-block; padding-top: 10px; }
   .head-in .nav-brand-w img {width: 170px;}

  .fa-bars { display: none !important;color: #FF6363;float: right; padding: 20px;position: fixed; right: 0;z-index: 500;cursor: pointer;}
  .fa-times { color: #FF6363;float: right; padding: 20px; right: 0;z-index: 600; cursor: pointer;}
  .header-links {position: fixed;width: 100%; z-index: 500;}
  .header-links li { color: white;display: inline;float: right; padding: 15px; font-size: 16px;}
  .header-links a { color: #757575;-webkit-transition: all 0.2s ease-in;}
  .header-links a:hover { color: #FF6363 !important;}
  /* slide out nav menu styles */
  .nav-container {padding-top: 10%;}
  .nav-links {width: 250px;text-align: center;margin-left: auto; margin-right: auto;}
  .nav-links ul { margin-top: 15%;text-align: center; padding-top: 10%;}
  .nav-links a {color: #FFFFFF; font-size: 30px;line-height: 2.5; font-weight: bold;text-decoration: none; margin-left: auto;  margin-right: auto;}
  .nav-links a:hover {color: #FF6363; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  #fp-nav ul li .fp-tooltip { color: #5F5F5F !important; }

  /* Expanding border effect */

  .header-links a::after {
    display: block;
      margin: 0 auto;
    margin-top: 5px;
    width: 0;
      height: 2px;
      background-color: #fff;
      content: '';
    opacity: 0;
    -webkit-transition: width 0.6s, opacity 0.8s;
    -moz-transition: width 0.6s, opacity 0.8s;
    transition: width 0.6s, opacity 0.8s;
  }

  .header-links a:hover::after,
  .header-links a:focus::after {
    opacity: 1;
    width: 100%;
  }

  /* main header section */

  .banner-con {
   min-width:auto;
    padding: 1px 1px 5px 5px;
	 position: absolute; 
	  left: 50%; 
	  top: 50%; 
	  transform:translate(-50%,-50%);
  }
.banner-con h1{font-size: 4.7rem;
  font-weight: 800;
  line-height: 4rem;}
.banner-con p{ text-align: right; color: #fff; font-size: 1.6rem;line-height: 1rem;}
.banner-con a.banner-btn{      color: #fff;
  padding: 15px 32px;
  border: 1px solid #fff;
  margin-left: 25%;
  display: inline-block;
  border-radius: 6px;
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 30px;}
  .aboutme { width: 100%; position: relative; background: #000;  padding:170px 0 100px;}
  .aboutme video{ object-fit: cover; height: 100%; width: 100%;}
.aboutme img{ object-fit: cover; height: 100%; width: 100%;}

  /* bouncing arrow */


  .fa-chevron-down {
    color: #fff !important;
    bottom: 10px;
    cursor: pointer;
    position: absolute;
    opacity: 1;
    -webkit-transition: 1.2s ease;
	   left: 48.8%;
	   transform: translateX(-50%);
	   z-index: 1;
  }


  /* Scroll down indicator (bouncing) */

/* Animations */

@keyframes rotateHamburger {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes moveItems {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  30% {
    transform: translateY(-15px);
    opacity: .2;
  }
  50% {
    transform: translateY(-10px);
    opacity: .3;
  }
  80% {
    transform: translateY(-5px);
    opacity: .4;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes showClickGuide {
  0% {
    opacity: 0;
    transform: scale(.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


  @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -webkit-transform: translateY(0);
      transform: translateX(0);
    }
    40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  @-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }

  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    40% {
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    60% {
      -ms-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  .bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
  }

  /* about section */
.title-b{ margin-bottom: 30px; position: relative; z-index: 1;}
.title-b h2{ width: 100%; text-align: center; font-size: 4rem;line-height: 4.5rem;  font-weight: 700; margin-bottom: 15px; color: #ed1b24;}
.title-b h2 span{ color: #000;}
.title-b p{width: 70%; text-align: center; font-size:.5rem; color:#000; margin: 0 auto;}
/*.title-b ul{ width: 100%; padding: 0px; margin: 0px; display:  flex; justify-content: center;}
.title-b ul li{position: relative; padding-right:20px; padding-left: 20px; color: #fff; font-weight: 600; font-size: 1.3rem; }
.title-b ul li:before{ content: ''; width: 10px; height: 10px;  border-radius: 20px; position: absolute; left: 0px; top:12px; background:#ed1b24}*/



/*----------------------New home Css-----------------*/
.main-wrapper{ background-color:#181719;}
.whowe-sec-n{ width:100%;  display: flex;  background-color: #000;}
.whowe-sec-n .title-box{ width: 20%; justify-content: center; background-color: #000000;  display:flex; align-items: center; padding:0 15px;}
.whowe-sec-n .title-box h2{ padding: 20px 0 20px; margin: 0px; font-size: 5rem;color:#ee1a24; font-weight: 600; text-align: right; line-height: 2.5rem; border-bottom: 10px solid #ee1a24; margin-bottom: 107px;}
.whowe-sec-n .title-box h2 span{ width: 100%; color:#fff; font-size: 2.5rem;line-height: 1.5rem;}
.whowe-sec-n .who-we-content{ width: 60%; padding:115px 0px  119px  70px;}
.whowe-sec-n .who-we-content .intro-box{ background-color: rgba(0,0,0,.99); padding: 30px 0; border-bottom: 10px solid #ee1a24 ;}
.whowe-sec-n .who-we-content .intro-box .intro-logo{ width:170px; margin-bottom: 10px;}
.whowe-sec-n .who-we-content .intro-box .intro-logo img{ width: 100%;}
.whowe-sec-n .who-we-content .intro-box p{ font-size: 1.2rem; line-height: 1.5rem; color:#fff;}
.whowe-sec-n .who-we-content .intro-box-down{background-color: rgba(0,0,0,.7); padding: 30px 0;}
.whowe-sec-n .who-we-content .intro-box-down .intro-title{ width:80%;margin: 0 0 10px;}
.whowe-sec-n .who-we-content .intro-box-down p{ font-size: 1.2rem; line-height: 1.5rem; color:#fff;}


.tab-content{ position: relative;}
.tab-content-title{ display: flex; margin-bottom: 30px; align-items: center;}
.main-title-n{ padding:15px  20px 15px 0; border-right: 5px solid #911d26; flex:0 0 250px}
.main-title-n .tab-title h2{ padding: 0px; margin: 0px; font-size: 5rem;color:#ee1a24; font-weight: 600; text-align: right; line-height: 2.5rem;}
.main-title-n .tab-title h2 span{ width: 100%; color:#fff; font-size: 2.5rem;line-height: 1.5rem;}

.title-contant-n { font-size: 1.1rem;color:#fff; padding-left: 15px; flex:1 0 0}


.owl-carousel .owl-stage-outer{ padding:10px 0px;}
.main-display{ width: 100%; display: flex; padding: 0 10px;}
.main-display .colm-b{ width: 62%; position: relative;}
.main-display .colm-b:before{ content:''; height:3px; width: 300px; background:#ee1a24; position: absolute; top:-1px; left: 5px;}
.main-display .colm-b:after{ content:''; height:150px; width: 3px; background:#ee1a24; position: absolute; bottom:5px; }
.main-display .colm-b .row-b{ width: 100%;display: flex;}
.main-display .colm-b .row-b .big-img{background: #000; width: calc(60% - 10px); position: relative; margin: 5px; border:1px solid #ee1a24}
.main-display .colm-b .row-b .big-img:hover img{opacity:.7;}
.main-display .colm-b .row-b .big-img .img-content{ position: absolute;  left: 10px; bottom: 10px;}
.main-display .colm-b .row-b .big-img a .img-content h3{color:#fff;font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; margin-bottom: 5px;}
.main-display .colm-b .row-b .big-img a .img-content p{color:#fff; font-size: 1rem; line-height: 1.2rem;}
.main-display .colm-b .row-b .big-img img{object-fit: cover;  height: 100%; transition: all .3s;}

.main-display .colm-b .row-b .small-img{background: #000; width:  calc(40% - 10px); position: relative; margin: 5px;border:1px solid #ee1a24;  position: relative;}
.main-display .colm-b .row-b .small-img:hover img{opacity:.7;}
.main-display .colm-b .row-b:first-child .small-img::after{ content:''; height:3px; width:150px; background:#ee1a24; position: absolute; bottom:-7px; right:0px;}
.main-display .colm-b .row-b .small-img .img-content{ position: absolute;  left: 10px; bottom: 10px;}
.main-display .colm-b .row-b .small-img a .img-content h3{color:#fff;font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; margin-bottom: 5px;}
.main-display .colm-b .row-b .small-img a .img-content p{color:#fff; font-size: 1rem; line-height: 1.2rem;}
.main-display .colm-b .row-b .small-img img{object-fit: cover; height: 100%; transition: all .3s;}

.main-display .colm-s{ width: 38%; position: relative;}
.main-display .colm-s:after{ content:''; height:150px; width: 3px; background:#ee1a24; position: absolute; top:50px; right:0px }
.main-display .colm-s .row-box{ width: 100%;}
.main-display .colm-s .row-box .smallimg-dis{ background: #000; width:calc(100% - 10px); margin: 5px; border:1px solid #ee1a24; position: relative;}
.main-display .colm-s .row-box .smallimg-dis:hover img{opacity:.7;}
.main-display .colm-s .row-box .smallimg-dis img{object-fit: cover; height: 100%; transition: all .3s;}
.main-display .colm-s .row-box .smallimg-dis .img-content{ position: absolute;  left: 10px; bottom: 10px;}
.main-display .colm-s .row-box .smallimg-dis a .img-content h3{color:#fff;font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; margin-bottom: 5px;}
.main-display .colm-s .row-box .smallimg-dis a .img-content p{color:#fff;  font-size: 1rem; line-height: 1.2rem;}


.divider{ width: 90%; height:5px; background-color:#ee1a24; margin: 0 auto;}
  
.clint-sec{ width: 100%; padding: 60px 0; background:url(../images/home/what-we-do-bg.png) #282728; background-position: top center; background-repeat: no-repeat; background-size: cover;  overflow: hidden;}
.clint-sec .title-h{ margin-bottom: 0; color:#fff;}
.clint-box-bg{ width: 100%; background: #000; padding: 40px 0 100px;}
.clints .clint-logo-box{ display: flex; justify-content: center; align-items: center;}
.clints .clint-logo-box img{ width: auto; height: 150px;}
.num-box{width: 100%; padding: 20px 20px 20px 70px; position: absolute; top:-100px; bottom:-130px; background: #000; border-left: 20px  solid #ee1a24; display: flex; align-items: center; flex-wrap: wrap;}
.num-box::after{ content: ''; position: absolute; height: 100%; width: 2000px; margin-right: -2000px;
  top: 0;
  right: 0;
  background: #000;}
.num-box h2{ color:#fff; font-size: 7rem; font-weight: 800; text-align: left; font-style: italic;}
.num-box h3{color:#ee1a24; font-size: 2rem; font: weight 600;}
.num-box p{ font-size: 1.2rem; color: #fff;}

.fancybox-navigation svg {
  fill: #ed1b24 ;
  color: #ed1b24;
}
.fancybox-navigation .fancybox-button div {
  padding: 0;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  fill: #888 ;
  cursor: default;
}
/* Skill bars */
.about-sec{ background: #fff; padding: 140px 0}

.ab-content{ width:100%; padding: 0 40px;}
.ab-content h1{ font-size: 4rem; line-height: 4.5rem; font-weight:700;  text-align: left; margin-bottom: 20px; color:#ed1b24 }
.ab-content h1 span{color:#000}
.ab-content p{text-align: left;  color:#000; font-size: 1.3rem; margin-bottom: 20px; font-weight: 400;}
.about-img{ width: 100%; text-align: right;}
.about-img img{ margin-left: auto; margin-right: 0;}
.about-img-m{ width: 750px; position: relative; left:-200px;}
.about-img-m img{ border: 2px solid #fff; border-radius: 4px;}
.project-sec{ background:url(../images/home/what-we-do-bg.png) #282728; background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; padding: 80px 0 30px;}


  /* portfolio section */
.project-sec .owl-nav{ position: absolute; top:50%; transform: translateY(-50%); margin: 0px; width: 100%; left: 0px;}
.project-sec .owl-nav [class*=owl-]:hover{ background: none;}
.project-sec .owl-nav .owl-prev{ position: absolute;left:-40px; width: 40px; height: 40px; text-align: center;}
.project-sec .owl-nav .owl-prev:before{content: "\e919"; font-family: 'icomoon'; font-size: 30px; color:#ee1a24}
.project-sec .owl-nav .owl-prev span{ display: none;}
.project-sec .owl-nav .owl-next{ position: absolute;right:-40px; width: 40px; height: 40px; text-align: center;}
.project-sec .owl-nav .owl-next:before{content: "\e91a"; font-family: 'icomoon'; font-size: 30px; color:#ee1a24}
.owl-nav .owl-next span{ display: none;}
.project-sec .owl-dots{display: flex!important; align-items: center;  justify-content: center; padding-top: 15px;}
.project-sec .owl-dots .owl-dot{ border:1px solid transparent!important; width: 20px; height: 20px; padding: 5px; display: flex!important; align-items: center;  justify-content: center;}
.project-sec .owl-dot.active { border: 1px solid #ed1b24!important; border-radius: 20px;}
.project-sec .owl-dot.active span{ background:#ed1b24!important; opacity: 1!important;}
.project-sec .owl-dot span{ width: 10px; height: 10px; margin: 0px!important;   background:#ed1b24!important; opacity:.5rem!important;}
.toolbar{ justify-content: center; display: flex; border-bottom: 2px solid #ed2029; width: 86%; margin: 0 auto;}


#myTab{ padding-left:250px; margin-bottom:15px!important; border-bottom: 0px;}
#myTab .nav-link{ background: none; font-weight: 600; font-weight: 600;
  margin: 0px 30px 0px 0px;
  font-size: 1.5rem;
  border-radius: 0;
  padding: 0px 20px 0 0; color: #fff; text-transform: uppercase; border:2px solid transparent;}
#myTab:last-child .nav-link{ margin: 0px 0px 0 0px; }
#myTab .nav-link.active{color: #ed1b24; border:2px solid transparent; border-bottom:2px solid #ed1b24;}

#myTab .nav-item{ border: 0px; margin-bottom: 0px;}
.gallery-b{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.gallery-b .scale-anm{ margin: 5px; flex: 0 0 24%; height:250px; overflow: hidden;}
.gallery-b .scale-anm img{border:1px solid #fff; object-fit: cover; width: 100%; min-height: 250px;}
.gallery-b .scale-anm video{width: 100%; height:auto; object-fit: cover; position: relative;}
.gallery-b .scale-anm a .img-vid{ position: relative;}
.gallery-b .scale-anm a .img-vid:before{content: "\e93f"; font-family: 'icomoon'!important; transform: translate(-50%,-50%); cursor: pointer; position:absolute; top:38%; left: 50%;  text-align: center; color:rgb(255,255,255,.8); font-size: 2rem; z-index: 1; cursor: pointer;}



.partners-sec{ background: #fff; width: 100%; padding: 80px 0;}
.award-box{ width: 100%; display: flex;flex-wrap: wrap; margin-bottom: 50px; align-items: center; }
.award-box .aw-b{ display: flex; align-items: center; padding: 20px; flex: 0 0 auto;}
.award-box .aw-b .icon-b{ padding:0 20px}
.award-box .aw-b .ht-b h2{font-size: 4rem; line-height: 2.8rem; color: #000000; font-weight: 700; text-align: left;}
.award-box .aw-b .ht-b p{font-size: 2rem; line-height: 1.8rem; margin: 0px;}
.award-box .aw-cont{ flex: 1; padding: 20px 0;text-align: left; color:#000;}
.award-box .aw-cont p{ padding: 0px; margin: 0px; color:#000;}

.clint-slider.react-multi-carousel-list{ padding: 60px 0px 30px;}
.clint-slider.react-multi-carousel-list .react-multi-carousel-item{ padding: 5px;} 
.clint-slider.react-multi-carousel-list .react-multi-carousel-dot-list {display: flex!important; align-items: center;  justify-content: center; padding-top: 15px;}
.clint-slider .react-multi-carousel-dot{ border:1px solid transparent!important; padding: 5px; display: flex!important; align-items: center;  justify-content: center;}
.clint-slider .react-multi-carousel-dot.react-multi-carousel-dot--active { border: 1px solid #ed1b24!important; border-radius: 20px;}
.clint-slider .react-multi-carousel-dot.react-multi-carousel-dot--active button{ background:#ed1b24!important; opacity: 1!important;}
.clint-slider .react-multi-carousel-dot button{ width: 12px; height: 12px; margin: 0px!important;border: 1px solid #ed1b24!important;   background:#ed1b24!important; opacity:.5rem!important;}




.clints .clint-b{ width:25%; height: 250px; text-align: center; border: 1px solid rgba(0,0,0,.1); padding: 20px;}
.clints .clint-b img{ object-fit: cover; height: 100%;}

.whowe-sec{ width: 100%;  background: #f5eded; padding:80px 0;}

.team-b{padding:0px;}
.team-b .img-box{ width: 100%; padding: 0px 0;}
.team-b .img-box .avtar{  margin: 0 auto;}
.team-sec{width: 100%; background-color:#fff;padding:60px 0; position: relative;}
.team-sec .slider-container{ width: 1400px;}
     .team-sec::before{ content:''; background-color:#282728; width: 100%; position: absolute; top:0px; left: 0px; height: 68.3%;}    
     .team-sec .title-b{ margin-bottom: 0px;}
     .team-sec .title-b h2{ color: #fff; font-size: 2rem; line-height: 2rem;  text-transform: uppercase;}
.team-sec .owl-item.center .team-b .img-box .avtar{margin: 0 auto;}

.team-b .img-box .avtar img{ height: 100%; object-fit: cover;}
.team-b .content-box{ width: 100%;padding:10px; background:#fff; border: 1px solid #ccc; border-top:0px; text-align: center;}
.team-b .content-box h2.name{ font-size:1.3rem; line-height: 1.3rem; margin-bottom: 5px; font-weight: 700; color:#000; text-align:center;}
.team-b .content-box .designnation{font-size: .9rem; line-height: .9rem; font-weight: 600; color:#000; text-align:center; margin-bottom:10px;}
.team-b .content-box .red-content{font-size:.8rem; line-height: 1rem; display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3; 
  overflow: hidden; 
  text-overflow: ellipsis;  text-align: left; margin-bottom: 10px;}
.team-b .content-box .red-content p{font-size:.8rem; line-height: 1rem; padding: 0; margin: 0px;}
.team-b .link-tab{font-size: .8rem; line-height: .8rem; padding:0px; background: none; border: none; color:#ed1b24}
.team-sec .owl-item > div {
  cursor: pointer;
  margin: 6% 8%;
  transition: margin 0.4s ease;
}
.team-sec .owl-item.center > div {
  cursor: auto;
  margin: 0;
}
.team-sec .owl-item:not(.center) > div:hover {
  opacity: .75;
}

.contact-sec{ width: 100%; /*--background-image:url("../images/contact-bg.jpg");--*/ background-color: #071D32; overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; height:700px; }
.title-globe{ width: 100%; padding: 60px 20px 20px 60px; position: relative;}
.title-globe h2{color: #fff;font-size: 2rem;line-height: 2rem;text-transform: uppercase;}
.title-globe p{color: #fff; font-size: 1.6rem;line-height: 2rem;}

#space {
  position: absolute;
	top: 0;
	left: 0;
  background: #071D32; width: 100%; height: 100%;
}
.contact-sec .address{ position: absolute; left: 30%; top:30%;  width: 250px;}
.contact-sec .address img{ width: 100%;}
.enq-form{ padding:0;}
.enq-form h2{ font-size: 1.8rem; text-align: center; padding: 20px 20px; margin: 0px;}
.enq-form .form-control{ border-radius: 0px;}
.enq-form .btn-sub-re{ background: #ed1b24; color:#fff; text-transform: uppercase; font-size: 1.2rem; text-align: center; display: block; text-align: center; width: 100%; border: 0px; padding: 7px 20px; border-radius: 0px;}
.globelnet{ position: absolute; bottom:0px; left:0px; width: 100%;}
.text-white{ color:#fff;}
.world-map {
  position: absolute;
  width: 100%;
  bottom: 0;
  line-height: 0;
}
.world-map .pin-wrap {
  width: 100%;
  max-width: 1740px;
  position: relative;
  margin: 0 auto;
  line-height: 0;
}
.world-map .pin-wrap .world-map-img {
  width: 100%;
  position: relative;
  line-height: 0;
}
.world-map .pin {
  position: absolute;
  width: 28px;
  height: 28px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/map_pin_blue.svg");
  background-size: contain;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.9));
  z-index: 1;
}
.world-map .pin#bangkok {
  right: 31.5%;
  top: 49%;
  z-index: 8;
}
.world-map .pin#jakarta {
  right: 32%;
  top: 58%;
  z-index: 12;
}
.world-map .pin#manila {
  right: 27%;
  top: 59%;
  z-index: 12;
}
.world-map .pin#taipei {
  right: 26%;
  top: 54%;
  z-index: 11;
}

.world-map .pin#kor {
  right: 21.2%;
  top: 50%;
  z-index: 11;
  background-image: url(../images/head-location.png);
  background-size: contain;
  width: 62px;
  height: 30px;
  background-repeat: no-repeat;
}

.world-map .pin#hanoi {
  right: 30%;
  top: 51%;
  z-index: 8;
}
.world-map .pin#newdelhi {
  right:  32.7%;
  top: 41%;
  z-index: 7;
  background-image: url(../images/loc.png);
    background-size: contain;
    width: 62px;
    height: 28px;
    background-repeat: no-repeat;
}
.world-map .pin#sydney {
  right: 25%;
  top: 82%;
  z-index: 15;
}
.world-map .pin#singapore {
  right: 32%;
  top: 54%;
  z-index: 9;
}
.world-map .pin#london {
  left: 45%;
  top: 20%;
  z-index: 4;
}
.world-map .pin#amsterdam {
  left: 47%;
  top: 18%;
  z-index: 2;
}
.world-map .pin#stockholm {
  left: 49.5%;
  top: 15.3%;
}
.world-map .pin#frank {
  left: 50%;
  top: 18%;
}
.world-map .pin#paris {
  left: 46.6%;
  top: 21%;
  z-index: 3;
}
.world-map .pin#warszawa {
  left: 52%;
  top: 20%;
}
.world-map .pin#milano {
  left: 48%;
  top: 24%;
  z-index: 4;
}
.world-map .pin#budapest {
  left: 51%;
  top: 22%;
  z-index: 4;
}
.world-map .pin#moscow {
  left: 55%;
  top: 17%;
}
.world-map .pin#praha {
  left: 50%;
  top: 22%;
  z-index: 4;
}
.world-map .pin#jeddah {
  right: 43.5%;
  top: 37.5%;
  z-index: 6;
}
.world-map .pin#amman {
  right: 42.5%;
  top: 28.5%;
  z-index: 5;
}
.world-map .pin#dubai {
  right: 41%;
  top: 38%;
  z-index: 6;
}
.world-map .pin#istanbu {
  right: 45%;
  top: 24%;
  z-index: 4;
}
.world-map .pin#tel {
  right: 43.5%;
  top: 28.5%;
  z-index: 5;
}
.world-map .pin#erbil {
  right: 41%;
  top: 27%;
  z-index: 5;
}
.world-map .pin#cairo {
  right: 45%;
  top: 29%;
  z-index: 5;
}
.world-map .pin#johan {
  right: 46.5%;
  top: 55.5%;
  z-index: 7;
}
.world-map .pin#nairobi {
  right: 44%;
  top: 45%;
  z-index: 6;
}
.world-map .pin#newyork {
  left: 26.8%;
  bottom: 52%;
}
.world-map .pin#la {
  left: 18%;
  bottom: 37%;
}
.world-map .pin#panama {
  left: 28%;
  top: 56%;
}
.world-map .pin#bogota {
  left: 30.5%;
  top: 57%;
}
.world-map .pin#lima {
  left: 30.5%;
  top: 61%;
  z-index: 2;
}
.world-map .pin#santiago {
  left: 35.5%;
  top: 68%;
}
.world-map .pin#saopaulo {
  left: 38%;
  top: 58%;
}
.world-map .pin#buenos {
  left: 37.5%;
    top: 65%;
}
.world-map .pin#guatemala {
  left: 27%;
  top: 55%;
}
.world-map .pin#quito {
  left: 30.3%;
  top: 59%;
  z-index: 1;
}
.world-map .pin > .office-card {
  bottom: 130%;
  z-index: 200 !important;
  display: none;
}
.world-map .pin:hover > .office-card {
  display: block;
}

.office-card {
  border-top: 1px solid var(--gray-800);
  padding: 20px 28px;
  position: absolute;
  width: 380px;
  background-color: white;
  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.1));
  border-radius: 8px;
}
.office-card::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -16px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid white;
}
.office-card > h4 {
  margin: 0 0 8px 0;
  font-size: 20px;
}
.office-card > table tr td {
  padding: 6px 0;
  color: var(--gray-800);
  font-size: 15px;
  line-height: 1.3em;
}
.office-card > table tr td a {
  color: var(--gray-800);
  text-decoration: underline;
}
.office-card > table .item-name {
  width: 32px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left 0px top 10px;
}
.office-card > table .item-name.phone {
  background-image: url("../images/icon_phone.svg");
}
.office-card > table .item-name.adress {
  background-image: url("../images/icon_pin.svg");
}
.office-card > table .item-name.web {
  background-image: url("../images/icon_home.svg");
}
.office-card > table .item-name.mail {
  background-image: url("../images/icon_mail.svg");
}


.footer-sec{ background: #ede7e7; position: relative;}
  /* contact us styles */
  .fa-paper-plane { color: #484848;}
  /* paper plane shake on hover */
.plane-animated { animation-duration: 6s;animation-fill-mode: both;animation-iteration-count: infinite;animation-play-state: paused;}
.fa-paper-plane:hover {/* Toggle our animation play state to running when we are hovering over our sticker */ animation-play-state: running;}
.profile-slider.react-multi-carousel-list{ padding: 60px 0px 30px;}
.profile-slider.react-multi-carousel-list .react-multi-carousel-item{ padding: 5px;} 
.profile-slider.react-multi-carousel-list .react-multi-carousel-dot-list {display: flex!important; align-items: center;  justify-content: center; padding-top: 15px;}
.profile-slider .react-multi-carousel-dot{ border:1px solid transparent!important; padding: 5px; display: flex!important; align-items: center;  justify-content: center;}
.profile-slider .react-multi-carousel-dot.react-multi-carousel-dot--active { border: 1px solid #ed1b24!important; border-radius: 20px;}
.profile-slider .react-multi-carousel-dot.react-multi-carousel-dot--active button{ background:#ed1b24!important; opacity: 1!important;}
.profile-slider .react-multi-carousel-dot button{ width: 12px; height: 12px; margin: 0px!important;border: 1px solid #ed1b24!important;   background:#ed1b24!important; opacity:.5rem!important;}

@keyframes shake { 0%, 100% {transform: translateX(0);}10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}20%, 40%, 60%, 80% {transform: translateX(10px);}}
.shake {animation-name: shake;}
  /* input field styles */
.content{ width: 100%; padding:0px 60px 0 0; position:relative;}
.content h3{ font-size:2.5rem; line-height:2.5rem;  color:#000; font-weight: 700; text-align: left;}
.content p{text-align: left; color: #000; font-size: 1rem; margin: 0px;}
.contact-form { padding: 0; margin-top: 0px;}
.enq-form  h3{font-weight: 700;
  color: #505965;
  margin: 10px 0;
  font-size: 1.5rem;
  text-align: left;
  position: relative}
.contact-form .form-group { position: relative;}
.contact-form .form-group .form-alert{ position: absolute; display: flex; align-items: center; left: 17px; bottom: 5px;background: #d49388;padding: 2px 10px 2px 2px;font-size: .6rem;line-height: .7rem;border-radius: 25px;}
  .contact-form .form-alert .icon-alert{ background-color: #ff2400;color: #fff;margin-right: 5px;border-radius: 25px;width: 15px;display: inline-block;height: 15px;text-align: center;line-height: 1rem;font-size: .5rem;}
  .contact-form .form-control {border: 1px solid #dddddd; width: 100%; max-width: 100%; height:auto; font-size: 15px; line-height: 15px; padding: 9px; background-color: transparent;margin-bottom: 20px;}
  .contact-form .form-control::placeholder{ color:#b2b2b2;}
  .contact-form .form-control:focus{ border: 1px solid #ed1b24;}
  .contact-form .form-control:focus::placeholder{ color:#000000;}
  .contact-form textarea { min-height: 10.2em;}
  .contact-form label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-size: 18px;text-transform: uppercase;}
  .contact-form #submit {outline: none;padding: 12px 25px;border-radius: 6px;font-weight: 600;border:0;text-align: center;font-size: 1em;color: #fff;background-color:#ed1b24;text-decoration: none;margin: 0;}
  .contact-form #submit:hover {background-color: #FF6363; color: white; -webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


  .awards-sec{ background: #fff; width: 100%; padding: 80px 0;}


  /* footer styles */

.footer { background-color: #f8f8f8;
  padding: 35px 0px 30px;
  width: 100%;
  position: relative;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;}
  .outwork-work .tab-content-title{ display: none;}
.foot-logo{ margin: 0 auto; width: 150px;}
.foot-logo img{ width:100%}
.footer-links{ padding-left: 60px; width: 100%;}
.socialm-link{ width: 100%;}
.socialm-link h3{ font-weight: 700; color: #505965; margin: 10px 0 0px; font-size:1.5rem; text-align: center; position: relative;}
.socialm-link p{ text-transform: uppercase; text-align: center; font-size: 1rem; margin-bottom: 10px;}
.social-link{ width: 100%; display: flex; justify-content:center; margin-top: 15px;}
.social-link a{  color:#717171; text-decoration: none; margin: 5px 15px; font-size: 1.1rem;}
.social-link a:hover{ color:#ed1b24}
.social-link a:first-child{ margin-left: 0px;}
.foot-nav{ width: 100%; padding: 0px 0}
.foot-nav h3{ font-weight: 700; color: #505965; margin: 10px 0; font-size:1.5rem; text-align: left; position: relative; text-transform: uppercase;}
.foot-nav ul{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.foot-nav ul li{ flex:0 0 50%; padding: 8px 5px;}
.foot-nav ul li a{ display: block; font-size: 1rem; color:#505965;}
.foot-nav ul li a:hover{color: #ed1b24}
.newsletter { width: 100%; margin-bottom: 30px;}
.newsletter h3{ font-size:1.5rem;  color:#505965; font-weight: 700; text-align: left;}
.newsletter p{text-align: left; color: #505965; font-size: 1rem; margin-bottom: 20px;}
.newsletter .form-control{ border-color: #525252;  background-color: transparent; padding: 10px; height: auto; margin-right: 5px; border-radius: 0px!important;}
.newsletter .form-control::placeholder{ color:#b2b2b2;}
.newsletter .form-control:focus{ border: 1px solid #ed1b24;}
.newsletter .form-control:focus::placeholder{ color:#000000;}
.newsletter .newsletter-btn{ background: #ed1b24; color:#fff; padding: 5px 30px; font-weight: 600; border-radius: 0px; border: 0px; margin-left: 0px;}
  .newsletter .newsletter-btn:hover {background-color: #FF6363; color: white; -webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.copywrite{ width: 100%; background: #fff; text-align: center; color: #000;  font-size: .8rem; padding: 15px 0;}



.work-list{
   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      10px;
  column-count:         3;
  column-gap:           10px;}
.work-list li.list-box { 
  /* Prevents vertical gaps */
  break-inside: avoid-column; 
   margin-bottom:10px;
   border: 1px solid #ededed;
}
.work-list li.list-box img{ width: 100%; object-fit: cover;}
.work-list li.list-box video{width: 100%; height:auto; object-fit: cover; position: relative;}
.work-list li.list-box a .img-vid{ position: relative;}
.work-list li.list-box a .img-vid:before{content: "\e93f"; font-family: 'icomoon'!important; transform: translate(-50%,-50%); cursor: pointer; position:absolute; top:50%; left: 50%;  text-align: center; color:rgb(255,255,255,.8); font-size: 2rem; z-index: 1; cursor: pointer;}
.work-list li.list-box .cn-foot{ padding: 10px; background: #f5f3f3;min-height: 75px; display: flex; align-items: center;}
.work-list li.list-box .cn-foot h2{ font-size: 1rem; color:#000}
.work-list li.list-box .cn-foot p{ font-size: .8rem;line-height: 1rem;}

.vedio-b{flex:1; position: relative;}
.vedio-b video{width: 100%; }
.vedio-b:before{ content:"\e93f"; font-family: 'icomoon';  position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-size: 4rem;}
.list-box-r img{object-fit: cover; height: 100%; width: 100%;}
.img-ved-box{ width: 100%;}
.vedio-image .modal-content{ border-radius: 0px;}
.vedio-image .modal-body{ padding: 5px;     box-shadow: 0px 0px 20px #000;}
.vedio-image .close-pop{ width: 45px; border: 0px; height:45px; background-color: #fff; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; top:-15px; right: -15px; z-index: 1;}
.img-ved-box video{width: 100%; }
.img-ved-box img{object-fit: cover; height: 100%; width: 100%;}
.bolock-g{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
background: #79ba66; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #79ba66 0%, #2e7b17 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #79ba66 0%,#2e7b17 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #79ba66 0%,#2e7b17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ba66', endColorstr='#2e7b17',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bolock-b{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
background: -moz-radial-gradient(center, ellipse cover,  rgba(30,41,73,0.66) 0%, rgba(30,41,73,0.66) 1%, rgba(3,20,70,0.74) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(30,41,73,0.66) 0%,rgba(30,41,73,0.66) 1%,rgba(3,20,70,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(30,41,73,0.66) 0%,rgba(30,41,73,0.66) 1%,rgba(3,20,70,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a81e2949', endColorstr='#bd031446',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bolock-gr{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
background: -moz-radial-gradient(center, ellipse cover,  rgba(190,201,76,0.7) 0%, rgba(130,142,6,0.84) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(190,201,76,0.7) 0%,rgba(130,142,6,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(190,201,76,0.7) 0%,rgba(130,142,6,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bec94c', endColorstr='#d6828e06',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bolock-b-lg{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
background: -moz-radial-gradient(center, ellipse cover,  rgba(218,85,140,0.7) 0%, rgba(176,0,67,0.84) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(218,85,140,0.7) 0%,rgba(176,0,67,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(218,85,140,0.7) 0%,rgba(176,0,67,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3da558c', endColorstr='#d6b00043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.content-b{ width:60%;}
.content-b h2{ color: #000; font-weight: 800;    font-size: 2.5rem;}
.content-b h2 span{ color: rgba(255,255,255,.5);}
.bolock-b .content-b h2{ color: #fff; font-weight: 800;    font-size: 2.5rem;}
.bolock-b .content-b h2 span{ color: rgba(155,180,232,.5);}
.content-b p{ color:#fff;}
#loadMore,#loadMorebt{ display: inline-block; border: 2px solid #ed1b24; padding: 10px 25px; color:#ed1b24; font-weight: 600; font-size: 1.3rem; line-height: 1.5rem;  background: #fff; border-radius: 25px; margin: 30px 0 15px;}
.disabled{ border: 0px!important; border-radius: 0px; cursor: none !important;}
.teamContainer-sec{ width:100%; padding: 60px  0;}
.myTeam{ display: flex; justify-content:left; border-bottom: 0px; margin-left: -30px; margin-right: -30px; flex-wrap: wrap;}
.myTeam .pro-link{padding: 0 30px 60px; width:33.33%;}
.myTeam .pro-link  button{ width: 100%; padding: 0px; margin: 0px; border: 0px; background-color: #fff; transition: transform .5s;border: 1px transparent solid;}
.myTeam .pro-link .image-box{ overflow: hidden; width:100%;}
.myTeam .pro-link .image-box img{ transition: transform .5s; /* Animation */ width: 100%;}
.myTeam .pro-link  button:hover img{transform: scale(1.2);}
.myTeam .pro-link  button:hover{ border-color:#ed1b24; box-shadow: 0 10px 15px #ebe9e9;}
.myTeam .pro-link  button:hover .pro-foot h3{color:#ed1b24;}
.myTeam .pro-link  button.active{ border-color:#ed1b24; box-shadow: 0 10px 15px #ebe9e9;}
.myTeam .pro-link  button.active .pro-foot h3{color:#ed1b24;}
.myTeam .pro-link .pro-foot{ background: #fff; padding: 20px;}
.myTeam .pro-link .pro-foot h3{ font-size: 1.4rem; text-align: center; color: #000; margin-bottom: 0px; font-weight: 600;}
.myTeam .pro-link .pro-foot p{ font-size: 1rem; text-align: center; color: #7d7d7d;}
.profile-cont{ display: flex; background: #f8f8f8; padding:30px 30px;}
.profile-cont .pro-image-box{flex:0 0  auto;}
.profile-cont .pro-contant{flex:1; padding: 0px 0px 0px 40px;}
.profile-cont .pro-contant h3{color:#ed1b24; font-weight: 800; font-size: 2rem; line-height: 2rem;}
.profile-cont .pro-contant h5{color:#454545; font-size: 1.5rem; font-weight: 600;  margin-bottom: 30px;}
.profile-cont .pro-contant p{ font-size: 1rem; color:#454545; line-height: 1.5rem; margin-bottom: 15px;}
.profile-cont .pro-contant p:last-child{ margin-bottom: 0;}
.scrtabs-tabs-fixed-container,.scrtabs-tab-container { height: 533px;}
.careerContainer-sec{ width: 100%; padding: 110px 0; background-color: #202020;}
.careerContainer-sec .title-h {
  width: 100%;
  max-width: 790px;
  margin: 0 auto 50px;
}
.title-h h2{text-align: center; font-weight: 700; color:#fff; font-size: 4rem;line-height: 4.5rem;margin: 40px 0 0;}
.title-h h2 span{ color:#ed1b24}
.title-h p{ font-size: 1rem; color:#fff; text-align: center; text-align: justify;text-align-last: center;}
.propop .modal-content{ border-radius: 0px; position: relative; background-color:#f8f8f8; }
.propop .modal-body{padding: 0px;overflow: hidden;}
.propop .close-box{ width: 40px!important; height:40px; text-align: center; line-height: 40px; position: absolute; right: -10px; top:-10px; z-index: 100; background: #ed1b24!important; color:#fff!important; padding: 0px; border-radius: 50%;}
.careerlist{ width: 100%; display: flex; margin:20px 30px; align-items: center;}
.careerlist .icon-box{ width: 50px; margin-right: 10px;}
/* .careerlist .icon-box i.icon{ font-size: 5.5rem; background: #000000;
  background: linear-gradient(to bottom right, #000000 50%, #CF190C 36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;} */
  .careerlist .icon-box i.icon{ font-size: 3rem; color:#ed1b24;} 
  .careerlist .icon-box i.icon.icon-com-m{font-size: 2rem;}
  .careerlist .content-bv{ font-size:1.1rem; color:#fff}
  .life-hsad-sec{ width: 100%; padding: 60px 0; background-color: #fff;}
  #gallery .gallery-list{
   
    -webkit-column-count: 4;
    -webkit-column-gap:   0px;
    -moz-column-count:    4;
    -moz-column-gap:      10px;
    column-count:         4;
    column-gap:           10px;}
    #gallery .gallery-list li{ 
    /* Prevent vertical gaps */
    break-inside: avoid-column; }
  #gallery .gallery-list li .gallery-list{margin-bottom: 10px; width: 100%; overflow: hidden; display: flex; justify-content: center;}
  #gallery .gallery-list li .gallery-list img{ width: 100%; object-fit: cover; border-radius: 20px;}


  
  .image-box-b{ width: 100%;}
  .image-box-b img{width: 100%;}

  .strengt-sec{ width: 100%; padding: 60px 0 0; background-color: #f8f8f8;}
  .job-list-sec{ width: 100%; padding: 60px 0; background: #000;}
  .job-list-sec .list-hearder{ width: 100%; display: flex;padding: 10px;}
  .job-list-sec .list-hearder .list-hd-title, .job-list-sec .list-hearder .list-hd-loc{margin: 0 0 0 33px; flex:0 0 40%; font-weight: 600; font-size: 1.5rem; color:#fff;}
  .job-list-sec .job-list-body li{ display: flex; width: 100%; padding: 20px;}
  .job-list-sec .job-list-body li:nth-child(odd){ background-color: #f8f8f8;}
  .list-hd-join {
    flex: 0 0 17%;
    font-weight: 600;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
  }
  .job-list-sec .job-list-body li .post-title, .job-list-sec .job-list-body li .post-loction{flex:0 0 40%; font-size: 1.2rem; color: #676767;}
  .job-list-sec .job-list-body li .post-detail{flex:0 0 15%; text-align: right; font-size: 1.2rem;}
  .job-list-sec .job-list-body li .post-title{flex:0 0 45%; font-size: 1.2rem; color: #676767; padding-left: 20px;}

  .job-list-sec .job-list-body li .post-detail a{ color:#ed1b24; margin-right: 50px;     font-size: 1.2rem;}
 .contactBox-sec{ width: 100%; padding:130px 0 60px; background: #202020;}
 .contactBox-sec .contant-boxb{display: flex; }
 .contactBox-sec .contant-boxb .image-b{flex: 0 0 auto;}
 .contactBox-sec .contant-boxb .contant-text{flex:1; padding:0 0 0 20px; }
 .contactBox-sec .contant-boxb .contant-text h2{ font-weight: 800; font-size: 3rem; margin-bottom: 30px; color: #fff;}
 .contactBox-sec .contant-boxb .contant-text h2 span{color:#ed1b24;}
 .contactBox-sec .contant-boxb .contant-text p{font-size: 1rem; font-weight: 400;color: #fff;}
 .contactBox-sec .contant-boxb .contant-text ul{ padding:20px 0 0;}
 .contactBox-sec .contant-boxb .contant-text ul li{ position: relative; padding: 0px 0 15px 55px;font-size: 1rem; font-weight: 400;}
 .contactBox-sec .contant-boxb .contant-text ul li a{ color:#fff;}
 .contactBox-sec .contant-boxb .contant-text ul li a:hover{color:#cd2033;}
 .contactBox-sec .contant-boxb .contant-text ul li .icon{ position: absolute; left: 0px;top: 0px;  font-size: 1.6rem; color: #ed1b24;}
 .contactBox-sec .contant-boxb .contant-text ul li .icon.icon-map-locator{font-size: 1.8rem;    top: 5px; color: #ed1b24;}
.loction-sec{ width: 100%; padding:60px 0;}
.contry-list{ width: 100%;}
.contry-list ul{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contry-list ul li{flex:0 0 20%; margin: 0 0 30px; font-size: 1rem; position: relative;}
/* .contry-list ul li:hover{ color: #ed1b24; font-weight: 600;} */
.contry-list ul li.active{ color: #ed1b24; font-weight: 600;}
.contry-list ul li .location-img{ position: absolute; top:50%; right:40px; transform: translateY(-50%); width: 140px;}
.testi-sec{ width: 100%; padding: 100px 0;}
.testi-list{ width: 100%;}
.testi-list ul{ display: flex; flex-wrap: wrap;}
.testi-list ul li{ flex:0 0 33.3%; padding: 20px;}
.testi-list ul li .text-comment{ background: #fff; border: 1px solid #eaeaea; padding: 20px; border-radius: 20px;}
.testi-list ul li .text-comment .coomenthead{ display: flex; margin-bottom: 15px; align-items: center;}
.testi-list ul li .text-comment .coomenthead .icon-avt{ width:70px; height: 70px; border-radius: 50px; overflow: hidden; border: 1px solid #db6a6a; margin-right: 20px;;}
.testi-list ul li .text-comment .coomenthead .icon-avt img{ object-fit: cover; height: 100%; width: 100%;}
.testi-list ul li .text-comment .coomenthead h3{ font-size: 1.3rem;line-height: 1.5rem; margin-bottom: 0px;}
.testi-list ul li .text-comment .coomenthead .by{font-size: 1.2rem;}
.testi-list ul li .text-comment .comment-b p{     font-size: 1.1rem;
  line-height: 1.7rem;margin: 0px; padding: 0px;}
.testi-list ul li .video-comment{background: #fff; border: 1px solid #eaeaea; padding:0px; border-radius: 20px; min-height: 240px; overflow: hidden;}
.testi-list ul li .video-comment video{ object-fit: cover; height: 270px; }
.testi-list ul li .video-comment a{position: relative;}
.testi-list ul li .video-comment a::before{ content:'\e93f'; font-family: 'icomoon';  position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-size: 4rem;}
.banner-submit-banner-main{ width: 100%; display: flex; position: relative;}
.banner-submit-banner-main .submit-banner-contant{ position: relative; flex:0 0 50%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb1a7a+0,cb2763+33,d13139+100 */
  background: rgb(187,26,122); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(187,26,122,1) 0%, rgba(203,39,99,1) 33%, rgba(209,49,57,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(187,26,122,1) 0%,rgba(203,39,99,1) 33%,rgba(209,49,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(187,26,122,1) 0%,rgba(203,39,99,1) 33%,rgba(209,49,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb1a7a', endColorstr='#d13139',GradientType=0 ); /* IE6-9 */
  
}
.banner-submit-banner-main .submit-banner-image{ flex:0 0 50%;}
.banner-submit-banner-main .submit-banner-image img{ height: 100%; object-fit: cover;}
.banner-submit-banner-main .submit-banner-contant .banner-con{ left: inherit; right:30px; transform: translate(0%,-50%);}

.post-list{ width: 100%; color: #fff;}
.post-list .post-title{ font-weight: 800; color:#fff; font-size: 2.5rem;line-height: 2.5rem; margin-bottom: 15px;}
.post-list .post-title span{ color:#ed1b24}
.post-list p{ margin-bottom: 15px; font-size: 1rem; line-height: 1.5rem; color: #fff;}
.post-list ul{ list-style-type: disc!important; margin-left: 30px; margin-bottom: 30px;}
.apply-form{ padding: 50px; background:#f5f5f5 ;}
.apply-form h3{margin-bottom: 30px; font-weight: 800;}
.apply-form .form-group, .form-check{ margin-bottom: 25px; position: relative;}
.apply-form .form-group .form-alert{ position: absolute;
  left: 9px;
  bottom: -9px;
  background: #d49388;
  padding: 2px 10px 2px 2px;
  font-size: .7rem;
  line-height: .9rem;
  border-radius: 25px;}
  .form-check .form-alert{ position: absolute;
    left: 9px;
    bottom: -21px;
    background: #d49388;
    padding: 2px 10px 2px 2px;
    font-size: .7rem;
    line-height: .9rem;
    border-radius: 25px;}
.apply-form .form-group .form-alert .icon-alert, .form-check .form-alert .icon-alert{ background-color: #ff2400;
  color: #fff;
  margin-right: -2px;
  border-radius: 25px;
  width: 18px;
  display: inline-block;
  height: 18px;
  text-align: center;
  line-height: 1rem;
  font-size: .7rem;}
.apply-form .form-group:last-child{margin-bottom: 0px;}
.apply-form .form-group .note-upload{font-size: .7rem;text-align: right;}
.apply-form .form-control{ padding: 15px 20px; height: auto;}
.apply-form .form-control:focus{ border: 1px  solid #ed1b24;}
.apply-form .form-check{margin-bottom: 25px;}
.btn-sub-re{ border: 0px; color: #fff; background:#ed1b24; border-radius: 5px; font-size: 1.3rem; padding: 10px 20px; font-weight: 600;}
.btn-sub-re:hover{background: #a50034; color:#fff;}




.blog-sec{ width: 100%; padding: 80px 0;}
.blog-sec .blog-box{width: 100%; }
.blog-sec .blog-box .img-box{width: 100%;  position: relative; margin-bottom: 20px;}
.blog-sec .blog-box .img-box img{ width: 100%; object-fit: cover;}
.blog-sec .blog-box .img-box .b-detalis{ position: absolute; width: 100%; bottom: 0; left: 0; padding: 25px; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0,0,0,.3);}
.blog-sec .blog-box .img-box .b-detalis .post-by{ color: #fff; font-weight: 600; font-size: 1.3rem; line-height: 1.6rem;}
.blog-sec .blog-box .img-box .b-detalis .post-date{ color: #fff; font-weight: 400; font-size: 1rem; line-height: 1rem;}
.blog-sec .blog-box .img-box .b-detalis .p-catogry{ color: #fff; font-weight: 600; font-size: 1.3rem; line-height: 1.6rem;}
.blog-sec .blog-box .title{color: #000; font-weight: 600; font-size: 1.6rem; line-height:2rem;}
.blog-sec .blog-box .title a{color: #000; text-decoration: underline;}
.blog-sec .blog-box .bloglist-content p{ color:#000; font-weight: 400; font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 15px;}
.blog-sec .blog-box .bloglist-content .btn-post-link{color:#000; font-weight: 600; font-size: 1.1rem; line-height: 1.5rem; position: relative;}
.blog-sec .blog-box .bloglist-content .btn-post-link::after{content:'\e941';  font-family: 'icomoon'; color: #000; position: absolute; right: -30px;font-size: 1.5rem;}

.privacypolicy{width: 100%;}
.privacypolicy h2{ font-size: 2rem; margin-bottom: 10px;}
.privacypolicy h3{ font-size: 1.5rem; margin-bottom: 10px;  margin-top: 20px;}
.privacypolicy p{ font-size: 1rem; margin-bottom: 10px;}
.privacypolicy ul{ list-style-type:disc; padding-left: 25px; }
.privacypolicy ul li{ font-size: 1rem; margin-bottom: 10px;}
.v-all{border: 0px; color: #fff; background:#ed1b24; border-radius: 5px; font-size: 1.3rem; padding: 10px 20px; font-weight: 600; display: inline-block;  margin-top: 15px;   margin-left: 50%; transform: translateX(-50%);}
.v-all:hover{background: #a50034; color:#fff;}
/* ---------------------------------------------- */
.pro-1 .row .col-md-6{text-align: end;}
.main-sec-box{width: 100%; display: flex;}
.main-sec-box:nth-child(odd){flex-direction: row-reverse;}
.main-sec-box:nth-child(odd) .sec-head-dep .row{flex-direction: row-reverse;}
.main-sec-box:nth-child(odd) .sec-head-dep .row .col-md-6:first-child{text-align: end;}
.main-sec-box:nth-child(odd) .pro-1 .row{flex-direction: row-reverse;}
.main-sec-box:nth-child(odd) .pro-1 .row .col-md-6:last-child{text-align: start;}
.Creative-sec-b::after { content: "Creative"; position: absolute; top: -75px; left: 30px; color: #fff; font-weight: bold; opacity: 0.15; font-size: 225px; z-index: 1; -webkit-animation: floating2 10s 2s infinite paused; -ms-animation: floating2 10s 2s infinite paused; animation: floating2 10s 2s infinite paused; animation-play-state: paused; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
.Creative-sec-b { background: #000; padding:0; position: relative; overflow: hidden; }
.Creative-sec-b a {color: #fff; position: absolute;z-index: 10;font-size: 18px;right: 0;padding: 1px 20px 2px 15px;bottom: 20px;}
.Creative-sec-b a:hover {color: #fff;background: #000; width: auto;   border-radius: 40px;}
.Events-sec-b::after { content: "Events"; position: absolute; top: -75px; right: 30px; color: #fff; font-weight: bold; opacity: 0.15; font-size: 225px; z-index: 1;  -webkit-animation: floating2 10s 2s infinite paused; -ms-animation: floating2 10s 2s infinite paused; animation: floating2 10s 2s infinite paused; animation-play-state: paused; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running;  }
.Events-sec-b { background: #000; padding:0; position: relative; overflow: hidden;  }
.Events-sec-b a {color: #fff;position: absolute;z-index: 10;font-size: 18px;left: 0;padding: 1px 20px 2px 15px;bottom: 20px;}
.Events-sec-b a:hover {color: #fff;background: #000;width: auto;border-radius: 40px;}
.Digital-sec-b::after { content: "Digital"; position: absolute; top: -75px; left: 30px; color: #fff; font-weight: bold; opacity: 0.15; font-size: 225px; z-index: 1;  -webkit-animation: floating2 10s 2s infinite paused; -ms-animation: floating2 10s 2s infinite paused; animation: floating2 10s 2s infinite paused; animation-play-state: paused; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
.Digital-sec-b { background: #000; padding:0; position: relative; overflow: hidden;}
.Digital-sec-b a {color: #fff;position: absolute;z-index: 10;font-size: 18px;right: 0;padding: 1px 20px 2px 15px;bottom: 20px;}
.Digital-sec-b a:hover { color: #fff;background: #000; width: auto; border-radius: 40px;}
.Retail-sec-b {color: #fff;position: absolute; z-index: 10; font-size: 18px;left: 0;padding: 1px 20px 2px 15px;}
.Retail-sec-b { background: #000; padding: 0; position: relative; overflow: hidden;}
.Retail-sec-b a {color: #fff;position: absolute;z-index: 10;font-size: 18px;left: 0;padding: 1px 20px 2px 15px;bottom: 20px;}
.Retail-sec-b a:hover {color: #fff;background: #000;width: auto;border-radius: 40px;}
.Retail-sec-b::after { content: "Retail"; position: absolute; top: -75px; right: 30px; color: #fff; font-weight: bold; opacity: 0.15; font-size: 225px; z-index: 1; -webkit-animation: floating2 10s 2s infinite paused; -ms-animation: floating2 10s 2s infinite paused; animation: floating2 10s 2s infinite paused; animation-play-state: paused; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }


.Creative-sec-b p, .Events-sec-b p, .Digital-sec-b p, .Retail-sec-b p { text-align: justify; font-size: 14px; color: #666; position: relative; z-index: 100; }
.Creative-sec-b h2, .Events-sec-b h2, .Digital-sec-b h2, .Retail-sec-b h2 { text-transform:capitalize; position: relative; z-index: 1; font-size: 120px; font-weight: bold; color: #fff;text-shadow: 0px 2px 3px #000; }
.Events-sec-b p { text-align-last: right; }

@keyframes arrMov{ 
    0%{transform: translateX(0px);}
    50%{transform: translateX(20px);}
    100%{transform: translateX(0px);}
  }
  .project-box a.link-btn{ color: #fff; background-color:#ed1b24; display:inline-flex; padding: 5px 40px 5px 20px; font-size: 2.3rem;}
  .project-box a.link-btn:hover{background-color:#88070c;}
    .project-box a.link-btn i {animation: arrMov 1s  infinite paused; animation-play-state: running; line-height: 3.7rem;}

@keyframes floating2{ 
  0% {transform: translate(0, 0) scale(1); }
  50% {transform: translate(20%, 0) scale(1.2);}
  100% {transform: translate(0, 0%) scale(1);}
  }
  .project-box{ width: 100%; position: relative; align-items: center; display: flex; }
  .project-box .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);    z-index: 1;}
  .project-box img{ width: 100%;  object-fit: cover;  opacity: .3;}
  .pro-1{ background-color: #5d90c7;}
  .project-box .link-btn{ color: #fff;}

/* ---------------------------------------------------------------- */
.pro-listing-sec{ width: 100%; padding: 30px;}
.pro-list-box{ width: 100%; display: flex; flex-wrap: wrap;}
.pro-list-box li{flex:0 0 25%; padding:15px; }
.pro-list-box li .clint-box{ position: relative; overflow: hidden; padding: 0px; margin: 0px; box-shadow: none; border: 0px;}
.pro-list-box li .clint-box .image-box{ width: 100%; overflow: hidden;}
.pro-list-box li .clint-box .image-box img{ width: 100%; object-fit: cover;}
.pro-list-box li .clint-box .clint-detail{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; background-color: rgba(0,0,0,.5); display: flex; justify-content: center;}
.pro-list-box li .clint-box .clint-detail .d-box img{ margin-bottom: 15px;}
.pro-list-box li .clint-box .clint-detail .d-box{ width: 80%;}
.pro-list-box li .clint-box .clint-detail .d-box h3{ font-size: 3rem; font-weight: 600; color: #fff;}
.project-pop .modal-content{ border-radius: 0px;}
.project-pop .modal-body{ padding: 5px;     box-shadow: 0px 0px 20px #000;}
.project-pop .close-pop{ width: 45px; border: 0px; height:45px; background-color: #fff; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; top:-15px; right: -15px; z-index: 1;}
.project-pop .img-ved-box video{width: 100%; }
.project-pop .img-ved-box { margin-bottom: 5px;}
.project-pop .img-ved-box img{object-fit: cover; height: 100%; width: 100%;}

.project-pop  .pro-datail{ font-size:1.5rem;line-height: 1.5rem; width: 100%; margin-bottom: 15px;}
/* smaller  resolution styles */

  @media (min-width: 100px) and (max-width: 500px) {

    .fa-bars {
      display: block !important;
    }

    .header-links {
      display: none;
    }   
  }

  /* mobile styles */

  @media (min-width: 100px) and (max-width: 400px) {

    .content {
      max-width: 300px;
    }

    .aboutme h1 {
      font-size: 28px;
    }

  }

/* loading screen animation */

  .spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 25%;
    background-color: #2F2F2F;
    text-align: center;
    font-size: 10px;
    z-index: 1000;
  }

  .spinner > div {
    background-color: #FF6363;
    height: 100%;
    width: 6px;
    display: inline-block;
    
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }

  .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }

  .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }

  .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }

  .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }

  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
  }

  @keyframes sk-stretchdelay {
    0%, 40%, 100% { 
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
    }  20% { 
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
  }




.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.img-m{ display:none}
.img-d{ display:inline-block}
@media (max-width: 2560px){
	.nav-header{width: 88%;}
	.container{max-width: 88%;}
	.d-lbox{ display: block;}
	.d-mbox{ display: none;}
	.title-b p{font-size: 1.3rem;}
	#myTab{ margin: 0 auto;width: 87%;}
}
@media (max-width: 1980px){
.nav-header{width:88%; display: flex; justify-content: space-between;}
	.container{max-width:88%;}
  #myTab{ margin: 0 auto;width: 99%;}
  .banner-con h1{ font-size: 3.7rem;}
	.title-b p{font-size: 1.3rem;}
	.d-lbox{ display: block;}
	.d-mbox{ display: none;}
  .contry-list ul li .location-img{width: 110px;}
}

@media (max-width: 1366px){
	.nav-header {
    width: 88%; display: flex; justify-content: space-between;
}
.container {
    max-width: 88%;
}
	
	#myTab { width:89.5%; margin: 0 auto;}
	.ab-content ul li {font-weight: 600;font-size: 1.1rem;}
	a.talk {right: 5px; top: 0px;}
	.nav-brand {left: 5px;top: 5px;}
  .banner-con h1{ font-size: 3.3rem;}
	.nav-brand img {width: 71px;}
	.menu-wrapper ul li a {
		font-size: 2.5rem;}
	.menu-wrapper ul li a span {
		font-size: 1.2rem;}
	.ab-content h1,.title-b h2{font-size: 3rem;line-height: 3.5rem;}
	.title-b p{font-size: 1rem;}
	.ab-content p{ font-size: 1rem;}
	.d-lbox{ display: none;}
	.d-mbox{ display: block;}
	.content h3,.newsletter h3{ font-size: 1.8rem; line-height: 2.3rem;}
	.toolbar{ width: 89%;}
	.toolbar .btn{font-size: 1.1rem}
  .contry-list ul li{ font-size: 1rem;}
  .contry-list ul li .location-img{ width: 95px;}
	
}
@media (max-width: 768px){
	.clints{flex-wrap:wrap}
.ab-content ul{flex-wrap:wrap}
.nav-brand{left:10px;top:10px;padding:10px}
.nav-brand img{width:70px}
.menu {
  width: 85%;
  top: 30%;
  left: 50%;
  text-align: right;
}
.menu-wrapper ul li a span {
  right: 0;
  width: auto;
}
.about-img-m{width:100%;left:0}
video{width:100%}
.nav-header{padding:3px 15px}
.home-banner{margin:40px 0 0}
.whowe-sec-n .who-we-content{padding:0 30px;width:100%}
.whowe-sec-n .title-box{width:100%}
.whowe-sec-n{flex-wrap:wrap}
.whowe-sec-n .title-box h2{margin-bottom:20px;margin-top: 30px;}
.tab-content-title{flex-wrap:wrap;margin:0 0 50px}
.main-title-n{padding:0 0 30px;border-right:none;flex:0 0 100%}
.main-title-n .tab-title h2{text-align:center}
.title-contant-n{padding-left:0;flex:0 0 100%}
.main-display{width:100%;display:flex;padding:0 10px;flex-wrap:wrap}
.main-display .colm-b .row-b{width:100%;display:flex}
.main-display .colm-b{width:100%}
.main-display .colm-s{width:100%}
.main-display .colm-b .row-b .big-img a .img-content h3{font-size:1.1rem;line-height:1.2rem}
.main-display .colm-b .row-b .small-img a .img-content h3{font-size:1rem;line-height:1.1rem}
.main-display .colm-b .row-b .small-img a .img-content p{color:#fff;font-size:.9rem;line-height:1.2rem}
.main-display .colm-b .row-b .small-img .img-content{padding:0 10px 0 0}
.clint-sec .title-h{margin-bottom:20px;text-align:center}
.clint-slider.react-multi-carousel-list{padding:0;text-align:center}
.num-box{width:100%;padding:20px 0 0;position:relative;top:0;bottom:0;border-left:none;background:#000;align-items:center;border-top:10px solid #ee1a24}
.clint-sec{height:69%;padding:60px 0 0}
.team-sec::before{height:69.1%}
.foot-nav{position:relative;margin:0 0 20px}
.social-link{justify-content:flex-start;position:relative;margin-bottom:20px}
.socialm-link h3{text-align:left}
.world-map .pin-wrap{overflow-x:scroll}
.world-map .pin-wrap .world-map-img{width:1740px;max-width:none}
.world-map .pin-wrap{width:1740px}
.world-map{overflow-x:scroll}
.contact-sec{height:830px}
  
}

@media (max-width: 580px){
  .propop .modal-content{ border-radius: 0px; position: relative; width: 90%; margin: auto; }
  .img-m{ display:inline-block}
  .img-d{ display:none}
	.nav-header { width: 100%; padding: 3px 15px;  display: flex; justify-content: space-between; }
  .hamburger-guide{    padding-top:0px;}
  .head-h .nav-brand-w,.head-in .nav-brand-w{padding-top: 5px;    padding-left: 3px;}
  a.talk{ padding:5px 10px; font-size: .9rem;}
  .hamburger-init { width: 40px;height: 40px;border: 4px solid #ed1b24;}
  .bar.bottom-bar{    bottom: 8px;}.bar.top-bar{top:6px;}
  .hamburger-init.active .bar.bottom-bar { transform: translateY(-13px) rotate(311deg); width: 69%;right: 7px; bottom: 6px;}
.hamburger-init.active .bar.top-bar {transform: translateY(9px) rotate(45deg); width: 69%;left: 5px; top: 9px;}
.head-in .nav-brand-w{padding-top: 5px;}
  .head-h .nav-brand-w img,  .head-in .nav-brand-w img{    width: 120px;}

	.menu{ flex-wrap: wrap;}
	.menu-wrapper ul li a {font-size: 1.5rem; line-height: 1rem; position: relative}
	.menu-wrapper ul li a span{font-size: .8rem;line-height:.7rem!important; position: absolute; bottom:-3px; white-space: nowrap; right: 0;
    width: auto;}
	.menu-wrapper li{ width: 100%; margin-bottom: 30px;}
  .banner-con {min-width:auto; text-align: center;}
  .banner-con h1{ font-size: 1.6rem; line-height: 1.7rem; white-space: nowrap;}
  .banner-con p{font-size: 1rem;}
  .fa-chevron-down{ font-size: 1.3rem; display: none;}
	.content{ width: 100%;max-width:100%; padding: 0px;}
	.work-list{flex-wrap: wrap; flex-direction: column-reverse;}
  .bolock-g{ height: 290px;}
  .bolock-gr{height: 290px;}
	.list-box-l{flex:0 0 100%;height: 290px;}
  .list-box-r{flex:0 0 100%; height: 290px;}
	.work-list:nth-child(even){ height: auto;}
  .about-sec{padding: 40px 0;}
  .about-sec .ab-content{    padding: 0 5px;}
  .ab-content h1{font-size: 2rem; text-align: center;}
  .ab-content p{text-align: center;}
  .ab-content h1, .title-b h2{font-size: 2rem; text-align: center;}
  .project-sec{ padding: 40px 0;}
  .title-b p{ width: 98%;}
  #myTab{ width: 100%;}
  #myTab .nav-link{ font-size: .8rem; padding: 7px 10px; color:#333; margin: 0 3px;}
  .gallery-b .scale-anm { flex: 0 0 47%; height: 180px;}
  .gallery-b .scale-anm img{object-fit:cover;width:100%; height: 100%;}
	#loadMore { font-size: 1rem;}
  .myTeam{ flex-wrap:wrap; margin-left: 0px; margin-right: 0px;}
  .myTeam .pro-link .image-box{ overflow: hidden; width:100%;}
  .myTeam .pro-link{ padding:5px; background-color: #fff; margin:0 3px; }
  .scrtabs-tab-scroll-arrow-left,.scrtabs-tab-scroll-arrow-right{width: 40px;background: rgba(255,255,255,.5); text-align: center;border-radius: 25px;margin-top: 144px;}
  .profile-cont{ padding: 20px; flex-wrap: wrap;}
    .profile-cont .pro-image-box {
      flex: 0 0 100%;
  }
  .award-box .aw-b{ padding: 0px 0px 0 0; width: 100%;justify-content: center;}
  .award-box .aw-cont{ width: 100%;}
  .award-box .aw-cont p{ font-size: 1rem; line-height: 1.2rem; text-align: center;}
  .award-box .aw-b .icon-b{padding: 0 10px 0 0; width: 35px;}
  .award-box .aw-b .icon-b img{ width: 100%;}

  .award-box .aw-b .ht-b{font-size: 1.5rem; line-height: 1.3rem;}
  .award-box .aw-b .ht-b span{    font-size: 1.5rem;line-height: 1.5rem;}
  .profile-cont .pro-contant{ padding: 10px 0px 0px;}
	.list-box-block{flex-wrap: wrap;}
	.contact-form{ margin-bottom: 60px; padding: 0 9px;}
	.contact-form .form-group{ margin: 0px;}
  .contact-form .col-md-6{ width: 100%;
    padding: 0 0px;}
    .contact-form .col-md-12{ padding: 0 3px;}
	.footer:before{ content: ''; width: 100%; height: 57%;  left: 0; top:0; background: #f5f5f5; position: absolute;}
	 .nav-brand {left:0px; top:0px; padding: 10px;}
    .nav-brand img {width: 50px;}
   
	.footer-links{    padding-left: 0px;}
	.foot-nav h3:after{ width:55%}
	.socialm-link h3:after{ width:52%}
	
	.social-link a{margin: 5px 20px;}
	.content-b{width: 80%;}
	.content-b h2,.bolock-b .content-b h2{ font-size: 1.7rem;}
	.content-b p{font-size: .8rem;}
  .partners-sec{ padding: 40px 0;}

  .clints{justify-content: left;}
  .clints .clint-b {width: 32.7%; margin: 1px; height: auto;padding: 10px;}
	.whowe-sec{ padding: 40px 0;}
  #team{ margin-top: 0;}
  .team-b .content-box{padding:5px; text-align: center;}
  .team-b .content-box h2.name{font-size: 1rem; margin-bottom: 3px; text-align: center; width: 100%;}
  .team-b .content-box .designnation{font-size: .7rem; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; text-align: center; width: 100%; margin-bottom: 10px;}
  .team-b .link-tab{font-size: .8rem; line-height: .8rem; padding:0px; background-color: none; border: none; color:#ed1b24}
 
  .content h3,.content p,.newsletter h3,.newsletter p{ text-align: center;}
  .form-foot{ width: 100%; text-align: center;}
  .contact-form #submit{  margin: 0 auto;}
  .careerContainer-sec{padding: 40px 0;}
  .myTeam .pro-link{    flex: 0 0 48%;}
  .myTeam .pro-link .pro-foot{padding:10px 5px;}
  .myTeam .pro-link .pro-foot h3{font-size: 1.1rem;}
  .myTeam .pro-link .pro-foot p{font-size: .8rem;}
  .profile-cont .pro-contant p {font-size: 1rem;line-height: 1.5rem;text-align: justify;}
.banner-submit-banner-main .submit-banner-contant .banner-con{right: -90px;}
.apply-form{padding: 20px;}
.apply-form .form-control{padding: 8px 15px;}
.apply-form .form-group { margin-bottom: 15px;}
.btn-sub-re{font-size: 1rem;}
.blog-sec .blog-box .img-box .b-detalis{ padding: 10px;}
.blog-sec .blog-box .img-box .b-detalis .post-by,.blog-sec .blog-box .img-box .b-detalis .p-catogry{ font-size: 1rem; line-height: 1.3rem;}
.blog-sec .blog-box .img-box .b-detalis .post-date{    font-size: .8rem;}
.blog-sec .blog-box .title{ font-size: 1.2rem; line-height: 1.3rem;}
.blog-sec .blog-box .bloglist-content p{font-size: 1rem; line-height: 1.4rem;}
.careerlist{ margin: 10px 0;}
.careerlist .icon-box{ width: 60px;}
.careerlist .icon-box i.icon{ font-size:3rem;}
.careerlist .icon-box i.icon.icon-com-m{font-size:2.5rem;}
.careerlist .content-bv{ font-size: 1.2rem;}
.banner-con a.banner-btn{margin:10px auto; font-size:.8rem; padding: 7px 15px;}
.job-list-sec .job-list-body li .post-title{padding-left: 0px; font-size: 1rem;}
.job-list-sec .job-list-body li .post-title, .job-list-sec .job-list-body li .post-loction{font-size: 1rem;}
.job-list-sec .job-list-body li .post-detail a{  margin-right:0px; font-size: 1rem;}
.title-h h2{font-size: 2rem;line-height: 2.2rem;}
.title-h p{font-size: 1rem;}
.contactBox-sec .contant-boxb{ flex-wrap: wrap;}
.contactBox-sec .contant-boxb .image-b {flex: 0 0 100%;}
.contactBox-sec .contant-boxb .contant-text{ padding: 20px;}
.contry-list ul li {
  flex: 0 0 33%;}
  .blog-sec{ width: 100%; padding: 40px 0;}

  .Creative-sec-b, .Events-sec-b, .Digital-sec-b, .Retail-sec-b{padding: 20px 0;}
.Creative-sec-b h2, .Digital-sec-b h2, .Retail-sec-b h2,.Events-sec-b h2 { position: relative;  font-size: 60px; font-weight: bold; color:
#fff; }
/* .Creative-sec-b::after, .Digital-sec-b::after, .Retail-sec-b::after,.Events-sec-b::after{ display: none;} */
.Creative-sec-b a, .Digital-sec-b a, .Event a, .Retail-sec-b a{

    padding: 10px 0;
    margin: 20px 30px 20px 0;

}
 .Events-sec-b a {

    padding: 10px 0;
    margin: 20px 0 20px 30px;

}
 
.Creative-sec-b::after, .Digital-sec-b::after, .Retail-sec-b::after {
    top: -5px;
    left: 0px;
    font-size: 125px;
}
.Events-sec-b::after {
    top: 21px;
    right: -10px;
    font-size: 100px;
}
.pro-listing-sec{    padding: 10px;}
.pro-list-box li {
  flex: 0 0 47%;
  margin: 5px; padding: 0px;
}
.work-list{
   column-gap: 10px;
  column-count: 1;}
  .project-box a.link-btn{font-size: 1.5rem;}
  .project-box a.link-btn i{line-height: 2.6rem;}
  .v-all{font-size: 1rem; padding:5px 20px;}
  .footer{padding: 30px 0px 30px;}
  #conNect{ padding-left:0px; padding-right: 0px;}
  #conNect .row{ margin-left:0px; margin-right: 0px;}
  #gallery .gallery-list{-webkit-column-count: 2; -webkit-column-gap:   5px; -moz-column-gap:5px;-moz-column-count:  2;column-count: 2;}
  #gallery .gallery-list li .gallery-list img{    border-radius: 5px;}
  #gallery .gallery-list li .gallery-list{ margin-bottom: 5px;}
  .team-b .content-box button.link-tab{font-size: .8rem;line-height: 1rem;}
  .gallery-b .scale-anm a .img-vid:before{top: 50%;}
  .contry-list ul li .location-img{ width: 95px; display:none;}

}