@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700|Roboto:300,400,500,700,900');


*{
  padding:0;
  margin:0;
  box-sizing:border-box;
  font-family:'Poppins', sans-serif;
  text-transform: none;
  font-size: 14px;
  transition: all .3s ease;
}
::selection{
 background:#f06b35; 
  color:white;
}

html{
  scroll-behaviour:smooth;
}

body{

 
  /* background-image: url('../imgs/body-bg.jpg'); */
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

p,span{
  /* font-size: 14px; */
  letter-spacing: .5px;
color:gray;
line-height: 28px;


}
ul{
  list-style: none;
  padding: 0;
}
li{
  color:gray;
  line-height: 28px;
}
p{
  line-height: 28px;
  color:gray;
}
a{
  text-decoration: none;
}
h2{
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 600;
  color:#1a1b1e;
}  .center{            position: relative;            min-height:100vh;            width:100%;            display:flex;            justify-content:center;            align-items:center;            text-align:center;            background-color:black;        }        .ring{            position: absolute;            width:200px;            height:200px;            border-radius:100%;            animation:ring 2s linear infinite;        }        @keyframes ring{            0%{                transform:rotate(0deg);                box-shadow:1px 5px 2px #e65c00;            }            50%{                transform:rotate(180deg);                box-shadow:1px 5px 2px #18b201;            }            100%{                transform:rotate(360deg);                box-shadow:1px 5px 2px #0456c8;            }        }        .ring:before{            position: absolute;            content='';            left:0;            top:0;            height:100%;            width:100%;            box-shadow:0 0 5px rgba(225,225,225,.3);        }       .center span{                    color:#737373;                    font-size:20px;                    text-transform:capitalize;                    letter-spacing:1px;                    animation:text 3s ease-in-out infinite;                    line-height:100%;        }        @keyframes text{            50%{                color:white;                text-shadow:5px 5px 10px 10px white;            }        }
.header{
    background-color: #1a1b1e;
    color:white;
    line-height: 30px;
 
 
}
.header span,.header a{
  font-size:12px;
  
}
.header .container-fluid{
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.header .container-fluid .row{
    display: flex;
    justify-content:space-between;
    /* font-size: 14px; */
    color:rgb(202, 196, 196);
}
.header .container-fluid .row span{
    padding-right: 20px;
    color:white;
}
.header .container-fluid .row a{
    color:rgb(202, 196, 196);
    color:#f06b35;
    text-decoration: none;
    border-left:2px solid white;
    padding: 0 20px 0 10px ;
    /* font-size: 14px; */
    
}
.header .container-fluid .row a i{
color:#f06b35;
/* padding:0 5px; */
  
}
.header .container-fluid .row .icons{
  display: flex;
  justify-content: flex-end;
  align-items: center;

}
.header .container-fluid .row a:hover, .header span:hover,.header .container-fluid .row a i:hover{
        color:gray;
        cursor:pointer;
}
.header .container-fluid .row .icons a:hover{
    font-size: 14px;
    transform: scale(1.1);
 
}

header{
  position:sticky;
  top:0px;
  background:#18181e;
  width:100%;
  z-index:1000;
  line-height:3rem;
  /* box-shadow: 2px 0px 10px 10px rgb(128, 128, 128,.2); */

}


.containerr{
  max-width:100%;
  padding: 0 2rem;
  background-color:white;
  margin:0 auto;
  display:flex;
  position:relative;
}
.logo-containerr{
  flex:1;
  background-color:white;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.logo-containerr img{
  height:4.6rem;
  width:min-content;
}
.nav-btn{
   flex:2;
  display:flex;
  
}
.nav-links{
  /* flex:2; */
  
}
.log-sign{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex:1;
  background-color:transparent;
}
.btn{
  display:inline-block;
  padding: .8rem  1.3rem;
  font-size:.8rem;
  border:2px solid #f06b35;
  border-radius:2rem;
  line-height:1;
  margin:.2rem;
  white-space: nowrap;
  transition:.3s;
  text-transform:uppercase;
}
.btn.solid,.btn.transparent:hover{
  background-color:#f06b35;
  color:white;

}
.btn.transparent,.btn.solid:hover{
  background-color:transparent;
  color:#f06b35;

}
.navv-link{
  position:relative;

}
.nav-links>ul{
      display:flex;
      justify-content:center;
      align-items:center;
      margin:0;
}
.nav-links{
  line-height: 4rem;
}
.navv-link>a{
   line-height:4rem; 
  color:gray;
  padding:0 1.2rem;
 
  font-size:.95rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:.3s;
  white-space: nowrap;
}
.navv-link >a>i{
  margin-left:.2rem;
}
.navv-link:hover>a{
  transform:scale(1.1);
  color:#f06b35;
}


/* [ ## work-process ] */
.our-work-process-section {
  overflow: hidden;
}

.our-work-process-section.bg-image {
  background-position: bottom center;
  background-size: contain;
}

.our-work-process-section .process-main-content {
  position: relative;
  padding-top: 50px;
}

.our-work-process-section .process-main-content .bg-line {
  height: 250px;
  left: 0;
  position: absolute;
  top: 50px;
  width: calc(100% + 60px);
  background-position: top center;
  background-repeat: no-repeat;
}

.our-work-process-section .process-list > div:nth-child(2) {
  margin-top: 80px;
}

.our-work-process-section .process-list > div:nth-child(4) {
  margin-top: -35px;
}

.our-work-process-section .single-process {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0 auto;
}

.our-work-process-section .single-process .process-no {
  background-color: #F12C15;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
  position: absolute;
  top: -15px;
  right: -12px;
  z-index: 0;
}

.our-work-process-section .single-process .single-process-inner {
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: 3px 3px 18px rgba(0, 0, 0, 0.06);
  height: 200px;
  width: 200px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  padding-top: 22px;
}

.our-work-process-section .single-process .single-process-inner > h2 {
  color: #000;
  font-size: 18px;
  line-height: 1.28em;
  padding: 0px 55px 12px;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .our-work-process-section .process-main-content .bg-line {
    display: none;
  }
  .our-work-process-section .single-process {
    height: 175px;
    width: 175px;
  }
  .our-work-process-section .single-process .single-process-inner {
    height: 175px;
    width: 175px;
  }
  .our-work-process-section .single-process .single-process-inner > h2 {
    line-height: 1.2em;
    padding: 0 40px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .our-work-process-section .process-main-content .bg-line {
    display: none;
  }
  .our-work-process-section .process-main-content {
    padding-top: 15px;
  }
  .our-work-process-section .process-list {
    margin-bottom: -60px;
  }
  .our-work-process-section .process-list > div:nth-child(2) {
    margin-top: 0px;
  }
  .our-work-process-section .process-list > div:nth-child(4) {
    margin-top: 0px;
  }
  .our-work-process-section .single-process {
    margin-bottom: 60px;
  }
  .our-work-process-section .single-process .process-no {
    font-size: 20px;
  }
}

.dropd{
  position:absolute;
  top:100%;
  left:0%;
  width:16rem;
  transform:translateY(10px);
  opacity:0;
  pointer-events:none;
  transition:.5s;
  box-shadow:2px 2px 5px gray;
  padding: 0;
  border-top:2px solid #f06b35;
} 
.dropd-link{
position:relative;
line-height:3rem;
border-bottom:1px solid rgb(250, 192, 168);
}
.dropd-link>a{
      display:flex;
      background-color:white;
      color:#f06b35;
      padding:0 1rem;
      font-size:.9rem;
      align-items:center;
      justify-content:space-between;
      transition:.3s;
      
      /*border-bottom:1px solid #f06b35;*/
}
.dropd-link:hover>a{
  background-color:#f06b35;
  color:white;
  
}
.dropd-link:nth-first-child(2){
  border-bottom:none;
}
.dropd-link>i{
  transform:rotate(-90deg);
}
.arr{
  position:absolute;
  width:11px;
  height:11px;
  top:-5.5px;
  left:32px;
  background-color:white;
  transform:rotate(45deg);
  cursor:pointer;
  transition:.3s;
  z-index:-111;
    border-top: 2px solid #f06b35;
  border-left: 2px solid #f06b35;
}


.dropd-link:nth-child(1):hover~.arr{
  background-color:#f06b35;
}
.dropd.second{
  top:0;
  left:100%;
  padding-left:.8rem;
  cursor:pointer;
  transform:translateX(10px);
}
.dropd.second .arr{
  top:20px;
  left:7px;
  background-color:white!important;

}
.navv-link:hover>.dropd,.dropd-link:hover>.dropd.second{
  transform:translate(0,0);
  opacity:1;
  pointer-events:auto;
}
.hamburger-menu-container{
  flex:1;
  display:none;
  align-items:center;
  justify-content:flex-end;
  padding:10px;
}
.hamburger-menu{
  width:3rem;
  height:3rem;
  background-color:#1a1b1e;
  border-radius:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  
}
.hamburger-menu div{
  width:1.8rem;
  height:4px;
  border-radius:3px;
  background-color:white;
  position:relative;
  z-index:1001;
  transition:.5s;
}
.hamburger-menu div::before,
.hamburger-menu div:after{
  content:'';
  position:absolute;
  width:inherit;
  height:inherit;
  background-color:white;
  border-radius:3px;
}

.hamburger-menu div::before{
  transform:translateY(-7px);
}
.hamburger-menu div::after{
  transform:translateY(7px);
}
  #check{
      position:absolute;
      top:50%;
      right:2rem;
      transform:translateY(-50%);
      width:3rem;
      height:3rem;
      z-index:90000;
      cursor :pointer;
      opacity:0;
      display:none;
  }
  .menu-overlay{
      
      display:none;
  }
   #check:checked~.menu-overlay{
       
       display:block;
   }
  #check:checked~.hamburger-menu-container .hamburger-menu div{
  background-color:transparent;
  }
  #check:checked~.hamburger-menu-container .hamburger-menu div::before{
          transform:translateY(0) rotate(-45deg);
  }
  #check:checked~.hamburger-menu-container .hamburger-menu div::after{
      transform:translateY(0) rotate(45deg);
  }
  @media(max-width:1000px){
    .containerr{
      padding: 0 10px;
    }
      .hamburger-menu-container{
          display:flex;
      }
      #check{
          display:block;
      }

      .nav-btn{
          display:flex;
          overflow-Y:auto;
          padding-bottom:3rem;

          position:fixed;
          /*height:calc(100vh - 4rem);*/
          height:100vh;
          left:0;
          top:0rem;
         width:20rem;
          background-color:#1a1b1e;
          flex-direction:column;
          align-items:center;
          justify-content:space-between;
         display:none;
      }
      .nav-links,.log-sign{
          flex:initial;
          width:100%;
      }
      .log-sign{
        justify-content: center;
      }
      .nav-links>ul{
          flex-direction:column;
      }
      .navv-link{
          width:100%;
          
         
      }
      .navv-link>a{
          line-height:1;
          padding:1rem 2rem;
      }
      .navv-link:hover>a{
          transform:scale(1);
          background-color:transparent;
    
          
      }
      .arr{
          display:none;
      }
      .dropd,.dropd.second{
          position:initial;
          top:initial;
          left:initial;
          transform:initial;
          opacity:1;
          pointer-events:auto;
          padding:0;
          width:100%;
          display:none;
          box-shadow: none;
          background-color: rgba(0,0,0,.6);
      }
      .dropd .dropd-link,.dropd.second  .dropd-link{
          padding-left:2rem;
 
         
      }
      .dropd .dropd-link a,.dropd.second  .dropd-link a{
          border:none;
          background-color: rgba(0,0,0,.6); ;
         
      }
      /*.dropd-link:not(:nth-last-child(2)){*/
      /*    border-bottom:none;*/
      /*}*/
      .dis{
          display:flex;
          flex-direction:column;
      }
  }

/* nav{
  padding: 0 !important;
  box-shadow: 0px 5px 10px rgba(128, 128, 128,.2);
}
.navbar .navbar-brand{
    padding-right: 100px;
}
.navbar .navbar-toggler{
  outline:none;
}
.close-btn:hover,.open-btn:hover{
  color:#1a1b1e;
} */
/* social-icon */
.fa-hand-point-left{
  color:#f06b35
}
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;

  left:calc(100% - 60px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    
  z-index: 1111;
  transition: .3s;
 
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 14px;
  margin-right: 0;
  transition: all 0.3s ease;
  color: white;
  margin:5px;
  border-radius:5px;
  
  width:50px;
  
}


.icon-bar a i{
  color:white;
  font-size: 20px;
}
/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.whatsapp {
  background: #25d366;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
/* side bar social-icon css end*/

/* 

h1 {
  color: #ffffff;
} */
button {
  border: none;
  background-color: #9370db;
  border-radius: 2px;
  height: 2em;
  color: #ffffff;
  text-transform: uppercase;
}

/* video styles */
.video-container{
  position: relative;
  overflow: hidden;
  height: 80vh;
 
}
video {
  width: 100%;
  height: inherit;
  object-fit: cover;
overflow: hidden;
}
/* #nav-toggler{
  display: none;
  background-color: transparent;
  font-size: 50px;
  color:#1a1b1e;
  height: 100%;
  padding: 5px 0;
}
.fa-bars ,.fa-xmark{
  font-size: 30px;
  color:gray;

}
.display-nav-btn{
  display: block;
}
.hide-nav-btn{
  display: none;
} */
/* In case you want to disable the video 
@media screen and (max-width: 400px) {
  html {
    background: url("https://www.pexels.com/photo/colleagues-shaking-each-other-s-hands-3184291/");
    background-size: cover;
  }
  .video-container {
    display: none;
  }
}*/
.banner{
    width:100% !important;
    position: relative;
}

.banner .banner-image{
    max-height: 80vh;
}

.banner-image img{
    height: 100%;
    width: 100%!important;
    background-size: cover;
    background-position: center;
    
}
.banner .banner-overlay{
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(12, 9, 9,.6);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.banner-overlay .banner-info{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-items: center;

  
  padding: 40px;
  position: absolute;
  top:50%;
  transform: translate(0%,-50%);
  text-align: center;
}

.banner-info h1{
font-size: 3.8rem;
  font-weight:800;
  color:#f06535;
  letter-spacing: 1;

  transition: all .5s ease;
  
}
.banner-info span{
  color:white;
  text-align: center;
  font-weight: normal;
  text-transform:none;
  letter-spacing: 1.3px;
  font-size: 1.4rem;

}
.banner-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.banner-info .read-btn
{
  background-color: white;
  color: #f06535;
  padding: 10px 20px;
  text-decoration: none;
  border: 2px solid white;
  margin: 20px 10px;
  border-radius: 2px ;
  text-transform: capitalize;
  position: relative;

  transition: all .2s ease;
}
.banner-info .read-btn:hover{
  background-color: transparent;
  color: white;
  top:10px;
  background-color: #f06535;
  border-color: #f06535;

  
}
.banner-info .join-btn{
  border:#f06535;
  background-color: transparent;
  border:2px solid #f06535;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 2px;
 color:white;
 margin-right: 10px;
 position: relative;
 /* top:20px; */

}
.banner-info .join-btn:hover{
  color:white;
  background-color: #f06535;
  top:10px;

}

/* home page About section  start*/

.home-about{
  margin: 0;
  background-color:rgb(250 244 244);
;
  
}
.home-about .row{
 
  padding: 40px 10px;
  justify-content: center;
  align-items: center;
  width: max-content;
}
.home-about h1{
  font-weight: 800;
  color:#1a1b1e
  
}
.home-about h1 em{
  font-size: 36px;
  color: #f06535;
  text-transform: uppercase;
}
.home-about p{
  color: gray;
  font-weight: 400;
}
.home-about a{
  color: white;
  font-weight: 400;
  background-color: #f06535;
  border: 2px solid #f06535;
  padding: 10px 30px;
  border-radius: 25px;
  text-decoration: none;
  transition: all .3s ease;
}
.home-about a:hover{
  box-shadow: 0 5px 25px #f06535;
}
/* home page About section  end*/



.overview{
  margin-top: 50px;
  background-image: url("imgs/home2.html");
  background-size: cover;
  position: relative;
  width:100%;
  padding:0 40px;

  
  
}
.overview .btn{
  /* position: absolute; */
  padding: 20px;
 /* left: 50%; */
 /* transform: translateX(-50%); */
  display: flex;
  justify-content: center;
  align-items: center;
  max-width:800px;
margin: auto;
  height: max-content;
  border: 1px solid gray;
  padding: 0;
  border-radius: 0;
  background-color: #ffffff;
  
}
.overview .btn button{
  padding: 15px 25px;
  box-sizing: border-box;
  width: max-content;
  height: 60px;
  width: 200px;
  background-color: #ffffff;
  border-right: 1px solid gray;
  color: gray;
  font-weight: 600;
  border-bottom: 2px solid white;
  outline: none;
}
.overview .btn button:first-child{
  color:gray;
  border-bottom: 2px solid #f06535;
  border-bottom: 2px solid #f06535;
}
.overview .btn button:hover,.overview .btn button:focus{
  color: white;
  background-color:#f06535;
  border: #f06535;
  border-bottom: 2px solid #f06535;
}

.overview .btn button:last-child{
  border: none;
  
}
.overview .tabcontent{
  
  padding: 50px 0px ;
  width: 100%;
  /* min-height: 50vh; */
  
  background-color:white;

}
.overview .tabcontent h1{
  color: black;
}
.overview .tabcontent h1::after{
  content: "";
  width: 100px;
  height: 2px;
  position: absolute;
  top: 100%;
  color: #f06535;
}
.overview .tabcontent p{
  text-align: justify;
}
.tabcontent .core{
  padding:3% 5%;
}
.tabcontent .core h4 i{
  margin: 5px;
  padding: 5px;
  color:white;
  background-color: #f06535;
  border-radius: 20%;
}
.about-container{
  padding:50px;
  /* //background-color:rgb(241, 234, 234); */
 
} 
.about-container .row{
  justify-content: center;
  
}
.about-container .about-text{
  /* font-size: 16px; */
  word-spacing: 1px;
  text-align: left;
}
.about-container .about-text h6{
  color: #f06535;
 
}
.about-container .about-text h6:hover{
  transform: translateX(20px);
  cursor: pointer;
}
.about-container .about-text h1{
  color: black;
  word-spacing: 1px;
  white-space: nowrap;
}
.about-container .imgs{
width: 100%;
height:100%;
background-position: center;
background-size: cover;
}
.about-container .exp{
  position: absolute;
  bottom:0;
  left: 0px;
  height: 60px;
  background-color: #f06535;
  padding: 5px;
  width: fit-content;
  display:flex ;
  align-items: center;
  justify-content: center;
}
.exp span{
  height: 100%;
  width:100%;
  padding: 15px;
  border: 1px  dashed white;
  color:white;
  
  font-weight: 600px
  
}

.abt-q{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  
}
.abt-qbox{
 background-color:orange;
  padding:50px;
 color:white;
}
.skills{
  padding: 40px 40px 40px 40px;
  
}
.skills .c-quality{
  background-color: white;
  justify-content: center;
  align-items: flex-start;
margin: 5px;

}
.c-quality>div{
	height:100%;
  background-color:;

}

.c-quality .quality-box {
		
		border-radius:2px;
		padding:20px 10px;
		

		}
.c-quality .quality-box h2{
  color:#1a1b1e;
}
.c-quality .quality-box p{
   color:gray;
  
}
.c-quality .quality-box .icon-box{
  height: 100px;
  width: 100px;
  border: 2px solid rgb(253, 110, 58);
  border-radius:50px 0px  50px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  box-shadow: 0 3px 5px orange;
  margin-bottom: 20px;
  transition: all .4s ease;
}
.c-quality .quality-box .icon-box:hover{
  border-radius: 50px;
  background-color: #f06535; 
}
.c-quality .quality-box .icon-box:hover>i{
  border-radius: 50px;
  color: white;
  
  
}
.c-quality .quality-box .icon-box i{
  font-size: 50px;
  color: #f06535;
}
.service{
  width: 100%;
  padding: 0;
  background-color: url("../imgs/homepage.jpg");
  height: auto;
  text-align: center;
  padding: 60px 0; 
  background-color:rgb(250, 244, 244);
}
.service-box{
  transition: all .4s ease;
  margin-bottom: 20px;
}




.service span{
  color:gray;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.service h2{
  color:#1a1b1e;
  font-weight: 600;
  text-transform: capitalize;
 
  
}
.service .s-content-box{
  /* background-color:white; */
  background-color:transparent;
  /* padding: 50px; */
  /* border-radius: 10px; */
  border: none;
  border-radius: 5px;
  transition: all .4s ease;
  box-shadow: 2px 2px 10px 10px rgba(225,225,225,.5);
  padding: 0;

}
.s-content-box:hover{
  transform: translateY(-20px);
}

.s-content-box .ser-img-box{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:5px 5px 0px 0px;
  overflow: hidden;
  background-color: #fff4f0;
  height:280px;
}
.ser-img-box img{
  height:100%;
  width:100%;
}
.s-content-box:hover .ser-img-box img{
  transform: scale(1.3);
}
.ser-text {
  position: relative;
  padding: 15px;
}
.ser-text h2{
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  top:-20px;

  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
 
  color: #1a1b1e;
  border-radius: 2px;
  background-color: white;
  padding:10px  20px;
  width: fit-content;
}
.service .more-ser-btn{
  color: white;
  font-weight: 400;
  background-color: #f06535;
  border: 2px solid #f06535;
  padding: 10px 30px;
  border-radius: 25px;
  text-decoration: none;
  transition: all .3s ease;
  width: fit-content;
  margin: auto;
  margin-top: 20px;
}
.service .more-ser-btn:hover{
  box-shadow: 0 5px 25px #f06535;
}



.team{
  padding: 60px 10px;
  text-align: center;
  width: 100%;
  margin: 0;
  background-color:rgb(147, 147, 148);
  background-color: rgb(10, 154, 154);
  /* background-color: transparent;
  background-color:rgba(0,0,0,.8); */
}
.team .row{
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}
.team span{
  color:white;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
.team .container h2{
  color:#f06535;
  color:#1a1b1e;
  font-weight: 600;
}
.team  .t-content-box{
  /* padding: 0 10px 20px 10px; */
  /* border-radius: 10px 10px 0px 0px; */
  padding: 20px;
  border: 2px solid white;
  margin-bottom: 20px;
}
.team  .t-content-box:hover{
  box-shadow: 1px 1px 5px 1px white;
}
.team  .t-content-box img{
  border: 1.5px dashed black;
  background-color: white;
  border-radius: 50px;
  height: 100px;
  padding: 5px;
position: relative;
  width: 100px;
  /* //top:-50px ; */
  
}
.t-content-box p{
  color:whitesmoke;
  font-weight: 100;
}
.t-content-box h4{
  color:#1a1b1e;
  font-weight: 500;
}
.team-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-content-box .team-icon a{
 
  color:white;
  /* font-size: 16px; */
 
  text-decoration: none;padding: 10px;
  border-radius: 50px;
  transition: all .3s ease;


}
.t-content-box .team-icon span{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: rgb(184, 184, 185);
  margin: 5px;
  border-radius: 50%;
}
.t-content-box .team-icon a i{
    transition: all .3s ease;
    font-size: 20px;
}
.t-content-box .team-icon span:hover{
  background-color: #dd4b39;
  color: white;
}


/* What people say! */






.fact{
  background-image:linear-gradient(45deg,
  rgba(0,0,0, 0.8),
  rgba(0,0,0, 0.9)), url('../imgs/body-bg.jpg');
  background-attachment: fixed;

  
  width: 100%;
  text-align: center;
  color:white;
  padding: 40px;
}
.fact-box-container{
  padding-top: 50px;
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  flex-wrap: wrap;

  
  justify-content: space-around;
  align-items: start;
  gap:50px;
}
.fact-container p{
  color: #f06b35;
}

.fact-box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.fact-box span{
  display: flex;
  justify-content: center;
  align-items: center;
  height:110px;
  background-color:white;
  width:110px; 
  transform: rotate(45deg);
 
} 
.fact-box span i{
  font-size: 50px;
  font-weight: 900px;
  color:#f06b35;
  transform: rotate(-45deg);
  flex-grow: 2;
}

.fact-box >.counts{
font-size: 50px;
color:white;
margin-bottom: -5px;

}




#slider{
/* background-image:url('');

background-image:
  linear-gradient(45deg,
    rgba(0,0,0, 0.7),
    rgba(0,0,0, 0.6)), url('./imgs/exp.webp'); */
    /* background-color:#f7f5f4; */
    background-color:rgb(250 244 244);
    
}
.testimonial-slider{
  margin-bottom:20px;
  position:relative;
}
.owl-carousel .owl-item.active.center .slider-card{
  transform:scale(1.15);
  opacity:1;
  background: #ffb347;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffcc33, #ffb347);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffcc33, #ffb347); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  color:white;


}
.slider-card{
  border-radius:5px;
  box-shadow:0 15px 45px -20px gray;
  transform:scale(0.9);
  opacity: 0.9;
  transition:all 0.3s ;
  text-align:center;
  padding:20px;
  color:black;
  background-color:rgba(255, 254, 253, 0.932);

}
.slider-card h5{
text-transform:uppercase;
}
.slider-card img{
  border-radius:50%;
  height:100px;
  width: 100px !important;;
border:5px solid white;
  
}
.slider-card p{
color:white;
color:#f06535;
word-spacing:1px;
position:relative;
}
.slider-card p::after{
position: absolute;
content:'\201D';
bottom:-15px;
margin-left:5px;
color:#1a1b1e;
font-size:50px;
font-weight:900px;
}
.slider-card p::before{
position: absolute;
content:'\201C';
top:0px;

left:0;
/* margin-right:2px; */
color:#1a1b1e;
font-size:50px;
font-weight:900px;
}
.owl-nav .owl-next{
position:absolute;
top:calc(50% - 25px);

right:0px;
opacity: 1;
z-index:1;
}
.owl-nav .owl-prev{
position:absolute;
top:calc(50% - 25px);
transform:translateY(-50%);
left:0px;
opacity: 1;
z-index:1;
}
.owl-nav .owl-prev span,
.owl-nav .owl-next span{
font-size:50px;
color:gray;
height: min-content;
font-weight: 300;
}

/* .owl-dots {
position: relative;
left:50%;
transform:translateX(-50%);
height:50px;
display: none;
}
.owl-dot{
height:50px;
width:50px;
}
.owl-dot span{
color:red;
font-size:40px;
height:50px;
width:50px;
} */
.carousel-inner{
  background-image:url("../imgs/about.jpg");
}
 .blog-content{
        padding:70px;
    }
     .blogs.default{
        display:block;
    }
    .blogs{
        display:none;
    }

   .blog{
        padding:50px 70px;
        text-align:center;
        background-color:rgb(250, 244, 244);
      }
      .blog-container{
        margin-top:50px;
        justify-content:center;
        align-items:start;
      }
         .blog-container>a:hover{
             background-color:white;
             border:2px solid #f06b35;
             
         }
      .blog-box{
        border:1px solid #80808047; 
        border-radius:5px;
        box-shadow:2px  2px 20px #80808047;
        margin-bottom:20px; 
      }
      .blog-img{
        height:240px;
      
      }
      .blog-text{
        padding:20px;
        text-align:left;
      }
      .blogger-name{
        /* font-weight:bold; */
        color:#f06c35;
        display:flex;
        gap:10px;
        justify-content:flex-start;
        align-items:center;

      }
      .btn{
        background-color:#f06b35;
        color:white;
        font-weight:bold;
        padding:10px 20px;
      }
      .blog-text>.btn{
        background-color:white;
        color:#f06b35;
      }
      .btn:hover{
        background-color:#f06b35;
        color:white;
      }


.sec-subs{
  background-color:white;
  /* background-color:#f7f5f4; */
  
  padding:50px;
position: relative;

}
.sec-subs .subs{
  padding:50px;
  display: flex;
  /*display:grid;*/
  /*grid-template-columns:2fr 1fr;*/
  flex-direction: row;
  flex-wrap:wrap;
  justify-content: space-between;
  justify-content:center;
  align-items:center;
  background-color: #0a9a9a;
  border-radius: 10px;
  
}
.subs-left h1{
  font-size:40px;
  font-weight:800px;
  color:white;
  margin:0;
 
}
.subs-left p{
  margin:0;
  color:white;
}
.subs-right form{
  
  display:flex;
  justify-content:end;
  align-items:center;
  background-color: white;
  width:fit-content;
}
.subs-right input{
  outline:none;
  border:none;
  padding:20px;
  border-radius:0px 0px 0px 0px;
}
.subs-right button{
  padding:12px;
  /* font-size:20px; */
  background-color:transparent;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  height:max-content;
  border-radius:none;
  outline:none;
  cursor:pointer;
  border:none;
}
.subs-right button i{
  color:#1a1b1e;
  font-size:40px;
  
}
.footer2{
  position:relative;

  width:100%;
  height:auto;
  padding:50px 90px;

  background-color: rgba(0, 0, 0);
}
.footer2 .f-grid-container{
 
  width:100%;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  grid-gap:40px
}
.footer2 .f-grid-container  .sec ul{
  padding:0;
}
.footer2 .f-grid-container .sec h2{
  font-size:30px;
  color:white;
  font-weight:400;
  position:relative;
  margin-bottom:15px;
}
.footer2 .f-grid-container .sec h2::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-5px;
  height:2px;
  width:90px;
  background-color:transparent;
  border-bottom: 4px solid rgb(235, 105, 52);
}
.footer2 .f-grid-container .sec h2::before{
  content:'';
  position:absolute;
  left:0;
  bottom:-3.5px;
  height:2px;
  width:200px;
  background-color:transparent;
  border-bottom: 1px dashed #0a9a9a;
}
.footer2 .f-grid-container .sec p{
  color:white;
  margin:0;
}
.sci{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(5,50px);
  grid-gap:10px;
  padding:0;
}
.sci li{
  list-style: none;
}
.sci li a{
  display:inline-block;
  width:48px;
  height:48px;
  color:white;
  background-color:rgb(184, 184, 185);
  text-decoration:none;
  display:grid;
  justify-content:center;
  align-items:center;
  transition: .1s;
}
.google:hover{
      background-color:#fbbc05;
      
}
.youtube:hover{
  background-color:#ff0000;     
}
.sci .whatsapp:hover{
  background-color:#25d366;     
}

.twitter:hover{
  background-color:#1da1f2;     
}

.facebook:hover{
  background-color:#1877f2;     
}

.sec i{
  color:white;
  font-size:20px;
  
}
.quickLinks{
  position:relative;
  
}
.quickLinks ul{
 
  padding:0;
}
.quickLinks li{
  list-style-type: none;
  margin-bottom:10px;
}
.quickLinks li a{
  text-decoration:none;
  color:white;
 
}
.quickLinks li a:hover{
  color:#f06b35;
}
.c-info{
  position:relative;
}
.c-info li{
  display:grid;
  grid-template-columns:30px 1fr;
  margin-bottom:16px;
  align-items:baseline;
}
.c-info li span:nth-child(1){
  color:white;
}
.c-info li span{
  color:white;
}
.c-info a{
  text-decoration:none;
  color:white;
}
.c-info a:hover{
  color:#f06b35;
}
.copyright{
margin-top:20px;
padding-top:30px;
border-top:1px solid gray;
font-size:14px;
color:white;
display:grid;
grid-template-columns:2fr 1fr;
}
.copyright p{
margin:0;
font-size:14px;
font-weight: lighter;
}
.copyright ul{
padding:0;
display:grid;
grid-template-columns:repeat(3,1fr);
justify-content:space-around;
}
.copyright ul li{
display:inline-block;
list-style: none;
text-align:center;
}
.copyright a{
font-size:14px;
text-decoration:none;
color:white;
}
.f-links li a:hover{
color:#f06b35;
}



.term-container,.refund-container,.privacy-container{
  padding: 5%;
  
}
.term-container h1,.refund-container h1,.privacy-container h1{
  text-align: center;
  position: relative;
}
.term-container h1::after,.refund-container h1::after,.privacy-container h1::after{
    content: "";
    height: 5px;
    width: 5px;
    background-color: #f06535;
    text-align: center;
    position: absolute;
    top:110%;
    left:50%;
    transform:translateX(-50%);
}
.term-container h1::before,.refund-container h1::before,.privacy-container h1::before{
  content: "";
  height: 5px;
  width: 100px;

  background-color: #f06535;
  text-align: center;
  position: absolute;
  top:110%;
    left:50%;
    transform:translateX(-50%);
}
.term-container h4,.refund-container h4,.privacy-container h4{
  color: black !important;
  text-align: justify;
}
.term-container p,.refund-container p,.privacy-container p{
  color: rgb(97, 96, 96);
  text-align: justify;
}
.refund-container a{
  color:red;text-align:center;text-transform:uppercase;text-decoration:none;margin:auto;word-spacing:2px;
}

/* contact us  start*/
.contact{
  
    padding: 60px 80px;
}
  .contact-banner {
    height: auto;
    width: 100%;
    background-color:rgba(225,225,225,.5);
 
    /* background-image:url("../imgs/contact-us.png"); */
    display: flex;
    justify-content: center;
    text-align: center;
    
    margin: 0;
  }

/* Change css height */

  .contact-banner .con-banner-img{    
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-image: url("../imgs/sontcat.png"), linear-gradient(black,white);
  }
  .contact-headline p{
    font-size: 3.5rem;
    font-weight: 200;
    /* font-family: 'Lobster', cursive; */

    color:white;
  }
  .contact-headline h6 a{
    color:white;
    text-decoration: none;
  }
  h6 a:hover{
    color:#f06535;
    transition: all .3s ease;
  }
  .contact-detail{
    text-align: center;
    
  }
  .contact-detail span{
    color:gray;
  
  }
  .contact-detail h2{
    font-size: 40px;
    text-transform: capitalize;
    text-align: center;
    
    
  }
  .contact-detail .row{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
  

  }
  .contact-detail .cont-info{
    background-color:rgb(240, 233, 231);
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    border-radius: 10px;
    color: rgb(34, 33, 33);
    width: 100%;
    margin-bottom: 10px;

  }
  .contact-detail .cont-box {
    display: flex;
    justify-content: center;
  justify-content: center;

  }
  
  .cont-box .cont-info i{
    font-size: 20px;
    padding: 20px;
    background-color: #f06535;
    color: white;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .contact .maps{
    height: 350px;
    width: 100%;
    background-image:linear-gradient(45deg,
    rgba(0,0,0, 0.5),
    rgba(0,0,0, 0.9)), url('../imgs/glob.png');
              background-attachment:fixed;
              background-size:cover;
              background-repeat:no-repeat;
  }
  .form-detail{
    text-align: center;
    padding: 40px 0;
    height: max-content;
    
  }
  
  .form-container .row{
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: left;
      margin: 0;
      
  }
  .form-container form{
    width: 100%;
    padding: 20px;

  }
  .form-container  .form-heading{
    background-color: rgb(252, 95, 38);
    color: white;
   padding: 10px 20px;
  }
  .name,.email-num{
    display: flex;
    justify-content: center;
    align-items:center ;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border: none;
    position: relative;
    text-align: left;
 
    border-radius: 5px;
    gap: 20px;
    
  }
  .form-control{
    background-color: rgb(253, 244, 241);
    width: 100%;
    border: none;
    min-height: 60px;
    padding: 0;

  }
 .form-container  .text-control{
  background-color:transparent;
  width: 100%;
  border: none;
  position: relative;
  text-align: left;
  border-radius: 5px;
  gap: 20px;
 height: 200px;
 padding:  20px;
 outline: none;
 border-radius: 5px;
  }
  .input-control{
    
    top:0;
    left:0;
    bottom: 0;
  width:100%;
    height: 60px;
    border-radius: 5px;
    background-color: transparent;
    outline: none;
    border: none;
    padding: 5px 20px;
  transition: all .3s ease;
  }
  input::placeholder,  textarea::placeholder{
    color:grey;
    font-weight: 500;
  }
  .input-control:focus,.text-control:focus{
    border:1px solid #f06535;
    border-radius: 5px;
    box-shadow: inset 2px 2px 5px 5px rgb(252, 233, 227);
  }
  .form-control .input-label{
    text-align: left;
    margin-top: 12px;
    margin-left:10px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
  
    
  } 
  
  .input-control:hover~.input-label{
    border: 1px solid #f06535;
  }
  
  form .send-btn{
    width: 100%;
    height: 50px;
    background-color:rgb(252, 95, 38);
    border-radius:5px ;
    border: none;
    outline:none;
    color:white;
    font-weight: 500;
    margin: 10px 0;
  }
/* contact us  end*/
.about-us{
  text-align: center;
  margin: 0;

  background-image:url("../imgs/Abt3.jpg"); 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 300px;
  width: 100%;
}
.about-headline,.contact-headline {

  background-image: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.8));

height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color:white;
  margin: 0;
}
.about-headline p{
  font-size: 60px;
    font-weight: 200;
  
    
    color:white;
  
}
.about-content{
  padding: 50px 0;
}
.about-headline h6 a{
  color:white;
  text-decoration: none;
}
.about-part-1 h1{
  padding: 0px 20px;
  border-left: 5px solid #f06b35;
  color:#1a1b1e;
}
.about-part-1 p{
  /* font-size: 14px; */
  
}
.about-content .about-part-1 ul li{
  line-height: 28px;
  list-style: none;
}
.about-part-1 ul li i{
  color:#f06b35;
font-size: inherit;
line-height: 30px;
  margin: 5px;
}
.about-content .row .about-part-2 img{
  border-radius: 50px;

}
.about-content .about-feature h3{
  color:#1a1b1e;
  font-weight: 500;
}



.skill-field{
  background-image:url("../imgs/skill.jpg"); 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #f7f5f4;
}
 .skill-boxs{

  width:100%;
   /* background-image: linear-gradient(to right, black rgba(0,0,0,.8));  */
   background-image: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.8));
   background-color:rgba(34,32,66,.5);
   padding: 50px 0;
   color:white;
   row-gap: 20px;
}

.skill-part-1,.skill-part-2{
  margin-top: 20px;
}
.skill-boxs h2{
 
  font-size:36px;
  width: fit-content;
  text-align: center;
  margin-bottom: 20px;
  color:#f06b35;
  border-bottom: 2px dotted white;
  transition: all .3s ease;
  cursor: pointer;
}
.skill-boxs h2:hover{
  border-bottom: 2px dashed white;
}
.skill-boxs p{
  color:whitesmoke;
  
}
.skill-part-1 a{
  padding: 10px 20px;
  text-decoration: none;
  color:white;
  background-color: #f06b35;
  border:2px solid #f06b35;
}
.skill-part-1 a:hover{
background-color: transparent;
color: white;
}
.skill-boxs .skill-part-2 .progress{
  display:block ;
  height: 12px;
  width: 100%;
  background-color:white;
  margin-bottom: 20px;
  border-radius: 0;
  
}
.progress .progress-bar{
  height:inherit;
  background-color: #f06b35;
  font-size:10px;
  color:white;
  font-weight:600;
  display:flex;
  justify-content:center;
  align-items:center;

}
.expert{
  padding:50px 0px;
  /* background-color: rgba(240, 235, 235, 0.89); */
  background-color: rgb(250, 244, 244);
}
.expert .container h6{
  color:gray;
  letter-spacing: 1px;
}
.expert .team-box{
  position:relative;
}
.expert .team-img{
  border:5px solid white;
  position: relative;
}
.expert .team-img img{
  border-radius: 5px;
  width:100%;
  height:320px;
}
.expert .team-box{
  position: relative;
 /* // background-color: white; */
  padding-bottom: 20px;
} 
.social-team{
  position: absolute;
  bottom:0%;
  left:0;
  height:0;
  width:100%;
  background-color: rgba(0,0,0,.8);
  transform: translate(-50% -50%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease;
}

.expert .team-box:hover .social-team{
  height: 100%;
  opacity: 1;
  pointer-events: all;
}
.expert .social-team a{
  text-decoration: none;
}
.expert .social-team a span{
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  margin: 5px;
  width:50px;
  border-radius: 50%;
}
.expert .social-team .fa-facebook-f{
  background-color: #3B5998;
  color:white;
}
.expert .social-team .fa-facebook-f:hover{
  background-color: white;
  color:#3B5998
}
.expert .social-team .fa-twitter{
  background-color:#55ACEE;
  color:white;
}
.expert .social-team .fa-twitter:hover{
  background-color: white;
  color:#007bb5;
 
}
.expert .team-box h2{
  color:white;
  padding: 0;
  margin: 0;
}
.expert .team-info{
  position: relative;
  padding: 10px;
  display:flex;
  flex-direction:column;
  width: 85%;
  left:50%;
  transform: translateX(-50%);
  top:-50%;
  margin-top: -20%;
  border-radius:5px;
  /* background-color:#f37948; */
  background-color: black;
  color:white;
}
.expert .team-info >p{
    padding:0;
}
.service-page{
  padding: 50px 0;
  text-align: center;

}
.service-page h1{
  position: relative;
  font-size: 40px;
  margin-bottom: 20px;
  background-color: white;
}
.service-page h1::before{
 content: '';
  position:absolute;
  top:100%;
  bottom:-5px;
  height:5px;
  left:50%;
  transform:translateX(-50%);
  width:150px;
  background-color:#f06535;

 
}
.service-page h1::after{
  content: '';
   position:absolute;
   top:90%;
   
  transform:translateX(-50%);
   height:15px;
   left:50%;
   width:15px;
   border: 3px solid white;

   transform: rotate(45deg);
   background-color:#f06535;
 
  
 }
 
.service-page .card{
  min-height: 460px;
  margin-bottom: 20px;
  text-align: left;
  box-shadow: 0px 9px 24px 5px rgba(0,0,0,.2);
}
.service-page .card:hover{
  cursor:pointer;
  transform: translateY(-20px );
}
.service-page .card h5{
  color:#1a1b1e;
  font-weight: 500;
  font-size: 25px;
}
.service-page .card p{
  color:gray;
}
.service-page .card a{
  color:darkgoldenrod;
  text-decoration: none;
  font-weight: 700;
}
.service-page .card a:hover{
  color: #f06535;
}
.ser-stratgy{
  padding: 80px 0;
}
.ser-stratgy p{
  color:gray;
  margin: 0;
}
.ser-stratgy h1{
  color:#1a1b1e
}
.ser-stratgy .stg{
  background-color:rgba(253, 110, 58,.1);
  padding: 20px;
  /* border-radius: 8px;
  border: 1px solid rgb(226, 225, 225); */
  background-color: whitesmoke;
  border-top: 5px solid #f06535;
  box-shadow: 0px 9px 24px 5px rgba(0,0,0,.1); 
}
.ser-stratgy .stg span{
  font-size: 50px;
  margin-bottom: 5px;
  color: #f06535;
}
.ser-stratgy .stg h2:hover{
color:#f06535;
}
.ser-stratgy .stg p{
  color: grey;
  word-spacing: 2px;
}

.service-type{
  padding: 70px;
  /* height:max-content;   */
}
.service-type  h1{
  margin: 0px 0px 20px 20px;
}
.service-type-container{
 
  
}
.ser-tab {
  float: left;
  /* //border: 1px solid rgb(226, 226, 226); */
position:sticky;
top:100px;
right: 0;

  
  
}

/* Style the buttons inside the tab */
.ser-tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 10px;
  margin-bottom: 10px;
  background-color: rgba(243, 121, 72,.1);
  width: 100%;
  height:auto;
  border: none;
  /* border-bottom:1px solid #ccc; */
  outline: none;
  color:#f06535;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  text-transform: capitalize;
  border: 1px solid  rgba(243, 121, 72,.1) ;
}

/* Change background color of buttons on hover */
.ser-tab button:hover {
  background-color: white;
  border: 1px solid #f3bca9;
}

/* Create an active/current "tab button" class */
.ser-tab button.active {
  /* //background-color: #ccc; */
  
  border: 1px solid #f3bca9;
  border-left: 5px solid #f06535;
  padding-left:20px;
}

/* Style the tab content */
.ser-review .ser-content {

  padding: 0px 12px;
 /* // border: 1px solid #ccc; */
  width: 100%;
  border-left: none;
   margin: 0;
}

.fa-hand-point-left{
  transform:scaleX(-1);
  margin-right:5px;
 
  
}
.dm-container p{
  margin: 0;
  color:gray;
  font-weight: 300;
  line-height: 25px;
}
.dm-heading{
  text-align: center;
  font-size: 60px;
  color:#f06535;
position: relative;
}
.dm-heading::{
  position:absolute;
  content:'';
top:100%; 
left:40%;
bottom: -10px;
  height:5px ;
  width:200px;
  background-color: #f06535;
}
.dm-heading span{
  font-size: 60px;
color: #1a1b1e;
}
.dm-content .row h2{
font-size: 40px;
color: #1a1b1e;
}
.dm-imp ul{
  line-height:20px;
  padding: 0;
}
.dm-imp ul li{
  margin: 0;
}

.dm-imp ul li i{
  margin: 10px 5px 10px 10px;
  color:#f06535
}
.dm-type{
  margin:0 ;
  padding: 60px ;
  background-color: rgb(240, 238, 238);
}
.dm-type .dm-type-card{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:rgb(250, 246, 241);
  padding: 30px;
  border:2px solid rgb(241, 208, 196);
  color: #1a1b1e;
  height: 100%;
  width: 100%;
}
.dm-type .dm-type-card p{
  color:#f06535
}
.dm-type .dm-type-card:hover{
  border:1px solid white;background-color: transparent;
}
.dm-text{
  padding: 50px 100px;
}
.dm-text .line{
  height:3px;
  width:100px;
  background-color:#1a1b1e;
  margin: auto;
  display: block;
}
.wd-container{
  padding: 60px 100px ;
}
.wd-container h1{
  font-size: 50px;
  color:#1a1b1e;
}
.wd-container h1 span{
  color:#f06535;
  font-size: inherit;
}

.wd-ben .row{
  flex-direction: column-reverse;
}
.wd-ben .imp-text{
  border-left:4px solid #f06535;padding-left:20px;word-spacing:3px;letter-spacing:1.5;font-size:35px;font-style:normal;line-height:50px;font-weight:300;
}
.follow-links{
  padding-top:20px ;
  display: flex;
  justify-content: center;
  align-items: center;
  color: gray;
 
}
.wd-type-container{
  background-image: url("../imgs/dm-bg.png");
  background-position: fixed;
  padding: 40px;
}
.wd-type{

  box-sizing: border-box;
}
.wd-type-card{
  background-color: transparent;
  padding: 40px;
  margin: 10px 0;
  height: 100%;
  width: 100%;
  border:1px solid gray;
}
.wd-type-card:hover{
  box-shadow: 3px 3px 10px 5px rgba(12, 9, 9,.5);
}
.wd-type-card h3{
  margin-bottom: 0;
  color:#1a1b1e
  
}
.tech-container{
  display: grid;
  grid: 200px 200px/1fr 1fr 1fr 1fr;
  gap:10px;
  align-items: center;
  justify-content: center;
  justify-items: center;
background-color: rgb(240, 238, 238);

}

.tech-type img{
  height:120px;
  width:120px;
  background-color:transparent;
  margin: auto;
}
.wd-text{
  padding: 70px 40px;
}

.ad-container{
  padding: 70px 100px;
}
.ad-field{  text-align: center;
}


.ad-field-card{
  display: flex;
  justify-content: space-between;
  align-items: start;
  justify-items: flex-start;
  padding: 20px;
  column-gap: 10px;
  text-align: left;
  margin-bottom: 20px;
  border: 1px solid rgb(228, 225, 225);
  height: 100%;
  background-color: rgba(243, 242, 242, 0.9);
}
.ad-field-card:hover{
  background-color: #000;
  border:1px dashed gray;
  color:white;
}
.ad-field-card .field-icon i{
font-size: 50px;
color:#f06535
}
.ad-field-card .ad-field-text h3{
  transition-duration: none;
}
.ad-field-card .ad-field-text span{
  color:gray;
}
.so-banner{
  height:300px;
  width:100%;
  background-color:#e8e8e9;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.so-banner-content p,.cc-banner-heading{
 font-size: 50px;
 text-shadow:1px 1px 2px  rgb(12, 12, 12);
  color: rgb(2, 8, 44);
  font-weight: 700;
 
  
  text-transform: capitalize;
}
.so-container{
  padding: 40px 70px 70px 70px;
  color:gray;
}
/* .so-container p,.so-container ul li{
  font-size:15px;
  line-height: 30px;
} */
.cc-banner{
  background-image: url("../imgs/cc-bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  width: 100%;
  height:300px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  }
.cc-banner-overlay{
  background-image: linear-gradient(to right,rgba(250, 147, 12, 0.793),rgba(52, 224, 201, 0.6));
height: 100%;
width: 100%;
color:white;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.cc-banner-heading p{
  font-size: 50px;
  text-shadow:1px 1px 2px gray;
   color:white;
   font-weight: 700;
   letter-spacing: px;
   text-transform: capitalize;
 }
 .cc-container {
  padding: 40px 70px 70px 70px;
 }

 .cc-container h1{
   font-weight: 900;
 }
 b{
   color: gray;
 }
 .cc-container p{
   color:gray;
   line-height: 30px;
   /* font-size: 15px; */
 }
.cc-container p span{
  height:5px;
  width:5px;
  font-size: 30px;
  font-weight: 400;
  margin-top: -5px;
  padding-left: 5px;
  color: #f06535;
}
.cc-process .pro-step{
  border: 2px  dashed #f06535;
  border-top:4px solid #f06535;
  margin-bottom: 10px;
  padding: 20px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: gray;
}

.ser-type-banner{
  background-image: url("../imgs/cc-bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  width: 100%;
  height:300px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  }
.ser-banner-overlay{
  /* background-image: linear-gradient(to bottom,rgba(52, 224, 201, 0.6),rgba(240 ,107, 53, 0.6)); */
  /* //background-image: linear-gradient(to bottom,rgba(240, 90, 30, 0.8),rgba(240, 107, 53, 1)); */
  background-image: linear-gradient(to bottom,rgba(10, 10, 10, 0.7),rgba(8, 8, 8,.7));
height: 100%;
width: 100%;
color:white;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}


/* ser-banner heading */

.ser-banner-heading{
  padding: 20px;
  
}
.ser-banner-heading h1{
  font-size: 3.5rem;
  text-shadow:1px 1px 2px rgb(15, 15, 15);
   color:white;
   font-weight: 700;
   
   text-transform: capitalize;
 }
 .ser-banner-heading h3{
  display:flex;
  font-size:14px;
  justify-content:center;
  align-items:center;
  gap:5px;
}
.ser-banner-heading h3>a{
  color:white;
}
 .ser-banner-heading p,.ser-banner-heading h2{
   text-shadow: 2px 2px 12px black;
 }
 .ser-type-container{
  padding: 70px;

  
}


.ser-type-container h1{
  position: relative;
  color: #1a1b1e;
}
.ser-type-container h1:after{
  content:'';
  position:absolute;
  left:0;
  bottom:-10px;
  height:4px;
  width:90px;
  background-color:#f06535;
  

}
.ser-type-container p, .pos-process ol li{
font-family: poppins;
font-family: 20px !important;

}
.ser-feature-card{
  display: flex;
justify-items: center;
align-items: center;
  justify-content: center;
  gap:20px;
}
.ftr-icon{
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: flex-start;
 padding: 20px;


  
  color:white;
  background-color: #f06535;
 
  border-radius: 100px;

}
.ftr-icon i{
  font-size: 50px;
}
.ser-type-container ul{
  padding:0;
}
.ser-type-container ul li{
  list-style:none;
  margin-bottom:10px;

}
.ser-type-container ul li i{
  transform:scaleX(-1);
  margin-right:10px;
}
.mini-process{
  text-align:center;
  padding: 40px 20px;
}
.mini-process h1{
  position: relative;
}
.mini-process h1::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top:120%;
  height: 4px;
  width: 120px;
  background-color: #f06535;
}
.mini-pro-card{
  display: flex;flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-items: center;
  position: relative;
   padding: 20px;}
.mini-pro-card h4{
  color:rgb(7, 29, 156);
  text-transform: capitalize;
}
.mini-pro-icon{
  position: relative;
  margin-bottom: 20px;
}
.mini-pro-icon span{

  height:150px;
  width:150px;
  background-color: gray;
  color:#1a1b1e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mini-pro-card i{
  font-size: 80px;
  color:white;
}
.mini-pro-card b{
  
  height: 40px ;
  width:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:-10px;
  left:10px;
  border-radius: 50%;
  background-color: #f06535;
  color: white;
}
/* //multi recharge */
.mr-banner{
  /* //background-image: url("../imgs/mr-bg2.png"); */
  background-color: rgb(32, 32, 32);
  height:300px;
  width:100%;
  background-size: cover;
  background-position: bottom;
  color:white;
}

.mr-container{
  padding: 40px 70px;

  color:gray;
 
}
.mr-ser{
  background-color: rgb(250 244 244);
  width: 100%;
  padding:70px;
min-height: 500px;

}
.mr-ser h1{
  font-weight: 800px;
  font-size: 40px;
   
  text-align: center;
  color: #1a1b1e;
}
.mr-ser-type{
  display: flex;
  justify-content: space-around;
  align-items: center;
  justify-items: center;

}
.mr-ser-type>div{
  padding: 0px 10px;
  margin-bottom: 20px;
}
.mr-ser-card{
  border: 1px dashed white;
  padding: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  flex-direction: column;
  border-radius:5px;
  
  background-color: white;
}
.mr-ser-card:hover{
  box-shadow:  1px 1px 10px 10px rgba(128, 128, 128,.2);
  
}
.mr-ser-card h3{

  font-size: 25px;
}
.mr-ser-body{

  /* background-color: rgb(255, 255, 255,.6); */
  width: 100%;
  text-align: center;
  /* display: flex; */
  justify-content: center;
  align-items:center;
  padding: 10px;
border-radius: 0 0 5px 5px;
}
.mr-ser-type i{
  font-size: 80px;
  color:#f06535;
}


.ser-name{
  font-size: 50px;
  color:#1a1b1e;
  position: relative;
  border-left:4px solid #1a1b1e;
  padding-left: 10px;
  
}
.ser-name span{
  font-size: 50px;
  color:#f06535;
  pointer-events: none;
}
.ser-name::after{
  height:5px;
  width:5px;
  position: absolute;
  top:0;
  background-color: #1a1b1e;
}
.ad-container button{
  padding:10px 20px;height:auto;background-color:#f06535;border-radius:5px;
  transition: all .2s ease;
}
.ad-container button:hover{
  box-shadow: 3px 3px 10px 3px rgb(230, 122, 84);
}
.ad-content{
  margin: 40px 0;
  padding-top: 20px;
}
.ad-content h2{
  text-align: center;
}
.ad-content ul li{
  color:gray;
list-style-type: square;
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;

}
.ad-content ul li span{
  height:5px;
  width:5px;
  background-color: #f06535;
  align-self:center;
}
.ad-type{
  padding: 40px 100px ;
  background-color:white;
  color:white;
}
.ad-type .ad-type-card{
  margin: auto;
  height: max-content;
}
.ad-type-card .t-text h3{
  font-size: 20px;
}





.pan-f h3{
  background:transparent linear-gradient(to left,orange green gray);
  background-color: #f3ec78;
background-image: linear-gradient(45deg,#f06535, #2bd1dd);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent; 
-moz-text-fill-color: transparent;
}


.pan-var-cont{
display:flex;
flex-direction:column;
}
.pan-var-card{
display:flex;
gap:50px;
align-items:center;
padding:20px;
}
.pan-var-card .count{
padding:20px;
height:60px;
width:60px;
background-color:#f06535;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:40px;
color:white;
font-weight:700;
}
.pan-var-card h3{
font-size:20px;
font-weight:normal;
}
.follow-links label{
 
  color:#1a1b1e;
  font-weight: bold;
  display: none;
}
.follow-links a{

  
  margin: 5px;
  text-decoration: none;
  padding: 5px 20px;
  color:white;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;

}
.follow-links a span{
  color:white;
}
.follow-links a i{
  font-size: 20px;
  margin-right: 5px;
  border-right: 2px solid white;
  padding-right: 10px;
}

        
        .portfolio-container{
            padding:70px;
        }
        .portfolio-outer{
      
            width:100%;
        }
        .portfolio-outer>h1::after{
            height:4px;
            width:120px;
            background-color:#f06b35;
            top:100%;
            position:absolute;

        }
        .portfolio-outer>.row{
            /* gap:10px; */
        }
        .portfolio-outer>.row>div{
            padding:20px;
        
         
        }
        .portfolio-card{
            border:1px solid #80808047;
            border-radius:5px;
            display:flex;
            /*gap:20px;*/
            justify-content:flex-start;
            overflow:hidden;
            align-items:flex-start;
            box-shadow:2px  2px 10px #80808047;
            
            background-color:white;
        }
        .portfolio-card:hover{
        border:1px 5px 1px 1px solid gray;
        /* border-left:5px solid #80808047 ; */
        box-shadow:2px 2px 10px gray;
        margin-left:5px;
        }
     .portfoli-img:hover>img{
            transform:scale(1.2);
            transition:.3s;    
        } 
        .portfolio-img img{
    /*        background-image:*/
    /*linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),*/
    /*url('images/background.jpg');*/
        
        }   
        .portfolio-img{
            height:13rem;
            width:23rem;
            overflow:hidden;
            border-radius:5px;
            border-radius:5px 0 0 5px;
            /* padding:.2rem; */
         
        }
        .portfoli-img img{
            
        }
        .portfolio-text{
         display:flex;
         justify-content:flex-start;
         flex-direction:column;
         /* gap:.8rem;   */
         width:match-parent;
         padding:.8rem; 
        }
        .portfolio-text h2{
            margin-bottom:0;

        }
        .portfolio-text a{
            text-decoration:none;
            padding:8px 15px;
            border-radius:30px;
            color:#f06b35;
            width:fit-content;
            font-weight:bold;
            /*color:white;*/
            /*font-size:12px;*/
            border:2px solid white;
            font-weight:500
        }
        .portfolio-text a:hover{
            background-color:white;
            color:#f06b35;
            border:2px solid #f06b35;
           

        }
        .portfolio-text>a::after{
            content:" \2192";
            font-weight:900;
        font-style:bold;
        }
      
.interest{
  /*padding:0px 20px 40px 20px ;*/
  
  display:flex;
  justify-content: center;
  align-items:center;
  color:#1a1b1e;
}
.interest-content{
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.interest-content>a{
  text-decoration:none;
  color:white;
  padding:8px 20px;
  text-align:center;
  margin:auto;
 border:2px solid white;
  font-weight:700px;
  background-color:#f06b35;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
 
  transition:.5s;
}

.interest-content>a:hover{
    border:2px solid #f06b35;
    background-color:white;
    color:#f06b35;
}
.career-banner{
  max-width: 1200px;
  padding:50px;
  position: relative;
  top:-20%;
  background-color:white;
  margin:auto;
}

.career-banner p,.career-banner ul li{
  font-size: 14px;
  letter-spacing: .5px;
  line-height: 25px;
  color:gray
}
   h3.job-title{
     line-height:40px;
     color:gray;
     font-weight:400;
     font-size:20px;
     letter-spacing:.5px;
     cursor:pointer;
   }
  
   .accordian-body,.fa-minus{
     display:none;
   }
   h3.job-title.active{
     color:#f06535;
     font-weight:600;
     
   }
   .accordion-body{
     display:none;
     padding:0;
   }
   .accordian-body h3{
      color:gray;
      font-family: 600;
   }
   .default{
  display:block;
}
   
  
   .disp{
     display:block;

   }

.apply-form form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
form .form-inputs,form .upload-file{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap:10px;
}
.form-inputs input,.form-inputs select,select option{
  height:60px;
  width:100%;
  border: 1px solid rgb(228, 225, 225);
  outline:none;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: inset 2px 2px 10px 10px rgb(243, 243, 243);
  color:rgb(170, 168, 168);
}
.form-inputs label{
  position: relative;
  color:gray;
  font-weight: 600;
}
.form-inputs label::after{
  content:"*";
  color:red;
  position: absolute;
  top:0;
  left:100%;
}
form  .upload-file{
  display: flex;
  justify-content:space-between;align-items: center;
  flex-direction: row;
  background-color: white;
  border:  1px solid rgb(189, 188, 188);
  border-radius: 5px;
 gap: 0;

}
.file-name{
  
  width:calc(100% - 150px);
  height: 62px;
  padding: 5px 10px;
  display: flex;
  justify-content:flex-start;
  align-items: center;
  color:rgb(170, 168, 168);
}
.upload-btn-wrapper{
  position: relative;
  width: fit-content;

}
.upload-btn-wrapper button{
  height:60px;
  width:150px;
  background-color: #f06535;
  color:white;
}
.upload-btn-wrapper input[type="file"]{
  position: absolute;
  top:0;
  outline: none;
  left:0;
  opacity: 0;
  width:150px;
  height: 60px;
  cursor: pointer;
}
input[value="SUBMIT FORM"]{
  background-color: #18181e;
  color: white;
  font-weight: 600;
  border:none;
  height:60px;
  border-radius:5px;
  outline: none;
}

@media(max-width:991px){
  #nav-toggler{
    display: block;
  }
  .display-nav-btn{
    display: block;
  }
  .hide-nav-btn{
    display: none;
  }
  
}
@media(min-width:995px){
  nav {
      line-height:60px;
      height: auto;
      
      
  }
  nav .navbar-nav ul li {
      color: #f06535;
  }
  .dropdown-menu{
      border:none;
      top:150%;
      background-color:white;
    box-shadow: 2px 2px 8px 1px rgb(129, 129, 129);
      line-height: 30px;
      border-top: 2px solid black;
      border-radius: 0px;
      transition: all 0.5s ease-in;
      }
      .dropdown-menu li{
          line-height: 50px;
      }
      .navbar-nav .nav-item:hover .dropdown-menu{
          display:block ;
          top:100%;
      }
      .dropdown-menu li:hover{
          
      }
      .contact-btn{
          line-height: 30px;
          margin-top: 15px;
          font-weight: 400;
          color: black !important;
      border: 2px solid #f06535;
      }
      .contact-btn:hover{
          background-color: #f06535;
          color: white;
      }
      .ad-container{
        padding: 70px;
      }
      
}


.enquiry{
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    z-index:1111;
    display:none;
    
}
.enquiry-overlay{
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.6);
    z-index:inherit;
    
}
.enquiry-box{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:20px;
    border-radius:5px;
    border:1px solid gray;
    background-color:white;
    width:320px;
}

.enquiry-box:hover{
    /*box-shadow:1px 1px 5px 5px #f8f9fa;*/
    
}
.enquiry-box .enq-close-btn{
       color:black;
       font-size:35px;
       font-weight:600;
       float:right;
   margin-bottom:20px;
   cursor:pointer;
   
}
.enquiry-box .enq-close-btn:hover{
    color:gray;
}
.enquiry-body{
    margin-top:20px;
}
#enquiry-form{
    width:100%;
    text-transform:capitalize;
    font-size:14px;
    color:black

}
#enquiry-form .form-control{
    display:flex;
    flex-direction:column;
    background-color:white;
   position:relative;  
  
}


#enquiry-form .form-control label{
    display:none;
    font-size:16px;
}
#enquiry-form .form-control input{
    height:50px;
    outline:none;
    border:1px solid rgba(151, 150, 150,.6);;
 
    padding:0 10px;
    border-radius:3px;
    width:100%;
}
#enquiry-form .form-control select{
    height:50px;
    outline:none;
    border:1px solid rgba(151, 150, 150,.6);
 	position:relative;
    padding:10px;
    border-radius:3px;
    width:100%;
}
#other-input{
	display:none;
	position:relative;
	top:70%;
	left:0;
   	height:45px!important;
        outline:none;
        border:1px solid rgba(151, 150, 150,.6);
	border:1px solid #f06b35;
        padding:10px;
        border-radius:3px;
        width:60%;
	z-index:11;
	margin-top:5px;


}
#enquiry-form .form-control input:focus,#enquiry-form .form-control select:focus{
    border-color:1px solid #f06b35;
     //box-shadow: 1px 1px 5px 5px rgb(252, 233, 227);
	background-color:white;

}

#enquiry-form .form-control ::placeholder{
    font-size:12px;
    font-weight:lighter;
}
    

#enq-btn{
    width:100%;
    background-color:black;
    color:white;
    border-radius:3px;
    height:50px;
    margin-top:10px;
    outline:none;
    border:1px solid black;
    
}
#enq-btn:hover{
    background-color:rgba(0,0,0,.99);
    background-color:#2e2f30;


}

@media(max-width:1000px){

.navbar .navbar-brand{
  padding:10px;
}

  .header{
    line-height: normal;
    font-size: 12px;
  }
  .header .row{
    text-align: center;
  }
  .hedaer .container-fluid .row a{
      padding: 0;
  }
  .header .icons{
    padding: 0;
    padding: 5px;
    
  }

  .banner-info h1{
    font-size: 40px;
    ;
    
  }
  .banner-info span{
   
    letter-spacing: 1px;
    padding: 5px;
  
  }
  .video-container{
    height: 51vh;
  }
  video {
    width: 100vw;
    height: 51vh;
    object-fit: cover;
  overflow: hidden;
  }
  
  
  
  .fact-box-container{
      
      grid-template-columns:1fr 1fr;
  }
  .overview .btn{
    flex-direction: row;
  }

  
  .sec-subs .subs{
  
   padding:20px ; 
  column-gap: 20px;
  flex-direction:column;
    
  }
  .sec-subs .subs>div{
      
      width:100%;
  }
  .subs-right form{
  margin-top: 20px;
  
    display:flex;
    justify-content:start;
    align-items:center;
  }
  
  .footer2{
      padding:40px;
  }
  .footer2 .f-grid-container{
      grid-template-columns:repeat(2,1fr);
  }
  .copyright{
      grid-template-columns:1fr;
      line-height:20px;
      text-align:center;
  }
  .dm-container{
    padding:70px;
    
  }
  .wd-container{
    padding: 70px;
  }
  .tech-container{
  
    grid: 150px 150px 150px/1fr 1fr 1fr;
    margin-top: 20px;
  }
  .ad-type{
    padding: 70px;
  }
  
}

@media(max-width:700px){
  .header{
    text-align: left;
  }
  .footer2 .f-grid-container{
      grid-template-columns:repeat(1,1fr);
  }
  .follow-links a{
    padding:6px ;
    font-size: 10px;
    margin: 3px;
  }
  .follow-links label{
    font-size: 14px;
  }
  .follow-links span{
    display: none;
  }
  .wd-ben .imp-text{
    font-size: 20px;
    text-align: left;
    line-height: 40px;
  }
  
}
@media(max-width:576px){
nav{
  padding: 10px;
  position: fixed;
  top:0;
  left:0;
}

.navbar{
  padding:10px;
}
.navbar .navbar-brand{
  padding:0px;
}
.navbar-brand img{
  width:100px;
height: 18px;}
.banner-overlay .banner-info,.service-type{
  padding: 20px 10px;

  
}
  .banner-info h1{
    font-size: 25px;
    ;
    
  }
  .banner-info span{
   
    letter-spacing: normal;

    
  
  }
 
  .banner-info .read-btn,.banner-info .join-btn{
padding: 5px 10px;
font-size: 12px;
margin: 0;

  }
  .skills{
    padding: 40px 10px 10px 10px;
    
  }
  .about-container{
    padding: 10px;
  }
  .about-container h2{
    font-size: 20px;
  }
  
  
 
  .fact{
    padding: 50px 10px;
  }
  .slider-card{
    box-shadow: none;
    box-shadow: 1px 1px 10px 10px rgb(250, 244, 244);
  }
  .owl-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  .owl-nav button.owl-next,  .owl-nav button.owl-prev{
    width:50px;
    height: 50px;
    position: relative;
    top:0;
    transform: translate(0);
    display: flex;
    align-items: center;justify-content: center;
  }
  .owl-nav button.owl-next span,.owl-nav button.owl-prev span
    {
    position:relative;
    }
 
    
  .overview{
    padding: 20px 20px;
   
    
    background-color: white;
  }
 
  .overview .tabcontent{
    padding: 8;
  }
  .overview .tabcontent p{

    text-align: left;
  }
  .overview .btn{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
  width: 90%;
  /* margin: 20px; */
  flex-wrap: wrap;
    height: max-content;
    border: 1px solid gray;
    border-radius: 0;
    background-color: #ffffff;
    margin-bottom: 20px;
    
  }
  .overview .btn button{
    padding: 15px 0;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    width: 100%;
    background-color: #ffffff;
    
    color: gray;
    font-weight: 600;
    border:none;
    border-bottom: 2px solid gray;
    outline: none;
  }
  .contact{
  
    padding: 40px 20px;
}

.name,.email-num{
  flex-wrap: wrap;
}
  .about-container{
    padding: 10px;
  }
  .about-container .row{
    justify-content: center;
    align-items: center!important;
  }
  .about-headline p{
    font-size: 25px;
     word-spacing: 2px;
      margin: 0;
    
  }
     .portfolio-container,.blog{
                padding:20px 10px;
            }
            .portfolio-card{
                flex-direction:column;
                gap:0;
            }
            .portfolio-img {
                height:auto;
                width:auto;
            }

  
  .service-page{

    padding: 20px 0;
  }
  /* .service-page p{
    font-size: 12px;
  } */
  .service-page .card{
    min-height: fit-content;
  }
   .blog-content{
        padding:40px 20px;
    }
  .ser-stratgy{
    padding: 20px 0;
  }
  .ser-stratgy .stg{
      padding: 30px;
  }
  .sec-subs{
    padding: 20px 10px;
  }
  .sec-subs .subs{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .subs-left h1{
    font-size:25px;
    font-weight:800px;
    color:white;
    margin:0;
  }
  .subs-left p{
    margin:0;
    color:white;
    word-wrap: break-word;
  }
  
  .subs-right form{
    background-color: transparent;
  }
  .subs-right input{
    padding: 10px 10px 5px 10px;
  
    width: 75%;
    background-color: transparent;
    border-bottom: 2px solid white;
    color: white;
    margin-left: 10px;
  }
  .subs-right button[type="submit"]{
    padding: 0;
    height: max-content;
    border-radius: none;
    outline: none;
    background-color: transparent;
  }
  .dm-container,.mr-ser
  {
    padding:40px 20px;
   
    
  }
  .dm-container h1,.dm-container span{
    font-size: 50px;
  }
  .dm-type{
    padding:20px;
  }
  .dm-type .dm-type-card{
    padding: 20px;
  }
  .dm-text{
    padding:50px 0;
  }
  .wd-container{
    padding: 40px 20px;
    font-size: 25px;
  }
  .wd-container h1,.wd-container span{
    font-size: 50px;
  }
  .tech-container{
  
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    
  }

  .wd-text{
    padding: 40px;
  }
  .ad-container{
    padding: 40px 20px;
  }
  .ad-type{
    padding: 40px;
  }
  
  .cc-banner-heading h1{
    font-size: 25px;;
  }
  .cc-banner-heading p{
    font-size: 30px;
    text-shadow:1px 1px 2px gray;
     color:white;
     font-weight: 600;
     text-transform: capitalize;
   }
   .cc-container {
    padding: 40px 20px;
   }
  .header{
    display: none;
  }
  .ser-banner-heading h1{
    font-size: 2rem;
  }
  .ser-type-container{
    padding: 40px 10px;
    color:#2bd1dd
  }

.ser-feature-card{
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  background-color:whitesmoke;
  margin-bottom: 20px;
  border-radius: 5px;
}
.ser-type-container .banner-img img{
  height: 250px;
  width: 250px;
}
/* .ftr-icon i{
  font-size: 20px;
} */

.footer2{
  padding:40px 20px ;
}
.footer2 .f-grid-container{
  gap: 10px;
}
  .footer2 .f-grid-container .sec h2{
    font-size:20px;
    
  }
  .footer2 .f-grid-container .sec p,.footer2 .f-grid-container .sec span,.footer2 .f-grid-container .sec ul li a{
    font-size: 12px;
  }
  .sci{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(5,40px);
    grid-gap:10px;
    padding:0;
  }
  .sci  ul li{
    padding: 5px;
  }
  
  .port-container{
    padding:40px 10px ;
  }
  .port-contents{
    padding:0;
  }
  .port-svg{
    height:200px;
  }
  .port-box{
    padding: 40px;
  }
  .port-body{
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .career-banner{
    padding:20px;
  }

  
  .accordian-body{
    padding: 0px !important;
  }
.apply-form form{
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
  
}