*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0; background: #000;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}
      *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}%}
     .pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}

/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimCw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{
      background-color: #f2f2f2;
      padding-top: 0px;  
     
}
a{
      color: #2a5372;
}
/*Navbar start*/
.nav{
      width: 100%;
      height: auto;
      position: fixed;
      z-index: 999999;
}
.nav .nav_top{
      top: 0px;
      width: 100%;
      height: 60px;
      line-height: 60px;
      background-color: #f8f9fa;
      position: fixed;
      border-bottom: 1px solid #ddd;
}
.nav .nav_bottom{
      top: 0px;
      width: 100%;
      height: 50px;
      background-color: #fff;
      margin-top: 60px;
      border-bottom: 2px solid #ffcc99;
      z-index: 999999;
      text-align: center;
      line-height: 50px;
}
.nav .nav_bottom a{
      text-decoration: none;
      color: #404040;
      font-family: 'DM Sans';
      font-weight: 500;
      font-size: 14.6px;
      margin: 30px;
}
.nav .nav_bottom a li{
      list-style: none;
      display: inline-block;

}
.nav img{
      width: 110px;
      margin-top: 10px;
}
/*drop down start*/
.dropbtn{
      background-color: #fff;
      height: 33px;
      width: 240px;
      position: absolute;
      top: 14px;
      line-height: 4px;
      left: 190px;
      text-align: center;
      color: #0009;
      border-bottom-left-radius: 30px;
      cursor: pointer;
      border: 1px solid #0001;
      box-shadow: 0px 1px 3px #0001;
}
.dropbtn p{
      font-family: 'DM Sans';
      font-size: 15px;
      letter-spacing: 0.7px;
      font-weight: 500;
      margin-top: 13px;
}
.dropbtn svg{
      position: absolute;
      top: 4px;
      margin-left: 10px;
}
.dp_input{
      width: 100%;
      height: 35px;
      border: 1px solid #ddd;
      margin-top: 0px;
      line-height: 30px;
      margin-bottom: 10px;
      position: relative;
      background-color: #fff;
}
.dp_input svg{
      margin-left: 160px;
      top: 8px;
      position: absolute;
}
.dp_input input{
      height: 30px;
      outline: none;
      width: 80%;
      border: none;
      padding-left: 10px;
      padding-top: 6px;
}
.dp_input input::placeholder{
      font-family: 'DM Sans';
      font-size: 15px;
}

#livesearch2 a,
#livesearch a{
      margin-bottom: -20px;
      font-family: 'DM Sans';
}
#livesearch3,
#livesearch2{
      padding: 0px;
      margin-left: 0px;
      width: 180px;
      margin-top: 0px;
      margin-bottom: 50px;
}
#livesearch{
      padding: 0px;
      margin-left: -5px;
      width: 180px;
      margin-top: 0px;
      margin-bottom: 50px;
}
#livesearch2 a li{
      margin-bottom: 17px;
      height: 40px;
      line-height: 40px;
      width: 185px;
      padding-left: 0px;
}
#livesearch a li{
      margin-bottom: 0px;
      height: 37px;
      line-height: 37px;
      width: 185px;
      padding-left: 15px;
}
#livesearch a li:hover{
      background-color: #ddd;
}
.results{
      height: 180px;
      overflow: auto;
      margin-top: -3px;
}
.dropdown-content {
      display: none;
      position: absolute;
      background-color: #f6f6f6;
      width: 200px;
      height: 250px;
      border: 1px solid #ddd;
      z-index: 1;
      margin-left: 215px;
      margin-top: -22px;
}
.li_top{
      margin-top: -50px;
}
.dropdown-content a {
      color: black;
      text-decoration: none;
     
}    
.dropdown-content a li{
      list-style: none;
      margin-bottom: 0px;
      width: 100%;
      height: 35px;
      line-height: 35px;
      padding-left: 10px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
      color: #404040;
}
.dropdown-content a li:hover{
      background-color: #ddd;
}
.dropdown a:hover {background-color: #ddd;}

.show {display: block;}



/*Search bar*/
.dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.show1 {display: block;}

#myInput{
      position: absolute;
}

.search_bar{
      position: absolute;
      top: 14px;
      width: 400px;
      left: 430px;
      height: 33px;  
      background-color: #fff; 
      padding-left: 20px; 
      border-top-right-radius: 30px;
      color: #404040;
      border: 1px solid #0002;
      box-shadow: 0px 1px 3px #0001;
}
.search_bar svg{
      position: absolute;
      right: 40px;
      top: 8px;
      color: #404040;
}
.search_bar input{
      margin-top: 1.5px;
      width: 80%;
      height: 30px;
      padding-left: 10px;
      border: none;
      background-color: transparent;
      outline: none;
      color: #404040;
      font-family: 'DM Sans';
}
.search_bar input::placeholder{
      color: #404040;
      font-size: 15px;
      font-family: 'DM Sans'; letter-spacing: 0.6px;

}
#myDropdown1{
      margin-left: 415px;
      margin-top: -23px;
      background-color: #fff;
      width: 400px;
      border: 1px solid #ddd;
      height: 250px;
}
#myDropdown1 a{
      text-decoration: none;
}

#myDropdown1 a li{
      height: 40px;
      line-height: 40px;
      list-style: none;
      color: #404040;
      font-family: 'DM Sans';
      font-weight: 400;
      padding-left: 20px;
      letter-spacing: 0.5px;
      border-bottom: 1px solid #0001;
}
#myDropdown1 a li:hover{
      background-color: #ddd;

}

.l_b{
      width: 200px;
      height: 33px;
      background-color: #000;
      position: absolute;
      top: 14px;
      right: 80px;
      line-height: 33px;
      text-align: center;
      transition: 0.5s;
      border-radius: 5px;
}
.l_b:hover{
      background-color: #fff;
}
a .l_b{
      text-decoration: none;
      color: #ddd;
      font-family: 'DM Sans';
      letter-spacing: 0.6px;
      font-size: 14px;
      font-weight: 500;
}
a .l_b:hover{
      color: #404040;
}

/*Slider start*/
.slider{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('https://www.quickhometech.com/assets/service-img/bg.webp');
      background-size: 100% 100%;
}

@media (max-width: 1440px){
.slider{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('https://www.quickhometech.com/assets/service-img/bg1.webp');
      background-size: 100% 100%;
}

}
@media (max-width: 768px){
.slider{
      width: 100%;
      height: 260px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('https://www.quickhometech.com/assets/service-img/bg2.webp');
      background-size: 100% 100%;
}
}
.bottom_slider{
      width: 100%;
      height: 80px;
      background-color:  #f8f9fa;
      border-bottom: 1px solid #ffcc99;
      position: relative;
}
.bottom_slider .s_b svg{
      margin-top: 20px; 
      z-index: 1;
}
.bottom_slider .s_b .p1{
      position: absolute;
      left: 0px;
      top: 10px;
      margin-left: 75px;
      font-size: 14.5px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 0.5px;
      color: #0d0d0d;
}
.bottom_slider .s_b .p2{
      position: absolute;
      left: 0px;
      top: 29px;
      margin-left: 75px;
      font-family: 'DM Sans';
      font-size: 13.6px;
      letter-spacing: 0.5px;
      color: #404040;
}

@media(max-width: 768px){
   .bottom_slider{
      width: 100%;
      height: 230px;
      background-color:  #f8f9fa;
      border-bottom: 1px solid #ffcc99;
      position: relative;
}  
.bottom_slider .container{
      padding: 0px;
}
.bottom_slider .s_b{
    text-align: center;
    margin-bottom: -40px;
    margin-top: 10px;
} 
.bottom_slider .s_b .p1{
      position: relative;
      left: 0px;
      top: -20px;
      margin-left: 0px;
      font-size: 12px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 0.5px;
      color: #0d0d0d;
}
.bottom_slider .s_b svg{
      margin-top: 10px; 
      z-index: 1;
      width: 35px;
     
}
.bottom_slider .s_b .p2{
      position: relative;
      left: 0px;
      top: -30px;
      margin-left: 0px;
      font-size: 12px;
      font-family: 'DM Sans';
      font-weight: 400;
      letter-spacing: 0.5px;
      color: #0d0d0d;
}
}
@media(max-width: 400px){
    .bottom_slider{
      width: 100%;
      height: 250px;
      background-color:  #f8f9fa;
      border-bottom: 1px solid #ffcc99;
      position: relative;
    }
}

@media(min-width: 768px){
      .mobile{
            display: none;
      }
}
@media(max-width:  786px){
.desktop{
      display: none;
}
}
.header{
      position: fixed;
      background-color: #f8f9fa;
      top: 0px;
      width: 100%;
      z-index: 999999;
}
.top-header{
      width: 100%;
      height: 50px;
      background-color: #fff;
      border-bottom: 1px solid #ddd;
}
.top-header img{
      width: 80px;
      margin-top: 12px;
      margin-left: 15px;
}
.bottom_header{
      width: 100%;
      height: 44px;
      border-bottom: 2px solid #ffcc99;
      justify-content: center;
      align-items: center;
}
.bottom_header .m_input{
      width: 290px;
      height: 33px;
      border: 1px solid #ddd;
      margin: auto;
      background-color: #fff;
      margin-top: 10px;
      border-radius: 18px;
      position: relative;
}
.bottom_header input{
      width: 230px;
      height: 31px;
      border: none;
      border-radius: 18px;
      outline: none;
      padding-left: 20px;
      font-size: 14.5px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
}
.bottom_header svg{
      position: absolute;
      top: 7px;
      margin-left: 22px;

}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  transition: 0.3s;
  color: #fff;
  font-family: 'DM Sans';
  letter-spacing: 0.5px;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 2px;
  float: right;
  margin-top: 8px;
  margin-right: 15px;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}


.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  margin-top: 103.5px;
  justify-content: center;
  align-items: center;
}

.sidepanel p{
      margin-top: -37px;
      margin-left: 21px;
      font-size: 18px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
}
.sidepanel .search{
      width: 90%;
      border: 1px solid #0006;
      border-radius: 5px;
      height: 30px;
      margin: auto;
      position: relative;
}
.sidepanel .search svg{
      position: absolute;
      right: 16px;
      top: 5px;
}
.sidepanel input{
      width: 80%;
      height: 27px;
      outline: none;
      padding-left: 15px;
      border: none;
      margin-left: 3px;
      font-size: 15px;
}
.sidepanel .results{
      margin-top: 20px;
      height: 70%;
}
.sidepanel a li{
      list-style: none;
      margin-left: 20px;
}
.sidepanel a {
  text-decoration: none;
  font-size: 16px;
  line-height: 40px;
  color: #818181;
  display: block;
  transition: 0.3s;
  font-family: 'DM Sans';
  color: #404040;
  letter-spacing: 0.5px;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn1 {
  position: absolute;
  top: 17px;
  right: 20px;
  font-size: 36px;
}

.openbtn1 {
  font-size: 15px;
  cursor: pointer;
  background-color: #111;
  color: white;
  border: none;
  position: absolute;
  margin-left: 20px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  top: 10px;
  border-radius: 3px;
  font-family: 'DM Sans';
}

.openbtn1:hover {
  background-color:#444;
}

.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #fff;
  height: 100%;
  width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999;
  top: 104px;
  width: 100%;
  position: fixed;
}

.dropdown-content2 p{
      font-size: 17px;
      color: #404040;
      padding-left: 16px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      color: rgb(233, 116, 43);
}

.dropdown-content2 a {
  color: black;
  padding: 9px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content2 a li{
      list-style: none;
      font-family: 'DM Sans';
      font-size: 15px;
      letter-spacing: 0.6px;
}
.dropdown-content2 .results{
      height: 80%;
}

.dropdown2 a:hover {background-color: #ddd;}

#livesearch3 a li{
     list-style: none;
}

.show2 {display: block;}


/*Must USed*/
.m{
      width: 100%;
      background-color: #fff9;
      height: 330px;
      padding-top: 10px;
      border-bottom: 2px solid #ddd;
}
.must_bx{
     width: 100%; 
     height: 300px;
     margin-top: 40px;
}
.must_bx p{
      font-size: 27px;
      padding-top: px;
      font-family: 'DM Sans';
      font-weight: 600;
      text-align: center;
}
.must_bx p span{
      color: #e9742b;
}
.must{
      justify-content: center;
      align-items: center;
      border-radius: 50%;
}
.must .border{
      width: 120px;
      height: 120px;
      border: 1px solid #ddd5;
      margin: auto;
      border-radius: 50%;
      box-shadow: 0px 2px 5px #0002;
      background-color: #fff;
}

.must .border1 svg{
      color: #404040;
      width: 48px;
      margin-top: 35px;
      margin-left: 35px;
      transition: 1.2s;
}
.must .border1 svg:hover{
      transform: rotate(360deg);
}
.must a{
      text-decoration: none;
}
.must p{
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #404040;
      text-shadow: 2px 2px 5px #0002;
}

.r_box{
      display: none;
}

/*Mobile Reaponasive*/
@media (max-width: 768px){
      .m{
          display: none;
      }
      .services{
            display: none;
      }
      .r_box{
            width: 100%;
            height: 534px;
            background-color: #fff;
            margin-top: -40px;
            text-align: center;
            display: block;
      }
      .r_box p{
            text-align: center;
            padding-top: 30px;
            font-size: 20px;
            font-family: 'DM Sans';
            font-weight: 500;
      }
      .r_box p span{
            color: rgb(233, 116, 43);
      }
      .r_box .p1{
            padding-top: 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.5px;
            margin-top: -10px;
            margin-bottom: 50px;
      }
      .r_box li{
            width: 130px;
            display: inline-block;
            margin: 17px;
            margin-top: 0px;
      }
      .r_box li img{
            width: 130px;
            height: 100px;
            border-radius: 5px;
      }
      .r_box li p{
            font-size: 13px;
            padding-top: 0px;
            text-transform: uppercase;
            color: #404040;
            font-weight: 500;
            letter-spacing: 0.6px;
      }

.overlay5 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 45px;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  background-color: #fff;
}

.overlay-content5 {
  position: relative;
  top: 2%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}


.overlay5 .closebtn5 {
  position: absolute;
  top: 50px;
  right: 10px;
  font-size: 40px;
  text-decoration: none;
  color: #404040;
  z-index: 999999;
}
.s{
  margin-top: 40px;
  float: left;
  padding-left: 20px;
  color: #404040;
}
.overlay-content5 li{
      width: 100%;
      border-bottom: 1px solid #ddd;
      margin: 0px;
      text-align: left;
      padding-left: 20px;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      position: relative;
      margin-bottom: 20px;
}
.overlay-content5 li svg{
      width: 33px;
      color: #404040;
}
.overlay-content5 li span{
    color: #404040;
    font-size: 15px;
    font-family: 'DM Sans';
    margin-left: 20px;
    position: absolute;
    top: -10px;
    letter-spacing: 0.5px;
}
.btn_view{
      width: 83%;
      border: 1px solid #ddd;
      height: 35px;
      font-size: 16px;
      line-height: 35px;
      background-color: #404040;
      margin: auto;
}
.btn_view p{
      padding-top: 0px;
      margin-top: -2px;
      font-size: 17px;
      color: #404040;
      letter-spacing: 0.5px;
      background-color: #fff;
      border: 1px solid #404040;
      border-radius: 5px;
}
.ss{
      margin-top: 30px;
      margin-bottom: 30px;
      height: 480px;
      border-bottom: 1px solid #ffcc99;
}
}

/* Slideshow container */

#s1s{
      margin-bottom: 60px;
      height: 440px;
      
}

.services{
      width: 100%;
      height: 700px;
      margin-top: 40px;
      text-align: center;
      position: relative;
      border: 1px solid #ddd;
      background-color: #fff5;
      border-radius: 10px;
      box-shadow: 0px 1px 6px #0001;

}
.services p{
      font-size: 27px;
      padding-top: 35px;
      font-family: 'DM Sans';
      font-weight: 600;
}
.services p span{
      color: #e9742b;
}
.services .p1{
      font-size: 17px;
      font-weight: 400;
      margin-top: -50px;
      font-family: 'DM Sans';
      color: #404040;
      letter-spacing: 0.5px;
}
.services li{
      list-style: none;
      height: 200px;
      width: 220px;
      display: inline-block;
      margin: 18px;
      margin-top: 40px;
      border-radius: 5px;
}
.services li img{
      width: 100%;
      height: 75%;
      border-radius: 5px;
      box-shadow: 0px 2px 5px #0004;
}
.services li p{
      font-size: 16px;
      padding-top: 0px;
      color: #404040;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 53%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 20px;
  color: #0006;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 50%;
  user-select: none;
  background-color: #ddd;
  margin-left: 15px;

}

/* Position the "next button" to the right */
.next {
  right: 15px;
  border-radius: 50%;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: #fff;
}

/*Shlogan*/
.shlogan_bx{
      width: 100%;
      height: 130px;
      margin-top: -20px;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0px 1px 5px #0003;
      background: linear-gradient(to bottom left, #ff6600 0%, #ff9933 100%);
}
.shlogan_bx p{
      font-size: 40px;
      padding-top: 20px;
      font-family: "DM Sans";
      font-weight: 500;
      color: #fff;
}
.shlogan_bx p svg{
      width: 30px;
      color: #fff;
}
.shlogan_bx .small-slogan{
      color: #fff;
      font-size: 18px;
      padding-top: 0px;
      margin-top: -35px;
      font-family: 'DM Sans';
      font-weight: 400;
}
@media(max-width:  768px){
    .shlogan_bx{
      width: 100%;
      height: 130px;
      margin-top: 0px;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0px 1px 5px #0003;
      background: linear-gradient(to bottom left, #ff6600 0%, #ff9933 100%);
}
.shlogan_bx p{
      font-size: 23px;
      padding-top: 20px;
      font-family: "DM Sans";
      font-weight: 500;
      color: #fff;
}
.shlogan_bx p svg{
      width: 20px;
      color: #fff;
}
.shlogan_bx .small-slogan{
      color: #fff;
      font-size: 14px;
      padding-top: 0px;
      margin-top: -15px;
      font-family: 'DM Sans';
      font-weight: 400;
      padding-left: 20px;
      padding-right: 20px;
}  
}



.why_box{
      width: 100%;
      background-color: #fff9;
      height: 720px;
      border-top: 1px solid #ffcc99;
}
.why_box img{
      width: 250px;
      margin-top: 50px;
      float: right;
}
.why_box #why_cont{
      margin-top: 30px;
      margin-bottom: 60px;
}
.why_box #why_cont p{
      font-size: 23px;
      font-family: 'DM Sans';
      font-weight: 600;
}
.why_box #why_cont p span{
      color: #e9742b;
}
.why_box #why_cont li{
      list-style: none;
      font-size: 16px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      line-height: 40px;
}
.why_box #why_cont span{
      margin-right: 10px;
}
.why_box #why_bx{
      width: 100%;
      height: 270px;
      border: 1px solid #ddd;
      box-shadow: 0px 1px 6px #0001;
      text-align: center;
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #fff;
}
.why_box #why_bx svg{
      width: 34px;
}
.why_box #why_bx p{
      color: #2a5372;
      font-size: 20px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
}
.why_box #why_bx .p_cont{
      font-size: 16px;
      color: #404040;
      font-weight: 300;
}
@media (max-width: 768px){
    .why_box{
      width: 100%;
      background-color: #fff9;
      height: 1360px;
      border-top: 1px solid #ffcc99;
}
.why_box img{
      width: 200px;
      margin-top: 20px;
      float: none;
}
.why_box #why_cont{
      margin-top: 30px;
      margin-bottom: 60px;
}
.why_box #why_cont p{
      font-size: 23px;
      font-family: 'DM Sans';
      font-weight: 600;
}
.why_box #why_cont p span{
      color: #e9742b;
}
.why_box #why_cont li{
      list-style: none;
      font-size: 13px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      line-height: 40px;
}
.why_box #why_cont span{
      margin-right: 2px;
}
.why_box #why_bx{
      width: 100%;
      height: 200px;
      border: 1px solid #ddd;
      box-shadow: 0px 1px 6px #0001;
      text-align: center;
      padding-top: 25px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #fff;
      margin-bottom: 30px;
}
.why_box #why_bx svg{
      width: 28px;
}
.why_box #why_bx p{
      color: #2a5372;
      font-size: 17px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
}
.why_box #why_bx .p_cont{
      font-size: 14px;
      color: #404040;
      font-weight: 300;
}  
}

footer{
      width: 100%;
      height: 270px;
      background-color: #333333;
      padding: 23px;
      justify-content: center;
      align-items: center;
      position: relative;
}
footer .ft,
footer .fm{
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      margin-bottom: 10px;
}
footer .fm p{
      color: #fff;
      font-size: 21px;
}
footer .fm li a,
footer .ft li a{
      text-decoration: none;
      color: #ddd;
      margin-right: 30px;
      font-size: 16px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
}
footer .fm li,
footer .ft li{
      list-style: none;
      display: inline-block;
}

footer .fb p{
      color: #ddd;
      font-family: 'DM Sans';
      font-size: 15px;
      letter-spacing: 0.5px;
      margin-top: 37px;
}
.f_icon a svg{
      position: absolute;
      width: 26px;
      color: #ddd;
}
.f_icon1 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 55px;
      top: 0px;
}
.f_icon2 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 110px;
      top: 0px;
}
.f_icon3 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 165px;
      top: 0px;
}
.f_icon4 a svg{
      position: absolute;
      width: 40px;
      color: #0006;
      margin-left: 216px;
      top: -5px;
}
footer .fi{
      width: 250px;
      height: 30px;
      margin:  auto;
      position: relative;
      margin-top: -40px;
}
footer .f_icon1,
footer .f_icon2,
footer .f_icon3,
footer .f_icon4,
footer .f_icon{
      width: 30px;
}
footer .l{
      position: absolute;
      bottom: 11px;
      right: 20px;

}
@media (max-width: 1200px){
      footer{
      width: 100%;
      height: 290px;
      background-color: #333333;
      padding: 23px;
      justify-content: center;
      align-items: center;
}
}
@media (max-width: 768px){
  footer{
      width: 100%;
      height: 620px;
      background-color: #333333;
      padding: 23px;
      justify-content: center;
      align-items: center;
}
footer .ft,
footer .fm{
      border-bottom: 1px solid #ddd;
      padding-bottom: 20px;
      margin-bottom: 10px;
}
footer .fm p{
      color: #fff;
      font-size: 21px;
}
footer .fm li a,
footer .ft li a{
      text-decoration: none;
      color: #ddd;
      margin-right: 20px;
      font-size: 16px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      line-height: 40px;
}
footer .fm li,
footer .ft li{
      list-style: none;
      display: inline-block;
}

footer .fb p{
      color: #ddd;
      font-family: 'DM Sans';
      font-size: 15px;
      letter-spacing: 0.5px;
      margin-top: 67px;
}
.f_icon a svg{
      position: absolute;
      width: 26px;
      color: #ddd;
}
.f_icon1 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 55px;
      top: 0px;
}
.f_icon2 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 110px;
      top: 0px;
}
.f_icon3 a svg{
      position: absolute;
      width: 26px;
      color: #0006;
      margin-left: 165px;
      top: 0px;
}
.f_icon4 a svg{
      position: absolute;
      width: 40px;
      color: #0006;
      margin-left: 216px;
      top: -5px;
}
footer .fi{
      width: 250px;
      height: 30px;
      margin:  auto;
      position: relative;
      margin-top: 20px;
}
footer .f_icon1,
footer .f_icon2,
footer .f_icon3,
footer .f_icon4,
footer .f_icon{
      width: 30px;
}  
footer .l{
      position: absolute;
      bottom: 91px;
      left: 24px;

}  
}
@media (max-width: 768px){
    footer .l{
      position: absolute;
      bottom: 90px;
      left: 24px;
      margin-top: 20px;

}  
footer .fb p{
      color: #ddd;
      font-family: 'DM Sans';
      font-size: 15px;
      letter-spacing: 0.5px;
      margin-top: 40px;
}
footer .fi{
      width: 250px;
      height: 30px;
      margin:  auto;
      position: relative;
      margin-top: 20px;
}  
footer{
      width: 100%;
      height: 590px;
      background-color: #333333;
      padding: 23px;
      justify-content: center;
      align-items: center;
}
}