:root {
  --primary-color: #0d3b66;
  --secondary-color: #faf0ca;
  --accent-color: #f4815e;
}
.main{
width: 100%;
height: 100vh;
margin-top: 80px;

}
ul.ul-none{
 padding-left: 0;
}
.ul-none span{
display: inline-block;
margin-right: 10px;
}
.ul-none li{
  font-size: 18px;  
  line-height: 30px;
}


.social-sharing {  
    margin: 100px auto 0;
    display: block;
    clear: both;
    text-align: center;
}
.social-sharing__title {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 3px;
    color: #333;
}
.social-sharing .icon {
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
}
.social-sharing__title {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 3px;
}
.social-sharing__link {
    display: inline-block;
    color: #000;
    color: #000;
    border-radius: 2px;
    margin: 0 18px 0 0;
    text-decoration: none;
    font-weight: 400;
}
.social-sharing img{
  vertical-align: middle;
  width: 25px;
  height: 25px;
}
.article-author-nk p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px;
    float: right;
    clear: both;
}
.article-author-nk{
  margin: 50px 0 0;  
  padding: 0 10px;
}
  

.logoo img{
width: 150px;
}
 #exampleModal{
     display: none !important;
 }
#exampleModal .modal-dialog{
    display: none !important;
}

/* portfolio-page-design-start */
.head-nav{
  display: none;
  }
  .portfolio-data{
    padding: 0;
      width: 100%;
      margin: 100px auto;
      /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */ 
      /* background: #fc5c65;
      background: #ffe5ce; */
      background: #fff;
      position: relative;
  }

  .logoo {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, -50%); 
    background: #fff;
    z-index: 9;
}
.logoo img {
  width: 150px;
  height: 100px;
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  object-fit: cover;
}




  .portfolio-data .col-lg-6{
  padding: 0;
  
  }

  .portfolio-data .container-fluid{
    padding: auto;

  }
  .portfolio-data .col-lg-6.lbg{
   background: #f7e3e3;
  }
  .campaign-no{
  font-size: 20px;
  font-weight: 600;
  }
  .justified-gallery{
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: block;

  }





/* body{
  background-color: rgba(238, 238, 238, 0.67);
} */
*{
font-family: "Roboto", sans-serif !important;
}
a{
  text-decoration: none;
}

li{
list-style-type: none;
}



/* blogs css start */


.news-lp{
  margin: 100px 0;
}
.news-lp .breadcrumb {
  margin-top: 0;
}

.news-lp .blog-banner {
  margin-top: 40px;
}

.news-lp-banner-right-cont {
  margin: 0 auto;
  padding: 40px 0 0;
  box-sizing: border-box;
}
li.list-type-none{
  list-style: none;
}

li.list-type-none::before{
  display: none;
}
.news-lp-banner-right-cont h1 {
  font-size: 52px;
  font-weight: 400;
  color: #4a4a4a;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 40px;
  line-height: 75px;
}

.news-lp-banner-right-cont a {
  font-weight: 600;
  color: #ff6000;
  display: inline-block;
  cursor: pointer;
}

.news-lp-banner-right-cont a:hover {
  text-decoration: underline;
}

.news-lp-banner-right-cont p {
  font-size: 18px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 32px;
  margin-bottom: 40px;
}
.news-lp-banner-right-cont p:last-child {
  margin-bottom: 0px;
}

.news-lp-banner-right-cont p strong {
  display: block;
  font-weight: 700;
}

.news-lp-banner-right-cont p b {
  font-weight: 700;
}

.news-lp-banner-right-cont .list-of-blog {
  margin-bottom: 20px;
  padding-left: 30px;
}

.news-lp-banner-right-cont .common-row {
  margin-bottom: 20px;
}

.news-lp-banner-right-cont .common-row .common-div-format .img-format img {
  display: block;
}

.news-lp-banner-right-cont .common-row .common-div-format .img-format {
  margin-bottom: 20px;
}

.news-lp-banner-right-cont .common-row .common-div-format .image-credit {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  margin-bottom: 20px;
  color: #686868;
}

.news-lp-banner-right-cont table {
  width: 100%;
  margin-bottom: 20px;
}

.news-lp-banner-right-cont table tr th {
  background: #eee;
}

.news-lp-banner-right-cont table tr th, .news-lp-banner-right-cont table tr td {
  padding: 7px;
  border: 1px solid #ddd;
  font-size: 19px;
  font-weight: 400;
  color: #4a4a4a;
  text-align: center;
}

.news-lp-banner-right-cont .list-of-blog li {
  font-size: 19px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 32px;
  margin-bottom: 10px;
  position: relative;
}
.blog-end{
padding: 20px 0
}


.news-lp-banner-right-cont .list-of-blog li:before {
  content: " ";
  width: 11px;
  height: 11px;
  background: url('../../www.interminddigital.com/images/web-bullet.png')no-repeat;
  position: absolute;
  left: -22px;
  top: 11px;
}

.news-lp-banner-right-cont .list-of-blog li strong {
  font-weight: 700;
  display: block;
}

.news-lp-banner-right-cont h2 {
  font-size: 20px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 20px;
}

h2.htwo-blog{
font-size: 24px;
line-height: 34px; 
font-weight: 600;
}

.news-lp-banner-right-cont h3{
  font-size: 20px;
  font-weight: 700;
}


.news-lp-banner-right-cont h2 b {
  font-weight: 700;
}

.news-lp-banner-right-cont .img-div {
  margin-bottom: 20px;
}

.news-lp-banner-right-cont .img-div img {
  width: auto;
  display: block;
  margin: auto;
}

.news-lp-cont {
  padding: 20px 0 0px;
  overflow: hidden;
  background-position: left top;
  float: left;
  width: 100%;
}

.news-lp-cont p {
  font-size: 19px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 32px;
  margin-bottom: 20px;
}

.news-lp-cont p:last-child {
  margin-bottom: 0px;
}

.news-lp-cont p a {
  font-size: 20px;
  font-weight: 600;
  color: #46c7ce;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}

.news-lp-cont p a:hover {
  text-decoration: underline;
}



#exampleModal{
display: none;
}
header .container-fluid{
  padding: 0 40px;
}
/* footer social icns start */

.ft-social .social-icons:hover svg path{
fill: #fff;
}

.ft-ul-links ul li:hover a{
color: #fff;
}
/* portfolio-item-start */

/* 
#portfolio{	
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover; 
  } */
  .head-nav{
  padding: 60px 0;
  width: 100%;
  background: #eeeeeeab;
  margin-top: 80px;
  
  
  }
  .head-nav .breadcrumb h2{
  color: #000;
  font-size: 40px;
  font-weight: 500;
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  }
  
  .breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .head-nav .breadcrumb ul li{
    display: inline-block;
    padding: 15px 8px 0;
  }
  .head-nav .breadcrumb ul li a{
    color: #000;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  }
  .head-nav .breadcrumb ul li:last-child a::after{
    display: none;
  }
  .head-nav .breadcrumb ul li a:after{
    content: '/';
    width: 10px;
    height: 10px;
    position: absolute;
    right: -19px;
  
  }

  .ps-items-showcase{
    margin-top: 0;
  }

  .head-nav-showcase{
    background: #fff;
    margin-top: 100px;
  }


  /* portfolio-item-end */
  .testimonials-ig {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 69px;
    top: 59px;
}
  .sticky-info .red-text{
    color: #1e519d;
  }

  .swiper-nk-main .slick-arrow{
position: absolute;
background: transparent;
border: none;
width: 60px;
height: 60px;

  }

  .swiper-nk-main .slick-prev {
    position: absolute;
    left: 10px;
    top: auto;
    bottom: 40px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

  .swiper-nk-main .slick-next {
    position: absolute;
    right: 10px;
    top: auto;
    bottom: 40px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}
  .swiper-nk-main .slick-arrow svg{
    width: 30px;
    height: 30px;
    color: #fff;;
  }
  .swiper-nk-main .slick-arrow svg path{
fill: #fff;
  }
  
  .testimonials-ig img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0.3;

  }
  .user-desgn h5{
    font-weight: 400;
  }

/* animated button start */

.wrapper-btn .magnet-btn {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  background: #b98d1c;
 border: none;
  transition: color 0.2s ease-in;
  overflow: hidden;
  border-radius: 3px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
} 
.wrapper-btn .magnet-btn__bg {
  position: absolute;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;  
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background-color: black;
  transform-origin: center center;
  pointer-events: none;
  border: 1px solid transparent;
  padding: 0;
}
/* header start */


.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  padding: 0px;
  box-sizing: border-box;
  background: #fff;
  height: 100px;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  display: flex;
  align-items: center;
  transition: 0.25s all linear;
}

header.sticky {
  height: 70px;
  background: #fff;
  transition: 0.25s all linear;
}

header.sticky .header-main {
  background-color: #fff;
  height: 70px;
  transition: 0.25s all linear;
}

header.sticky .logo a img.logo-normal {
  display: none;
}

header.sticky .logo a img.logo-over {
  display: block !important;
}

header.sticky .menu > .menu-item > a {
  color: #1e1e22;
}

header .menu > .menu-item > a .plus {
  border: solid #1e1e22;
  border-width: 0 2px 2px 0;
}

/* .header.sticky .menu > .menu-item {
  padding: 25px 15px;
}

.header.sticky .menu > .menu-item:hover > a {
  padding: 21px 0;
} */

.header-main {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  border-radius: 4px;
  height: 100px;
  width: 100%;
  transition: 0.25s all linear;
  display: none;
}
.header .logo {
  padding: 6px 0px;
  width: 310px;
  float: left;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .logo img {
  width: 100%;
}

.header .logo a {
  font-size: 30px;
  text-transform: capitalize;
  color: #e91e63;
  font-weight: 600;
}

.header .nav-menu {
  padding-left: 6px;
  float: none;
}



.header .menu > .menu-item {
  display: inline-block;
  position: relative;
  border-style: solid;
  margin-right: 0px;
  padding: 0;
  border: none;

}
.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  height: 60px;
  margin: 0;
  padding: 0;
}


.menu-active {
  border-bottom: 5px solid #b98d1c;
}

.header .menu > .menu-item > a {
  display: block;
  padding: 0;
  color: #1e1e22;
  text-transform: capitalize;
  font-weight: 400;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.6;
  border-bottom: 3px solid transparent;
}

.active a {
  border-bottom: 3px solid #b98d1c !important;
  padding: 36px 0 !important;
}

.header .menu > .menu-item > a .plus {
  border: solid #1e1e22;
  /* border: 1px solid #fff; */
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 6px;
  transform: rotate(45deg);
  pointer-events: none;
}

.header .menu > .menu-item > a .plus:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.header .menu > .menu-item:hover > a {
  border-bottom: 3px solid #b98d1c;
  padding: 36px 0;
}
.header.sticky .menu > .menu-item:hover > a {
  padding: 25px 0;
}

.header .menu > .menu-item > .sub-menu {
  box-shadow: 0px 0 10px rgb(0 0 0 / 20%);
  width: 234px;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  padding: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

@media(min-width: 992px) {
  .header .menu > .menu-item-has-children:hover > .sub-menu {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
  }

  .header .menu > .menu-item-has-children:hover > a .plus:after {
      transform: translate(-50%, -50%) rotate(0deg);
  }
}

.header .menu > .menu-item > .sub-menu > .menu-item {
  display: block;
}

.header .menu > .menu-item > .sub-menu > .menu-item:last-child > a {
  border-bottom: none !important;
  padding: 0px 0 0px !important;
}

.header .menu > .menu-item > .sub-menu > .menu-item > a {
  display: block;
  margin: 12px 20px;
  font-weight: 600;
  color: #000;
  transition: all 0.3s ease;
  text-transform: capitalize;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb !important;
  display: flex;
  padding: 0px 0 11px !important;
}

.header .menu > .menu-item > .sub-menu > .menu-item > a:before {
  display: block !important;
  content: '';
  width: 0;
  height: 2px;
  margin-top: 6px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #b98d1c;
}

.header .menu > .menu-item > .sub-menu > .menu-item:hover>a:before {
  width: 10px;
  margin-right: 5px;
}

.header .open-nav-menu {
  height: 34px;
  width: 40px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
nav.nav-menu li.last{
display: none !important;
}

header.sticky .open-nav-menu span {
  background-color: #1e1e22;
}

header.sticky .open-nav-menu span:before, header.sticky .open-nav-menu span:after {
  background-color: #1e1e22;
}

.header .open-nav-menu span {
  display: block;
  height: 3px;
  width: 24px;
  background-color: #000;
  position: relative;
}

.header .open-nav-menu span:before, .header .open-nav-menu span:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  box-sizing: border-box;
}

.header .open-nav-menu span:before {
  top: -7px;
}

.header .open-nav-menu span:after {
  top: 7px;
}

.header .close-nav-menu {
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  margin: 0 0 15px 15px;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}

.header .close-nav-menu img {
  width: 16px;
}

.header .menu-overlay {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.right-header-part {
  height: 100%;
  width: 100%;
  padding: 10px 20px;
  font-size: 16px;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
}

.right-header-part a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  padding: 10px;
  background: #fff;
  letter-spacing: 2px;
  line-height: 1;
  text-transform: uppercase;
  font-family: 'kenyan-coffee-rg';
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 18px;
  text-decoration: none;
}

.right-header-part a:hover .arrow span {
  width: 20px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.right-header-part a span {
  width: 0px;
  height: 2px;
  background: #fff;
  margin-left: 4px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.right-header-part a b {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
}

.logo-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.arrow {
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  margin-left: 5px;
  float: right;
  left: 0;
}

@media(max-width: 991px) {
  .header .menu-overlay.active {
      visibility: visible;
      opacity: 1;
  }

  .header .nav-menu {
      position: fixed;
      right: -280px;
      visibility: hidden;
      width: 280px;
      height: 100%;
      top: 0;
      overflow-y: auto;
      background-color: #222222;
      z-index: 1000;
      padding: 15px 0;
      transition: all 0.5s ease;
  }

  .header .nav-menu.open {
      visibility: visible;
      right: 0px;
  }

  .header .menu > .menu-item {
      display: block;
      margin: 0;
      padding: 0 !important;
  }

  .active a {
      border-bottom: 3px solid #b98d1c !important;
      padding: 12px 15px !important;
  }

  .header .menu > .menu-item:hover > a {
      padding: 12px 15px !important;
  }

  .header .menu > .menu-item-has-children > a {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .header .menu > .menu-item > a {
      color: #ffffff !important;
      padding: 12px 15px;
      border-bottom: 1px solid #333333;
  }

  header .menu > .menu-item > a .plus {
      border: 1px solid #fff !important;
      border-width: 0px 2px 2px 0px !important;
  }

  .header .menu > .menu-item:first-child > a {
      border-top: 1px solid #333333;
  }

  .header .menu > .menu-item > a .plus:before, .header .menu > .menu-item > a .plus:after {
      background-color: #ffffff;
  }

  .header .menu > .menu-item-has-children.active > a .plus:after {
      transform: translate(-50%, -50%) rotate(0deg);
  }

  .header .menu > .menu-item > .sub-menu {
      width: 100%;
      position: relative;
      opacity: 1;
      visibility: visible;
      border: none;
      background-color: transparent;
      box-shadow: none;
      transform: translateY(0px);
      padding: 0px;
      left: auto;
      top: auto;
      max-height: 0;
      overflow: hidden;
  }

  .header .menu > .menu-item > .sub-menu > .menu-item > a {
      padding: 12px 20px;
      color: #ffffff;
      border-bottom: 1px solid #333333;
  }

  .header .close-nav-menu, .header .open-nav-menu {
      display: flex;
  }
}


.get-quote{
  display: flex;
  justify-content: end;
  align-items: center;
  height: 60px;
  gap: 10px;
  }
  
  .get-quote a{
  color: #333;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px;
  }
  .get-quote .icon{
    border: 1px solid #333;
    width: 20pxc;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .icon svg{
  width: 16px;
  height: 16px;
  }
  .quote-form.cm-btnn{
  margin: 20px 0;
  }
  
  .quote-form{
    /* background: linear-gradient(to left bottom, red, #FF3E38, red, red, red); */
    background: #b98d1c;
    margin-left: 0px;
    padding: 10px 30px;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 6px;
    display: inline-block;
    color: #fff;
    border: none;
  }
  .quote-form:hover{
    color: #fff;
  }
  .quote-form span{
    color: #fff;
      font-size: 15px;
      font-weight: 400;
      
  }
  




/* slideshow start */
.hero-slideshow{
margin-top: 75px;
}



.slide-inner{
  position: relative;
}
/* .slide-inner::before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
    
} */


.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}



.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: top;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  background-repeat: no-repeat;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#fff;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{ 
  bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

/*--------------------------------------------------------------
	#hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 600px;
  transition:all .4s ease;
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h2 {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition:all .4s ease;
}


.hero-style .slide-text p {
  opacity: 0.8;
  font-family: Rajdhani;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  transition:all .4s ease;
}


.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


/*--------------------------------------------------------------
	#button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{
    background-color: #ffffff;
    font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
    padding: 9px 32px;
    border: 0; 
  border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.theme-btn-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
}

/* about us counter start */

/*about start*/
.about{
  position: relative;
}
.about .about-txt .txt-sub {
	/*color: rgb(189, 158, 107);*/
	color: #1e519d;
	font-size: 20px;
	padding: 20px 0;
	font-style: italic;
}
.about .about-txt .wrapper-btn{
  margin-left: 400px;
}
.about .about-txt{
  transform: translateY(-70px);
}

.about .about-txt .para {
	padding-right: 100px;
}

.txt-head {
	font-size: 30px;
	padding: 20px 0;
	color: #222;
	font-weight: 600;
}

.para {
	font-size: 18px;
	line-height: 30px;
	color: #222;
}

/*testimonial start*/

.testimonial-slides .testimonial-slide {
	height: 630px;
	width: 100%;
	position: relative;
}

.testimonial-slides .testimonial-slide img {
	width: 100%;
	object-position: center;
	object-fit: cover;
	height: 100%;

}

.testimonial-slides-txt p {
	display: block;
	font-size: 24px !important;
	line-height: 33px;
	text-align: center;
	color: #fff !important;
}

.testimonial-slides-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.testimonial-slides .testimonial-slide:before {
	content: "";
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

/*counter start*/

.counter-main {
  position: absolute;
  top: -14px;
  z-index: 11;
  right: 272px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.counter-h3 {
  display: block;
  font-size: 30px;
  transform: translateY(20px);
  text-align: right;
  color: #2f3542;
}

span.counter {
	font-size: 170px;
color: #b98d1c;
	/* letter-spacing: 18px; */
	letter-spacing: 10px;
  min-width: 440px;
  text-align: right;
}

.about {
	padding-top: 60px;
}

span.counter {
	font-size: 200px;
}

.about-img {
	position: relative;
  float: right;
}








/* about us start */

.about {
  padding: 167px 0 50px;
  background: #eeeeeeab;
}
.about .cm-sub-heading h2{ 
font-size: 20px;
color: #1e519d;
text-align: center;
}

.about .about-content p {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 50px;
  color: #000;
  text-align: center;
}

.image-in-span{
width: 130px;
}
.about-proposals{
padding: 100px 0;
}
.about-proposals .pr-box {
  text-align: center;
}
.about-proposals .pr-box:hover .pr-icons svg{
fill: #b98d1c;
}
.about-proposals .pr-box:hover .pr-name h3{
  color: #b98d1c;
}
.about-proposals .nk-10{  
margin: 20px 0;
display: block;
}
.about-proposals .pr-box .pr-icons {
  width: 100px;
  display: block;
  text-align: center;
  margin: 0 auto;
  height: 100px;
  background: #b98d1c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
}

.about-proposals .pr-box .pr-icons span{
  text-align: center;
}
.about-proposals .pr-box .pr-count span{
font-size: 30px;
font-weight: 700; 
color: #333;
-webkit-text-stroke: 1px;
}
.about-proposals .pr-box .pr-name h3{
font-size: 22px;
font-weight: 600;
color: #333;
}
.services-list{
padding: 20px 0;
}

/* services start */
.services{
background: #fef0e9b8;
padding: 70px 0;
}
.services .wrapper-btn{
display: inline-block;
float: right;
}
.portfolio{
  padding: 70px 0;
  /* background: #fab1a02b; */
  background: #fab1a03b;
}
 .services .h-left h6, .latest-blogs .h-left h2{
color: #fff;
}
.services .h-left h6, .portfolio .h-left h6, .latest-blogs .h-left h6{
font-size: 20px;
font-weight: 500;
color: #ff3838;

}

.services .h-left h2, .portfolio .h-left h2,  .latest-blogs .h-left h2, .about-txt h2{
  font-size: 43px;
  font-weight: 700;
  line-height: 52px;
  margin-top: 10px;
}
.list-services{
  margin: 40px 0;
  position: sticky;
  top: 100px;
}
.services-list-col {
  display: flex;
  justify-content: none;
  align-items: start;
  gap: 20px;
  color: #fff;
  border-bottom: 1px solid #777;
  padding: 45px 0px;
  transition: 0.3s all linear;
  flex-direction: column;
 
}
.services-list-col#digital, .services-list-col#sports-marketing{
  border: none;
}

.services-rw-top{
margin-top: 30px;
}
.services-tl{
  display: flex;
  justify-content: none;
  align-items: center;
}

.d-media{
transition: 0.40s all linear;
}

.services-no span, .services-title h2, .servicves-desc p{
  color: #333;
}

.services-no:hover span, .services-title h2, .servicves-desc p{
  color: #333;
}
.servicves-desc a{
  color: #1e519d;
  font-weight: 600;
}
.services-no span{
  font-size: 25px;
  font-weight: 600;
}

.servicves-desc{
  width: 100%;
  float: right;
  margin: 0 auto;
  display: block;
  text-align: left;
}

.services-title{
margin-left: 40px;
width: 100%;
}
.services-title h2{
  font-size: 31px;
  line-height: 40px; 
}
.arrow{
  display: none;
}
.arrow img{
transform: rotate(-30deg);
opacity: 0.3;
width: 80%;
}
.transition{
margin-top: 0px;
display: none;
transition: 0.30s all linear;
position: relative;
top: 50%;
transform: translateY(-50%);

}

.mt-0{
margin-top: 20;
}

/* .mt-1{
  margin-top: 120px !important;
  }
  .mt-2{
    margin-top: 220px !important;
    }

    .mt-3{
      margin-top: 320px !important;
      }

      .mt-4{
        margin-top: 420px !important;
        }

        .mt-5{
          margin-top: 480px !important;
          }
          .mt-6{
            margin-top: 750px !important;
            }
          .mt-7{
            margin-top: 850px !important;
            } */



.transition img{
  border-radius: 20px;
  transform: rotate(10deg);
  display: block;
  margin: 0 auto;

}

.services-list-col:hover .services-no span,
.services-list-col:hover .services-title h2,
.services-list-col:hover .servicves-desc p {
transition: 0.3s all linear;

}
.services-list-col:hover .arrow img{
opacity: 1;
transition: 0.3s all linear;
transform: none;
}


/* portfolio start */
  /* work css */
  .work{
    background: #fff7bd78;
    padding:  80px 0;
   }
   .work .cm-left-heading h2{
       font-weight: 600;
       font-size: 70px;
       line-height: 80px;
       color: #000;
       text-transform: uppercase;
   }

  
   .workbox{
     margin: 60px 0 0;
   }

   .workbox .work-showcase .work-screenshot img{
       /* border-radius: 30px; */
       /* padding: 10px; */
       width: 95%;
       object-fit: cover;
       object-position: center;
   }
   .workbox .work-showcase .work-screenshot{
       position: relative;
       /* overflow: hidden; */
   }
   .work-screenshot img{
  position: relative;
  width: 100%;
  opacity: 0;
  /* overflow: hidden; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   .work-screenshot::after{
       content: "";
       position: absolute;
       width: 100%;
       height: 0%;
       top: 0;
       left: 0;
       background: #ffd800;
   }
   .workbox .work-showcase.ws-2, .workbox .work-showcase.ws-4{
       margin-top: 70px;

   }

   .workbox .work-showcase{
       margin-bottom: 30px;
   }
   .workbox .work-showcase .work-description{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 95%;
   margin: 20px 0px;
   }

   .workbox .work-showcase .work-description .work-titile h3{
       font-size: 28px;
text-transform: uppercase;
font-weight: 700;

   }

   .workbox .work-showcase .work-description .work-include span {
    background: #000;
    color: #fff;
    border-radius: 40px;
    padding: 14px 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.6px;
}

/* testimonial start */
.testimonials {
  padding: 50px 0 0;
}

.head-center{
text-align: center;
margin-bottom: 40px;
}

.head-center h2{
  font-size: 43px;
    font-weight: 700;
    line-height: 52px;
    margin-top: 20px;
}
.testimonials .mySwiper{
overflow-x: hidden;
}
.mySwiper{
  padding: 88px 0 0;
}
.testimonials .swiper-wrapper{
  background: #1e519d; 
  height:auto;
}
.user-info-desc{
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background: #1e519d;
height: 100%;
padding: 0 40px;
}
.user-info .user-img {
  position: relative;
  top: -88px;
  display: block;
}
.colon-svg {
  position: static;
  top: -93px;
  left: 417px;
  right: auto;
  width: 60px;
  z-index: 9;
  display: inline-block;
  margin-right: 27px;
  transform: translateY(-27px);
  display: none;
}
.user-info .user-img img{
  width: 100%;
margin: 0 auto;
display: block;
}


.testimonials .mySwiper {
  overflow-x: hidden;
  position: relative;
  top: -100px;
}

.nkSwiper{
overflow-x: hidden;
}

.testimonials .swiper-slide{
padding: 0px 100px;
}

.user-name h2, .user-desgn h5{
color: #fff;
}
.slider-bx{
padding: 60px;
}
.testimonials-content p{
  color: #eee;
  font-size: 18px;
  line-height: 30px;
}
.testimonials {
  position: relative;
}
.testimonials .swiper-nk-next {
  position: absolute;
  left: 42%;
  right: auto;
  top: 77%;
  background: #fff;
  width: 50px;
  height: 50px;
  background: url(../images/left-arrow-white.html);
  z-index: 99;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(180deg);
}
.testimonials .swiper-nk-prev {
  position: absolute;
  left: auto;
  right: 57%;
  top: 77%;
  background: #fff;
  width: 50px;
  height: 50px;
  background: url(../images/left-arrow-white.html);
  z-index: 99;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonials .swiper-slide.swiper-slide-prev, .testimonials .swiper-slide.swiper-slide-next{
  opacity: 0 !important;
}

.clients .swiper-slide{
border: 1px solid #ddd;
}
.clients .siper-logos img{
  
    width: 70%;
    margin: 0 auto;
    display: block;
    background: #fff;

}
.clients {
  position: static;
  top: -100px;
  display: none;
}
.clients.nk{
    display: flex;
}


.clients .container-fluid {
overflow-x: hidden;
padding: 0;
}
.clients .siper-logos{
height: auto;
display: flex;
justify-content: center;
align-items: center;
}

footer{
  background: #1C1C1C;
  padding: 0px 0;
  margin: 60px auto 0;
}
.ft-contact-btn {
  margin: 60px auto;
  text-align: center;
  display: block;
  width: 50%;
}
.ft-contact-btn span, .cm-btn span{
/* background-color:#ff3838; */
/* background: linear-gradient(to left bottom, #ff3833, #fd4c47, #f95d5a, #f46d6b, #ee7b7b); */
/* background: linear-gradient(to bottom, #ff3833, #fd4c47, #f95d5a, #f46d6b, #ee7b7b); */
/* background: linear-gradient(to left bottom, #ff3833, #fe4541, #fc514f, #f95d5b, #f66767); */

/* background: linear-gradient(to left bottom, red, #FF3E38, red, red, red); */

background: #b98d1c;
width: 130px;
height: 130px;
border-radius: 50%;
color: #fff;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.60s all ease-in-out;
}
.cm-btn img, .ft-contact-btn img{
  width: 25px;
  transform: rotate(-87deg);
  margin-left: -22px;
  margin-top: -32px;
  opacity: 0;
}

.ft-contact-btn img{
  opacity: 1;
}
.cm-btn{
  float: right;
    margin-right: 100px;
    margin-top: 37px;
  
}
.cm-btn:hover img{
  opacity: 1;
}
.cm-btn:hover span{
  /* background: linear-gradient(to left bottom, red, #FF3E38, red, red, red); */

  background: linear-gradient(to bottom, #ff3833, #f8452a, #f14f21, #e95817, #e1600d);
  opacity: 1;
  border: 1px solid transparent;
  transition: 0.20s all ease-in-out;
  
}
.cm-btn span{
  background: transparent;
    border: 1px solid #777;
    /* opacity: 0.7; */
}

.portfolio .cm-btn span{
color: #777;
opacity: 1;
}

.portfolio .cm-btn:hover span{
  color: #fff;
}
.ft-off-timings{
margin: 40px 0;
}

.ft-off-timings p.tm{
color: #fff;
font-size: 18px; 
font-weight: 700; 
text-align: center;
letter-spacing: 1.1px;
}

.ft-off-timings p.dy{
  color: #999;
  font-size: 20px; 
  font-weight: 400; 
  text-align: center;
  letter-spacing: 1.1px;
}
footer .ft-links p, .ft-ul-links ul li a, .ft-address span a {
color: #999;
}
.ft-address span {
  display: inline-block;
  margin-left: 5px;
}
.pd-50{
padding: 100px 80px !important;
}
.ft-ul-links ul{
  margin: 0;
  padding: 0;
}
.ft-link-head h2{
color: #fff;
}
.ft-contact h3{
color: #fff;
font-size: 38px;
line-height: 50px;
text-align: center;
}
.ft-wrap {
padding: 100px;
}
/* .ft-links{
padding: 20px;
} */
.ft-link-head h2{
  font-size: 22px;
  display: block;
  margin-bottom: 30px;
}

.ft-description{
width: 80%;
}

.ft-address strong {
color: #999;
font-weight: 600;
}
.ft-links.mt-10{
margin-top: 30px;
}
hr{
  color: #777;
  opacity: 1;
}

.ft-ul-links ul li{
  margin-bottom: 14px;
}
.social-icons svg{
fill: #999;
width: 20px;
height: 20px;
}

.ft-social{
display: flex;
gap: 30px;
align-items: center;
justify-content: start;
margin-top: 75px;
}
.copyright{
  margin-top: 80px;
  

}
.copyright p , .copyright-bt p{
color: #999;
text-align: center;
display: block;
margin: 0 auto;
}

.ad-fl{
display: flex;
justify-content: start;
align-items: center;
gap: 50px;
}
footer .col-lg-2{
position: relative;
left: -20px
}

/* latest blogs start */
.latest-blogs {
 background:  #eeeeee59;
 padding: 70px 0 ;
}
.blog-list{
margin: 60px 0;
}
.blog-bx .blog-image{
  width: 100%;
height: 100%;
position: relative;
}
.blog-bx .blog-image img{
 height: 550px;
 width: 500px;
object-position: center;
object-fit: cover;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
display: block;

}
.blog-info p{
padding-right: 70px;
}
.blog-bx .rd-btn {
  position: absolute;
  right: 126px;
  bottom: -24px;
}

.blog-bx .rd-btn span{
  /* background: #1e519d; */
    background: #b98d1c;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.blog-info p {
  width: 80%;
  text-align: left;
  font-size: 16px;
  margin-top: 20px;
}

.blog-bx .rd-btn span svg{
  width: 15px;
  height: 15px;
  fill: #fff;
 
}
.blog-btn .wrapper-btn .magnet-btn{
width: 90px;
height: 90px;
font-size: 13px;
}
.blog-info{
margin-top: 40px;
}
.blog-btn{
  position: relative;
  right: 120px;
  float: right;
  bottom: 70px;
}
.blog-btn .wrapper-btn .magnet-btn 
.blog-info{
margin-top: 40px;
}
.blog-info h2{
color: #333;
font-size: 25px;
line-height: 34px;
font-weight: 600;
text-align: left;
width: 80%;
}

/* whatsapp cta */

/*******************************************/

#wpdiv{
  display: none;
}
#wpdivs {
  display: block;  
}

.cbh-phone {
  position: fixed;
  left: 30px;
  bottom: 100px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  cursor: pointer;
  z-index: 99;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: visibility .5s;
  -moz-transition: visibility .5s;
  -o-transition: visibility .5s;
  transition: visibility .5s;
}

.cbh-phone {
  visibility: visible;
}

.cbh-phone .cbh-ph-circle {
  width: 110px;
  height: 110px;
  top: 40px;
  left: 40px;
  position: absolute;
  background-color: transparent;
  
  opacity: .1;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
  -moz-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
  -ms-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
  -o-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
  animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
}

.cbh-phone .cbh-ph-circle-fill {
  width: 74px;
  height: 74px;
  top: 58px;
  left: 58px;
  position: absolute;
  background-color: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
  opacity: 0!important;
}

.cbh-phone .cbh-ph-img-circle1 {
  width: 90px;
  height: 90px;
  top: 0px;
  left: 0px;
  position: absolute;
  background: url('https://www.gstatic.com/partners/badge/images/2025/PartnerBadgeClickable.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  opacity: 1;
  -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
  -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
  -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
  -o-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
  animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
}

@-moz-keyframes cbh-circle-anim {
  0% {
      -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
      opacity: .1;
      -moz-opacity: .1;
      -webkit-opacity: .1;
      -o-opacity: .1;
  }

  30% {
      -moz-transform: rotate(0deg) scale(.7) skew(1deg);
      opacity: .5;
      -moz-opacity: .5;
      -webkit-opacity: .5;
      -o-opacity: .5;
  }

  100% {
      -moz-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: .6;
      -moz-opacity: .6;
      -webkit-opacity: .6;
      -o-opacity: .1;
  }
}

@-webkit-keyframes cbh-circle-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
      -webkit-opacity: .1;
  }

  30% {
      -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
      -webkit-opacity: .5;
  }

  100% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
      -webkit-opacity: .1;
  }
}

@-o-keyframes cbh-circle-anim {
  0% {
      -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
      -o-opacity: .1;
  }

  30% {
      -o-transform: rotate(0deg) scale(.7) skew(1deg);
      -o-opacity: .5;
  }

  100% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
      -o-opacity: .1;
  }
}

@keyframes cbh-circle-anim {
  0% {
      transform: rotate(0deg) scale(0.5) skew(1deg);
      opacity: .1;
  }

  30% {
      transform: rotate(0deg) scale(.7) skew(1deg);
      opacity: .5;
  }

  100% {
      transform: rotate(0deg) scale(1) skew(1deg);
      opacity: .1;
  }
}

@-moz-keyframes cbh-circle-fill-anim {
  0% {
      -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }

  50% {
      -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
      opacity: .2;
  }

  100% {
      -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }
}

@-webkit-keyframes cbh-circle-fill-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }

  50% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: .2;
  }

  100% {
      -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }
}

@-o-keyframes cbh-circle-fill-anim {
  0% {
      -o-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }

  50% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: .2;
  }

  100% {
      -o-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }
}

@keyframes cbh-circle-fill-anim {
  0% {
      transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }

  50% {
      transform: rotate(0deg) scale(1) skew(1deg);
      opacity: .2;
  }

  100% {
      transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: .2;
  }
}

@keyframes cbh-circle-img-anim {
  0% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }

  10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
      transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
      transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,50% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }
}

@-moz-keyframes cbh-circle-img-anim {
  0% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }

  10% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,50% {
      -moz-transform: rotate(0deg) scale(1) skew(1deg);
  }
}

@-webkit-keyframes cbh-circle-img-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }

  10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,50% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
}

@-o-keyframes cbh-circle-img-anim {
  0% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
  }

  10% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  20% {
      -o-transform: rotate(25deg) scale(1) skew(1deg);
  }

  30% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }

  40% {
      -o-transform: rotate(25deg) scale(1) skew(1deg);
  }

  100%,50% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
  }
}

.cbh-phone .cbh-ph-circle {
  border-color: rgb(64 195 81);
}

.cbh-phone .cbh-ph-circle-fill {
  background-color: rgb(64 195 81);
}

.cbh-phone .cbh-ph-img-circle1 {
  background-color: transparent;
}


/* POPUP START */


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 100;
  display: none;
}

.common-popup .left-image-part img {
  display: block;
  border-radius: 15px 0 0 15px;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.common-popup .left-image-part {
  height: 100%;
  display: block;
}

.common-popup .close-btn {
  width: 30px;
  height: 30px;
  background: #ff3838;
  position: absolute;
  top: -19px;
  right: -14px;
  border-radius: 100%;
  border-width: 0;
  color: #fff;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  opacity: 1;
}
.common-popup .close-btn svg {
  width: 24px;
  height: 24px;
}

.common-popup .modal-content {
  border-radius: 15px;
}

.count-main {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.common-popup .content-popup .request-demo-from {
  padding: 66px 44px;
}

.common-popup .content-popup .request-demo-from h3 {
  font-size: 36px;
  color: #ff3838;
  font-weight: 700;
  margin-bottom: 20px;
}

.common-popup .content-popup .request-demo-from p {
  font-size: 17px;
  color: #606060;
  font-weight: 700;
  margin-bottom: 25px;
}

.common-popup .content-popup .request-demo-from p a {
  color: #606060;
  text-decoration: none;
  font-weight: 800;
}

.common-popup .content-popup .request-demo-from .mb-3 {
  margin-bottom: 18px;
}

.common-popup .content-popup .request-demo-from input,
.common-popup .content-popup .request-demo-from textarea {
  padding: 18px 26px;
  border: 1px solid #606060;
  border-radius: 10px;
  font-size: 16px;
  color: #606060;
  font-weight: 400;
  outline: 0;
}

.common-popup .content-popup .request-demo-from textarea {
  resize: none;
  width: 100%;
}

.common-popup .content-popup .request-demo-from .red-btn {
  display: block;
  text-align: center;
  color: #fff;
  border: 2px solid transparent;
}

.common-popup .content-popup .request-demo-from .red-btn:hover {
  color: #fd4c5c;
  border-color: #fd4c5c;
}

.common-popup .content-popup .request-demo-from input::-webkit-input-placeholder,
.common-popup .content-popup .request-demo-from textarea::-webkit-input-placeholder {
  color: #606060;
}

.common-popup .content-popup .request-demo-from input:-ms-input-placeholder,
.common-popup .content-popup .request-demo-from textarea:-ms-input-placeholder {
  color: #606060;
}

.common-popup .content-popup .request-demo-from input::placeholder,
.common-popup .content-popup .request-demo-from textarea::placeholder {
  color: #606060;
}

.modal.request-demo-popup .modal-dialog {
  max-width: 1000px;
}

.modal.request-demo-popup .modal-dialog .modal-body {
  padding: 0;
}

.common-popup .content-popup .request-demo-from input.quote-form {
color: #fff;
border: none;
outline: none;
}


/* portfolio */



/* about us page start */

.cm-top-banner {
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: 100px;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat !important;
}
/*.cm-top-banner#about{*/
/*  background: url(../images/About-us-banner.jpg);*/
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/

/* .cm-top-banner#print{
  background: url(https://prachar.in/wp-content/uploads/2023/06/1-2-copy.webp);
  background-size: cover;
  background-position: center;  
  
} */
/* 

.cm-top-banner#clients{
  background: url('https://prachar.in/wp-content/uploads/2024/06/FINAL-CLIENTS.jpg');

}
.cm-top-banner#contact{
  background: url('https://prachar.in/wp-content/uploads/2024/06/Contact-us-1.jpg');

}

.cm-top-banner#sports-marketing{
  background: url('https://prachar.in/wp-content/uploads/2023/01/1.jpg');

}
.cm-top-banner#career{
  background: url('https://prachar.in/wp-content/uploads/2024/05/Career-banner.jpg');
}
.cm-top-banner#blogs{
  background: url('../images/blog.jpg');
} */

.cm-top-banner#media{

  background: url(https://www.prachar.in/wp-content/uploads/2023/01/1.jpg);
  background-size: cover;
  background-position: center;
}

.cm-top-banner#digital{
  background: url('https://www.prachar.in/wp-content/uploads/2023/01/1.jpg');

}
.cm-top-banner#portfolio{
  background: url('https://www.prachar.in/wp-content/uploads/2024/06/FINAL-PORTFOLIO.jpg');
}
.cm-top-banner#celebrity-endorsements{
  background: url('https://www.prachar.in/wp-content/uploads/2023/02/3-1.jpg');
}
.cm-top-banner#print::before{
display: none;
}

.cm-top-heading{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
margin: 0 auto;
display:none;
}

.cm-top-heading h2{
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  
}
/*.cm-top-banner::before{*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  top: 0;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  background: rgb(143 31 31 / 50%); */
/*}*/
 .about-us-page {
  padding: 100px 0;
 }
.cm-sec h2, .cm-headd h2{
color: #333;
font-size: 43px;
    font-weight: 700;
    line-height: 52px;

}

.cm-sec h1, .cm-headd h1{
  color: #333;
  font-size: 43px;
      font-weight: 700;
      line-height: 52px;
  
  }
.cm-sec p{
  font-size: 18px;
  line-height: 30px;
  color: #222;
  padding: 10px 0;
}
.cm-sec p strong{
  font-weight: 700;
color: #1e519d;
}
.about-image img{
padding: 20px;
}


.prinicples-ig img{
  width: 100%;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  object-fit: cover;
object-position: center;
border-radius: 50%;
display: block;
}


.our-principals {
  background-color: #fef0e9b8;
  padding: 50px 0;
}

.pr-content {
  background-color: #1e519d;
  border-radius: 100px;
  width: 100%;
  padding: 15px;
  margin: 20px -29px 45px;
}
.pr-content-fl .pr-icons{
width: 20%;
display: inline-block;

}
.pr-content-fl .pr-info{
  width: 78%;
  display: inline-block;
}
.pr-content-fl .pr-icons img{
width: 40px;
filter: brightness(120);
}
.cm-headd{
margin-bottom: 20px;
}
.pr-info h3{
font-size: 18px;
line-height: 28px;
font-weight: 600;
color:#FFF;
}
.team-sec .team-ig img{
width: 100%;
object-fit: cover;
object-position: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.col-lg-4 .team-ig{
padding: 50px 66px 0;
}
.our-team{
  padding: 50px 0 50px;
}

.our-team .team-1 .team-ig,
.our-team .team-2 .team-ig,
.our-team .team-3 .team-ig,
.our-team .team-4 .team-ig{
padding: 20px;
}

.team-desc{
text-align: center;
padding: 20px 0;
}
/*------------------------------------------------------------------------------*/
/* services start */

.services-info{
background-color: #FEF0E9B8;
padding: 70px 0;
}
.services-info .services-plans-info h2{
color: #333;
font-size: 40px;
font-weight: 700;
margin-bottom: 30px;
}
.services-wrapper-block{
border-bottom: 1px solid #333;
padding: 40px 0;
overflow: hidden;

}
.services-wrapper-block.border-none{
  border-bottom: none;
}
.services-info .services-plans-info p{
  font-size: 16px;
  line-height: 28px;
}

.services-plans-media{
 display: block;
  object-fit: cover;
  object-position: top;
  

}

.services-plans-media img{
  width: 100%;
  height: 280px;
object-fit: cover;
object-position: top;
}
.services-plans-media{
  position: relative;
}
.services-plans-media:before{
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.1);
  position: absolute;
  top: 0;
  left: 0;

}
.services-plans-media .wrapper-btn .magnet-btn{
width: 90px;
height: 90px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.services-plans-wrapper{
position: relative;
right: 0;
}

/* portfolio gallery start only for services page */


.gallery-item {
  width: 300px;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.cm-services-block{
  padding: 100px 0;
}
.cm-services-media{   
width: 400px;
height: 400px;
float: right;
}

.cm-services-media.sports-mkt{
width: 500px;
height: 500px;
float: right;
}


.cm-services-media img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.cm-services-media.media{
  width: 500px;
  height: 500px;

}
.cm-services-info h2{
font-size: 28px;
font-weight: 600;
line-height: 38px;
}

.cm-services-info p{
font-size: 18px;
line-height: 28px;
margin-top: 40px;
}


.cm-work-librery{
  padding: 70px 0;
  background-color: #eeeeee85;
}

.cm-work-librery .cm-headd {
  margin-bottom: 100px;
}
.services-list ul{
  margin: 0;
  display: block;
  column-count: 2;
  padding: 0;
}

.services-list ul li{
margin-bottom: 20px;
font-size: 18px;
position: relative;
margin-left: 20px;
}

.services-list ul li::before {
  content: '';
  position: absolute;
  background: url(../images/tick.png);
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  top: 8px;
  left: -30px;
}
.video-popup{
  margin-top: 50px;
}
.video-popup video{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
cursor: pointer;
}
.video-popup{
height: 300px;
}
.digital-work-ig img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.celebrity-lists .celebrity-ig .wrapper-btn .magnet-btn{
width: 80px;
height: 80px;
}
.celebrity-lists .celebrity-ig .wrapper-btn .magnet-btn span, .celebrity-lists .celebrity-ig .wrapper-btn .magnet-btn__bg{
  font-size: 13px;
}
.celebrity-lists .celebrity-ig{
  position: relative;
}
.celebrity-lists .celebrity-ig::before{
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.celebrity-lists:hover .celebrity-ig::before{
opacity: 1;
}
.celebrity-lists .celebrity-ig .wrapper-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
}
.celebrity-lists:hover .celebrity-ig .wrapper-btn{
  opacity: 1;
}
.celebrity-lists .celebrity-name{
  text-align: center;
  padding: 20px 0;
  display: none;
}

body.celebrity-ed .celebrity-lists .celebrity-name{
display: block;
}
.celebrity-lists .celebrity-name h3{
  color: #333;
  font-size: 22px;
  font-weight: 600;
}
.celebrity-lists:hover .celebrity-name h3{
color: #1e519d;
}
.celebrity-lists{
  margin-bottom: 50px;
}
.portfolio-data{
  background:#fef0e9b8;
}

.hero-slideshow{
  display: block;
  background: #eeeeeeab;
}
.hero-slideshow-mb{
  display: none;
}
.impression-count .impression-bx .impression-ig{
  width: 70px;
  height: 70px;
  background: #ffcccc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.impression-ig img{
  width: 35px;
  }
  .pr-head-para-info{
  border-bottom: 1px solid #ddd;
  }
  .pr-head-para-info ul li {
    font-size: 16px;
    list-style-type: circle;
    font-weight: 500;
    line-height: 26px;
}
  h2.sticky-info-hto{
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  }

  .pr-head-para-info b{
    color: #1e519d;
  }
  .pr-row h2{
    font-size: 30px;
    line-height: 32px;
    padding: 20px 0;
    font-weight: 700;
  }
.prortfolio-nxt{
  margin: 50px 0;
}
.prty-heading h3 {
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  line-height: 28px;
}
.prty-heading{
  margin: 0 0 40px;
}
.prt-img{
  width: 300px;
}
.prt-img img{
max-width: 100%;
height: auto;

}

.prt-img {
  width: 100%;
  margin-bottom: 20px;
}

.impression-bx-lst{
  display: flex;
  gap: 20px;
  justify-content: start;
  align-items: center;
}
/*.impression-info h3{*/
/*  height: 50px;*/
/*}*/
.portfolio-data-sc{
/* border-top: 2px solid #333; */
/* border-top: 2px solid #b99; */
}

.prty-main-heading h3{
  font-size: 30px;
  line-height: 32px;
  padding: 20px 0;
  font-weight: 700;
}

.prty-main-heading p{
  font-size: 18px;
  line-height: 28px;
  padding: 10px 0;
  font-weight: 500;
  margin: 10px 0;
}

.prty-main-heading {
  text-align: center;
  width: 500px;
  margin: 0 auto 50px;
}
.pr-nxt .prt-img{
width: 300px;
height: 300px;
}

.pr-nxt .prt-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  }
  .copyright-bt{
    display: none;
    }
    

    /* contact start */
    .contact-st{
   padding: 70px 0 0;
   background: #eeeeee59;
    }

    .ct-wrap{
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      background: #fff;
      padding: 20px;
      border-radius: 20px;
      background: #f4eee791 !important;
    }
    .contact-st p, .contact-st p a{
      font-size: 18px;
      font-weight: 500;
    }

    .ct-address-info{
    padding: 30px 10px;
    }

    .contact-sec1 {
      padding: 180px 0 110px;
      overflow: hidden;
  }
  
  .contact-sec1 h1 {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 50px;
      color: #1ba4ba;
      margin-top: 5px;
      margin-bottom: 80px;
      text-align: center;
  }
  
  .cont-sec1-row, .com-location-adresss {
      display: flex;
      align-items: start;
      margin-bottom: 20px;
      height: 50px;
  }
  
  .cont-sec1-row-img, .com-location-adresss .cont-sec1-row-img {
      margin-top: 0px;
      margin-right: 30px;
  }
  
  .com-location-adresss .cont-sec1-row-img {
      margin-top: 0px;
  }
  
  .com-location-adresss .cont-sec1-row-img svg {
      width: 18px;
      height: 18px;
      color: #ff6000;
  }
  
  .last-address .com-location-adresss .cont-sec1-row-img {
      margin-top: 8px;
  }
  
  .last-address .com-location-adresss {
      margin-top: 18px;
  }
  
  .contact-sec1 .cont-sec1-row.second-address {
      margin-top: 35px;
  }
  

    .cont-sec1-row p {
  
      font-weight: 400;
      font-size: 18px;
      color: #4a4a4a;
      line-height: 30px;
      margin-top: 0;
      margin-bottom: 0;
      padding-right: 60px;
  }
  
  .cont-sec1-row p span, .cont-sec1-row h2 {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
  }
  
  .cont-sec1-row h2 {
      font-size: 18px;
      color: #4a4a4a;
      line-height: 30px;
  }
  
  .cont-sec1-row p b {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      margin: 10px 0 4px;
      display: block;
  }
  
  .cont-sec1-row a {
  
      font-weight: 400;
      font-size: 18px;
      color: #4a4a4a;
      line-height: 30px;
      margin-top: 0;
      margin-bottom: 0;
      text-decoration: none;
  }
  
  .cont-sec1-row.comm-address {
      display: block;
  }
  
  .contact-sec2 {
      background: url(../images/write-us-mess-bg.html) no-repeat;
      padding: 120px 0 115px;
      overflow: hidden;
      background-size: cover;
      position: relative;
  }
  
  .contact-sec2-right {
      background: #fff;
      padding: 50px;
      width: 50%;
      margin: 0 auto;
      border-radius: 10px;
      box-sizing: border-box;
  }
  
  .contact-sec2-right h1 {
      font-family: 'kenyan-coffee-rg';
      font-weight: 400;
      font-size: 80px;
      color: #fff;
      padding: 0;
      text-align: left;
      letter-spacing: 2px;
      position: relative;
      text-transform: uppercase;
  }
  
  .contact-sec2-right p {
      font-family: 'Barlow', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      line-height: 1.6;
      margin-top: 50px;
  }
  
  .contact-sec2-top {
      text-align: center;
  }
  
  .contact-sec2-top h4 {
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 50px;
      color: #1ca4ba;
      line-height: 56px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  
  .contact-sec2-top h5 {
  
      font-weight: 700;
      font-size: 22px;
      color: #ff6000;
      line-height: 25px;
  }
/* conatct form */
.send-to-laboredge .left-side-map iframe {
  width: 100%;
  height: 462px;
}

.send-to-laboredge .left-side-map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.send-to-laboredge .send-to-form {
  /* background: #fff; */
  background-color: #f4eee791 !important;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 22px 11px #f8f8f8;
  -moz-box-shadow: 0 0 22px 11px #f8f8f8;
  box-shadow: 0 0 22px 11px #f8f8f8;
  padding: 65px 60px;
  margin-top: 40px;
}

.send-to-laboredge .send-to-form .heading2 {
  font-size: 40px;
  margin-bottom: 46px;
  font-weight: 700;
}

.send-to-laboredge .send-to-form .form-content .mb-3 {
  margin-bottom: 22px !important;
}

.send-to-laboredge .send-to-form .form-content .form-control {
  padding: 23px 33px;
  border-radius: 10px;
  background: #f8f8f8;
  outline: 0;
  border: 0;
  font-size: 16px;
  color: #606060;
  font-weight: 500;
  resize: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.send-to-laboredge .send-to-form .form-content input.quote-form {
  padding: 16px 47px;
  cursor: pointer;
  margin-top: 30px;
  background: #b98d1c;
  margin-right: 32px;
  margin-left: 18px;
  padding: 10px 30px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 6px;
  display: inline-block;  
  border: none;
  color: #fff;

}

.send-to-laboredge .send-to-form .form-content .red-btn.submiting_btn {
  padding: 13px 47px;
}
.work-bx{
  margin: 20px 0;
  display: block;
}

.work-bx h2{
  font-size: 50px;
  font-weight: 700;
  color: #333;
}
.work-mail{
margin: 70px 0;
}
.work-bx h2{
width: 300px;
}
.work-bx {
  width: 100%;
  display: flex;
  align-items: start;
  flex-direction: column;
}
.work-bx{
  margin: 70px 0;
}


.work-bx p{
  margin-bottom: 0;
}
.work-bx p a {
  color: #e95817;
  font-size: 28px;
  font-weight: 600;
}

.para-wrap p{
font-size: 18px;
line-height: 28px;

}
/* social-media-icons-css-st */

.footer-soci-icon {
  display: flex;
  margin: 30px 0;
  gap: 40px;
}

.footer-soci-icon a {
  color: #fff;
  text-decoration: none;
}

.footer-soci-icon .footer-fb, .footer-soci-icon .footer-twitter, .footer-soci-icon .footer-instagram, .footer-soci-icon .footer-linkedin {
  transition: 0.25s all linear;
}

.footer-soci-icon .footer-fb:hover, .footer-soci-icon .footer-twitter:hover, .footer-soci-icon .footer-instagram:hover, .footer-soci-icon .footer-linkedin:hover {
  transition: 0.25s all linear;
  color: #1bc7e4;
}

.footer-soci-icon .footer-fb:hover svg, .footer-soci-icon .footer-twitter:hover svg, .footer-soci-icon .footer-instagram:hover svg, .footer-soci-icon .footer-linkedin:hover svg {
  color: #1bc7e4;
}

.footer-fb {
  width: 20px;
  height: 20px;
  background: #e95817;
  border-radius: 50%;
  padding: 15px;
  margin: 0 5px;
  cursor: pointer;
}

.footer-fb svg {
  width: 20px;
  height: 20px;
}

.footer-fb:hover svg {
  fill: #000;
}

.footer-twitter {
  width: 20px;
  height: 20px;
  background: #1bc7e4;
  border-radius: 50%;
  padding: 15px;
  margin: 0 5px;
  cursor: pointer;
}

.footer-instagram {
  width: 20px;
  height: 20px;
  background: #1bc7e4;
  border-radius: 50%;
  padding: 15px;
  margin: 0 5px;
  cursor: pointer;
}

.footer-linkedin {
  width: 20px;
  height: 20px;
  background: #1bc7e4;
  border-radius: 50%;
  padding: 15px;
  margin: 0 5px;
  cursor: pointer;
}
.cm-ft-links{
  width: 50px;
  height: 50px;
  /* background: #e95817; */
  background:#b98d1c;
  border-radius: 50%;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
  cursor: pointer;
  gap: 40px;
}
.footer-linkedin img {
  width: 20px;
  height: 20px;
}
/* clients page st */
.clients-bx{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 10px;
  margin: 20px auto;
  padding: 10px;
}
.clients-lg{
padding: 70px 0 70px;
}
.clients-lg .cm-headd h2{
text-align: center;
font-size: 30px;
}

/* client-page-testimonial */

.clients-testimonials-slider{
margin: 100px 0 60px;
}
.single-testimonial-style3 .inner-content {
  position: relative;
  display: block;
  background: #fef0e959;
  padding: 50px 40px 48px;
  z-index: 1;
  border-radius: 10px;
}

.single-testimonial-style3 .inner-content:before {
  content: "";
  position: absolute;
  bottom: 38px;
  right: 40px;
  background: url('../images/quote1.png');
  color: #f6f6f6;
  font-size: 120px;
  line-height: 90px;
  z-index: 1;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.single-testimonial-style3 .text-box-wrapp {
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 21px;
}

.testimonial-item {
  padding: 0 10px;
}
.content-stars{
display: none;
}
.content-stars i {
  color: #f80;
}

.content-stars.four-star i:last-child {
  color: #828282 !important;
}


.single-testimonial-style3 .text-box-wrapp .text-box.expanded {
  max-height: none;
  transition: all 0.7s;
}

.single-testimonial-style3 .text-box-wrapp .moreless-button {
  transition: all 0.7s;
  font-weight: bold;
  color: #828282;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.single-testimonial-style3 .text-box-wrapp .moreless-button:hover {
  color: #A80014;
}

.single-testimonial-style3 .client-info .title h3 {
  color: #504d4d;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 2px;
}

.single-testimonial-style3 .text-box-wrapp p.text-box {
  color: #666;
  height: 200px;
  font-size: 18px;
  font-weight: 400;
}

.testimonial-slider .slick-nav.prev-arrow, .testimonial-slider .slick-nav.next-arrow {
  position: absolute;
  top: 50%;
}

.testimonial-slider .slick-nav.next-arrow {

  content: "";
  width: 40px;
  height: 40px;
  background: url(../images/angle-left.png);
  right: -3%;
  position: absolute;
  transform: rotate(180deg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}


.testimonial-slider .slick-nav.prev-arrow {

  content: "";
  width: 40px;
  height: 40px;
  background: url(../images/angle-left.png);
  position: absolute;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: -3%;
}


.testimonial-slider .slick-nav.next-arrow i, .testimonial-slider .slick-nav.prev-arrow i {
  font-size: 30px;
  color: #A80014;
  cursor: pointer;
  display: none;
}

.testimonial-grid .testimonial-item {
  margin: 20px 0;
  cursor: pointer;
}

.section-testimonial-grid {
  background: url('../images/testimonial-bg.html');
  background-color: rgb(0, 0, 0, 0.7);
  background-blend-mode: multiply;
  padding: 100px 0;
}

.section-testimonial-grid .text-box {
  max-height: 2em;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s;
}

.clients-testimonials-slider .cm-headd-h2 h2{
  font-size: 30px;
  font-weight: 700;
  padding: 0 0 50px;
  text-align: center;
}


















/*******************************************/

@media only screen and (max-width: 1600px){
  .ad-fl{
    display: block;
  }
  .counter-main{
    position: absolute;
    top: 0;
    right: 96px;
  }
  .blog-bx .blog-image img{
      width: 80%;
      height: 420px;
  }
  .blog-info h2{
      width: 80%;
  }
  .blog-btn {
    position: relative;
    right: 50px;
    float: right;
    bottom: 80px;
}

.news-lp-banner-right-cont h1{
    font-size: 33px;
    line-height: 43px;
}
}

@media only screen and (min-width: 1600px){
  .cm-top-heading h2{
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;

  }
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  header .container-fluid {
    padding: 0 20px;  
    /* overflow-x: hidden; */
}
header .nav-links ul li{
  padding: 0 18px;
}
.get-quote a{
  font-size: 15px;
}
.hero-style .slide-title h2{
  font-size: 70px;
}

.pd-50{
padding: 80px 70px;
}
.ft-wrap{
  padding: 80px 60px;
}
.quote-form {
  margin: 0;
}
.common-popup .content-popup .request-demo-from input, .common-popup .content-popup .request-demo-from textarea{
  padding: 13px 26px;
}

.common-popup .content-popup .request-demo-from{
  padding: 30px 45px;
}
.common-popup .content-popup .request-demo-from h3{
  font-size: 28px;
}


}


@media only screen and (min-width: 1280px) and (max-width: 1440px){
  header .nav-links ul li{
    padding: 0 15px;
  }
  .single-testimonial-style3 .text-box-wrapp p.text-box{
      font-size: 16px;
  }
  .quote-form{
    margin: 0;
  }
  header .logo {
    width: 80%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.services .h-left h2, .portfolio .h-left h2, .latest-blogs .h-left h2{
  font-size: 36px;
  line-height: 48px;
}

.about .about-content p{
  font-size: 28px;
  line-height: 45px;
}
.colon-svg {
  position: absolute;
  top: -93px;
  left: 355px;
  right: auto;
  width: 70px;
  z-index: 9;
}
.ad-fl{
  display: block;
}
.pd-50{
  padding: 80px 50px;
}

.ft-wrap {
  padding: 80px 30px;
}
.about-proposals{
  margin-top: 70px;
}
header .nav-links ul li a{
  font-size: 14px;
}
.quote-form{
  padding: 10px 20px;
}
.quote-form span, .get-quote a{
  font-size: 14px;
}
header .nav-links ul li {
  padding: 0 13px;
}
.common-popup .content-popup .request-demo-from input, .common-popup .content-popup .request-demo-from textarea{
  padding: 13px 26px;
}

.common-popup .content-popup .request-demo-from{
  padding: 30px 45px;
}
.common-popup .content-popup .request-demo-from h3{
  font-size: 25px;
}


}


@media only screen and (max-width: 1600px){
    .hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: contain;
  background-position: top;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
}

@media only screen and (min-width: 1301px) and (max-width: 1600px) {
     .hero-slideshow .hero-style{
        height: 570px;
    }
}


@media only screen and (min-width: 1401px) and (max-width: 1500px) {
    .hero-slideshow .hero-style{
        height: 570px;
    }
}


@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    .hero-slideshow .hero-style{
        height: 540px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .hero-slideshow .hero-style{
        height: 500px;
    }
}



@media only screen and (min-width: 0) and (max-width: 1023px){
    .portfolio-data .container-fluid{
    padding: auto;

  }
  .ul-none li{
      font-size: 16px;
      line-height: 30px;
  }
  
  .cbh-phone .cbh-ph-img-circle1{
      width: 70px;
      height: 70px;
      
  }
  .cbh-phone {
      position: fixed;
      left: 5px;
      bottom: 100px;
  }
  
  .about-us-page, .cm-services-block {
    padding: 60px 10px;
}
.news-lp-banner-right-cont .list-of-blog{
    padding-left: 15px;
}
.news-lp-banner-right-cont .list-of-blog li{
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}

.cm-services-info h2{
   font-size: 22px;
   line-height: 32px;
}
  
  
  .celebrity-lists .celebrity-ig .wrapper-btn .magnet-btn {
    width: 60px;
    height: 60px;
}


  .celebrity-lists .celebrity-name{
      padding: 10px 0 0;
  }
  
  .cm-headd h2{
      font-size: 28px;
      line-height: 34px;
  }
  
  .cm-work-librery .cm-headd{
      margin-bottom: 0;
  }
  
  .cm-work-librery{
      padding: 30px 0;
  }
  .news-lp-banner-right-cont h1 {
    font-size: 24px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 40px;
    line-height: 34px;
    text-align: center;
}
.about-proposals .pr-box .pr-count span{
  color: #1e519d;
  font-size: 24px;
  font-weight: 600;
}

.about-proposals .pr-box {
  text-align: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 10px 0px;
  border-radius: 10px;
  padding: 10px 0 0;
}
.blog-btn .wrapper-btn .magnet-btn {
  width: 70px;
  height: 70px;
  font-size: 13px;
}
.ig-htos h2 {
  font-size: 20px;
  line-height: 26px;
  padding: 20px 0;
  font-weight: 600;
  color: #333;
  text-align: left;
  width: 100%;
  margin: 0 auto;
}


.prty-heading h3 {
  font-size: 20px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  line-height: 32px;
}
.news-lp {
  margin: 100px 10px;
}
.news-lp-banner-right-cont h2 {
  font-size: 18px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 20px;
  line-height: 28px;
}

  .team-5, .team-6, .team-7{
  padding: 0 36px;
  }
  .logoo img {
    width: 135px;
    height: 90px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    object-fit: cover;
}

.impression-count .impression-bx .impression-ig{
  width: 60px;
  height: 60px;
}

.ig-hto h2 {
  font-size: 18px;
  line-height: 24px;
  padding: 20px 0;
  font-weight: 700;
  color: #333;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}



  .about .about-txt .wrapper-btn{
    margin-left: 0;
  }
  header .container-fluid{
    padding: 0 10px;
  }

  .header .menu > .menu-item > a .plus {
    border: 1px solid #fff;
  }
 
  .hero-slideshow{
    display: none;
  }

  .hero-slideshow-mb{
    display: block;
    margin-top: 100px;
  }
  .about {
    padding: 100px 10px 50px;
    background: #eeeeeeab;
}

.services{
  padding: 60px 10px;
}
.about .about-txt .para {
  padding-right: 0;
}
.about .about-txt .txt-sub{
  padding: 0;
}
.para{
font-size: 16px;
}
.wrapper-btn .magnet-btn__bg, .wrapper-btn .magnet-btn{
  font-size: 13px;
  text-transform: capitalize;
}
span.counter {
  font-size: 120px;
  letter-spacing: 5px;
  width: 100%;
  text-align: center;
  min-width: auto;
  line-height: 0;
}

h3.counter-h3{
  font-size: 20px;
}
.wrapper-btn .magnet-btn{
  width: 75px;
  height: 75px;
}
.about-proposals .row .col-lg-3{
width: 50%;
display: inline-block;
}
.about-proposals .pr-box .pr-icons{
  width: 80px;
  height: 80px;
}
.counter-main {
  position: relative;
  top: -14px;
  z-index: 11;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-proposals .pr-box .pr-name h3{
  font-size: 19px;
}
.about-proposals .pr-box .pr-count span{
  font-size: 24px;
}
.about-proposals .pr-box{
  margin-bottom: 30px;
}

.about-proposals .pr-box .pr-icons img{
  padding: 20px;
}
.about-proposals{
  padding: 50px 0;
}
.services .h-left h2, .portfolio .h-left h2, .latest-blogs .h-left h2, .about-txt h2{
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
  padding: 10px 0;
}

.services .h-left h6, .portfolio .h-left h6, .latest-blogs .h-left h6{
  font-size: 18px;
}
.services .f-row .col-lg-8{
width: 79%;
display: inline-block;
}
.services .f-row .col-lg-4{
  width: 20%;
  display: inline-block;
  }
  .services .wrapper-btn{
    margin-top: 35px;
  }
  .services-no:hover span, .services-title h2, .servicves-desc p {
    color: #333;
    font-size: 16px;
}

.services-title h2 {
  font-size: 25px;
  line-height: 35px;
}
.testimonials .swiper-slide{
  padding: 0;
}
.head-center h2 {
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  margin-top: 0;
}
.slider-bx {
  padding: 30px;
}
.colon-svg{
  display: none;
}




.testimonials-content p {
  color: #eee;
  font-size: 16px;
  line-height: 26px;
}
.user-name h2, .user-desgn h5 {
  color: #fff;
  font-size: 20px;
}
.testimonials-name{
  margin-bottom: 30px;
}
footer .ft-description{
width: 100%;
}
.testimonials-ig {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.swiper-nk-main .slick-next{
  position: absolute;
  bottom: 15px;
}

.cm-sec h2, .cm-headd h2, .cm-services-info h2{
  font-size: 22px;
  line-height: 32px;

}
.cm-sec h1, .cm-headd h1, .cm-services-info h1{
  font-size: 24px;
  line-height: 34px;

}
.cm-sec p{
  font-size: 16px;
  line-height: 26px;  
  padding: 2px 0;
}
.pr-content {
  background-color: #1e519d;
  border-radius: 0px;
  width: 100%;
  padding: 10px;
  margin: 13px 0px 0px;
}
.pr-info h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.prinicples-ig img{
  width: 300px;
  height: 300px;
}
.our-team .team-sec {
  padding: 20px 20px 0;
}
.our-team .cm-headd h2, .our-principals .cm-headd h2{
display: block;
text-align: center;
}
.our-team .col-lg-4 .team-ig{
padding: 0;
}
.cm-services-info p {
  font-size: 16px;
  line-height: 28px;
  margin-top: 20px;
}
.cm-services-media {
  width: 300px;
  height: 300px;
  float: none;
  margin: 20px auto;
}
.services-list ul li{
  margin-left: 20px;
  font-size: 16px;
}
.cm-services-media.media {
  width: 300px;
  height: 300px;
}
.carrer-main-top-content h5{
  padding: 14px 25px;
  font-size: 15px;
}
.career-section .accordion-container .set .accordion-list {
  background: #fff;
  padding: 20px;
  border: 2px solid #eee;
  border-radius: 10px;
}
.career-section .accordion-container .set .accordion-list .button-right a, .career-section .accordion-container .set .accordion-list .button-right i {
  padding: 10px;
  font-size: 16px;

}
.career-section .accordion-container .set .content{
  padding: 20px;
}

.set .content .right-image{
  margin: 30px 0;
}
.career-section .accordion-container .set .content .left-side-part .heading2 {
  font-size: 24px;
  margin-bottom: 24px;
}

.career-section .accordion-container .set .content .left-side-part p{
  font-size: 16px;
  line-height: 28px;
}
.career-section .accordion-container .set .content .left-side-part .red-btn {
  margin-top: 20px;
  margin-left: 0;
  font-size: 14px;
}

.career-section .accordion-container .set .accordion-list .button-right {
  display: block;
  width: 100%;
  text-align: start;
}
body.celebrity-ed .cm-work-librery .col-lg-3{
width: 49%;
display: inline-block;
}
.celebrity-lists {
  margin-bottom: 30px;
}
.celebrity-lists .celebrity-name h3 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.clients-lg .cm-headd h2 {
  text-align: center;
  font-size: 22px;
}
.clients-lg .col-lg-2{
  width: 33%;
  display: inline-block;
}

.clients-bx{
  margin: 10px auto;
}
.clients-testimonials-slider .cm-headd-h2 h2{
  font-size: 24px;
}
.single-testimonial-style3 .text-box-wrapp p.text-box{
  height: auto;
}
.single-testimonial-style3 .text-box-wrapp p.text-box{
  font-size: 16px;

}

.single-testimonial-style3 .inner-content{
  padding: 30px;
}
.single-testimonial-style3 .inner-content:before{
  right: 15px;
  position: absolute;
}
.clients-testimonials-slider {
  margin: 100px 0 0px;
}
.blog-bx .blog-image img {
  width: 1000%;
  height: 300px;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-info h2{
  font-size: 22px;
  line-height: 32px;
}
.blog-info p{
  padding-right: 0;
  width: 100%;
}
.blog-bx{
padding: 15px;
}
.blog-btn{
  position: static;
  float: none;
}
.blog-info p {
  margin: 10px 0 20px;
  height: 70px;
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-list {
  margin: 0px 0;
}
.cont-sec1-row, .com-location-adresss {
  display: flex;
  align-items: start;
  margin-bottom: 8px;
  height: auto;
}
.cont-sec1-row-img, .com-location-adresss .cont-sec1-row-img{
 margin-right: 20px;
}
.ct-wrap{
  padding: 10px;
  margin-bottom: 25px;
  border-radius: 0;
}
.work-mail {
  margin: 25px 0;
}
.work-bx h2 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
}
.work-bx p a {
  color: #e95817;
  font-size: 20px;
  font-weight: 600;
}
.para-wrap p {
  font-size: 17px;
  line-height: 28px;
}
.cm-ft-links{
width: 40px;
height: 40px;
}
.clients .siper-logos img{
  width: 70%;
}
.footer-soci-icon{
  display: flex;
  justify-content: center;
}
.send-to-laboredge .send-to-form{
 padding: 20px;
}
.send-to-laboredge .send-to-form .form-content .form-control{
  padding: 15px 30px;
  margin-top: 10px;
}
.send-to-laboredge .send-to-form .heading2{
  font-size: 24px;
}
h2.sticky-info-hto{
  font-size: 24px;
}

h2.sticky-info-hto {
  font-size: 20px;
  line-height: 26px;
}

.pr-head-para-info p {
  font-size: 16px;
  line-height: 28px;
  padding: 5px 0;
  font-weight: 400;
  margin: 0px 0;
}
.pr-row h2{
  font-size: 20px;
}
.impression-ig img {
  width: 100%;
  padding: 5px;
}
.impression-info h3 {
  font-size: 21px;
  margin-top: 20px;
}
.impression-count{
  margin: 0;
}
.portfolio-data-sc{
  padding: 0;
}
.work-bx {
  margin: 20px auto 40px;
}

.team-desc {
  text-align: center;
  padding: 20px 0 0;
}
.swiper-nk-main .slick-prev{
  position: absolute;
  bottom: 15px;
}

.testimonials-ig img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0.3;
}
footer .pd-50 {
  padding: 30px;
}
footer .col-lg-2 {
  position: relative;
  left: 0;
  width: 49%;
}

.ft-social {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: start;
  margin-top: 25px;
  margin-bottom: 25px;
}
.ft-link-head h2 {
  font-size: 18px;
  display: block;
  margin-bottom: 30px;
}

.ft-wrap {
  padding: 30px;
}
.ft-contact-btn {
  margin: 20px auto;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.ft-contact h3 {
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
}

.ft-contact-btn span, .cm-btn span{
  font-size: 13px;
  text-transform: capitalize;
}
.ft-off-timings p.dy {

  margin: 0;
  padding: 0;
}
.ft-off-timings p.dy, .ft-off-timings p.tm{
  font-size: 16px;
}
.ft-off-timings {
  margin: 10px;
}
.clients .siper-logos{
  height: 90px;
}
.get-quote{
  display: none;
}
.mb-header{
display: flex;
align-items: center;
justify-content: space-between;
}
.header-main{
display: flex;
width: auto;
height: auto;
}
.menu{
  display: block;
}
.services-list-col{
  padding: 0 0 20px;
}
.pd-50{
  padding: 30px 25px 25px !important;

}
.copyright-bt{
display: block;
padding: 20px 20px 70px 20px;
}
.copyright{
  display: none;
  }
  nav.nav-menu li.last{
    display: block !important;
    }



}



@media only screen and (min-width: 767px) and (max-width: 1100px){
   .hero-slideshow{
       display: block;
       
   }
    .hero-slideshow .hero-style{
       height: 300px;
   }
   .hero-slideshow-mb{
       display: none;
   }
   
}
   
   
   
@media only screen and (min-width: 767px) and (max-width: 1023px){
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}
   

   @media (max-width:520px){
      .about-proposals .swiper-wrapper{height:auto !important;}
   
.cm-top-banner {
    height: 510px;
            background-repeat: no-repeat !important;
}
   }

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
}