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

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

:root {
  --primary-color: #ee252b;
  --secondary-color: #005bab;
  --darkbg: #121212;
}
 

body{
  font-family: "Fira Sans", sans-serif;
}
    
    .header-section {
      position: relative;
  }
  
    .section-right img {
        width:100%;
        height: auto;
        box-shadow: -9px 8px 24px 17px #f4f4f4;
    }
    
    
    .section-one {
        padding: 100px 0;
        height:100%;
    }
    
    
  .section-left {
      padding-left: 63px;
  }
  
  
  .section-bottom-left {
      display: flex;
      padding: 90px 50px;
  }
  
  .section-bottom-left .section-text .row{
      justify-content: space-between;
  }
  
    
    .section-container{
        max-width:100%;
    }
    
    
    .no-p{
        padding:0px !Important;
    }
    
    .no-m{
        margin:0px !important;
    }
    
    
    .section-heading {
        display: flex;
        align-items:center;
        margin-top: 10px;
    }
  
    .section-heading p {
      font-size: 24px;
      font-weight: bold;
  }
    
    
    .section-heading span {
        width: 130px;
        height: 3px;
        display: block;
        position: relative;
        line-height: 0px;
        margin-left: 15px;
        background: linear-gradient(45deg, #727272, transparent);
    }
    
    span.why-us {
      font-size: 24px;
      line-height: 30px;
      display: block;
      margin-bottom: 160px;
      letter-spacing:1px;
      
  }
    
    
p{
    margin:0px;
}
    
    
.title {
    font-size: 34px;
    margin: 0px;
    line-height: normal;
    font-weight: 600;
}
    
    span.single-line {
      width: 130px;
      height: 2px;
      display: block;
      /* background: var(--secondary-color); */
      margin-top: 10px;
      margin-bottom: 30px;
      background-image: linear-gradient(45deg, #393085, transparent);
    }
    

  
  .section-text P span {
      /* font-size: 18px; */
      line-height: 30px;
      color: #111111;
      
  }
    
    .explore-box>div{
        display:flex;
        align-items: center;
        transition:all .9s;
    }
    
    .explore-box div:hover span{
        width: 90px;
        transition:all .9s;
    }
    
    
    .line-one {
        width: 57px;
        height: 2px;
        display: inline-block;
        background: #7272725c;
        line-height: 0px;
        transition:all .9s;
    }
    
    
.explore-box a {
    display: inline-block;
    margin-left: 18px;
    padding: 10px 15px;
    color: var(--darkbg);
    border: 1px solid;
    border-radius: 10px;
    font-weight: 500;
    transition: 0.5s ease-in-out;
}

.explore-box a:hover {
    background: var(--darkbg);
    color: #fff;
    transition: 0.5s ease-in-out;
}

    
.section-two {
    color:#000;
}

.section-three{
    background:#fff;
}

.whats-good-section .section-two {
    background: #191919;
    color:#fff;
}

.section-number {
    color: var(--primary-color) !important;
}
    
span.why-us-two {
    font-size: 30px;
    line-height: normal;
    display: block;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #121212;
    font-weight: 600;
}
  
  .explore-box a{
      font-size: 14px;
  }
  
  .section-left, .section-content-right {
      padding-top: 70px;
      padding-bottom: 70px;
  }
  
  .section-right-full {
      /*margin-left: 93px;*/
      height: 100%;
  }
  
  
  .section-right-full img {
      height: 100%;
       object-fit: cover; 
  }
  
  .client-name{
      /*width: 100%;*/
      /*flex: 0 0 100%;*/
      /*max-width: 100%;*/
      /*margin-top: 10px;*/
      padding-left: 15px !important;
  }
  
  .row.box >div>img {
    width: 100%;
}

.row.box {
    align-items: flex-start;
}

  .logos-outer>div>div img{ 
      width: 100%;
    padding: 20px;
    border: 1px solid #c6c4c470;
    border-radius: 5px;
    filter: grayscale(1);
    transition: all .5s;
    max-width: 100%;
  }
  .logos-outer>div>div img:hover {
    filter: grayscale(0);
    transition: all .5s;
  }

  p.blog-text{
      max-width: 78%;
  }
  
  p.why-us-subheading {
      font-size: 18px;
      line-height: 30px;
      color: #000;
      
      margin-right: 0px;
  }
  
    
    .section-two img{
        box-shadow:none;
    }
    
    
    .section-list{
        list-style:none;
        padding:0px;
        margin:0px;
        display: grid;
        row-gap: 16px;
    }
    
    
    .section-list li{
        font-size: 18px;
        display: flex;
        align-items: center;
    }
    
    .section-list li a {
        font-size: 17px;
        display: flex;
        align-items: center;
        color: #1a1a1a;
        transition: 0.5s ease-in-out all;
    }

    .section-list li a:hover {
      transition: 0.5s ease-in-out all;
      color: var(--primary-color);
    }
  
    .line-before li:before {
      content: '';
      width: 43px;
      display: inline-block;
      height: 2px;
      margin-right: 17px;
      /* background: #727272; */
      position: relative;
      line-height: 0px;
      background: linear-gradient(45deg, #727272, transparent);
  }
    
    
    /* .section-right-full {
      height: 100%;
      display: flex;
      align-items: stretch;
  } */
  
  section.section-one {
      background: #fff;
  }
  /*div#typed strong {
      font-weight: 800;
   
  }*/
  
  div#typed{
      
  }
  
 div#typed {
    font-weight: 500;
    font-family: Handlee;
    text-transform: none;
    font-size: 27px;
    white-space: normal;
}
  
    
.section-three {
    background: #fff;
}
  
.section-five {
  background: #fff;
}

.section-five-two  {
background: #fcf5f5;
}

.section-five .explore-box {
  margin-top: 100px;
}
  
  p.blog-text {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 24px;
      color: #050505;
      max-width: 69%;
      font-weight: bold;
      margin-top: 20px;
  }
  
  
  
  .section-text{
      width:100%;
      color:#000;
  }
  
  .section-left, .section-content-right {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center;
  }

  .section-left>div{
      margin: 0px;
  }
  
  .section-five .why-us-subheading{
      margin-right: 59px;
  }
    
  
  .section-six{
      background-color: #fffcfc;
  }
    
    
  span.why-us-two.why-us-three {
      color: #000;
      display: inline-block;
  }
  
  
  .why-explore-three-outer {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
  }
  
  .explore-box-three {
      margin: 0px !important;
  }
   
  .section-six .section-left{
      padding-right: 70px;
      /* padding-top: 138px; */
  }
  
  
  
  .client-column{
  -ms-flex: 0 0 89.4% !important;
  flex: 0 0 89% !important;
  max-width: 89% !important;
  }
  
  .client-subheading {
      color: #000 !important;
      display: inline-block;
      margin: 0px;
      width: 31% !important;
      margin-bottom:50px ;
  }
  
  .box {
      background: #fff;
      padding: 20px;
      align-items: center;
      text-align: justify;
  }
  
  p.client-text{
      margin:0px;
  }
  
  p.client-text {
      margin: 0px;
      font-size: 16px;
      line-height: 24px;
      color: #000000;
      
      margin-top: 40px;
  }
  
  .client-name h6 {
      font-size: 14px;
      line-height: 18px;
      color: #000000;
      font-weight: bold;
      
      text-transform: uppercase;
  }
  
  
  
  
  .client-name span {
      font-size: 14px;
      line-height: 18px;
      color: #797979;
      font-weight: bold;
      
  }
  
  
  .box-col {
      -ms-flex: 0 0 23% !important;
      flex: 0 0 23% !important;
      max-width: 23% !important;
  }
  
  .client-column>div>.row {
      justify-content: space-around;
  }
  
  
  .client-name {
      padding-left: 25px;
  }
  
  
  .logos {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 60px;
      
  }

  a.dd-d-logo img {
    width: 70px !important;
    height: auto !important;
}

  
  .logos:last-child {
      margin: 0px;
  }

  
  .section-seven {
      background: #fff;
  }
  
  .section-eight {
      background-color: #fffcfc;
  }
  
  
  .section-nine {
      background-color: #201e1e;
  }

  /*.section-nine >div{*/
  /*  padding-right: 150px;*/
  /*}*/
  
  /* 
  .section-nine .section-left {
      padding-top: 90px;
  } */
  
  
  .why-us-four {
      margin-bottom: 90px;
      color: #fffdfd;
  }
  
  .comp-name h3 {
      margin: 0px;
      font-size: 24px;
      letter-spacing: 1px;
      line-height: 30px;
      
      color: #fbf6f6;
  }
  
  .comp-name p {
      font-size: 24px;
      letter-spacing: 1px;
      line-height: 40px;
      color: #fbf6f6;
      margin: 0px;
      
      max-width: 500px;
  }
  
  img.blog-img {
      max-width: 100%;
      height: auto;
  }
  
  
  .location-track {
      margin-top: 90px;
      /* text-align: right; */
  }
  
  
  .location-track img {
      width: 20px;
      height: 30px;
  }
  
  .location-track p {
      display: inline-block;
  }
  
  .location-track span{
      display: inline-block;
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      margin:0px;
      display: inline-block;
      color: #b8b7b7;
  }
  
  .location-track i {
      color: #b8b7b7;
      border-radius: 50%;
      font-size: 25px;
      width: 70px;
      height: 70px;
      text-align: center;
      padding-top: 23px;
      display: inline-block;
      background: #3a3535;
  }
  
  
  
  
  .footer-client-column >div>.row {
      justify-content: initial;
  }
  
  
  .request-row-main {
      /* margin-top: 20px; */
      margin-bottom: 0px;
  }
  
  .request-row-main span {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #b8b7b7;
      /* margin-bottom: 20px; */
      display: inline-block;
  }
  
  .request-row-main a {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
  }
  
  .social-row {
      margin-top: 40px;
  }
  
  p.social-left {
      margin: 0px;
  }
  
  p.social-right a {
      color: #fff;
      display: inline-block;
      margin-right: 8px;
      border: 1px solid #fff;
      border-radius: 50%;
      width: 30px;
      font-size: 16px;
      padding: 0px;
      height: 30px;
      text-align: center;
  }
  
  
  p.social-right a:hover{
      background: #000;
    color: #f27820;
  }
  p.social-left a {
      color: #fff;
      margin-right: 25px;
  }
  
  
  p.social-left a {
    font-size: 20px;
    margin-right: 10px;
}

  p.social-left a:hover{
      color: #f27820;
  }
  
  
  a.send-req {
      width: 312px;
      height: 120px;
      background-color: #7b2323;
      display: block;
      color: #fff;
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      
      margin-bottom: 40px;
      padding: 40px 140px 60px 40px;
  }
  
  .row:before{
      display: none !important;
  }
  /* .section-bottom-left .section-text .row {
      justify-content: flex-end;
  } */
  
  a.send-req:after {
      content: '';
      display: block;
      height: 2px;
      background-color: #b8b7b7;
      width: 51px;
  }
  
  .working-hrs-row {
      border-top: 2px solid #484848;
      border-bottom: 2px solid #484848;
      padding-top: 20px;
      padding-bottom: 20px;
      justify-content: center;
  }
  
  .working-hrs-row p {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #b8b7b7;
      margin: 0px;
      margin-bottom: 20px;
  }
  
  
  .working-hrs-row span {
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #ffffff;
  }
  
  .live-time {
      text-align: right;
  }
  
  .row.footer-bottom-row {
      margin-top: 30px;
  }
  
  .happy h5 {
      font-size: 14px;
      line-height: 30px;
      color: #ffffff;
      font-weight: bold;
      display: inline-block;
      
      margin: 0px;
  }
  
  .happy p {
      font-size: 14px;
      line-height: 30px;
      color: #ffffff;
      margin-right: 65px;
  }
  
  .happy {
      display: flex;
      align-items: center;
  }
  
  .happy div {
      margin-left: 20px;
  }
  
  .footer-bottom-row {
      align-items: center;
  }
  
 p.copyright {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    text-align: right;
    position: relative;
    top: 25px;
    left: -10px;
    text-transform: uppercase;
}

 
.download_brochure{
    position: relative;
    top: 20px;
    font-size: 15px;
    right: 30px
}


  /* .copyright-col {
    width: 57%;
    text-align: -webkit-right;
} */
  
  .bottom-social-icons {
      display: flex;
      /* align-items: center; */
      justify-content: flex-end;
      margin: 0 20px;
      /* width: 220px; */
      /* margin: auto; */
  }
  
  .bottom-social-icons i {
    font-size: 24px;
    margin-right: 20px;
  }

  .bottom-social-icons i:last-child {
    margin-right: 0px;
  }
  
  .what-good-inner {
      background: #191919;
      padding: 0px 66px;
      padding-left: 0px;
  }
  
  
  
  
  
  /* .comp-name {
      text-align: right;
  } */
  
  
  
  .footer-menu {
      display: flex;
      display: none;
      justify-content: space-around;
  }
  
  .footer-menu ul {
      list-style: none;
      margin: 0px;
      /* padding: 0px; */
  }
  
  .footer-menu ul li {
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #ffffff;
  }
  
  .footer-menu ul li span{
      
  }
  
  
  #pointer-ring{
      padding: 20px !important;
      border: 2px solid grey !important;
  }
  
  html{
      cursor: default !important;
  }
  
  #pointer-dot{
      border:none !important;
  }
  
  
  .row.request-row-main {
      justify-content: flex-start !important;
  }
  
  
  .nav-up {
      top: -40px;
  }
  
  
  
  
  .blog-text .client-subheading {
      width: 35% !important;
  }
  
  
  
  .logos img {
      max-width: 100%;
  }
  
  
  .allow-cookies {
      box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
      border-radius: 100%;
      width: 595px;
      height: 595px;
      position: fixed;
      padding: 37px 40px;
      left: -70px;
      bottom: -250px;
      background: #333;
      z-index: 99999;
      display: none;
  }
  
  .cookie-text {
      position: fixed;
      width: 430px;
      left: 29px;
      bottom: 103px;
      text-align: center;
  }
  
  .cookie-text a {
      color: #ddd;
      margin-top: 0px;
      border-bottom: 1px solid #999;
      display: inline-block;
  }
  
  
  .cookie-header,p.cookie-para {
      margin-bottom: 10px;
      color: #ddd;
      font-size: 21px;
      line-height: 24px;
  }
  
  p.cookie-para {
      font-size: 15px;
      margin-top: 20px;
      margin-bottom: 19px;
  }
  
  .allow-cookie a {
      border: 0;
      padding: 17px 20px;
      font-size: 13.5px;
      letter-spacing: .2px;
      font-weight: 700;
      cursor: pointer;
      text-transform: uppercase;
      margin-bottom: 0!important;
      min-height: auto!important;
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
      width: 160px;
      background: #f4812f;
      color: #fff;
      white-space: nowrap;
      height: 13px;
  }
  
  .allow-cookie a+a {
      margin-left: 17px;
      background: #fff;
      color: #000;
  }
  
  .allow-cookie {
      left: 60px;
      position: fixed;
      width: 430px;
      bottom: 50px;
  }
  
  .logo{
      float: none !important;
  }
  
  .header-right {
      display: flex;
      align-items: center;
      justify-content: space-between;
        margin-bottom: 5px;
  }
  
  header.header.darkHeader.nav-up .header-right {
    justify-content: flex-end;
}

.type-wrap {
    display: block !important;
}
  
.header.darkHeader {
    background-color: #ffffff;
    box-shadow: 0px 4px 6px #00000038;
    /* backdrop-filter: blur(25px); */
    padding: 5px 0;
    transition: 0.5s ease-in-out all;
    border-bottom: 1px solid #55555529;
    position: fixed !important;
}
  
  .brand-of-designdot {
      padding-right: 43px;
      padding-left: 100px;
      display:flex;
          align-items: center;
  }
  
  
  ul.city li a {
      font-size: 14px;
      line-height: 30px;
      color:#707070;
      font-weight: 800;
      
  }
  ul.city li.active a{
      color: #f58331;
  }
  
  ul.city li {
      display: inline-block;
  }
  
  ul.city li:after{
      content: '/';
      padding-left: 10px;
      padding-right: 10px;
      font-size: 32px;
      color: #c9c9c9;
      position: relative;
      top: 5px;
  }
  ul.city li:last-child::after{
      display: none;
  
  }
  
  .menu{
  }
  
  a.dd-d-logo img{
      height: 69px;
  }
  
  span.line-one.view-project {
      margin-left: 40px;
  }
  
  
  .visible-menu {
  }
  
  
  .header-left {
      display: flex;
      align-items: center;
  }
  
  .visible-menu ul li {
      display: inline-block;
  }
  
  .visible-menu ul li:first-child{
  }
  
  
  .visible-menu ul li.quick-enquery a{
      padding: 15px;
      background: var(--primary-color);
      border-radius: 21px;
      display: block;
      color: #fff;
      /*background-image: linear-gradient(45deg, var(--primary-color), var(--secondary-color));*/
      padding: 11px;
      font-size: 14px;
  }
  .visible-menu ul li a {
      font-size: 17px;
      color: #000000;
      font-weight: 500;
      display: flex;
      align-items: center;
      column-gap: 5px;
  }

  .visible-menu ul li a i {
    color: var(--primary-color);
}

  .visible-menu ul li.home a{
   
   color: #f58331;
}
  
.visible-menu ul li.home a img{ 
    padding-left: 15px;
}


  a.dd-d-logo {
      display: none;
  }
  .nav-up .visible-menu {
      display: none;
  }
  
  .nav-up ul.city,.nav-up .brand-of-designdot,.nav-up a.dd-logo{
  display: none;
  }
  
  .nav-up a.dd-d-logo{
      display: block;
  }
  
  
  .nav-up >div{
      background: transparent;
      padding-top: 40px !important;
  }
  
  
  .nav-up .menu {
      background: transparent;
      /* padding: 10px; */
  }
  

  
  a.menu {
  }
  
  
  .swiper-container-outer {
      background-color: #f6f7fb;
      /* height: 100vh; */
      width: 100%;
      padding: 0px 101px;
      background: #000;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
  
    .section-heading.slider-heading {
      padding-left: 65px;
      padding-top: 120px;
      padding-bottom: 50px;
  }
  
    .slider-inner img {
      width: 100%;
      object-fit: cover;
  }
  
  .slider-inner h2 {
      color: #000;
      font-size: 25px;
      padding: 20px;
  }
  span.whats-good {
      width: auto;
      height: auto;
      background: transparent;
      padding-top: 0px;
      display: inline-block;
      
      font-size: 24px;
      line-height: 30px;
      display: block;
      letter-spacing:1px;
  }
  
    .swiper-container {
      /* height: 800px; */
      width: 100%;
      padding-bottom: 85px;
    }
    
    .swiper-wrapper {
      width: 73.8%;
      will-change: transform;
    }
    
    
    .swiper-pagination {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 85px;
    }
    .swiper-pagination.swiper-pagination {
      bottom: 0;
    }
    
    .swiper-pagination-bullet {
      background: tomato;
      width: 22px;
      height: 4px;
      border-radius: 0;
      transition: opacity 1s ease;
    }
    .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet {
      margin: 0;
    }
  
  
    .slide-image {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      transform: scale3d(1.3, 1.3, 1);
      backface-visibility: hidden;
      will-change: transform;
      transition: transform 1400ms ease;
    }
    
    .slide-content {
      padding: 0 2.2rem;
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .slide-content h4 {
      font-size: 25px;
      font-weight: 400;
      margin: 0 0 1rem;
      padding-top: 2.8rem;
      flex-grow: 0;
    }
    .slide-content p {
      display: flex;
      line-height: 1.8;
      margin-top: 0;
      font-size: 14px;
      flex-grow: 1;
    }
    .slide-content footer {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding-bottom: 2.8rem;
      font-size: 14px;
      color: #c2c0e0;
    }
    .slide-content a {
      color: tomato;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      border-bottom: 3px solid currentColor;
      padding-bottom: 3px;
    }
    
    .what-good-inner img {
      width: 100%;
  }
  
  .what-good-item .row{
      margin-left: 0px;
      margin-right: 0px;
  }
  
  
  .what-good-item .row>div{
      padding: 0px;
      background: #191919;
  }
  
  .sliderContainer.what-good-container {
      padding-left: 252px;
      padding-bottom: 60px;
  }
  
  
  .sliderContainer.what-good-container{
      cursor: url(../images/slide-arrow-white.png), default; 
  }
  
  .Mydiv div#pointer-ring {
      border-color: transparent !important;
  }
  


  
  .what-good-text {
      padding: 20px;
      padding-left: 0;
  }
  
  .heading1 {
      font-size: 23px;
      display: block;
      margin-bottom: 15px;
      color:#fff;
  }   
  
  .what-good-item a{
      color:#fff;
  }
  
  .what-good-text p {
      font-size: 18px;
      color: #bcbcbc;
      margin-right: 0px;
      line-height: normal;
  }
  
  .box-col>DIV>DIV{
      padding: 0PX;
  }

  .visible-menu ul li a span {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
}

ul.city li a span{
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #707070;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
}

ul.city li.active a span{
background: #f58331;
}

.visible-menu ul li:last-child a span{
    background:#fff;
}

span.city-name {
    position: relative;
    font-size: 19px;
    margin-bottom: 10px;
    display: block;
}


span.city-name:before {
    content: '';
    display: inline-block;
    width: 22px;
    position: absolute;
    height: 2px;
    top: 8px;
    background: grey;
    left: -40px;
}


/* .comp-name{
    margin-bottom: 20px;
} */


.lets-build{
    margin-top: 0px;
    font-size: 28px;
    line-height: normal;
    color: #eee;
    font-weight: 600;
    max-width: 500px;
    display: block;
}

.lets-design {
    font-size: 26px;
    line-height: normal;
    color: #a3a3a3 !important;
    font-weight: normal;
    margin-bottom: 30px;
    display: block;
}

.row.working-hrs-row {
    margin: 0px !important;
}

.mg-right{
    margin-top:1rem;
}
.sec-left.hidden-for-form .line-through {visibility: hidden;}
.contact-us a {
    margin-top: 50px;
    display: inline-block;
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 20px 28px;
}

.contact-us a:before{
    content: "";
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3.75rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.45s;
    transition: 0.45s;
    background-color: rgba(255, 255, 255, 0.1);

}

.contact-us a:hover:before{
    width: 100%;
    
}

.contact-us a:hover{
    color: #fff;
}

.why-explore-three-outer>div:first-child {
    padding: 0px;
}

.lets-talk img {
    position: relative;
    top: -14px;
    transition:all .5s;
    transform: translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    filter: invert(1);
    width: 15px;
}


.lets-talk p:hover img{
    /*top: -80px;*/
    transition:all .5s;
    transform: translate3d(0px, -15px, 0px);
}

.lets-talk p:hover  .arrow1 {
    /*display: none;*/
    transition:all .5s;
}


.lets-talk-underline {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 88%;
    height: 2px;
    /*margin-top: 15px;*/
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}


.lets-talk-underline-inner {
    position: relative;
    width: 70%;
    height: 100%;
    background-color: #5b5b5b;
    transform: translate3d(-101%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);
    transform-style: preserve-3d;
    transition:all .9s;
}

.lets-talk a:hover .lets-talk-underline-inner{
    transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;
transition:all .9s;
}
/*.lets-talk p:hover .hover-arrow{*/
/*    display: inline-block;*/
/*    transition:all .5s;*/
/*}*/

/*.lets-talk p:hover{*/
/*    color:#f4812f;*/
/*}*/

.lets-talk span {
    font-size: 19px;
    line-height: normal;
    color: #a3a3a3;
    font-weight: 300;
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
}


.lets-talk p {
    font-size: 50px;
    line-height: normal;
    margin: 0px;
    /*  */
    position: relative;
    font-weight: 600;
    color: var(--primary-color);
}


.footer .row {
    margin-bottom: 57px;
}


.footer-right p{
    font-size: 18px;
    letter-spacing: 0px;
    line-height: normal;
    color: #b8b7b7;
}

.footer-right  span{width: 130px;height: 2px;display: inline-block;background: #727272;content: '';line-height: 0px;position: relative;top: 4px;margin-right: 20px;}

    .footer-right>div>div {
        display: inline-block;
        vertical-align: text-top;
        width: 66%;
        margin-bottom: 15px;
    }

    .footer-right>div{
    }
    .footer-right>div:last-child{
        margin-bottom: 0px;
    }

    .footer-right p+div{
        display: flex;
        justify-content: space-between;
    }


    li.home {
        margin-right: 25px;
        padding-right: 25px;
        border-right: 2px solid #d2d2d2;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    

ul.phone-number-header {
    margin-left: 30px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

li.support-icon {
    margin-right: 10px;
}


.brand-of-designdot img {
    /*width: 142px;*/
        width: 121px;
}

.mb-top-header{
    display: none;
}

.menu-box .column:nth-child(2){
    border-left:none;
}


.menu-box{
    padding-left:95px !important; 
}

.social{
    text-align: left !important;
}

/*.navigation, .showcase, .creative h3, .creative .numb, .main-content h3, .portfolio-lists h4, .project h3, .project .bx-pager a, .clients-say h6, .clients .bx-pager, .project-planner h4, .services-list-boxs h4, .why-designdot h4, .why-designdot h5, .team h4, .career h4, .main-content h4, .services-list li.active a, .projects-links h5{
    font-family: "GTWalsheimPro-Bold" !important;
}

.address strong, .creative ul, .clients-say h6 span, .services-list-boxs h6, .testimonials h4{
    font-family: "GTWalsheimPro-Regular" !important;
}*/

.address{
    /* top: 63%  !important;  */
    /*padding-top: 80px  !important;*/
}

/*.navigation li a{ */
/*    color: #6e6a6a !important;*/
/*}*/
/*.navigation li a span{*/
/*    background: #6e6a6a !important;*/
/*}*/

.navigation li.active a{
    color: #fff !important;
}

.navigation li.active a span{
    background: #fff !important;
}

.navigation li a:hover{
    color:#ff850f !important;
}

.navigation li a:hover span{
    background: #ff850f !important;
}

.payment a:hover{
    color:#F4812F;
}

.payment, .address strong{
    color: #6d6a6a !important; 
}

.payment p{
    color: #fff;
}

/* footer start */
/*.footer .section-bottom-left{*/
/*    padding-left: 130px;*/
/*}*/

.section-heading span{
}

.section-bottom-left .section-text {
    /*padding-left: 6px;*/
}

.section-six{
    background-color:#FFF;
}


/*.section-seven{*/
/*    background: #fcf5f5;*/
/*}*/



.why-us-four, .lets-design,  p.social-right a, .happy p, .happy h5, p.copyright, .working-hrs-row span{
}
p.social-right a{border: 1px solid #494949;}
.footer-right p,.working-hrs-row p{
    color: #a3a3a3;
}
.footer,.section-nine{
    background-color: #fcf5f5;
}

.section-bottom-left{
    padding-bottom: 50px;
}

.footer-bottom-row {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.working-hrs-row {
    margin-bottom: 30px !important;
}


.working-hrs-row{
display: flex;
}

.working-hrs-row>div{
    width: 100%;
    text-align: center;
}


.working-hrs-row>div + div {
    width: 65%;
}

.footer-menu-2 {
    display: inline-block;
    margin-left: 30px;
}

.footer-menu-2 ul li {
    display: inline-block;
}

.footer-menu-2 ul li a {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #a3a3a3;
    padding: 0 15px;
    border-right: 1px solid;
    transition: 0.5s ease-in-out all;
}

.footer-menu-2 ul li a:hover {
    color: #fff;
    transition: 0.5s ease-in-out all;
}


.footer-menu-2 ul li:first-child a{
    padding-left: 0px;
}
.footer-menu-2 ul li:last-child a{
    padding-right: 0px 10px 0 0;
    border: none;
}

.row.footer-bottom-row {
    display: inline;
}

.footer-right-2 {
    display: flex;
    justify-content: space-between;
}


.bottom-social-icons{
    margin: 0px;
}

.bottom-social-icons i{
    font-size: 26px;
    margin-right: 40px;
}

.our-achieve {
    /*display: flex;*/
    /*align-items: center;*/
    /*    justify-content: flex-end;*/
}

.our-achieve-img {
    display: flex;
    align-items: center;
  justify-content: center;
}


.our-achieve h4 {
    text-align: left;
    font-size: 20px;
    line-height: 21px;
    color: #000000;
    font-family: SocialGothic-Bold;
    font-weight: bold;
    margin-right: 40px;
    margin-bottom: 20px;
}

.our-achieve img {
    width: 100%;
    margin-right: 35px;
}

.our-achieve img  ~ img{
}

.footer-right span{
    top: 1px;
}


.working-hrs-row {
    display: flex;
}
.working-hrs-row>div {
}

.working-hrs-row>div + div {
    width: 44%;
}

.live-time {
    text-align: right;
}

/*.footer .section-bottom-left {*/
/*    padding-left: 130px;*/
/*}*/


/*.footer .section-heading span{*/
/*    margin-top: 15px;*/
/*}*/

p.section-number.visibility {
    visibility: hidden;
}

.section-bottom-left {
    padding-bottom: 50px;
    padding-left:63px;
}


.design-by p {
    text-transform: lowercase;
    color: grey;
    font-size: 14px;
    line-height: 1;
    margin-right:0px;
}


.design-by p a{
background: url(../images/designdot-logo.png) no-repeat scroll left top;
    width: 72px;
    height: 17px;
    display: inline-block;
    /* float: right; */
    margin-left: 5px;
    transition: 0.3s;
}

.design-by p a:hover{
background: url(../images/designdot-logo.png) no-repeat scroll left bottom;
width: 72px;
height: 17px;
/* display: block; */

}


.design-by {
    display: flex;
    align-items: flex-end;
    text-align:right;
    justify-content:flex-end;
}



.class-to-style.left-arrow.slick-arrow {
    position: absolute;
    top: -93px;
    z-index: 1;
    right: 80px;
    padding-right: 0px;
    margin-right: 50px;
    cursor: pointer;
}


.class-to-style.right-arrow.slick-arrow {
    position: absolute;
    top: -93px;
    right: 22px;
    padding-right: 0px;
    margin-right: 50px;
    cursor: pointer;
}

/* footer ends */


.video-text .dot,.dot-big {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
}


.dot-big.white{
    background: #000 !important;
}
.video-text .dot1{
    background:#f58331;    
}

div#typed .dot{
            width: 8px;
    height: 8px;
    margin-left: 5px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

div#typed strong .dot{
        width: 16px;
    height: 16px;
    margin-left: 5px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

.section-text span span.dot,.whats-good .dot{
       width: 8px;
    height: 8px;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#fff;
    /*margin:0px;*/
}


.section-text span span.dot{
    background: #878686;
}
.section-text>h2>span.dot,.why-us-four .dot{
            width: 11px;
            height: 11px;
            margin-left: 5px;
            display: inline-block;
            border-radius: 100%;
            background: #7e7e7e;
}


.dot-2{
                width: 8px ;
    height: 8px ;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

.dot-3{
                    width: 6px ;
    height: 6px ;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
    
}


.dot-3.white{
    background:#fff !important;
}


.container-box>div{
        align-items: center;
        display:flex;
}


/*.footer-right-2 {*/
/*    justify-content: flex-end;*/
/*}*/

.blog-inner {
    position: relative;
    overflow: hidden;
}


.blog-inner>a {
    display: inline-block;
    width:100%;
}

.blog-inner:hover .blog-img img {
    transform: scale(1.3);
    transition: all 2s;
}


.blog-inner:hover .bdl-text p i {
    transform: translateX(20px);
    transition: all 2s;
}


.blog-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: #2e2e2ea3;
}

.blog-img img {
    width: 100%;
    transition: all 2s;
}

.blog-date-info {
    padding: 20px 40px;
    font-size: 16px;
    color: #a6a6a6;
}

.blog-date {
    display: block;
    font-size: 40px;
    color: #a6a6a6;
}

.blog-text {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}




.bdl-text {
    position: absolute;
    bottom: 24px;
    padding: 10px 40px;
}

.bdl-auhtor-name {
    color: #a6a6a6;
    font-size: 16px;
    margin: 10px 0;
}

.blog-text h1 {
    font-size: 26px;
    /* font-family: 'Lato-Light'; */
    
    margin-bottom: 26px;
    /* color: #fff; */
    color: #e1e1e1;
}

.blog-text h1 strong {
    
    display: block;
}

.bdl-text p i {
    color: #fff;
    font-size: 30px;
    transition: all 2s;
    display: block;
}

.mobile-video{
    display:none;
}

p.p1,p.p2,p.p3,p.p4,p.p5,p.p6 {
    font-size: 20px;
    line-height: 1.4;
}


ul.ul1 {
    padding-left: 20px;
    font-size: 20px;
    line-height: 1.4;
}

ul.ul1 li {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 10px;
}

span.s2{
        color: #f48841;
    line-height: 2;
    text-decoration:none;
}

span.s1{
    color: #f48841;
    text-decoration:none;
}
p.p2 strong,p.p5 strong ,p.p6 strong,p.p1 strong,p.p3 strong,p.p4 strong{
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
    
    display:block;
    text-align:left;
}

 
 .quick-enquery1 {
    float: left;
    margin: 0px;
    text-align: center;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 130px;
    top: 26px;
    z-index: 99;
}


.quick-enquery1 a {
    padding: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
    
    font-weight: bold;
    text-transform: uppercase;
    background: #f58331;
    border-radius: 21px;
    display: block;
    color: #fff;
}
.contact-text{
        margin-top: 100px;
        font-size: 18px;
    line-height: 30px;
}

.contact-text1 b {
    color: #fff !important;
    margin-bottom:15px !important;
    
}

.contact-text1 p {
    color: #fff !important;
    
}


.section-left>.row>div {
    padding: 0px;
}


ul.city li a:hover{
    color:#00539c;
}

ul.city li a:hover span{
    background:#00539c;
}

.stars i {
    color: #f59050;
}


.dowload-bro {
    margin-top: 20px;
    text-align: right;
    width: 100%;
}

.dowload-bro a {
    color: #f68d32;
}

.blog-box {
    padding-right:16px;
}

.text-padding {
    padding-right: 16px !important;
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1920px){
    .dowload-bro {
    margin-top: 50px;
    text-align: right;
    width: 100%;
    position: absolute;
}
}

@media(max-width:1800px){

    .our-achieve img{
        height: 81%;
    width: auto;
    }

    .request-row-main a {
        font-size: 17px;
    }
    .happy p{
        margin-right: 30px;
    }

    

}
  @media(max-width:1680px){
      img.blog-img {
          padding-right: 20px;
      }
  
      .logos img{
          width: 10%;
      }
  }
  
  @media(max-width:1600px){
  
    .lets-talk img {
    }

    .navigation {
        font-size: 37px !important;
    }

      span.whats-good {
        width: auto;
    }


    .sliderContainer.what-good-container {
        padding-left: 237px;
    }
      
      .brand-of-designdot{
          padding-left: 50px;
      }
  
      span.why-us{
          margin-bottom: 40px;
      }
  
      .class-to-style.right-arrow.slick-arrow img, .class-to-style.left-arrow.slick-arrow img{
          width: 30px;
      }
      
    .footer-menu-2 {
        display: inline-block;
        margin-left: 20px;
    }
    .footer-menu-2 ul li a{
    }

    .our-achieve h4{
        margin-right: 20px;
        font-size: 19px;
    }

    .row.footer-bottom-row{
        align-items: flex-end;
    }
    /* footer ends */


li.home{
    margin-right: 10px;
    padding-right: 15px;
}


li.support-icon img {
    width: 40px;
}
.visible-menu ul li.home a img {
    padding-left: 10px;
    width: 33px;
}

ul.city li:after{
    padding-left: 5px;
    padding-right: 5px;
}

ul.phone-number-header img {
    width: 25px;
}

li.support-icon {
    margin: 0px;
}

.logo img {
    height: 65px;
    transition: 0.5s ease-in-out all;
    max-width: 100%;
}


.brand-of-designdot {
    padding-left: 20px;
    padding-right:20px;
}

/*.container-box>div{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/


/* header ends */
 

.award-winning h5{
    font-size: 24px;
}


.video-text h1,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
    font-size: 80px;
    max-width: 773px;
    /* left: 150px; */
}

.sec-left-text{
    max-width: 473px;
}
.achievements-inner h2{
    font-size: 80px;
}

.video-text p{
    font-size: 22px;
    
    margin-top: 30px;
}

.estd,.visitors-count b,.sec-two-text ul li b,.sec-three-two .sec-right>.why-designdot,
.sec-three-two ul li b,.process-heading{
    font-size: 32px;
}

.estd-subheading,.sec-three-one b,.meet-designers>div>p{
    font-size: 22px;
}
.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong,.visitors-count span,.sec-two-text ul li p,.sec-three-one p,
.sec-three-two ul li p,.process-right-heading,.sec-four-text p{
    font-size: 17px;
}
.visitors-count li{
    padding-right: 50px;
}

.sec-three-two ul li{
    margin-right: 70px;
}

.sec-four-inner .sec-left {
    width: 200%;
}

.sec-four-text>div {
    display: block;
}

.sec-four-text>div>div {
    float: none;
    width: 100%;
}

.process-right-heading {
    display: block;
    float: none;
    width: 100%;
    margin-top: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.sec-five-two ul li b,.sec-five-two ul li p{
    font-size: 16px;
}

.achievements-inner h2{
    font-size: 60px;
}

.sec-three-two ul li {
    margin-right: 50px;
}

}
  
  @media(max-width:1500px){  
      .download_brochure {
        right: -10px;
    }
    

        p.copyright {
            font-size:12px;
            left: 10px;
        }

}
  
  @media(max-width:1400px){
    
    .happy p {
        font-size: 12px;
        padding: 0 10px 0 0;
    }
    
    .main-content h1 {
      font-size: 80px;
 }
    

    .client-subheading{
        width: 39% !important;
    }

    p.client-text{
        text-align: justify;
    }
    .social li {
        /* float: left; */
        margin: 0 7px !important;
    }

      p.blog-text{
          max-width: 76%;
      }
      .section-one {
          padding: 50px 0;
          height: 100%;
      }

      .section-list li{
          font-size: 15px;
      }
  
      .box{
          padding: 15px;
          text-align: left;
      }

  
      a.send-req{
          font-size: 17px;
          width: 280px;
          height: 102px;
          padding: 34px 92px 60px 40px;
      }
  
      /* .visible-menu{
          margin-left: 50px;
      } */
  
      .visible-menu ul li {
      }
  
      ul.city li a{
          font-size: 13px;
      }
  
      .brand-of-designdot {
          padding-left: 30px;
      }

      .video-text h1,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
        font-size: 60px;
        max-width: 773px;
        /* left: 150px; */
        line-height: 1.3;
    }   

    .award-winning h5{
        font-size: 21px;
    }
    .estd,.visitors-count b,.sec-two-text ul li b,.sec-three-two .sec-right>.why-designdot,
.sec-three-two ul li b,.process-heading{
    font-size: 28px;
}

.estd-subheading,.sec-three-one b,.meet-designers>div>p{
    font-size: 19px;
}
.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong,.visitors-count span,.sec-two-text ul li p,.sec-three-one p,
.sec-three-two ul li p,.process-right-heading,.sec-four-text p{
    font-size: 16px;
}

.sec-five-two ul li b,.sec-five-two ul li p {
    font-size: 14px;
}


span.whats-good{
    width: auto !important;
}

.footer-menu-2 ul li a{
}



.working-hrs-row>div {
}

.working-hrs-row>div + div {
    width: 30%;
}

.happy p {
    margin-right: 0px;
}

.design-by p{
    text-align: right;
}





.request-row-main a {
    font-size: 17px;
}



.design-by{
    width: 100%;
}

.our-achieve{
    width: 70%;
}

.design-by p{
    text-align: right;
}


  }
  

  @media(max-width:1330px){

    p.copyright {
    font-size: 10px;
}

.download_brochure{
    position: relative;
    top: 20px;
    font-size: 15px;
}

    .sliderContainer.what-good-container {
        padding-left: 207px;
    }

    .section-heading span,.line-one,.footer-right span {
        width: 75px;
    }


    .lets-talk img {
    }

    .our-achieve img{
        height: 71%;
    }

    .line-before li:before{
        width: 30px;
    }
    .section-one .section-text p ,.what-good-text p,p.why-us-subheading,.section-list li,.section-text P span
    ,p.blog-text{
        font-size: 16px;
        line-height: 1.5;
    }

    .heading1,span.why-us-two{
        font-size: 20px;
    }


    
    .brand-of-designdot img {
        width: 114px;
    }

  }


  
  @media(max-width:1279px){
      .brand-of-designdot {
          padding-left: 30px;
          padding-right: 30px;
      }
  
      div#typed strong {
        font-size: 20px !important;
    }
    
    
    div#typed strong .dot{
        width:14px;
        height:14px;
    }
    div#typed {
        font-weight: 500;
        font-size: 16px;
    }


      .menu-box {
        padding-left: 50px !important;
    }


    .navigation {
    font-size: 27px !important;
}

.address{
    padding: 0 27px !important;
}

.social li a{
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
    
    line-height: 30px !important;
}

.social li a i {
    line-height: 30px !important;
}
      .our-achieve img {
        width: 100%;
        margin-left: 15px !important;
        margin-right: 0;
    }
  }
  

  
  @media(max-width:1199px){
      
   .row.box >div>img.img-width {
     width: 20%;
   }  
   
 .client-name {
    padding:0 !important;
     margin-top: 10px;
    }
    
 
 .client-subheading .box >div> img{
    width:40% !important;   
 }   
      
 .dowload-bro {
    padding: 0 40px !important;
}
 
 .dowload-bro {
     padding: 0 0px !important; 
     margin-top: 72px;
     text-align: left;
} 

p.copyright {
    line-height: 20px;
    text-align: left;
}

.header-right{
    justify-content: flex-end;
}
.header-right{
        margin-top: 5px;
}
    
    .row.footer-bottom-row{
        display: block;
    }
    .darkHeader .mb-top-header {
        display: none;
    }


    .container-box>div {
        align-items: center;
    }

    .section-one .section-text p , .what-good-text p, p.why-us-subheading, .section-list li, .section-text P span, p.blog-text {
        /*font-size: 14px;*/
        line-height: 1.5;
    }

    span.why-us {
        font-size: 15px;
        margin-bottom: 22px;
    }


    .section-bottom-left .section-text {
        margin-top: 40px;
    }



    .box-col {
        margin-bottom: 20px;
    }


    /*.footer .section-bottom-left{*/
    /*    padding-left: 50px;*/
    /*    padding-right: 50px;*/
    /*}*/
   
    header.header {
        padding-top: 5px;
    }

    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }
    .showcase .caption{
        min-height: auto !important;
    }

    ul.phone-number-header img {
        width: 19px;
    }
  
      .section-one .section-left>div>div:nth-child(2) {
          margin-top: 20px;
      }
  
      span.why-us {
          margin-bottom: 30px;
      }
  
      span.why-us{
          font-size: 18px;
          margin-bottom: 22px;
      }
  
       .what-good-text p{
          margin-right: 120px;    
      }
  
      .what-good-text{
          margin-right: 0px;
      }
  
      .what-good-text{
          padding: 15px;
      }
  
      .section-left, .section-heading.slider-heading {
          padding-top: 30px;
          padding-bottom: 30px;
      }

      .section-heading.slider-heading{
          padding-left: 30px;
      }


      .section-heading.slider-heading {
        display: block;
    }

    .section-heading.slider-heading p, .section-heading.slider-heading span.line-through{
        display: inline-block;
    }
    .section-heading.slider-heading span.line-through{
        position: relative;
        top: -7px;
    }

    .class-to-style.left-arrow.slick-arrow,.class-to-style.right-arrow.slick-arrow{
        top: -55px;

    }

    

      
      .sliderContainer.what-good-container {
          padding-left: 40px;
      }
      
      span.whats-good{
          font-size: 19px;
          margin: 0px;
          display: block;
      }
  
      .heading1{
          font-size: 20px;
          margin-bottom: 22px;
          line-height: 1.4;
      }
  
      .section-left{
          display: block;
      }
  
      .box>div {
          width: 100%;
          max-width: 100%;
          flex: 0 0 100%;
      }
  
  
      .box-col {
          width: 50%;
          max-width: 50% !important;
          flex: 0 0 50% !important;
      }
  
      /* .box{
          margin: 15px !important;
      } */
  
      /*.footer-bottom-row .col-lg-5, .footer-bottom-row .col-lg-4,.col-lg-7.footer-right-2 {*/
      /*    width: 100% !important;*/
      /*    flex: 0 0 100%;*/
      /*    max-width: 100%;*/
      /*}*/
      .what-good-text p {
          margin-right: 40px;
          line-height: 1.4;
      }
  

      .design-by{
        justify-content: flex-end;
      }
      /* div#typed strong {
          font-weight: 800;
          font-size: 30px !important;
      } */
      
      /* div#typed{
          font-weight: 500;
          font-size: 15px !important;
      } */


      .header-under-common {
        padding-top: 200px;
    }

    .award-winning h5 {
        font-size: 18px;
    }

    .section-container {
        padding: 0 50px;
        
    }
    .video-text,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
        left: 100px;
        font-size: 55px;
    }

    .video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
        font-size: 55px;
    }

    .achievements-inner h2{
        font-size: 55px;
        line-height: 1.3;
    }
    .section-one{
        padding-top: 80px;
    }

    .estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot,
     .sec-three-two ul li b, .process-heading{
        font-size: 24px;
    }
    .estd-subheading, .sec-three-one b, .meet-designers>div>p{
        font-size: 17px;
    }

    .sec-one-inner .sec-right p,.sec-one-inner .sec-right strong, .visitors-count span, .sec-two-text ul li p, 
    .sec-three-one p, .sec-three-two ul li p, .process-right-heading, .sec-four-text p{
        font-size: 14px;
    }

    


    .sec-five-two ul li {
        width: 29%;
        margin-right: 47px;
        display: inline-block;
        margin-bottom: 20px;
    }



    .sec-five-two ul li:nth-child(3){
        margin-right: 0px;
    }

    .sec-five-two ul{
        display: block;
    }

    .sec-three-two ul{
        margin-bottom: 30px;
    }
    .sec-left span{
        width: 100px;
    }
    .achievements-inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }


    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }

    .mb-top-header>div>div>ul>li>a{

    
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
}

.top-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.top-right>div>a {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #f58331;
    border-radius: 12px;
    padding: 6px;
    display: inline-block;
}



.mb-top-header>div>div {
    border-bottom: 2px solid #dadada;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 20px;
}

ul.city li:after {
    padding-left: 0px;
    padding-right: 0px;
}


.mb-top-header {
    margin-left: -20px;
    margin-right: -20px;
}

.mb-top-header>div>div {
    width: 100%;
    justify-content:end;
}

.mb-top-header>div {
    display: flex;
}

.brand-of-designdot img {
    width: 93px;
}

.footer .section-text {
    margin-top: 0px;
}

.section-heading span, .line-one, .footer-right span {
    width: 48px;
}

.footer .section-heading span{
    margin-left: 0px;
}


.request-row-main a {
    font-size: 14px;
}


p.social-left a {
    font-size: 15px;
}





p.social-right a{
    margin-right: 16px;
}


.footer .section-text P{
    margin-right: 0px;
}


.section-nine .section-text>.row {
    margin-bottom: 30px;
}

.footer-menu-2{
    margin-left: 0px;
}

.happy img {
    width: 120px;
}

.working-hrs-row p {
    
    margin-bottom: 10px;
}


.working-hrs-row>div + div {
    width: 27%;
}

.working-hrs-row>div {
    width: 73%;
}

span.whats-good {
    margin-top: 30px;
}


.our-achieve {
    width: 100%;
}

  }

  @media(max-width:1000px){
      
    .visible-menu {
      display: none;
     }  
      
    .mb-top-header,.mb-top-header ul.city{
        display: block;
    }
    .header-right  ul.city{
display: none;
    }   
      
   .top-right {
    display: flex;
    justify-content: end;
    }
    
    .mb-top-header>div>div {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    
    a.menu {
         padding: 0px; 
    }


}

  @media(max-width:991px){
      .footer span.line-through{
          top: -8px;
      }
      
      a.dd-d-logo img{
        width: 60px !important;
        height: auto !important;
    }

      
      .dot-3{
       width: 5px;
       height: 5px;
      }
      .navigation li a .dot{
            width: 6px !important;
            height: 6px !important;
            margin-left:2px;
      }

      .section-text span span.dot, .whats-good .dot,ul.city li a span{
            width: 5px;
            height: 5px;
            margin-left:2px;
        }
      
      .section-text>h2>span.dot, .why-us-four .dot{
            width: 8px;
            height: 8px;
            margin-left:2px;
      }
      
      .client-name{
              padding-left: 0px !important;
    padding-top: 10px !important;
      }
      div#typed strong{
          font-size:30px !important;
      }

p.social-right a {
    margin-right: 10px;
}

    .footer-right p+div {
        display: block;
    }

    .footer-right p+div a {
        display: block;
    }

    .row.box {
        margin: 10px;
    }


    .clip .clip-box{
        margin: 0 0px !important;
    }
    .section-left, .section-heading.slider-heading {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .section-one {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-heading.slider-heading {
        padding-left: 65px;
    }

    .sliderContainer.what-good-container {
      padding-left: 65px;
    }


    .menu-box {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .payment strong {
        font-size: 14px;
    }

    .payment a,.payment p{
        font-size: 12px;
    }

    .address {
        padding: 0 11px !important;
    }


    .navigation {
        font-size: 20px !important;
    }


    .mb-top-header ul.city{
        display: block;
    }

    header.header {
        padding-top: 5px;
    }
.footer-right>div>div{
    width: 69%;
}

.section-two .explore-box {
    padding-right: 0px;
}

.row.box {
     margin: 0px; 
}

.blog-inner {
    margin-bottom: 20px;
}

.blog-box {
     padding-right: 0px; 
}


}
  
 @media(max-width:770px){
     
      .url-text-black {
        word-break: break-all;
       }
      .our-achieve img {
        height: 51%;
        width: 120px;
       } 
       
      p.social-right i {
       line-height: 25px !important;
     }
     
     .footer-menu-2 ul li:last-child a {
        padding-right: 0px 10px 0px 0px !important;
      
    }
    
    p.social-right a {
    margin-bottom: 10px;
}

.happy h5 {
    line-height: 20px;
} 

.happy p {
    font-size: 14px;
    padding: 0 10px 0 0;
    line-height: 24px;
}

.row.box {
    padding: 0;
}

.blog-date {
    display: block;
    font-size: 24px;
    color: #c5c5c5;
}

.blog-date-info {
    font-size: 14px;
    color: #c5c5c5;
    line-height: 21px;
}

.blog-text h1 {
    font-size: 16px;
    
    margin-bottom: 5px;
    color: #e1e1e1;
    line-height: 18px;
}

.bdl-text {
    position: absolute;
    bottom: 12px;
    padding: 10px 20px;
}

.blog-date-info {
    padding: 20px 20px;
}

.p-0mob {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.download_brochure {
    right: 10px;
}

p.copyright {
    left: -10px;
}
}
  
 @media(max-width:768px){
     
     
.our-achieve {
    width: 100%;
    margin-top: 50px;
}   
   
.our-achieve-img {
    justify-content: start;
}   
  
.dowload-bro {
    text-align: left !important;
}

.section-bottom-left {
    padding-bottom: 50px;
    padding-left: 65px;
}

span.lets-build {
    display: none;
}

  .p-0mob1 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}   

.happy {
    border-top: 2px solid #0f0f0f00;
}

.blog-text h1 {
    font-size: 26px;
    line-height: 35px;
}

.blog-date {
    font-size:40px;
}

.blog-date-info {
    font-size: 18px;
    line-height: 34px;
}
}

 @media(max-width:767px){

.happy {
    border-top: 2px solid #48484800;
}

.sec-left.hidden-for-form .line-through {display:none;}      
.footer-bottom-row {
    position: relative;
    margin-bottom: 30px !important;
}

.dowload-bro {
    position: absolute;
    bottom: -23px;
    /*right: 2.22rem;*/
}

  .p-0mob2 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}  

      
.row.box {
    justify-content: flex-start !important;
    align-items: flex-start;
}

.box>div.col-md-3 {
    width: 24%;
    max-width: 24%;
    flex: 0 0 24%;
}


.row.box >div>img {
    width: 100%;
}


.client-name {
    padding-top: 0px !important;
    margin-left: 20px !important;
        width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
}


      .mobile-video{
          display:block;
      }
      
      .mobile-video+ video#bgvideo{
          display:none;
      }
      
      .blog-inner {
    margin-bottom: 20px;
}
.working-hrs p+span {
    text-align: right;
}

      div#typed strong{
          font-size:10px !important;
      }
      
      div#typed strong .dot{
          width:12px;
          height:12px;
          /*margin-left:2px;*/
      }
      
      .section-text>h2>span.dot, .why-us-four .dot{
          margin-left:2px;
      }

    .mb-top-header ul.city{
        display: block;
    }

    header.header {
        padding-top: 5px;
    }

    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }

    .mb-top-header>div>div>ul>li>a{

    
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
}

.top-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.top-right>div>a {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #f58331;
    border-radius: 12px;
    padding: 6px;
    display: inline-block;
}



.mb-top-header>div>div {
    border-bottom: 2px solid #dadada;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 20px;
}

ul.city li:after {
    padding-left: 0px;
    padding-right: 0px;
}

.mb-top-header{
    display: block;
}
.mb-top-header {
    margin-left: -20px;
    margin-right: -20px;
}

.section-container {
    padding: 0 30px;
}

.award-winning h5 {
    font-size: 16px;
}

.video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4 {
    font-size: 45px;
}

.video-text p{
    font-size: 20px;
    margin-top: 22px;
}

.section-one {
    padding-top: 50px;
}

.sec-one-inner .sec-right p{
    padding-top: 15px;

}

.estd{
    margin-bottom: 30px;
}

.visitors-count{
    margin-top: 50px;
    margin-bottom: 50px;
}

.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong, .visitors-count span, .sec-two-text ul li p, .sec-three-one p, .sec-three-two ul li p, .process-right-heading, .sec-four-text p{
    font-size: 13px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{
    font-size: 22px;
}
.visitors-count li {
    padding-right: 30px;
}
.sec-two-text ul li{
    margin-right: 37px;
}

.sec-three-banner{
    min-height: 360px;
}

.sec-three-two ul li {
    margin-right: 30px;
}

.sec-left span {
    width: 70px;
}

.sec-four-one{
    margin-left: 30px;
}

.sec-four-one:before{
    height: 70px;
}

.sec-five-two ul li{
    width: 31%;
    margin-right: 20px;
}

.sec-five-two ul li p {
    max-width: 169px;
}

.achievements-inner h2{
    font-size: 45px;
}



/* footer */

.section-bottom-left ,.section-nine >div{

padding: 20px;
}

.section-nine >div{
padding-left: 0px;
}



.happy div {
margin-left: 14px;
}
.why-explore-three-outer{
display: block;
}

span.lets-build {
display: none;
}

.lets-talk p {
font-size: 44px;
}


.footer-right>div>div{
width: 81%;
}

.working-hrs>p,.working-hrs>span {
font-size: 11px;
width: 49%;
display: inline-block;
margin-bottom: 5px;
}


.section-nine .section-text>.row {
margin-bottom: 10px;
}




.sec-four-inner {
display: block;
}

.section-four .section-container {
padding-left: 20px;
}

.sec-four-inner .sec-left {
width: 100%;
}


.sec-left-banner img{

min-height: 280px;
}

.sec-four-one {
margin-left: 0px;
}

.sec-four-inner .sec-right {
padding-bottom: 20px;
}

.sec-five-banner{
min-height: 250px;
}

.working-hrs-row>div + div {
width: 100%;
text-align: left;
}


.what-good-text p {
font-size: 12px;
margin-bottom: 10px;
margin-right: 0px;
}




.footer-right p+div{
display: block;
}


p.social-left a {
margin-right: 10px;
display: inline-block;
}

.row.footer-bottom-row {
display: flex;
flex-direction: column-reverse;
}

.footer-right-2 {
display: block;
}

.our-achieve {
display: block;
}

.our-achieve h4{
max-width: 131px;
margin-bottom: 10px;
}

.our-achieve img {
width: auto;
height: 100px;
}

.our-achieve img {
margin-right: 15px;
}


.happy img {
height: 100px;
}

.happy p{
font-size: 10px;
margin: 0px;
line-height: 1.3;
}

.happy h5{
line-height: 1;
margin-bottom: 10px;
}

.working-hrs-row {
margin-bottom: 20px !important;
}


.happy {
margin-top: 20px;
padding-top: 20px;
}


/* footer ends */



.header-under-common {
    padding-top: 200px;
}

.section-container {
    padding: 0 20px;
}

.sec-two-text ul{
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
}

.sec-two-text ul li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{
    font-size: 20px;
}

.sec-two-text ul li b{
    margin-bottom: 20px;
}

.sec-two-text ul li:first-child p {
    margin-bottom: 20px;
}

.sec-three-two ul{
    display: block;
}

.sec-three-two ul li{
    margin-right: 0px;
    width: 100%;
}

.award-winning h5 {
    font-size: 12px;
    line-height: 16px;
}
.sec-left span {
    width: 25px;
    margin-top: 10px;
    margin-right: 10px;
}

.video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
    font-size: 18px;
}

.video-text, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
    left: 30px;
}


.video-text h1{
    font-size:30px;
}
.video-text p{
    font-size: 16px;
    margin-top: 5px;
}

.award-winning{
    padding-bottom: 10px;
}
/*  */
.container-box {
padding: 0 20px !important;
}
.visitors-count{
    display: block;
}

.visitors-count li{
    padding-right: 0px;
    padding-bottom: 20px;
}

ul.city {
    display: none;
}

.brand-of-designdot img {
    /*width: 74px;*/
    width: 99px;
    padding: 0px;
}

.menu span{
    display: none;
}

.brand-of-designdot {
    padding-left: 20px;
    padding-right: 16px;
        text-align: center;
    display: block;
    margin-bottom: 20px;
}

.header-under-common {
    padding-top: 200px;
}



/* footer */

.section-bottom-left ,.section-nine >div{

padding: 20px;
}

.section-nine >div{
padding-left: 0px;
}

.happy div {
margin-left: 14px;
}
.why-explore-three-outer{
display: block;
}

span.lets-build {
display: none;
}


.menu-box .column:nth-child(2){
    margin-top: 0px;
}

.footer-right>div>div{
width: 81%;
}

.why-explore-three-outer {
    display: block;
    align-items: center;
}


.blog-text .client-subheading {
    width: 100% !important;
}



img.blog-img {
    padding-right: 0px;
}

.working-hrs>p,.working-hrs>span {
font-size: 10px;
width: 49%;
display: inline-block;
margin-bottom: 5px;
}


.working-hrs-row span{
font-size: 12px;    
}

.blog-text h1{
        font-size: 16px;
            margin-bottom: 10px;
}

.bdl-text p i{
        font-size: 19px;
}
.bdl-auhtor-name{
    font-size:13px !important;
}

.blog-date-info{
        padding: 10px 20px;
}


.section-nine .section-text>.row {
margin-bottom: 10px;
}




.sec-four-inner {
display: block;
}

.section-four .section-container {
padding-left: 20px;
}

.sec-four-inner .sec-left {
width: 100%;
}


.sec-left-banner img{

min-height: 280px;
}

.sec-four-one {
margin-left: 0px;
}

.sec-four-inner .sec-right {
padding-bottom: 20px;
}

.sec-five-banner{
min-height: 250px;
}

.sec-five-two ul li{
width: 100%;
}


.working-hrs-row>div + div {
width: 100%;
text-align: left;
}


.what-good-text p {
font-size: 12px;
margin-bottom: 10px;
margin-right: 0px;
}

.footer-menu-2 ul li:nth-child(2) a {
border: none;
}
.footer-right p+div{
display: block;
}

p.social-left a {
margin-right: 10px;
display: inline-block;
}


.row.footer-bottom-row {
display: flex;
flex-direction: column-reverse;
}

.footer-right-2 {
display: block;
}

.our-achieve {
display: block;
}

.our-achieve h4{
max-width: 131px;
margin-bottom: 10px;
    max-width: initial;
    
    text-align: center;
    margin-bottom: 20px;
    margin-right:0px;
}



.our-achieve img {
margin-right: 38px;
}


.happy img {
height: 90px;
}

.happy p{
font-size: 14px;
margin: 0px;
line-height: 1.3;
}

.happy h5{
line-height: 1;
margin-bottom: 10px;
}

.working-hrs-row {
margin-bottom: 20px !important;
}


.happy {
margin-top: 20px;
padding-top: 20px;
}


/* footer ends */
.achievements-inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.achievements-inner>div {
    display: block;
}

.achievements-inner h2 {
    font-size: 20px;
    max-width: 150px;
    margin-bottom: 15px;
}
.section-one {
    padding-top: 20px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{

    font-size: 15px;
}

.sec-two-banner{
    min-height: 246px;
    background-size: cover;
}

.sec-three-banner {
min-height: 260px;
}

.mb-top-header>div {
    display: block;
}

.sliderContainer.what-good-container {
    padding-left: 30px;
}
.section-heading.slider-heading {
    padding-left: 20px;
}

.section-left, .section-heading.slider-heading {
    padding-top: 20px;
    padding-bottom: 20px;
}

.box-col {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.client-subheading {
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 20px;
}


.explore-box {
    margin-top: 20px;
    
    
}
.design-by {
    display: none;
}


.footer .section-text P {
    margin-right: 0px;
    line-height: 1.4;
}

.working-hrs>p, .working-hrs>span{
    width: 100%;
}

.working-hrs-row>div + div{
    margin-bottom: 30px;
}

.our-achieve {
    width: 100%;
        text-align: center;
}


p.blog-text {
    margin-bottom: 20px;
}


span.why-us,span.whats-good {
    font-size: 16px;
    margin-bottom: 10px;
}

.darkHeader >div{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


a.menu {
    padding: 5px;
}


.row.box {
    margin: 0px;
    padding: 5px;
}


.section-bottom-left .section-text {
    margin-top: 20px;
    padding-left:0px;
}


.section-five .explore-box {
    margin-top: 50px;
}


.heading1{
    font-size: 16px;
    margin-bottom: 10px;
}

.what-good-text {
    padding: 15px 0px;
    margin-bottom: 20px;
}

.section-list{
    margin-top: 20px;
}

.section-two .explore-box {
    margin-top: 20px;
}
.explore-box a{
    margin-left: 10px;
}

.sliderContainer.what-good-container {
    padding-left: 0px;
}

.what-good-inner{
    padding: 0px 20px;
}
p.client-text{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
}

.client-name h6,.client-name span{
    font-size: 12px;
}

span.single-line{
    width: 50px;
    margin-bottom: 20px;
}

.section-heading p{
    font-size: 18px;
}

.section-right-full{
    margin-left: 0px;
}

span.whats-good {
    margin-top: 20px;
}

.footer .section-bottom-left .section-text {
    margin-top: 0px;
    /*padding-left: 10px;*/
    
}

.request-row-main {
    margin-top: 30px;
    margin-bottom: 0px;
}

.our-achieve img {
    width: auto;
    height: 92px;
        margin-right: 18px;
    display: inline-block;
    text-align: center;
}

p.social-left {
    margin: 0px;
}


.live-time,.working-hrs {
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.working-hrs-row>div{
    width: 100%;
}
.live-time p,.working-hrs p{
    margin: 0px;
}

.clip {
    padding: 0 0 20px 0 !important;
}


.quick-enquery1{
        left: auto;
    
    right: 20px;
}

.quick-enquery1 a{
        padding: 10px;
    font-size: 10px;
}


.bdl-text{
        padding: 10px 20px;
}



.logos{
    display:block;

    text-align: center;
}

.logos img{
        width: 60%;
            margin-bottom: 40px;
}

.achieve h4 {
    text-align: center;
}


span.s1{
   word-break: break-word !important; 
}



  }
  
  
  /*mobile responsive*/
  


.display-inline {
    display: flex;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #f58331;
    border-radius: 2px;
    height: 50px;
    margin-top: 0px;
    margin-left: 7px;
}
  
.mt-8{
    margin-top: -8px !important;
}
  



.whatsaap {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 45px;
    left: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 50;
    line-height: 60px;
}


@media(max-width:600px){
    .row.box >div>img.img-width {
        width: 100%;
    }
    
    p.social-right a {
    border-radius: 50%;
    width: 25px;
    font-size: 12px;
    padding: 0px;
    height: 25px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

}

@media(max-width:500px){


.mb-top-header>div>div {
    justify-content: start;
}
  .nav-up {
    top: -10px;
}
 .our-achieve h4 {
    text-align: center;
    line-height: 24px;
}  
    
  .mb-top-header>div>div {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.footer-menu-2 {
    text-align: left;
}

.row.working-hrs-row {
    margin-right: -15px;
    margin-left: -15px;
}

.our-achieve {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-auto {
    margin: 0;
}

.our-achieve-img {
    justify-content: center;
}

.dowload-bro {
    text-align: center !important;
}

p.copyright {
    line-height: 20px;
    text-align: center;
    font-size:12px;
}

.whatsaap {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 90px;
    right: 20px;
    line-height: 50px;
}
 
.my-icon {
    margin-top: 10px;
}
}



 
 
   
 /*---max-width:375px----*/
  @media(max-width:375px){

  .whatsaap {
    line-height: 50px;
}
 
  p.copyright {
    font-size:10px;
} 
 .download_brochure {
    font-size: 14px;
    left: 20px;
} 
.dowload-bro {
    right: 95px ;
}

.footer .section-text P {
    text-align: left;
}
.download_brochure {
    font-size: 14px;
    left: 45px;
}

p.copyright {
    left: 40px;
}

.lets-talk p {
  font-size: 36px;
}

p.copyright {
    font-size: 10px;
    text-align:center !important;
}

.working-hrs-row span {
    font-size: 11px;
}


 }
  
  /*---max-width:320px----*/ 
  
   @media(max-width:330px){
 .mob-pr-t {
    padding: 0 10px 0 0 !important;
}

a.mob-pr {
    padding: 0 0px 0px 0px !important;
}


}
  
 @media(max-width:320px){
    

    .dowload-bro {
        right: 20% !important;
    }
    
}
 




.about_section {
    overflow: hidden;
}

.about_section .section-one {
    padding: 0;
}

.about_section .section-left {
    padding-top: 50px;
    padding-bottom: 50px;
}

.about_section .explore-box {
    margin-top: 41px;
}



/* Counter  */

.counter_main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 15px;
    position: relative;
}

.counter_main:after {
    content: "";
    width: 50px;
    height: 50px;
    background: var(--darkbg);
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.counter_box {
    align-items: center;
    text-align: center;
    padding: 15px 15px;
}


.counter_box .icon_box img {
}

.counter_box .value_box {}

.counter_box .value_box h5 {
    font-size: 56px;
    font-weight: 700;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    column-gap: 3px;
    letter-spacing: 1.5px;
}

.counter_box .value_box p {
    font-size: 21px;
    font-weight: 300;
    color: #ddd;
}

.counter_box:last-child {border: 0;}





/* Testimonial  */
.courses_section {
    width: 100%;
    padding: 80px 0;
    background: #f6f7fb;
}

.testimonial-content .content-top {
    position: absolute;
    right: 0;
    top: 0;
}

.testimonial-content .content-top .rating {
    display: flex;
    align-items: center;
    color: #ffb930;
    font-size: 20px;
    gap: 5px;
}

.testimonial-quote img {filter: invert(1);opacity: 0.5;}

.testimonial-content p {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    color: #cfcfcf;
    text-align: justify;
    line-height: 26px;
}

.testimonial-avatar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.testimonial-avatar .avatar-thumb {
    width: 65px;
    flex: 0 0 auto;
    margin-right: 12px;
}

.testimonial-avatar .avatar-thumb img {
    border-radius: 50%;
    /* border: 2px solid #ddd; */
}

.testimonial-avatar .avatar-info {
    position: relative;
}

.testimonial-avatar .avatar-info::before {
    /* content: ""; */
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 36px;
    border-radius: 2px;
    background: #f4a730;
}

.testimonial-avatar .avatar-info .title {
    font-size: 19px;
    margin-bottom: 5px;
    color: #00843e;
    text-align: left;
}

.testimonial-avatar .avatar-info span {
    line-height: 1;
    display: block;
    font-weight: 400;
    color: #cacaca;
}


section.testimonial_sec {
    background: #191919;
}

section.testimonial_sec .title h3 {
    color: #fff;
}


.testimonial_box {
    /* background: #ffffff; */
    width: 100%;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #dddddd42;
}

.directors-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

img.shape_wave {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: saturation;
}


/* Testimonial  */

.testimonial-content {
    position: relative;
}

.what-good-container .slick-slide {
    margin: 0 15px;
    background: unset;
}


.mb-50{ margin-bottom:70px; }


.testimonial_box {
    width: 100%;
    padding: 25px;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
}



img {
    max-width: 100%;
}
div#typed strong {
    font-size: 35px;
    font-weight: 700;
}


img.banner_shape {
    position: absolute;
    right: -100px;
    mix-blend-mode: overlay;
    top: 50%;
}


.mb-15{ margin-bottom:15px; }

.section-heading span.white-line {
    background-image: linear-gradient(45deg, #ffffff, transparent);
}


.padding-fix{ padding:70px 0; }


canvas#c {
    background-color: #ffe315;
}


.counter_box .value_box h5 span.plus {
}


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

.container-fluid {
    padding: 0 60px;
}


.footer-right>div:last-child>div {margin: 0;}

.footer-right p.social-right {
    margin-top: 10px;
}

.footer_sec {
    padding: 90px 0;
}





/* ===========================  */
/* Mobile App Section  */
/* ===========================  */

section.mobileApp {
    background: #0d0d0d;
}

.mobile_left {
    text-align: center;
    position: relative;
}

.mobile_left img.shape1 {
    position: absolute;
    left: 0;
    top: 50%;
}

.mobile_left img.shape2 {
    position: absolute;
    right: 0;
    top: 20%;
}

.mobile_left img.shape3 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mobileBox {
    text-align: center;
}

.mobileBox h5 {
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}


.mobileBox .app_grid {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.mobileBox .app_grid a {
    transition: 0.5s ease-in-out all;
}

.mobileBox .app_grid a:hover {
    transition: 0.5s ease-in-out all;
    /* box-shadow: 0px 3px 3px #000; */
    transform: translateY(-7px);
}
/* Mobile App Section  */





@keyframes upDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

.animate-up-down {
  animation: upDown 5s ease-in-out infinite;
}


@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pulse_animate {
  animation: pulse 5s infinite ease-in-out;
}




/* ========================================  */
/* ============ WHY US SECTION ==============  */
/* ========================================  */

.why-wrp ul.nav {
    background: #fff;
    box-shadow: 4px 4px 20px #00000029;
    border-radius: 10px;
    padding: 0 10px;
}

.nav-tabs>li.nav-item {
    display: inline-block;
    float: none;
    margin: 0;
}

.nav-tabs>li.nav-item>a.nav-link {
    border: none;
    border-bottom: 1px solid transparent;
}

.why-wrp ul.nav .nav-link {
    text-align: center;
    filter: grayscale(1);
    opacity: .5;
    transition: .3s;
    -webkit-transition: .3s;
    padding: 20px 10px 15px;
    position: relative;
}

.why-wrp ul.nav .nav-link:before {
    width: 0;
    height: 8px;
    background: #247cff;
    left: 50%;
    bottom: -2px;
    border-radius: 4px 4px 0 0;
    transition: .3s;
    -webkit-transition: .3s;
}

.why-wrp ul.nav .nav-link span {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--primary-color);
}


.why-wrp ul.nav .nav-link.active {
    filter: grayscale(0);
    opacity: 1;
    color: #247cff
}

.why-wrp ul.nav .nav-link:before {
    width: 0;
    height: 8px;
    background: var(--primary-color);
    left: 50%;
    bottom: -2px;
    border-radius: 4px 4px 0 0;
    transition: .3s;
    -webkit-transition: .3s;
}

.why-wrp ul.nav .nav-link:before {
    position: absolute;
    transform: translateX(-50%);
    content: '';
}

.why-wrp ul.nav .nav-link.active:before{
  width: 100%; 
}

.why-wrp .why-content {
    background: #fff;
    background: linear-gradient(90deg, #fff 0, #fffFFF00 100%) no-repeat padding-box;
    box-shadow: -35px 15px 34px 0 rgb(0 0 0 / 7%);
    border-radius: 20px 0 0 20px;
    padding: 25px 25px;
    height: 100%;
}

.why-wrp .why-content h2 {
    font-size: 23px;
    margin-bottom: 15px;
    font-weight: normal;
}

.why-wrp .why-content p {color: #464646;text-align: justify;}

.text-primary {
    color: var(--primary-color) !important;
}

.why-wrp .why-content .linky {
    margin-top: 15px;
    display: table;
    font-size: 15px;
}

/* ========================================  */
/* ============ WHY US SECTION ==============  */
/* ========================================  */


.mytitle span.why-us-two img {
    display: table;
    margin: 0 auto;
    margin-top: 10px;
}

.bottom_line {
    text-align: center;
    margin-top: 50px;
    font-size: 24px;
    color: #000;
    column-gap: 15px;
}

.bottom_line a.quote-btn {}

@keyframes moveLeftRight {
  0%   {transform: translateX(0) translateY(-50%);}
  50%  {transform: translateX(50px) translateY(-50%);}
  100% {transform: translateX(0) translateY(-50%);}
}

.move {
  animation: moveLeftRight 2s ease-in-out infinite;
}


@keyframes wobble {
  0%   { transform: translateX(0) rotate(0deg); }
  15%  { transform: translateX(-25px) rotate(-5deg); }
  30%  { transform: translateX(20px) rotate(3deg); }
  45%  { transform: translateX(-15px) rotate(-3deg); }
  60%  { transform: translateX(10px) rotate(2deg); }
  75%  { transform: translateX(-5px) rotate(-1deg); }
  100% { transform: translateX(0) rotate(0deg); }
}

.wobble {
  animation: wobble 1s ease-in-out infinite;
}

.mytitle span.why-us-two {
    margin-bottom: 50px;
}

.bottom_line a:hover i {
    transition: 0.5s ease-in-out all;
}

.bottom_line a i {
    transition: 0.5s ease-in-out all;
}



.darkHeader  .logo img {
    transition: 0.5s ease-in-out all;
}

.mobile-menu .site-menu ul li:last-child {
    border: 0;
}

.mobile-menu .inner .hamburger-menu {
    margin: 0;
}





/* ===============================  */
/* Menu  */
/* ===============================  */

/* HAMBURGER */
.hamburger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: table;
  padding: 0;
  outline: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.hamburger .line {
  fill: none;
  stroke: #181818;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.hamburger .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.hamburger .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 4px;
}
.hamburger .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.hamburger.opened {
  margin: 0;
}
.hamburger.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
.hamburger.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}
.hamburger.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

/* MOBILE MENU */
.mobile-menu {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  left: -100%;
  top: 0;
  background: #11111130;
  z-index: 9999;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
}
.mobile-menu.active {
  left: 0;
}
.mobile-menu .inner {
  width: 100%;
  display: block;
  max-width: 330px;
  background: #0f0f0f;
  padding: 30px 20px;
}
.mobile-menu .mobile-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.mobile-menu .mobile-search h6 {
  width: 100%;
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}
.mobile-menu .mobile-search form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.mobile-menu .mobile-search form input[type=search] {
  width: 70%;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  background: none;
  color: #fff;
}
.mobile-menu .mobile-search form input[type=submit] {
  width: 30%;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: none;
  padding: 0;
  text-align: center;
}
.mobile-menu .site-menu {
  width: 100%;
  display: inline-block;
  margin: 0;
  margin-top: 25px;
}
.mobile-menu .site-menu > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 72vh;
  overflow: auto;
}


.mobile-menu .site-menu ul::-moz-scrollbar {
    width: 0px;
    z-index: 9999;
    background:red;
}

.mobile-menu .site-menu ul::-moz-scrollbar-thumb {
    background: red;
}

.mobile-menu .site-menu ul::-webkit-scrollbar {
    width: 0px;
    z-index: 9999;
    background: #ddd
}


.mobile-menu .site-menu ul li {
  width: 100%;
  display: inline-block;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd14;
}
.mobile-menu .site-menu ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 15px;
  display: table;
  width: 100%;
}
.mobile-menu .site-menu ul li.dropdown > a:hover {
    text-decoration: none;
    color: #ffffff;
}
.mobile-menu .mobile-account {
  width: 100%;
  height: 70px;
  line-height: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background:#ed1c24;
  padding: 0 15px;
}
.mobile-menu .button-account {
  width: 100%;
  height: 70px;
  line-height: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background:#ed1c24;
  padding: 0 15px;
  font-weight: 600;
  color: #fff;
}
.mobile-menu i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #94949459;
  text-align: center;
  font-size: 10px;
  position: relative;
  border-radius: 25px;
}

.hamburger-menu {
    width: auto;
    display: table;
}

.mobile-menu .site-menu ul li.dropdown > a {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: space-between;
    letter-spacing: 0.3px;
    color: #ddd;
}

.mobile-menu .site-menu ul li ul.subMenu.open {
    display: block;
    background: #282828;
    width: 100%;
    margin: 0;
    padding: 0;
}
.mobile-menu .site-menu ul li ul.subMenu {
    display: none;
}

.mobile-menu .site-menu ul li ul.subMenu.open > li > a {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: normal;
    color: #ddd;
}

.mobile-menu .site-menu ul li.dropdown.open a i {
    transition: 0.5s ease-in-out all;
}

.mobile-menu .site-menu ul li.dropdown.open a i:before {
    content: "\f068";
    transform: translateY(30px);
    transition: 0.5s ease-in-out all;
    /* top: 0; */
    /* position: absolute; */
}

.hamburger svg {
    margin: 0;
}

.mobile-menu .site-menu ul li ul.subMenu.open > li {
}

/* ===============================  */
/* Menu  */
/* ===============================  */



.quote-btn {
    border: 1px solid #1a1a1a;
    padding: 10px 17px;
    color: #1a1a1a;
    font-weight: 600;
    border-radius: 25px;
    font-size: 15px;
    transition: 0.5s ease-in-out all;
    overflow: hidden;
    position: relative;
    display: table;
    z-index: 1;
}

.quote-btn::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0;
    left: -40px;
    transform: skewX(45deg);
    background-color: #ed1d26 !important;
    z-index: -1;
    transition: all 1s;
}

.quote-btn:hover::before {
    width: 160%;
}


.header-left ul.desk-menu {
    display: flex;
    align-items: center;
}

a.quote-btn:hover {
    color: #fff;
    transition: 0.5s ease-in-out all;
    border-color: #ed1d26;
}



/* Breadcrumb  */
.banner-head {
    width: 100%;
}

.milestone h1 {
    font-size: 37px;
    margin-bottom: 0;
    letter-spacing: 0.3px;
    /* text-align: center; */
}

.btn-demo {
    background-color: #005bab !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    margin-top: 20px !important;
    padding: 8px 20px !important;
    cursor: pointer;
    border: 1px solid white !important;
}

.b-m {
    width: 50%;
}

.banner-image {
    background: #616060;
    padding: 50px 0;
    padding-top: 130px;
}

.btn-demo:hover {
    color: var(--primary-color) !important;
    transition: 0.5s ease-in-out all;
    background: #fff !important;
}


/* Breadcrumb  */


.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mb-20{ margin-bottom:20px !important; }


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



ul.fet-list1 {
    display: grid;
    row-gap: 10px;
}

ul.fet-list1.grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 10px;
}

.fet-list1 li {
    list-style: none;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    padding-left: 22px;
}

.fet-list1 li:before {
    content: "\f058";
    font-weight: bold;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
}




/*  my css code  */

.pt-90 {padding-top: 90px !important; }
.pt-80 {padding-top: 80px !important; }
.pt-70 {padding-top: 70px !important; }
.pt-60 {padding-top: 60px !important; }
.pt-50 {padding-top: 50px !important; }

.pb-90 {padding-bottom: 90px !important; }
.pb-80 {padding-bottom: 80px !important; }
.pb-70 {padding-bottom: 70px !important; }
.pb-60 {padding-bottom: 60px !important; }
.pb-50 {padding-bottom: 50px !important; }

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

.bookmarkicon {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}
.bookmarkicon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url(../images/bookmark-icon.png);
    width: 14px;
    height: 24px;
    transform: translateY(-50%);
}


ul.mylist.grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
}


ul.mylist.grid3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
}


.mb-100{ margin-bottom:100px !important; }


.mylist{ padding:0; margin:0; display:grid; row-gap:10px; }
.mylist li {position: relative;padding-left: 15px;font-size: 17px;line-height: 27px;color: #464646;letter-spacing: 0.3px;}
.mylist li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 900;
    left: 0;
    color: #afafaf;
    font-size: 17px;
    top: -1px;
    position: absolute;
}

.mb-15{ margin-bottom:15px !important; }
.mb-30{ margin-bottom:30px !important; }
.mt-50{ margin-top:50px !important; }

/*  my css code  */




/* Switcher section  */

section.switch_to {
    background: linear-gradient(100deg,#b00,#8d0000),linear-gradient(100deg,#8aaebb,#89adba);
    padding: 60px 0;
    position: relative;
}
section.switch_to:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/white-pattern.svg);
    background-size: cover;
    background-position: 50%;
}

.switch_main {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 35px;
    align-items: center;
    z-index: 99;
    position: relative;
}

.switch_main .apsolute_left_img {
    text-align: center;
    display: table;
    width: 100%;
}

.switch_main .apsolute_left_img  img {
    max-width: 100%;
    display: table;
    height: 400px;
    margin: auto;
}

.switch_main .half-right {}

.switch_main .half-right span {
    color: #ffff;
    font-size: 18px;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    border-left: 5px solid #fff;
    padding-left: 15px;
    text-transform: uppercase;
}

.switch_main .half-right p {
    font-size: 17px;
    color: #ddd;
    line-height: normal;
}

.switch_main .half-right h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}

.button-readmore.white a {
    background: #fff;
    color: #9a0000;
}

.button-readmore a {
    color: #fff;
    background: #ea1d29;
    font-weight: 600;
    padding: 11px 22px;
    display: table;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.5s ease-in-out all;
}
.button-readmore a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.button-readmore a:hover{ transform: translateY(-5px); transition: 0.5s ease-in-out all;  }
.button-readmore a:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

/* Switcher section  */




/* School ERP Key points  */
section.school-Erp {
    width: 100%;
    padding: 70px 0;
    display: table;
    background: #ffffff;
    background-size: cover;
    background-position: center;
}

.erp_main {
    width: 100%;
}

.erp_main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}

.erp_main ul li {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    display: grid;
    height: 100%;
    align-items: center;
    width: 100%;
    text-align: center;
    transition: 0.3s ease-in-out all;
    border-radius: 21px;
}

.erp_main ul .abc:hover li {
    box-shadow: 5px 9px 3px #00000052;
    transition: 0.5s ease-in-out all;
    transform: translateY(-5px);
}

.erp_main ul li img {
    height: 70px;
    margin: 0 auto;
}

.erp_main ul li span {
    width: 100%;
    display: table;
    margin-top: 10px;
    font-weight: 600;
    transition: 0.5s ease-in-out all;
}
/* School ERP Key points  */


.border {border: 1px solid #a8a8a8 !important; }
.radious15{ border-radius:15px; overflow:hidden; }
.showcase .bannerImg {position: absolute;right: 0;bottom: 0;}
.showcase .caption h4 {font-size: 50px; font-weight: 600; margin-bottom: 10px; }
.showcase .caption p {font-size: 29px; }


/*-------------------------------------------------------------------------------------------
  CSS definations for DesignDot
-------------------------------------------------------------------------------------------*/
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*font-size: 100%;*/
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
      -ms-box-sizing:border-box;
       -o-box-sizing:border-box;
      box-sizing:border-box;
    
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  width:100%;
  overflow-x: hidden;

}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a:hover,
a:focus {
  outline:none;
  text-decoration:none;
}
/* Common Tages */
.padding-left-none {
  padding-left: 0;
}
.padding-right-none {
  padding-right: 0;
}

/* heading */
.heading {
  padding: 0 80px 80px 80px;
  text-align: center;
  font-size: 18px;
  color: #999;
}
.heading h2 {
  margin-bottom: 15px;
  font-size: 38px;
  color: #1a1a1a;
  text-transform: uppercase;
}
.heading p {
  line-height: 30px !important;
}
.heading strong {
  color: #1a1a1a;
  font-weight: bold;
}

.form-group {
  margin-bottom: 15px;
}
label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}
.form-control {
  background: #fff;
  height: inherit;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 2px;
}
.btn {
  background: var(--primary-color);
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
}
.radio,
.checkbox {
    line-height: 16px;
}
.radio input,
.checkbox input {
    display: none;
}
.checkbox span,
.radio span {
    border: 1px solid #ccc;
    background: #fff;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    z-index: 1;
}
.radio span {
    border-radius: 100%;
}
.checkbox span:after,
.radio span:after {
    width: 10px;
    height: 10px;
    float: left;
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 2;
}
.checkbox label,
.radio label {
    min-height: inherit;
    padding: 0;
}
.radio input[type='radio']:checked + label span:after {
    background: #ccc;
    border-radius: 100%;
}
.checkbox input[type='checkbox']:checked + label span:after {
    background: #ccc;
}

.nominees {
  background: url(../images/nominees.png) no-repeat left top;
  background-size: 100% auto;
  width: 70px;
  height: 118px;
  position: fixed;
  right: -9px;
  top: 140px;
  z-index: 999;
}
.nominees img {
  width: 100%;
  height: auto;
}

.go-top {
  background: var(--primary-color);
  width: 30px;
  height: 30px;
  float: left;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  position: fixed;
  bottom: 115px;
  right: 15px;
  z-index: 999;
  border-radius: 100%;
  display: none;
}
.go-top i {
  display: inline-block;
  line-height: 28px;
}

/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
  font-size: 14px;
  color: #1a1a1a;
  overflow-x: hidden;
}

canvas#c {
  width: 100%;
  height: 100%;
}

/* Header */
.header {
  padding: 10px 0;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 999;
  background: #ffffff8a;
  transition: 0.5s ease-in-out all;
  /* backdrop-filter: blur(25px); */
}

/* Menu */
.menu {
  float: left;
  text-align: center;
  font-size: 34px;
  color: #1a1a1a;
  text-transform: uppercase;
  padding: 0;
  margin-right: 20px;
}
.menu span {
  display: block;
  padding-top: 3px;
  font-size: 11px;
}
.menu:hover {
  color: var(--primary-color);
}
.header-inner .menu {
  color: #fff;
}
.header-inner .menu:hover {
  color: var(--primary-color);
}

/* top-link */
.top-link {
  padding-top: 15px;
  font-size: 14px;
  color: #1a1a1a;
}
.top-link li {
  float: left;
  margin-right: 10px;
  line-height: 30px;
  /*font-family: 'FuturaStdBook';*/

}
.top-link li a {
  color: var(--primary-color);
  font-weight: bold;
}
.top-link .divder {
  display: inline-block;
  float: right;
  margin-left: 10px;
  font-size: 30px;
  color: #c9c9c9;
}
.header-inner .top-link {
  color: #fff;
}
.top-link li a.back-page {
  background: url(../images/img_back_page.png) no-repeat right 7px;
  display: inline-block;
  padding-right: 30px;
  color: #1a1a1a;
  text-transform: uppercase;
}
.top-link li a.back-page:hover {
  background: url(../images/img_back_page_hover.png) no-repeat right 7px;
  color: var(--primary-color);
}

/* logo */
.logo {
  float: right;
  margin-left:30px;
}
/* .logo img {
  width: auto;
  height: 60px;
} */

/* menu-box */
.menu-box {
  background: #000000bf;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  overflow: auto;
  display: none;
  padding: 0 !important;
}
.menu-box .column {
    width: 300px;
    height: 100%;
    background: #112639;
    padding: 30px 20px;
    overflow: auto;
}
/*.menu-box .column:nth-child(2) {*/
/*  border-right: 1px solid #444;*/
/*  border-left: 1px solid #444;*/
/*}*/
.menu-box .close-menu {
  /* float: left; */
  margin: 20px 30px 5px 0;
  text-align: center;
  font-size: 34px;
  color: #fff !important;
  text-transform: uppercase;
  position: absolute;
  /* left: 48px; */
  top: 0;
  z-index: 99;
  right: 0;
}
.menu-box .close-menu span {
  display: block;
  padding-top: 3px;
  font-size: 11px;
}
.menu-box .close-menu:hover {
  color: var(--primary-color);
}
.social {
  /*padding-top: 70px;*/
  padding-top: 97px;
  text-align: center;
}
.social ul {
  display: inline-block;
}
.social li {
  float: left;
  margin: 0 10px;
}
.social li a {
  background: #666;
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  font-size: 20px;
  color: #fff !important;
  line-height: 40px;
  border-radius: 100%;
}
.social li a i {
  line-height: 40px;
}
.social li a:hover {
  background: var(--primary-color);
}

/* navigation */
.navigation {
  position: relative;
}
.navigation li {
    margin-bottom: 13px;
    border-bottom: 1px solid #dddddd3d;
    padding-bottom: 13px;
}
.navigation li a {
    display: block;
    color: #fff !important;
    font-size: 16px;
    padding: 0 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.navigation li a .dot {
  background: #fff;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 100%;
}
.navigation li a:hover,
.navigation li a.active {
  color: var(--primary-color);
}

/* address */
.address {
  padding: 0 40px;
  font-size: 16px;
  color: #666;
  position: relative;
  top: 50%;
  /*font-family: 'FuturaStdBook';*/
  transform: perspective(1px) translateY(-50%);
}
.address address {
  padding: 15px 0;
  line-height: 24px;
}
.address strong {
  margin-bottom: 5px;
  display: block;
  color: #999;
  font-weight: bold;
}
.payment{
    font-size: 12px;
    line-height: 20px;
}
.payment strong{
    font-size:16px;
}
/* projects-links */
.projects-links {
  float: right;
  font-size: 16px;
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.projects-links h5 {
  margin-bottom: 20px;
  font-size: 30px;
  color: #fff;
}
.projects-links li {
  line-height: 30px;
}
.projects-links a {
  display: block;
  color: #fff;
  /*font-family: 'FuturaStdBook';*/
}
.payment p {
    font-size: 17px;
    line-height: 27px;
}
.payment a {
    color: #999 !important;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
/* showcase */
.showcase {
    font-size: 16px;
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100vh;
}
.showcase .caption {text-align: left;}
.showcase strong {
  display: block;
  margin-bottom: 20px;
  font-size: 48px;
}
.showcase p {
}
.showcase span {
  display: block;
}
.showcase .typed-cursor {
  display: none;
}

/* clip */
.clip {
  padding: 20px 0;
}
.clip .clip-box {
  background: #333;
  padding: 10px;
  margin: 0 85px;
}
.clip .clip-box video {
  width: 100% !important;
  height: auto !important;
}

/* creative */
.creative {
  background: #fff;
  padding: 110px 0;
}
.creative .numb {
  padding-bottom: 40px;
  font-size: 16px;
}
.creative h3 {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: normal;
}
.creative p {
  margin-bottom: 20px;
  line-height: 21px;
}
.creative ul {
  padding: 10px 0 20px 0;
  color: #1a1a1a;
}
.creative li {
  line-height: 28px;
}
.creative li .line {
  background: #1a1a1a;
  width: 12px;
  height: 1px;
  float: left;
  margin: 14px 10px 0 0;
}
.creative .link {
  display: inline-block;
}
.creative .link .line {
  background: #1a1a1a;
  width: 55px;
  height: 1px;
  float: left;
  margin: 10px 10px 0 0;
}
.creative .link .box {
  background: #1a1a1a;
  display: inline-block;
  float: left;
  padding: 2px 5px;
  color: #fff;
}

/* project */

.portfolio-lists .column .project-text a i {
    animation:bounce1 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@keyframes bounce1 {
    
50% {
    transform: translateX(7px);
  }
}
.project  {
  background: #1a1a1a;
  padding: 80px 0;
  color: #fff;
}
.project .heading h2 {
  color: #fff;
}
.project .heading strong  {
  color: #fff;
}
.project .imgb img {
  width: auto;
  height: 450px;
}
.project-content {
  padding: 176px 30px 50px 70px;
  min-height: 150px;
}
.project h3 {
  margin-bottom: 20px;
  font-size: 30px;
}
.project .project-content p {
  margin-bottom: 35px;
  line-height: normal;
  text-transform: uppercase;
}
.project a.link {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
}
.project a.link span {
  background: #fff;
  width: 50px;
  height: 1px;
  float: left;
  margin: 7px 10px 0 0;
}
.project-slider-box {
  position: relative;
  z-index: 1;
}
.project .bx-controls {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.project .bx-prev,
.project .bx-next {
  width: 30px;
  height: 30px;
  float: left;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  z-index: 2;
}
.project .bx-prev {
  top: -30px;
}
.project .bx-next {
  bottom: -30px;
}
.project .bx-prev:after,
.project .bx-next:after {
  width: 30px;
  height: 30px;
  float: left;
  text-indent: 0;
  content: '\f062';
  text-align: center;
  font-family: FontAwesome;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
}
.project .bx-next:after {
  content: '\f063';
}
.project .bx-pager .bx-pager-item {
  padding: 3px 0;
}
.project .bx-pager a {
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 30px;
  border-radius: 100%;
}
.project .bx-pager a.active {
  background: var(--primary-color);
  color: #fff;
}

/* clients-say */
.clients-say {
  background: #fff;
  padding: 110px 0;
  text-align: center;
}
.clients-say-box {
  padding: 0 120px;
  position: relative;
  z-index: 1;
}
.clients-say h4 {
  margin-bottom: 50px;
  font-size: 36px;
  text-transform: uppercase;
}
.clients-say p {
  margin-bottom: 20px;
  line-height: 24px;
}
.clients-say .title {
  display: inline-block;
}
.clients-say h6 {
  float: left;
  text-align: left;
  padding-top: 3px;
  font-size: 16px;
}
.clients-say img {
  display: inline-block;
  border-radius: 100%;
  margin-right: 15px;
  float: left;
}
.clients-say h6 span {
  display: block;
  padding-top: 10px;
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.clients-say .bx-prev,
.clients-say .bx-next {
  width: 30px;
  height: 40px;
  float: left;
  margin-top: -20px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.clients-say .bx-prev {
  left: 50px;
}
.clients-say .bx-next {
  right: 50px;
}
.clients-say .bx-prev:after,
.clients-say .bx-next:after {
  width: 30px;
  height: 40px;
  float: left;
  text-indent: 0;
  content: '\f104';
  text-align: center;
  font-family: FontAwesome;
  font-size: 55px;
  color: #1a1a1a;
  line-height: 40px;
}
.clients-say .bx-next:after {
  content: '\f105';
}
.clients-say .rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  padding-top: 15px;
  font-size: 24px;
}
.clients-say .rating > span {
  display: inline-block;
  position: relative;
  margin: 0 1px;
}
.clients-say .rating > span:hover:before,
.clients-say .rating > span:hover ~ span:before,
.clients-say .rating > span.active:before {
   content: "\2605";
   position: absolute;
   color: #f2de8f;
}

/* clients */
.clients {
  padding: 60px 0;
}
.clients .clients-box {
  padding: 0 100px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.clients .bx-wrapper {
  display: inline-block;
}
.clients .bx-wrapper li {
  padding: 3px;
}
.clients .bx-wrapper li img {
  width: 100%;
  height: auto;
}
.clients h4 {
  margin-bottom: 50px;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}
.clients .bx-controls {
  margin-top: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.clients .bx-prev,
.clients .bx-next {
  width: 30px;
  height: 30px;
  float: left;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.clients .bx-prev {
  left: -35px;
}
.clients .bx-next {
  right: -35px;
}
.clients .bx-prev:after,
.clients .bx-next:after {
  width: 30px;
  height: 30px;
  float: left;
  text-indent: 0;
  content: '\f060';
  text-align: center;
  font-family: FontAwesome;
  font-size: 20px;
  color: #1a1a1a;
  line-height: 30px;
}
.clients .bx-next:after {
  content: '\f061';
}
.clients .bx-pager .bx-pager-item {
  padding: 0 3px;
  float: left;
}
.clients .bx-pager a {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.clients .bx-pager a.active {
  border-bottom: 2px solid var(--primary-color);
  color: var(--primary-color);
}

/* footer */
.footer {
  background: #121212;
  font-size: 12px;
  color: #383838;
}
/* footer-top */
.footer-top {
  padding: 50px 0 10px 0;
}
.footer-top h5 {
  margin-bottom: 5px;
  font-size: 12px;
  color: #080808;
  font-weight: 700;
  text-transform: uppercase;
}
.footer-top ul {
  margin-bottom: 20px;
}
.footer-top li {
  line-height: 21px;
}
.footer-top li a {
  color: #333;
}
.footer-top li a:hover {
  color: var(--primary-color);
}

/* footer-bottom */
.footer-bottom {
  border-top: 1px solid #fcf5f5;
  padding: 15px 0;
}
.footer-bottom a {
  color: var(--primary-color);
}
.footer-bottom a:hover {
  color: #383838;
}

/* chat */
.chat {
  position: fixed;
  right: 0;
  bottom: 42px;
  z-index: 99999;
}

/* main-content */
.main-content {
  width: 100%;
  font-size: 16px;
}
.main-content .leftcol,
.main-content .rightcol {
  width: 50%;
  float: left;
  padding: 145px 50px 50px 50px;
}
.main-content .leftcol {
  background: #22264b;
  color: #fff;
}
.main-content h1 {
  margin-bottom: 25px;
  /*font-size: 136px;*/
  line-height: 120px;
}
.main-content h1.gap-none {
  margin-bottom: 25px;
}
.main-content h1 .dot {
  background: #1a1a1a;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 12px;
  border-radius: 100%;
}
.main-content .leftcol h1 .dot {
  background: #fff;
}
.main-content h1.heading {
  text-align: left;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 96px;
  color: #1a1a1a;
  line-height: normal;
}
.main-content h2 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #696969;
  line-height: normal;
}
.main-content h3 {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: normal;
}
.main-content h4 {
  padding: 10px 0;
  font-size: 16px;
  line-height: normal;
}
.main-content p {
  margin-bottom: 15px;
  text-align: justify;
  line-height: 24px;
  margin: 0 10px 0 0px;
}
.main-content .leftcol p {
  line-height: 30px;
}
.main-content strong {
  font-weight: bold;
}
.main-content .txt-col {
  padding: 0 60px 50px 60px;
}
.main-content .txt-col p {
  margin-bottom: 5px;
  line-height: 24px;
}
.main-content .link {
  display: inline-block;
}
.main-content .link .line {
  background: #1a1a1a;
  width: 55px;
  height: 1px;
  float: left;
  margin: 10px 10px 0 0;
}
.main-content .link .box {
  background: #1a1a1a;
  display: inline-block;
  float: left;
  padding: 2px 5px;
  color: #fff;
}

.full-content {
  padding: 145px 80px 30px 80px;
}
.main-content .content-imgb {
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 450px;
  /*margin-top: 30px;*/ 
  /*margin-bottom: 30px; */
  position: relative;
    margin: 30px 10px 30px 0;
}
.main-content .text-box {
  padding-bottom: 80px;
}


/* portfolio */
.portfolio-nav {
  padding: 30px 0 10px 0;
  font-size: 24px;
}
.portfolio-nav li {
  float: left;
  margin-right: 5px;
}
.portfolio-nav li a {
  border: 2px solid transparent;
  display: block;
  padding: 6px 10px;
  color: #1a1a1a;
  line-height: normal;
  font-size: 18px;
}
.portfolio-nav li:hover a,
.portfolio-nav li a.active {
  border: 2px solid #1a1a1a;
}
.portfolio-lists {
  margin: 0 -15px;
  padding-bottom: 25px;
}
.portfolio-lists .column {
  width: 33.333%;
  float: left;
  padding: 30px 15px;
  text-align: center;
}
.portfolio-lists .imgb {
  margin-bottom: 10px;
}
.portfolio-lists .imgb img {
  width: 100%;
  height: auto;
}
.portfolio-lists h4 {
  padding: 10px 0;
  font-size: 18px;
  text-transform: uppercase;
}
.portfolio-lists .tag span {
  background: #fff;
  display: inline-block;
  padding: 5px;
  margin: 2px;
  font-size: 11px;
}
.portfolio-lists .tag-line {
  padding-top: 10px;
  font-size: 14px;
  color: #999;
}
.portfolio-lists .txtb {
  min-height: 145px;
}


/* isotope */
.isotope {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.isotope::after {
  content: '';
  display: block;
  clear: both;
}
.item {
  position: relative;
  float: left;
  height: auto;
  overflow: hidden;
  background-color: rgba(244, 243, 243, 0.2);
}
.grid-sizer,
.gutter-sizer {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.item,
.grid-sizer {
  width: 32.5%;
}
.gutter-sizer {
  width: 1%;
}
.menu-box .column:nth-child(2){
    border-left:none;
}

.a2a_kit.a2a_kit_size_32.a2a_default_style {
    margin-top: 15px;
}

@media (max-width: 999px) {
.portfolio-lists .column {
    width: 50% !important;
    float: left;
    padding: 0;
    text-align: center;
}

}
@media (max-width: 770px) {
    p.social-right i {
        line-height: 24px !important;
    }
}

@media (max-width: 768px) {
  .item,
  .grid-sizer {
    width: 99%;
  }
  .gutter-sizer {
    width: 1%;
  }
}
@media (min-width: 768px) and (max-width: 970px) {
  .item,
  .grid-sizer {
    width: 31%;
  }
  .gutter-sizer {
    width: 2%;
  }
}
.item-figure {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #B2B2B2;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  max-height: 208px;
  min-height: 208px;
}
.item-figure img {
  position: relative;
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -moz-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.item-figure p {
  font-size: 12px;
  font-family: 'Novecento';
  letter-spacing: 3px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 2em;
  padding: 0 0.5em;
  max-width: 350px;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  color: #fff;
  background-color: rgba(0,0,0,0.4);
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.item-figure:hover img {
  opacity: 0.3;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.item-figure:hover .overlay:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.item-figure:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

/* portfolio-content */
.portfolio-content .leftcol,
.portfolio-content .rightcol {
  width: 50%;
  float: left;
}
.portfolio-content .rightcol .imgb img {
  width: auto;
  height: 700px;
  float: left;
}
.site-text {
  padding: 145px 50px 30px 50px;
  font-size: 16px;
}
.site-text h1 {
  margin-bottom: 25px;
  font-size: 136px;
  line-height: 100px;
}
.site-text h1 .dot {
  background: #1a1a1a;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 12px;
  border-radius: 100%;
}
.site-text p {
  margin-bottom: 25px;
  line-height: 28px;
}
.site-text .small-text {
  margin-bottom: 25px;
  font-size: 10px;
  color: #999;
  line-height: 18px;
}
.site-text a {
  color: var(--primary-color);
}
.site-logo {
  border-bottom: 2px solid #fcf5f5;
  background: #fff;
  padding: 40px 200px;
}
.site-logo img {
  width: 100%;
  height: auto;
}
.site-imgb {
  padding: 40px 120px;
  position: relative;
  z-index: 1;
}
.site-imgb .imgb {
  padding: 20px 0;
}
.site-imgb img {
  width: 100%;
  height: auto;
}

.addthis_toolbox a {
  margin: 3px 0 0 0;
}
.at-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
  padding: 3px;
  border-radius: 100%;
  margin: 0 !important;
}
.at-icon-wrapper svg {
  width: 18px !important;
  height: 18px !important;
}
.addthis_bubble_style {
  padding: 0px 8px 0 4px !important;
  margin: 6px 0 0 5px !important;
}
.addthis_bubble_style a {
  padding: 0 !important;
  margin: 0 !important;
}

/* contact */
.contact{
    display:flex;
}
.contact .address {
  position: static;
  transform: inherit;
  padding: 0;
  color: #eee;
}
.contact .address strong {
  font-size: 18px;
  color: #fff;
}
.contact-info {
  padding-top: 115px;
}
.contact-payment{
    padding: 40px;
    background: antiquewhite;
    text-align: center;
}
.payment-inner{
    text-align:center;
    max-width:900px;
    margin:0 auto;
}
.payment-inner .title{
    margin-bottom: 15px;
    font-size: 24px;
    line-height: normal;
}
.payment-inner p {
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
}
.payment-inner small {
    display: block;
    font-size: 14px;
    padding: 10px 0 0;
}
.payment-inner a{
    margin-top:10px;
    color:#000;
    display:block;
}
/* project-planner */
.project-planner h4 {
  margin-bottom: 10px;
  font-size: 18px;
}
.project-planner label {
  display: block;
  margin-bottom: 5px;
}
.project-planner .form-box {
  margin-bottom: 40px;
}
.project-planner .form-box {
  background: #fff;
  padding: 30px 30px 0 30px;
  border-radius: 2px;
  box-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
}
.project-planner .custom-checkbox {
  border: none;
  background: none;
  display: block;
  padding: 0;
  font-size: 14px;
  color: #555;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-planner h3 {
  margin-bottom: 15px;
}
.project-planner .checkbox {
    margin: 0;
}
.project-planner .checkbox span {
  background: #fff;
    border: none;
    float: left;
    font-size: 22px;
}
.project-planner .checkbox span:after {
  background: none;
    width: 10px;
    height: 10px;
    float: left;
    font-family: FontAwesome;
    content: '\f00c';
    position: absolute;
    left: 1px;
    top: -2px;
    z-index: 2;
    opacity: 0;
}
.project-planner .checkbox label {
  border: 1px solid #ddd;
  background: rgba(0,0,0,0.08);
    min-height: inherit;
    padding: 12px 15px;
    margin: 0;
    border-radius: 2px;
}
.project-planner .checkbox input[type='checkbox']:checked + label span {
  background: #fff;
}
.project-planner .checkbox input[type='checkbox']:checked + label span:after {
  background: none;
    color: var(--primary-color);
    opacity: 1;
}
.project-planner .checkbox input[type='checkbox']:checked + label {
  background: #fdd6bb;
  border: 1px solid var(--primary-color);
  color: #333;
}
.project-planner .btn {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}
.project-planner .categoriesic-box {
  display: none;
}
.project-planner .categoriesic-box.active {
  display: block;
}

/* services-list */
.services-list {
  padding: 10px 0 15px 0;
}
.services-list ul {
  border: none;
}
.services-list li {
  float: none;
  margin: 0;
}
.services-list li a {
  border: none;
  border-top: 1px solid #fff;
  display: block;
  padding: 20px 0;
  margin: 0;
  font-size: 18px;
  color: #fff;
  border-radius: 0;
}
.services-list li a span {
  display: block;
  padding-top: 5px;
  /*font-family: 'FuturaStdBook';*/
  font-weight: normal;
  font-size: 14px;
  color: #999;
  line-height: normal;
}
.services-list li.active a {
  background: none;
  border: none;
  border-top: 1px solid #fff;
  letter-spacing: 1px;
  font-size: 24px;
  color: #fff;
}
.services-list li a:hover,
.services-list li a:focus,
.services-list li.active a:focus,
.services-list li.active a:hover {
  background: none;
  border-right: none;
  border-left: none;
  border-top-color: #fff;
  color: #fff;
}
.services-list li:first-child a {
  background: none !important;
  border: none !important;
}
.services-sub-list {
  padding-top: 40px;
  font-size: 18px;
}
.services-sub-list ul {
  padding: 10px 0 30px 0;
}
.services-sub-list li {
  line-height: 36px;
}
.services-sub-list li .line {
  background: #1a1a1a;
  width: 12px;
  height: 1px;
  float: left;
  margin: 20px 10px 0 0;
}

/* .services-list-boxs */
.services-list-boxs {
  background: url(../images/content-writing.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px;
}
.services-list-boxs.why-ddot-research {
  background: url(../images/why-ddot-reasearch.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px;
}
.services-list-boxs.why-ddot-sketch {
  background: url(../images/why-ddot-sketch.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px;
}
.services-list-boxs.why-ddot-devlop {
  background: url(../images/why-ddot-devlop.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px;
}
.services-list-boxs.why-ddot-web-app {
  background: url(../images/services-web-app.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px;
}
.services-list-boxs.bg-gray {
  background: #ccc;
}
.services-list-boxs h6 {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  line-height: normal;
  font-weight: bold;
}
.services-list-boxs h5 {
  margin-bottom: 25px;
  font-size: 16px;
  color: #444;
}
.services-list-boxs h4 {
  margin-bottom: 25px;
  font-size: 24px;
  line-height: normal;
}
.services-list-boxs .link {
  font-size: 12px;
}
.services-list-boxs .icon {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 30px auto;
}
.services-list-boxs .icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.services-list-boxs li {
  width: 25%;
  float: left;
}
.services-list-boxs li.col2 {
  width: 50%;
  float: left;
}
.services-list-boxs li .column {
  background: #fff;
  height: 260px;
  opacity: 0.9;
  padding: 30px;
}
.services-list-boxs li.col2 .column {
  background: var(--primary-color);
  opacity: 0.8;
  height: 520px;
  color: #fff;
}
.services-list-boxs .text-box {
  padding: 0;
  text-align: center;
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.services-list-boxs li .column.gap2 {
  padding: 80px;
}
.services-list-boxs li .column.gary {
  background: #f0f0f0;
}
.services-list-boxs li .column.bg-none {
  background: none;
}

/* services-content */
.services-content .text-column {
  padding-bottom: 20px;
  margin: 0 10px 0 0;
}
.services-content ul {
  padding-top: 5px;
  margin: 0 0 30px 18px;
  list-style: disc;
}
.services-content li {
  line-height: 28px;
  font-size:18px;
}

/* why-designdot */
.why-designdot h4 {
  margin-bottom: 10px;
  font-size: 20px;
}
.why-designdot p {
  text-align: left;
}
.why-designdot h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 32px;
  color: #1a1a1a;
}
.why-designdot h5 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #1a1a1a;
}
.why-designdot .column  {
  padding: 10px 0;
}

/* team */
.team .title {
  padding-bottom: 25px;
  font-size: 14px;
  color: #999;
}
.team h4 {
  margin-bottom: 10px;
  font-size: 20px;
}
.team p {
  text-align: left;
}
.team .column {
  padding-bottom: 40px;
}
.team .imgb {
  width: 120px;
  display: block;
}
.team .imgb img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}

/* career */
.career h3 {
  margin-bottom: 20px;
  font-size: 30px;
}
.career h4 {
  margin-bottom: 10px;
  font-size: 20px;
}
.career ul {
  margin-bottom: 25px;
}
.career li {
  line-height: 24px;
}
.career ul.disc {
  list-style: disc;
  margin-left: 18px;
}

/* clientele */
.clientele {
  margin: 0 -10px;
}
.clientele li {
  float: left;
  margin: 10px;
  display: none;
}
.clientele #loadMore {
  margin: 40px 0 20px 0;
}
.clientele #loadMore:hover {
  background: #fff;
}

/* testimonials */
.testimonials {
  padding-bottom: 20px;
}
.testimonials .column {
  border: 1px solid #eee;
  background: #fff;
  padding: 20px;
  margin: 20px 0 15px 0;
  font-size: 14px;
}
.testimonials .column p {
  margin: 0;
  padding: 0;
}
.testimonial-form {
  border: 1px solid #eee;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.testimonials h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.testimonials .title {
  font-size: 12px;
  color: #999;
  line-height: normal;
}
.testimonials .title-bot img {
  float: left;
  margin-right: 10px;
  border-radius: 100%;
}

.testimonials .item,
.testimonials .grid-sizer {
  width: 31.44444%;
}
.testimonials .gutter-sizer {
  width: 30px;
}














/*/////////////////////////////////
  Font CSS
/////////////////////////////////*/
.main-content .link {
  /*font-family: 'FuturaStdLight';*/
}
.address strong, .creative ul, .clients-say h6 span, .services-list-boxs h6, .testimonials h4 {
  /*font-family: 'FuturaStdMedium';*/
}

.navigation, .showcase, .creative h3, .creative .numb, .main-content h3, .portfolio-lists h4, .project h3,
.project .bx-pager a, .clients-say h6, .clients .bx-pager, .project-planner h4, .services-list-boxs h4, .why-designdot h4,
.why-designdot h5, .team h4, .career h4, .main-content h4, .services-list li.active a, .projects-links h5 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu, .menu-box .close-menu, .showcase strong, .heading h2, .clients-say h4, .clients h4,
.services-list-boxs h5 {
}





/*/////////////////////////////////
  Responsive CSS
/////////////////////////////////*/
@media (min-width: 10px) and (max-width: 767px) {
.container-box {
  padding: 0 15px;
}

.nominees {
  width: 60px;
  position: fixed;
  right: -7px;
  top: 115px;
  z-index: 999;
}

.menu-box .close-menu {
  left: 15px;
}
.menu-box {
  padding: 85px 15px 30px 15px;
}
.menu-box .column {
  width: auto;
  height: auto;
  float: none;
}
.menu-box .column:nth-child(2) {
  border: none;
  border-top: 1px solid #444;
  margin-top: 30px;
}
.navigation {
  position: static;
  transform: inherit;
  font-size: 30px;
}
.address {
  position: static;
  transform: inherit;
  padding: 0;
}
.social li {
  margin: 0 5px;
}


.heading {
  padding: 0 0 80px 0;
  font-size: 14px;
}
.heading h2 {
  font-size: 28px;
  line-height: normal;
}
.showcase {
  padding: 120px 0 0 0;
  font-size: 14px;
}
.showcase strong {
  font-size: 32px;
}
#typed {
    white-space: initial;
}
.showcase p {
  line-height: 36px;
}
.clip {
  padding: 0 0 80px 0;
}
.clip .clip-box {
  margin: 0;
}

/* creative */
.creative {
  padding: 90px 0 10px 0;
}
.creative ul {
  width: 100%;
}
.creative .numb {
  padding-bottom: 20px;
}
.creative p {
  text-align: justify;
}
.creative .link {
  margin-bottom: 80px;
}


.project-content {
  padding: 0 0 80px 0;
}

.main-content {
  font-size: 14px;
}
.main-content .leftcol,
.main-content .rightcol {
  width: auto;
  float: none;
}
.main-content .leftcol {
  padding: 145px 15px 50px 15px;
}
.main-content .rightcol {
  padding: 50px 15px 10px 15px;
}
.main-content .txt-col {
  padding: 0 0 40px 0;
}

/* project */
.project .heading {
  padding: 0 0 60px 0;
}
.project .imgb img {
  width: 100%;
  height: auto;
}
.project-content {
  padding-bottom: 50px;
}
.project .bx-controls {
  position: relative;
  padding: 15px;
  left: 50%;
  top: 0;
  display: inline-block;
  text-align: center;
  top: 50%;
  transform: perspective(1px) translateX(-50%);
}
.project .bx-pager {
  display: inline-block;
}
.project .bx-pager .bx-pager-item {
  float: left;
  padding: 0 3px;
}
.project .bx-prev {
  top: 15px;
  left: -30px;
}
.project .bx-prev:after {
  content: '\f060';
}
.project .bx-next {
  bottom: 0;
  top: 15px;
  left: inherit;
  right: -30px;
}
.project .bx-next:after {
  content: '\f061';
}

/* clients-say */
.clients-say-box {
  padding: 0;
}
.clients-say {
    padding: 80px 0;
}
.clients-say h4 {
    margin-bottom: 30px;
    font-size: 26px;
}
.clients-say .bx-controls {
  text-align: center;
  padding-top: 20px;
}
.clients-say .bx-prev, .clients-say .bx-next {
  position: static;
  margin: 0;
}
.clients-say .bx-controls-direction {
  display: inline-block;
}
.clients .clients-box {
  padding: 0;
}

.full-content {
  padding: 125px 0 30px 0;
}
.main-content h1 {
  margin-bottom: 20px;
  font-size: 80px;
  line-height: 75px;
}
.project-planner .form-box {
  padding: 30px 15px 0 15px;
}
.contact{
    display:block;
}
.contact-info {
  padding: 30px 0;
}
.portfolio-lists .column {
  width: 100%;
  padding: 20px 0;
  position: static;
  float: none;
}
.portfolio-lists .txtb {
  min-height: inherit;
}
.main-content .text-box {
  padding-bottom: 40px;
}
.main-content h1.gap-none {
  margin-bottom: 20px;
}
.services-list-boxs {
  padding: 80px 0;
}
.services-list-boxs li .column.gap2 {
  padding: 30px 20px;
}
.services-list-boxs li .column.bg-none {
  display: none;
}
.services-list-boxs li.col2 .column {
  height: inherit;
}
.testimonial-form {
  padding: 30px 15px;
}
.testimonials .item,
.testimonials .grid-sizer {
  width: 100%;
  margin: 10px 0;
}
.services-list-boxs li,
.services-list-boxs li.col2 {
  width: 100%;
}
.clientele li {
  width: 50%;
  margin: 0 !important;
  padding: 5px;
}
.clientele li img {
  width: 100%;
  height: auto;
}

.portfolio-content .leftcol, 
.portfolio-content .rightcol {
  width: 100%;
}
.portfolio-content .rightcol .imgb img {
  width: 100%;
  height: auto;
}
.site-text {
  padding: 125px 15px 30px 15px;
}
.site-logo {
  padding: 40px 0;
}
.site-text h1 {
  font-size: 80px;
  line-height: 75px;
}
.site-imgb {
  padding: 40px 0px;
}
.grid-sizer, .gutter-sizer {
  display: none;
}
.payment-inner a {
    margin-top: 5px;
    margin-bottom: 20px;
}
.payment-inner .title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: normal;
    overflow: initial;
    white-space: initial;
}
.payment-inner p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}
.payment-inner small {
    font-size: 12px;
    padding: 5px 0 10px;
}
}

  @media(max-width:991px) and (min-width:768px){
      .section-bottom-left, .section-left,.row.working-hrs-row,.row.footer-bottom-row{
          /*display:none;*/
      }
  }
  
  @media(max-width:1280px){
      .contact-text{
          font-size: 14px;
      }
      
      .social{
              padding-top: 22px;
      }
      .contact-text{
              margin-top: 70px;
      }
      
      .navigation {
    font-size: 27px !important;
}


  }
  
  
  @media(max-width:991px){
      /*.menu-box .column:nth-child(2){*/
      /*      margin-top: 20px;*/
      /*      padding-top: 15px;*/
      /*}*/
      
      .contact-text.contact-text1 {
    display: none;
}




.quick-enquery1 a{
        padding: 10px;
    font-size: 12px;
}

.navigation li a{
        white-space: break-spaces;
}

.navigation {
    font-size: 20px !important;
}
  }
  
  @media(max-width:767px){
      .menu-box .column:nth-child(2){
          margin-top:0px;
      }
  }
  
  @media (max-width: 567px) {

p.social-right a {border-radius: 50%;width: 25px;font-size: 12px;padding: 0px;height: 25px;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.footer {
  padding-bottom: 1rem;
}
.award-winning h5{
        font-size: 9px;
        line-height: 12px;
        padding: 10px;
}

/*Projects*/
.portfolio-lists .column {
    width: 100% !important;
    float: none !important;
    padding: 0 0 0 10px !important;
    text-align: center !important;
}
.portfolio-lists .column .project-text {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    transform: none;
    text-align: center;
    padding: 10px 0 !important;
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.portfolio-lists .column .overlay {
    visibility: hidden;
    opacity: 0;
}
.portfolio-lists .column:hover .overlay {
    visibility: hidden;
    opacity: 0;
}
.portfolio-lists .column .project-text h3 {
    color: #000;
}
.portfolio-lists .column .project-text p {
    color: #000;
}

.portfolio-lists .column .project-text a {
    color: #000;
}
}

p.social-right i {
    line-height: 30px;
}

.navigation li:last-child {
    border: 0;
}


.mobile-menu  path {
    stroke: #ff4b4b !important;
}


/* ===============================================  */
/*============ STYLE-2 ==============*/
/* ===============================================  */

button:focus {
    outline: unset;
}

.section-text P {
    font-size: 17px;
    line-height: 27px;
    color: #464646;
    margin-bottom: 15px;
}

.section-text P:last-child {
       margin-bottom: 0;
}


/* Text Gradient  */
.gradient-text {
    /* background: linear-gradient(90deg, #ffe316, #f916ff, #e31e24); */
    background: linear-gradient(90deg, #0b6aff, #37f7ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
/* Text Gradient  */


.counter_box .icon_box {margin-bottom: 17px;}

p {
    font-size: 17px;
    line-height: 27px;
    color: #464646;
}


.bgdark{background: #121212;}


.text-grey{ color: #ddd !important; }

.bannercontent {
    position: relative;
    width: 100%;
}


.bannerImg .girlimage {
    height: 538px;
}

.showcase > .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}


span.counterborder1 {
    position: absolute;
    width: 94%;
    height: 1px;
    background: #cacaca59;
    top: 50%;
    transform: translateY(-50%);
}

span.counterborder2 {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #cacaca59;
    left: 50%;
    transform: translateX(-50%);
}


.showcase .caption h1 {
    font-size: 25px;
    font-weight: normal;
}





/*========================================*/
/* Whatsapp fixed item  */
/*========================================*/

.whatsapp_icons1 {
    bottom: 80px;
}

.chatbotnbutton, .whatsapp_icons1 {
    width: 50px;
    height: 50px;
    background: #a6a6a6;
    border-radius: 50px;
    left: 20px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    z-index: 99;
}

.chatbotnbutton {
    bottom: 20px;
}

.hover_effect_call, .hover_effect_whatsapp {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #3b82f6, #a855f7, #ec4899);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 50px;
    opacity: 0;
    color: #fff;
    font-size: 16px;
    visibility: hidden;
    transition: all .3s ease-in-out;
    width: max-content;
    padding: 0 15px;
    transition: 0.5s ease-in-out all;
}

@media screen and (min-width: 767px) {
    .callbutton:hover .hover_effect_chatbot, .chatbotnbutton:hover .hover_effect_call, .whatsapp_icons1:hover .hover_effect_whatsapp {
        opacity: 1;
        visibility: visible;
        transition: 0.5s ease-in-out all;
    }
}

.hover_effect_call a { color: #fff; }

/*========================================*/
/* Whatsapp fixed item  */
/*========================================*/


.footer_sec span.why-us-two {
    color: #fff;
}

.mb-40{ margin-bottom:40px !important; }
.mb-50{ margin-bottom:50px !important; }

.mt-40{ margin-top:40px !important; }
.mt-50{ margin-top:50px !important; }

.section-content-right {
    padding-right: 63px;
}

div#tab-carousel .nav-item img {
    filter: grayscale(1);
}

.bg-grey{ background:#eaeaea; }

.bg-light {
    background-color: #f8f9fa !important;
}

.application {
    background:#181818;
}

.development {
    background: #2b2b2b;
}



/* =================  */
.divrightbdr .steps-div {
    border: 1px solid var(--primary-color);
    background: #fff;
    padding: 18px;
    border-radius: 20px;
    transition: .3s;
    -webkit-transition: .3s;
    height: 100%;
}
/* =================  */




/* Left Side  */
.side-nav {
    min-height: auto;
    height: 100%;
    background: #373737;
    border-top: 7px solid #000000;
}

.sidebar-navigation {
    padding:25px 0 25px 20px;
}

.sidebartitle {
    font-size: 20px;
    color: var(--myclr1);
    margin-bottom: 25px;
}
.widget-title {
    position: relative;
    padding: 0 15px;
    padding-left: 55px;
    font-weight: 600;
}

.widget-title:before {
    position: absolute;
    content: "";
    width: 37px;
    left: 6px;
    height: 2px;
    background: #ffffffba;
    top: 10px;
    bottom: 0;
}

.widget-title:after {
    position: absolute;
    content: "";
    width: 10px;
    left: 4px;
    height: 10px;
    border-radius: 10px;
    background: #ddd;
    top: 6px;
    bottom: 0;
    animation: pulse-animation 2s infinite;
}

.pulse {
    animation: pulse-animation 2s infinite
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 var(--primary-color);
    }

    100% {
        box-shadow: 0 0 0 20px #0000
    }
}

.side-nav .sidebar-navigation ul {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.side-nav .sidebar-navigation ul li {
    display: block;
    margin: 0;
    position: relative;
}
.side-nav ul li {
    list-style-type: none;
    margin-bottom: 13px;
    transition: .3s ease;
}

.side-nav .sidebar-navigation ul li a {
    position: relative;
    display: block;
    padding: 11px 15px 11px 24px;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    transition: all .3s linear;
    line-height: 27px;
    border-bottom: 1px solid #77777787;
}

.side-nav .sidebar-navigation ul {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.side-nav .sidebar-navigation ul li.active {
    margin-right: -8px;
}

.side-nav .sidebar-navigation ul li ul li a {
    padding: 9px 5px 9px 33px !important;
}

.side-nav ul li.active a {
    background: var(--primary-color);
}

.side-nav ul li.active a:before {
    content: '';
    position: absolute;
    right: 0;
    height: 0;
    width: 0;
    border-top: 8px solid #ac0005;
    border-right: 8px solid transparent;
    bottom: -8px;
}

.side-nav .sidebar-navigation ul li a:hover {
    background: var(--primary-color);
    color: #fff;
}

.side-nav .sidebar-navigation ul li ul li i, .side-nav .sidebar-navigation ul li i {
    position: absolute;
    top: 20px;
    left: 9px;
    color: #fff;
    font-size: 10px;
}

/* Left Side  */


/* Breadcrumb  */
.breadcrumbs {
    position: relative;
    width: 100%;
    background: var(--primary-color);
    padding: 11px 0;
}

.breadcrumbs ul {
    position: relative;
    padding: 0;
}
.m-auto {
    margin: auto !important;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
    background: url();
}

.breadcrumbs ul li {
    margin: 0;
    margin-right: 31px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 13px;
}
.breadcrumbs ul li a:last-child {
    padding-right: 0;
}

.breadcrumbs ul li {
    color: #abd6fc;
}

.breadcrumbs ul li a {
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 30px;
    color: #fff;
}

.breadcrumbs ul li:before {
    position: absolute;
    content: "\f105";
    font-family: "fontawesome";
    right: -19px;
    top: -1px;
    color: #ffffffbf;
    font-size: 14px;
}

.breadcrumbs ul li:last-child:before{ display:none; }


/* Breadcrumb  */


section.application-development h4 {
    font-size: 22px;
    font-weight: 500;
}

section.application-development p {
    font-size: 15px;
    line-height: 26px;
    font-weight: normal;
    letter-spacing: 0.3px;
    color: #ddd;
}

.divrightbdr .steps-div img {
    filter: grayscale(1);
}


._buttom_shade::after {
    background-image: linear-gradient(45deg, #da251c, #fff);
    height: 3px;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 33%;
}
._buttom_shade {
    position: relative;
}




/*leftsticky */
a.leftsticky {
    position: fixed;
    background: #ddd;
    z-index: 99;
    right: 0;
    top: 50%;
    padding: 17px 16px;
    color: #000000;
    border-radius: 5px;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
    transition: 0.5s ease-in-out all;
    mix-blend-mode: exclusion;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    font-size: 15px;
}

a.leftsticky:hover {
    animation: unset;
    mix-blend-mode: unset;
}

@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

a.blantershow-chat {
    background: #2dad41;
    color: #fff;
    position: fixed;
    display: flex;
    font-weight: normal;
    justify-content: space-between;
    z-index: 999;
    bottom: 25px;
    left: 40px;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 30px;
    box-shadow: -3px 4px 2px #0000006b;
    white-space: nowrap;
    align-items: center;
}
a.blantershow-chat img {
    margin: 0 5px 0 0;
    height: 22px;
}

/*leftsticky*/



/* Contact us  */
.contact__form input, .contact__form textarea, .contact__form select {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #121212;
    border: none;
    border-bottom: 1px solid #c2c2c2;
    padding: 15px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    outline: 0;
    position: relative;
    z-index: 1;
    background: transparent;
}

.contact__form .form-group { margin-bottom:0px; }

.contact__info h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    color: #121212;
    padding-bottom: 30px;
}

.contact__info ul li a, .contact__info ul li span {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    color: #121212;
    display: block;
    margin-bottom: 10px;
    text-decoration-line: underline;
}

/* Contact us  */

.bggrey {
    background: #efefef;
}

.countertext {
    font-size: 40px;
    line-height: 55px;
}

.whyimg {
    text-align: right;
}

.logos-outer .slick-slide {
    margin: 0 15px;
}


.mb-10{ margin-bottom:10px !important; }