html {scroll-behavior: smooth;scroll-padding-top: 70px;}
body{font-family: "Inter", sans-serif;color: #4B4B4B;}
p, ul li{line-height: 24px;font-size: 15px;}
h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;color:#000000;}
.btn{font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 600;}
.btn-primary{background: #011f36;border-radius: 30px;padding: 8px 30px;border-color: #011f36;}
section h2, footer h2{font-size: 32px;font-weight: 600;}
header{background: rgb(197,228,255);background: linear-gradient(90deg, rgba(197,228,255,1) 0%, rgba(237,246,252,1) 100%);padding: 10px 0px 84px 0px;position: relative;background: url(../img/headerbc.webp);background-size: cover;}
.inner-header{padding: 0px 0px 0px 0px!important;}
header h1{font-weight: 200;font-size: 36px;line-height: 54px;margin-bottom: 20px;}
header h1 span{font-weight: bold;color:#f76808;}
header h1 b{font-weight: 600;}
header p{color:#2F2F2F;font-weight: 600;margin-bottom: 30px;}
header p span{color:#011f36;}
header .btn{padding: 10px 40px;}
header .img-box{position: relative;}
header .img-box .img-1{z-index: 1;position: absolute;width: 78%;height: auto;top:-46px;right: 4%;}
header .img-box .img-2{position: absolute;z-index: 2;width: 69%;right: 12%;top:-90px}
header .img-box .img-3{z-index: 2;position: absolute;width:50px;height: auto;top:65px;left: 23%;}
header .img-box .img-4{z-index: 2;position: absolute;width:50px;height: auto;top:-18px;left: 68%;}
header .img-box .img-5{z-index: 2;position: absolute;width:50px;height: auto;top:122px;left: 85%;}
.btn-primary:hover{background-color: #f76808;border-color: #f76808;}
header .head-cont{padding-top: 80px;}
.fixed-top{transition: all 0.5s;background: #ecf5fc;}
.navbk{top:0px;transition: all 0.5s;}
.nav-link{padding: 10px 20px!important;color:#000!important;}
.nav-item .btn{padding: 8px 30px!important;color:#fff!important;}
.navbar-brand span{font-weight: 600;color:#011f36;margin-left: 5px;}
.navbar-light .navbar-nav .nav-link {white-space: nowrap;font-weight: 600;}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.nav-item .btn-primary{animation: shadow-pulse 1s infinite;}
.btn-anim{animation: shadow-pulse 1s infinite;}
@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
}
.navbar-nav li:hover > div.dropdown-menu {
  display: block;
  transition: all 0.5s;
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  /*left:-100%;*/
  left:-10rem; /* 10rem is the min-width of dropdown-menu */
  margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 
.about{padding: 60px 0px;position: relative;}
.about::before{content: '';position: absolute;width: 60px;height: 60px;left: 12%;top: 30px;z-index: 1;background:url(../img/plus.svg);background-repeat: no-repeat;background-size: cover;}
.about .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.about h2{margin-bottom: 0px;}
.abcard-box{margin-bottom: 30px;box-shadow: 2px 0px 13px #ccc;border-radius: 6px;padding-bottom: 15px;background: #011f36;}
.abcard-box h4{font-size: 16px;margin: 10px 0px;font-weight: bold;text-align: center;margin-top: 20px;color:#fff;}
.ab-box {
  position: relative;
  border-radius: 4px;
}
.ab-box .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  background:#ccc;
  padding: 40px 10px;
  background: url(../img/ab/ab-bk.svg);
  text-align: center;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ab-box .image i{font-size: 41px;color: #ff8529;padding: 20px;background: none;border-radius: 50%;height: 100px;width: 100px;line-height: 54px;border:2px solid #ff8529;}
.ab-box .image img{width: 90px;margin: 0 auto; display: block;}
.ab-box .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #011f36;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.ab-box:hover .overlay {
  height: 100%;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ab-box .text {
  color: white;
  font-size: 16px;
  position: absolute;
  top:34%;
  left: 16%;
  -webkit-transform: translate(-10%, -32%);
  -ms-transform: translate(-10%, -32%);
  transform: translate(-10%, -32%);
  text-align: center;
  border-radius: 4px;
}
.about .bg-side{position: relative;padding-top: 35px;padding-left: 35px;}
.about .bg-side::before{content: '';position: absolute;background:#011f36;top: 0px;left: 0px;z-index: 9;width: 94%;height: 35px;}
.about .bg-side::after{content: '';position: absolute;background:#011f36;top: 0px;left: 0px;z-index: 9;width:35px;height: 90%;}

.th-box{padding: 60px 0px;}
.ab-sd{text-align: center;border:1px solid #ccc;border-radius: 6px;padding: 20px 15px;}
.ab-sd img{margin-bottom: 20px;}
.ab-sd h4{font-weight: bold;font-size: 16px;margin-bottom: 20px;}
.ab-sd p{margin-bottom: 0px;}
.ab-sd i{font-size: 50px;margin-bottom: 20px;color:#ff8529;}
.all-fbox{margin-top: 20px;}
.all-fbox .ab-sd{box-shadow: 1px 3px 12px #ccc; border:none;margin-top: 20px;position: relative;padding-bottom: 80px;}
.all-fbox .ab-sd a{color: #fff;background: #011f36;padding: 6px 32px;border-radius: 30px;font-size: 14px;position: absolute;left: 30%;
  bottom: 22px;}
.all-fbox .ab-sd a:hover{background: #ff8529;}
.all-fbox h2{margin-bottom: 0px;}
.all-fbox .line {
  background-color: #011f36;
  width: 41px;
  height: 5px;
  display: inline-block;
}
.mv-section{padding: 60px 0px;}
.mv-section h4{font-weight: bold;font-size: 16px;margin-bottom: 20px;}
.mv-box{
  box-shadow: 2px 2px 10px #ccc;
  padding: 15px;
  border-radius: 6px;
  height: 100%;
}
.client{padding: 60px 0px;position: relative;}
.client .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.client h2{margin-bottom: 0px;}
#client .owl-item img {
  border: 1px solid #ccc;
  padding: 10px;
}
.counter-box i{font-size: 40px;color:#ff8529;}
.counter-box p{font-size: 24px;display: block;margin-top: 20px;font-weight: bold;}

.how-work{padding: 60px 0px;position: relative;}
.how-work .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.how-work h2{margin-bottom: 0px;}
.sub-info{font-size: 16px;font-weight: bold;}
.how-work i{font-size: 54px;color:#ff8529;}

.case-study{padding: 60px 0px;position: relative;}
.case-study .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.case-study h2{margin-bottom: 0px;}
.case-box{border:1px solid #ccc;padding: 10px;border-radius: 6px;box-shadow: 0px 3px 10px #ccc;height: 100%;}
.case-box h4{font-size: 16px;font-weight: 600;margin-top: 15px;}

.acm{padding: 60px 0px;position: relative;}
.acm .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.acm h2{margin-bottom: 0px;}

.bg-grey{padding: 40px 0px;background: rgba(0, 123, 255, 0.04);}
.bg-grey h2{margin-bottom: 0px;}
.bg-grey .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}

.mission{padding: 60px 0px;position: relative;}
.mission::before{content: '';position: absolute;width: 60px;height: 60px;left: 12%;top: 30px;z-index: 1;background:url(../img/plus.svg);background-repeat: no-repeat;background-size: cover;}
.mission .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.mission h2{margin-bottom: 0px;}
.mission p{text-align: justify;}
.contact_info_sec a{color:#fff;}
.contact_info_sec a:hover{
    color: #ff8529;
}
  #main .faq .card {
    margin-bottom: 5px;
    border: 0;
  }
  #main .faq .card .card-body{padding:10px 15px}
  #main .faq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
    background-color: rgba(0, 123, 255, 0.04);
  }
  #main .faq .card .card-header .btn-header-link {
    color: #000;
    display: block;
    text-align: left;
    background: rgba(0, 123, 255, 0.04);
    padding: 15px 15px;
    border-radius: 4px;
    padding-right: 35px;
    font-size: 16px;
    font-family: "Inter", sans-serif!important;
  }
  #main .faq .card .card-header .btn-header-link span{
    background: #c0e3ff;
    padding: 8px 12px;
    color: #011f36;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 8px;
  }
  #main .faq .card .card-header a.collapsed {
    background: rgba(0, 123, 255, 0.04);
    color: #000;
  }
  

  #myModal h4{    font-size: 24px;
    font-weight: 700;
    color: #011f36;}

    #myModal  .modal-body{padding: 25px;
    text-align: center;
    padding-top: 34px;}
    #myModal  .modal-body .form-control{padding: 24px 15px;line-height: 0px;}
    #myModal  .modal-body .close{float: right;
      font-size: 2.0rem;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: 1;
      position: absolute;
      top: 3px;
      right: 8px;}

#myModal1 h4{    font-size: 24px;
font-weight: 700;
color: #011f36;}

#myModal1  .modal-body{padding: 25px;
text-align: center;
padding-top: 34px;}
#myModal1  .modal-body .form-control{padding: 24px 15px;line-height: 0px;}
#myModal1  .modal-body .close{float: right;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  position: absolute;
  top: 3px;
  right: 8px;}  
  
  
  #myModal2 h4{    font-size: 24px;
    font-weight: 700;
    color: #011f36;}

    #myModal2 .modal-body{padding: 25px;
    text-align: center;
    padding-top: 34px;}
    #myModal2  .modal-body .form-control{padding: 24px 15px;line-height: 0px;}
    #myModal2  .modal-body .close{float: right;
      font-size: 2.0rem;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: 1;
      position: absolute;
      top: 3px;
      right: 8px;}  

      #myModal3 h4{    font-size: 24px;
        font-weight: 700;
        color: #011f36;}
    
        #myModal3  .modal-body{padding: 25px;
        text-align: center;
        padding-top: 34px;}
        #myModal3  .modal-body .form-control{padding: 24px 15px;line-height: 0px;}
        #myModal3  .modal-body .close{float: right;
          font-size: 2.0rem;
          font-weight: 700;
          line-height: 1;
          color: #000;
          text-shadow: 0 1px 0 #fff;
          opacity: 1;
          position: absolute;
          top: 3px;
          right: 8px;}
  
#faq [aria-expanded="true"]:after{  
  content: "\f077"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faq [aria-expanded="false"]:before{
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-list [aria-expanded="true"]:after{  
  content: "\f077"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-list [aria-expanded="false"]:before{
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-lists [aria-expanded="true"]:after{  
  content: "\f077"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#faqs-lists [aria-expanded="false"]:before{
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#accordian [aria-expanded="true"]:after{  
  content: "\f077"; 
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}

#accordian [aria-expanded="false"]:before{
  content: "\f078";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #011f36;
  position: absolute;
  right: 15px;
  top: 15px;
}
  #main .faq .card .collapsing {
    line-height: 24px;
    color: #4B4B4B;
    font-size: 15px;
    background: rgba(0, 123, 255, 0.04);
  }
  
  #main .faq .card .collapse {
    border: 0;
    color: #4B4B4B;
    font-size: 15px;
    background: rgba(0, 123, 255, 0.04);
  }
  
  #main .faq .card .collapse.show {
    line-height: 24px;
    color: #4B4B4B;
    font-size: 15px;
    background: rgba(0, 123, 255, 0.04);
  }
  .btn.focus, .btn:focus{box-shadow: none;}
.features{padding: 60px 0px;position: relative;background: url(../img/ic.png);background-size: cover;}
.features::before{content: '';position: absolute;width: 60px;height: 60px;left: 12%;top: 30px;z-index: 1;background:url(../img/plus.svg);background-repeat: no-repeat;background-size: cover;}
.features .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.features h2{margin-bottom: 0px;}
.features p{}
.features .f-box{box-shadow:2px 2px 5px #ccc; text-align: center;padding: 15px 10px;background-color: rgba(0, 123, 255, 0.04);border-radius: 4px;margin-bottom: 20px;transition: all 0.3s;}
.features .f-box img{display: inline-block!important;width: 50px!important;margin: 0 auto;}
.features .f-box h4{font-size:16px;margin-top: 20px;margin-bottom: 0px;font-weight: 600;}
.features .f-box p{text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.features .f-box:hover{box-shadow: none;}
a:hover{text-decoration: none;}
.features .f-box i{color:#ff8529;font-size: 36px;}
.features .f-box a.rd-more{color: #011f36;font-size: 14px;display: block;margin-bottom: 10px;}
.features .f-box a.rd-more:hover{text-decoration: none;}

.zig-zag{padding: 60px 0px;text-align: left;}
.zig-zag h2{font-size: 20px;margin-bottom: 20px;line-height: 30px;font-weight:bold;}
.zig-zag ul{margin: 0;padding: 0;}
.zig-zag ul li{list-style-type: none;position: relative;padding-left: 26px;}
.zig-zag ul li:before{content: '\f560';font-family:'FontAwesome';position: absolute;left:0;top:0;color:#ff6e00;z-index: 9;font-size: 16px;}
.zig-zag p b{font-size: 16px;}
.zig-zag p a{color:#4B4B4B;font-weight:bold;}
.zig-zag p a:hover{color:#ff6e00;}
.features p a{color:#4B4B4B;font-weight:bold;}
.features p a:hover{color:#ff6e00;}
p a{color:#4B4B4B;font-weight:bold;}
p a:hover{color:#ff6e00;}
.why-choose{padding: 60px 0px;}
.why-choose h2{font-size: 32px;}
.why-choose .line {
  background-color: #011f36;
  width: 41px;
  height: 5px;
  display: inline-block;
}
.why-choose .media h4{font-size: 16px; font-weight: bold;}
.why-choose .media{border:1px solid #eaeaea;padding: 15px;border-radius: 4px;height: 100%;}
.why-choose .media p{margin-bottom: 0px;}
.why-choose .media i{color: #ff6e00;font-size: 18px;margin-bottom: 10px;}

.faqs{padding: 60px 0px;position: relative;}
.faqs::before{content: '';position: absolute;width: 60px;height: 60px;left: 12%;top: 30px;z-index: 1;background:url(../img/plus.svg);background-repeat: no-repeat;background-size: cover;}
.faqs .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.faqs h2{margin-bottom: 0px;}
.faqs p{text-align: justify;}

.row.equal-cols {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.row.equal-cols:before,.row.equal-cols:after {display: block;}
.row.equal-cols > [class*='col-'] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.row.equal-cols > [class*='col-'] > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto; }

.blog{padding: 60px 0px;background: rgba(0, 123, 255, 0.04);position: relative;}
.blog::before{content: '';position: absolute;width: 300px;height: 300px;right: 0;top: 0;z-index: 1;background:url(../img/bc.svg);background-repeat: no-repeat;background-size: cover;}
.blog .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.blog h2{margin-bottom: 0px;}
.blog-box{background: #fff;box-shadow:2px 2px 5px #ccc;border-radius: 4px;}
.blog-box img{width: 100%;height: 200px;}
.blog-box ul{margin: 0;padding: 0;}
.blog-box ul li{display: inline-block;padding: 15px 0px;font-size: 13px;}
.blog-box ul li i{color:#ff8529;margin-right: 5px;}
.blog-box ul li:first-child{margin-right: 30px;}
.blog-box .blog-content{padding: 0px 15px;}
.blog-box .blog-content h4 a{font-size: 16px;font-weight: 600;line-height: 24px;color:#000;margin-bottom: 15px;display: block;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.blog-box .blog-content h4 a:hover{text-decoration: none;}
.blog-box .blog-content p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;}
.blog-box .blog-click{padding: 15px 0px;margin:0 15px; border-top:1px solid #f2f2f2;}
.blog-box .blog-click a{font-size: 13px;color:#4B4B4B;}
.blog-box .blog-click a i{color:#011f36;transition: all 0.5s;}
.blog-box .blog-click a:hover{color:#4B4B4B;text-decoration: none;}
.blog-box .blog-click a:hover i{margin-left: 10px;transition: all 0.5s;}

.testimonial {
  padding: 60px 0px;
  background: rgba(0, 123, 255, 0.04);
  background: linear-gradient(180deg, rgba(0, 123, 255, 0.04) 54%, #ffffff 50%);
}
.testimonial .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.testimonial h2{margin-bottom: 0px;}
.testimonial .test-box {box-shadow: 0px 3px 10px #ccc;padding: 15px;background-color: #fff;border-radius: 14px;margin-bottom: 20px;}
.testimonial .test-box h4{font-size: 16px;margin-bottom: 2px;margin-top: 8px;}
.testimonial .test-box h4 small{color: #011f36;}
.testimonial .test-box p{color:#4B4B4B;}
.testimonial .test-box p i{color: #ffc400;margin-right: 5px;}

footer{padding: 60px 0px;background: rgba(0, 123, 255, 0.04);padding-bottom: 0px;position: relative;}
footer::before{content: '';position: absolute;width: 300px;height: 300px;right: 0;top: 0;z-index: 0;background:url(../img/bc.webp);background-repeat: no-repeat;background-size: cover;}
.newsletter{background: #011f36;border-radius: 10px;color:#fff;padding: 40px 0px;padding-top: 50px;position: relative;overflow: hidden;margin-top: 50px;}
.newsletter::before{content: '';position: absolute;width: 150px;height: 150px;border-radius: 50%;border:2px solid #61adff;top:-85px;left: -66px;}
.newsletter::after{content: '';position: absolute;width: 150px;height: 150px;border-radius: 50%;border:3px solid #fff;bottom:-85px;right: -66px;}
.newsletter h2{color:#fff;}
.newsletter .form-control{background: transparent;border:1px solid #ededed;height: 45px;color: #ededed;font-weight: 400;}
.newsletter .form-control::placeholder {color:#ededed;}
.newsletter .btn{background: #ff8529;height: 45px;color:#fff;border:1px solid #ff8529;z-index: 9;position: relative;}
.lr-none{padding-left: 5px!important;padding-right: 5px!important;}
footer .f-list h4{font-size: 16px;margin-bottom: 18px;font-weight: 600;color: #011f36;}
footer .f-list h4 a{color: #011f36;}
footer .f-list ul{margin: 0;padding: 0;}
footer .f-list ul li{list-style-type: none;position: relative;margin-bottom: 10px;}
footer .f-list ul li a{color:#4B4B4B;font-size: 15px;transition: all 0.5s;}
footer .f-list ul li a:hover{color:#000;text-decoration: none;margin-left: 10px;}
footer .f-list p{line-height: 24px;font-size: 15px;}
footer .f-list p a{color:#000;}
footer .f-list p a i{color:#ff8529;}
footer .social ul{margin: 0;padding: 0;}
footer .social ul li{display: inline-block;width: 30px;height: 30px;background-color:transparent;border-radius: 50%;margin-right: 5px;text-align: center;line-height: 30px;border:1px solid #4B4B4B;}
footer .social ul li a{color: #000;}
footer .social ul li:hover{background-color: #011f36;}
footer .social ul li:hover a{color:#fff;}
footer .social ul li a:hover{margin-left: 0px;}
footer p a {color:#fff;}
footer hr{border:1px solid rgb(198 198 198 / 10%);margin-top:30px;margin-bottom:20px;}

.breadcumb{padding: 60px 0px;color: #fff;background: #011f36;}
.breadcumb .breadcrumb{background: transparent;padding-left: 0px;padding-top: 10px;}
.breadcumb .breadcrumb a{color: #89c2ff;}
.breadcumb .breadcrumb li{padding-right: 10px;}
.breadcumb h2{color: #fff;margin-bottom: 0px;}
.breadcumb h1{color:#fff;font-size: 24px;margin-bottom: 0px;line-height:36px;}
.breadcumb .b-line{display: block;width: 41px;height:5px;background: #fff;margin: 20px 0px;}

.case-one{padding: 60px 0px;}
.case-one h4{font-size: 24px; font-weight: bold;margin-bottom: 20px;}
.bg-drk{background: #011f36;padding: 60px 0px;color:#fff;}
.btn-wrn{background: #ff8529;border-radius: 30px;border:1px solid #ff8529;    padding: 8px 30px; color:#fff;}
.contact_us{
  background-color: #f1f1f1;
  padding: 60px 0px;
}

.contact_inner{
  background-color: #fff;
  position: relative;
  box-shadow: 20px 22px 44px #cccc;
  border-radius: 6px;
}
.contact_field{
  padding: 60px 340px 90px 100px;
}
.contact_field h3{
  margin-bottom: 10px
}
.contact_field p{
  margin-bottom: 35px;
}
.contact_field .form-control{
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
}
.contact_field .form-control:focus{
  box-shadow: none;
  outline: none;
  border-bottom: 2px solid #011f36;
}
.contact_field .form-control::placeholder{
  font-size: 13px;
  letter-spacing: 1px;
}

.contact_info_sec {
  position: absolute;
  background-color: #2d2d2d;
  right: 0px;
  top: 18%;
  height: 340px;
  width: 340px;
  padding: 40px;
  border-radius: 25px 0 0 25px;
  color: #fff;
}
.contact_info_sec h4{
  padding-bottom: 15px;
  color: #fff;
}

.info_single{
  margin: 20px 0px;
}
.info_single i{
  margin-right: 15px;
}
.socil_item_inner li{list-style-type: none;margin-right: 15px;font-size: 20px;}
.socil_item_inner li a{color:#ff8529;}
.blog-detail{padding: 60px 0px;}
.blog-detail h2{font-size: 24px;}
.blog-detail img{border-radius: 6px;margin-bottom: 5px;}
.blog-detail p{text-align: left;}
.rl-box li{margin-bottom: 10px;position: relative;padding-left: 20px;}
.rl-box li:before{content: '';position: absolute;height: 8px;width: 8px;background:#011f36;border-radius: 50%;top: 8px;left: 0px;}
.rl-box li a{color:#4B4B4B;font-size: 14px;}
.rl-box li a:hover{text-decoration: none;}
.make-me-sticky {
  position: -webkit-sticky;
	position: sticky;
	top: 80px;
  left: 0;
  padding: 0 0px;
}
.navbar .dropdown-menu{top:40px;font-size: 14px;border: none;background:#ecf5fc;transition: all 0.5s;}
.navbar .navbar-brand img{width: 90px;}
.fixed-top .dropdown-menu{top: 40px;}
.fixed-top .navbar-brand img{width: 60px;}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #011f36;
}
.btn-primary{position: relative;}
.blog-content .listing {
  margin: 0;
  padding: 0;
}
.blog-content .listing li {
  display: inline-block;
  padding: 15px 0px;
  font-size: 13px;
}
.blog-content .listing li:first-child {
  margin-right: 30px;
}
.blog-content .listing li i {
  color: #011f36;
  margin-right: 5px;
}
.step-box h4{font-size: 16px;font-weight: 600;}
.step-box .bg-primary{background-color: #011f36!important;}
.step-box h4{font-size: 16px;font-weight: 600;}
.step-box .bg-primary svg{color: #ff8529;}
.design-process-section{padding: 60px 0px;background: rgba(0, 123, 255, 0.04);}
.design-process-section .line{background-color: #011f36;width: 41px;height: 5px;display: inline-block;}
.design-process-section h2{margin-bottom: 0px;}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav a, .dropdown-btn {
  padding: 9px 8px 9px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.sidenav a{border-bottom: 1px dotted #454545;}
.sidenav a:first-child, .dropdown-container a{border-bottom: none;}
.dropdown-container a{font-size: 14px;}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 36px;
  margin-left: 50px;
  text-align: right;
}
.ds-block{display: block;}
.dn-block{display: none;}
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}
.fa-caret-down {
  float: right;
  padding-right: 8px;
}
.breadcumb h2{font-size: 24px;}
.whatsapp-button{
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  background-color: #25d366;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
}
.whatsapp-button:hover{
  color:#fff;
  text-decoration: none;
}
.call-button{
  position: fixed;
  bottom: 75px;
  right: 15px;
  z-index: 99;
  background-color: #011f36;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
}
.call-button:hover{
  color:#fff;
  text-decoration: none;
}
.sidebar-contact{
  position:fixed;
  top:50%;
  right:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:20px;
  background:#fff;
  box-sizing:border-box;
  transition:0.5s;
  z-index: 999;
}
.sidebar-contact.active{
  right:0;
}

.sidebar-contact h5{
  margin:0 0 20px;
  padding:0;
}
.toggle{
  position:absolute;
  height:40px;
  width:100px;
  text-align:center;
  cursor:pointer;
  background:#2f2f2f;
  top:30px;
  left:-70px;
  line-height:40px;
  transform: rotate(270deg);
  border-radius: 4px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius: 0px;
  opacity: 0;
  transition: all 0.3s;
}
.toggle:before{
  content:'Enquiry';
  font-size:16px;
  color:#fff;
}
.toggle.active:before{
  content:'Close';
}
.revealed{opacity: 1;}
.en-btn {
  background: #011f36;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 8px 15px;
  font-size: 14px;
}
.step-box{border:1px solid #d2e4f8;padding: 15px 12px;height: 100%;border-radius: 6px;    box-shadow: 2px 1px 10px #ccc;background: #fff;}
button:focus{outline:none}
.row-flex{display: flex;flex-wrap: wrap;}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

.diamond-box-container {
  display: grid;
  grid-gap: 55px;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 171px);
  max-width: 1111px;
  margin: 60px auto;
  grid-row-gap: 125px;
}
.diamond i{font-size: 36px;color:#ff8529;margin-bottom: 10px;}
.diamond strong{color: #fff;}
          .diamond {
  background:rgb(1 31 54);
  padding: 10px 0;
  position: relative;
  min-height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  color:#fff;
}
.diamond:before, .diamond:after {
  content: " ";
  width: 0;
  top: 0;
  height: 0;
  border-color: #fff;
  position: absolute;
}
.diamond:before {
  left: -49px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  width: 50px;
  height: 100%;
  background: rgb(1 31 54);
}
.diamond:after {
  right: -49px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  width: 50px;
  height: 100%;
  background: rgb(1 31 54);
}
.diamond:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.diamond:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.diamond:nth-child(3) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.diamond:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}


@media(max-width:913px){
  .ds-block{display: none;}
  .dn-block{display: block;}
  header h1 {font-weight: 200;font-size: 24px;line-height: 37px;margin-bottom: 10px;}
  header .head-cont{padding-top: 35px;}
  header .img-box .img-1{top:0px;}
  header .img-box .img-2{top:40px;}
  header .img-box .img-5{top: 110px;left: 82%;}
  header .img-box .img-3{left:20%;}
  header .img-box .img-4{top:15px;}
  .row-flex [class*="col-"] {margin-bottom: 15px;}
  .scrollbar{height: 200px;overflow-y:scroll;padding-right: 15px;margin-bottom: 15px;}
  .scrollbar2{height: 170px;overflow-y: scroll;padding-right: 15px;margin-bottom: 10px;}
}
@media(max-width:600px){
    .inner-header {
    padding: 6px 0px 6px 0px !important;
}
  .case-box{height: auto;margin-bottom: 20px;}
  .case-study{padding-bottom: 30px;}
  .diamond{padding: 10px 20px;}
  .mv-box, .ab-sd{margin-bottom: 15px;}
  .mv-box{height: auto;}
  .counter-box .counter-desc {
    display: block;
    margin-bottom: 30px;
  }
  .mb-text{text-align: center;}
  .scrollbar {
    height: auto;
    overflow-y: auto;
    padding-right: 0px;
    margin-bottom: 15px;
  }
  .scrollbar2 {
    height: auto;
    overflow-y: auto;
    padding-right: 0px;
    margin-bottom: 15px;
  }
  .step-box{height: auto;}
  footer .newsletter{padding: 40px 26px;}
  .ds-block{display: none;}
  .dn-block{display: block;}
  header h1{font-size:24px;line-height:34px;}
  header .img-box{display: none;}
  header{padding: 10px 0px 60px 0px;}
  header .head-cont{padding-top: 40px;}
  section h2, footer h2{font-size: 20px;}
  .blog-box{margin-top: 15px;}
  .contact_info_sec{position: relative;width: 100%;border-radius: 0px;}
  .sidenav a {font-size: 15px;}
  header .head-cont{padding-top: 20px;}
  .contact_field{padding: 15px;}
  footer .f-list h4{margin-top: 20px;margin-bottom: 15px;}
  .newsletter{padding: 40px 30px;}
  .newsletter h2{font-size: 20px;}
  .diamond-box-container {
    display: flex;
    flex-direction: column;
  }

  .diamond:before {
    display: none;
  }
  .diamond:after {
    display: none;
  }
  .diamond-box-container{
    grid-row-gap:15px;
  }
}
@media screen and (max-height: 450px) {
  .diamond-box-container {
    display: flex;
    flex-direction: column;
  }
  .diamond::before {
    display: none;
  }
  .diamond:after {
    display: none;
      grid: row gap 15px;
  }
  
}