:root{
    --main-color:#17164d;
    --blue-color:#149dcc;
    --white-color:#ffffff;
    --ight-gray:#f4f4f4;
}
html {scroll-behavior: smooth; }
*:focus {outline: 0!important; }
html, body{ overflow-x: hidden!important;}
html{margin: 0;padding: 0;}
body{color: var(--main-color);font-family: 'Rubik', sans-serif;font-size: 16px;font-weight: 600;line-height: 1.5;}
a:active, a:focus {outline: none !important;}
ul{margin-bottom: 0px!important;}
li{list-style: none;}
h1,h2,h3,h4,h5,h6,p,ul,li{margin: 0;padding: 0;}
section{padding: 60px 0;}

.btn{background: var(--white-color)!important;border: 0!important;color: var(--main-color)!important;font-weight: 700!important;}
.btn:active,
.btn:focus,
.btn:focus:active {
  background-image: none!important;
  outline: 0!important;
  box-shadow: none!important;
}
.title{font-size:46px;color: var(--main-color);font-weight: 400;}
/**********Nabar CSS************/
.navbar-top{height: 90px;line-height: 90px;}
/**********Header Banner Start************/
header{padding:150px 0;max-width: 100%;height: auto;background: url('./img/bg-banner.jpg');background-repeat: no-repeat;background-size: cover;background-position: 100%;}
header h1{ font-size:60px;color:var(--white-color);font-weight: 700;padding-left:40px;} 
header h1:after{content: '';width: 5px;height: 92%;left: 0;top: 5%;bottom: 0;background: #fff;position: absolute;}
/***About Us******/
#about-us p{font-size: 18px;font-weight: 600;margin-top: 30px;}
/********* Adding Portfolio ***************/
#adding-portfolio{padding-bottom: 60px;}
#adding-portfolio .main-box{width: 100%;background: #fff;padding: 50px;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 10px 40px 0px;}
#adding-portfolio .main-box .content h3{font-weight: 700;font-size: 32px;margin-bottom: 30px;}
#adding-portfolio .main-box .content ul li{color: var(--main-color);font-weight: 600;font-size: 16px;margin: 20px 0;position: relative;padding-left: 60px;text-transform: capitalize;}
#adding-portfolio .main-box .content ul li:before{ position: absolute;content: "✓";left:0;top: 5%; font-size: 18px;padding-top: 3px; display: inline-block;text-align: center;line-height: 20px;color: rgb(255, 255, 255);width: 25px;height: 25px;margin: 5px 10px;transition: all 0.2s ease 0s;background: var(--blue-color); border-radius: 50%;}
/* Who Meet Our Criteria */
#who-meetour-criteria{background: var(--ight-gray);}
#who-meetour-criteria .title{font-size: 30px;}
#who-meetour-criteria ul li{color: var(--main-color);font-weight: 600;font-size: 16px;margin: 20px 0;position: relative;padding-left: 60px;align-items: center;text-transform: capitalize;}
#who-meetour-criteria ul li:before{ position: absolute;content: "+";left:0;top: -5px; font-size: 18px;padding-top: 3px; display: inline-block;text-align: center;line-height: 17px;color: rgb(255, 255, 255);width: 25px;height: 25px;margin: 5px 10px;transition: all 0.2s ease 0s;background: rgb(20, 157, 204); border-radius: 50%;}
/* if-youare-intrested */
#if-youare-intrested .button-wrapper{width: 100%;background: url('./img/button-wrapperbg.jpg');background-size: cover;background-position: center;}
#if-youare-intrested .button-wrapper{padding: 40px 30px;color: #fff;}
#if-youare-intrested .button-wrapper h2{font-size: 36px;font-weight: 700;}
#if-youare-intrested .button-wrapper .btn{padding: 13px 60px;}
/* Media Query Start */
@media screen and (max-width:992px){
  section{padding: 30px 0;}
  .title, #adding-portfolio .main-box .content h3, #if-youare-intrested .button-wrapper h2{font-size: 28px;}
  header{padding:140px 0 100px 0;}
  header h1{font-size: 32px; text-align: center;padding-left: 0px;}
  header h1:after{display: none;}
  #about-us {padding-bottom: 0px;}
}
@media screen and (max-width:540px){
  header{padding:100px 0 60px 0;}
  #adding-portfolio .main-box{padding: 15px;}
  .title, #adding-portfolio .main-box .content h3, #if-youare-intrested .button-wrapper h2{text-align: center;font-size: 26px;}
  #if-youare-intrested .button-wrapper .btn{    margin-top: 15px;}
}