*/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;
}
@media(min-width:  768px){
      .q_popup{
            display: none;
      }
}
.q_popup #close{
      position: absolute;
      font-size: 20px;
      right: 20px;
      top: 25px;
      color: #0005;
      font-weight: 400;
}
.q_popup{
      width: 100%;
      height: 460px;
      margin: auto;
      background: #fff;
      border-radius: 5px;
      position: relative;
      overflow: hidden;
}
h3{
   text-align: left;
   margin-bottom: 40px;
   padding-right: 10px;
   color: #404040;
   font-family: 'DM Sans';
   font-size: 18px;
   font-weight: 500;
}
.q_popup .h3{
    margin-bottom: 25px;
}
.q_popup .form{
      width: 100%;
      position: absolute;
      top: 10px;
      transition: 0.5s;
      padding-left: 30px;
      padding-right: 30px;
}
#form2{
      left: 450px;
}
#form3{
      left: 450px;
}
.step-row{
      width: 100%;
      height: 10px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      position: relative;
     
}
.step-col{
      width: 120px;
      margin-top: 120px;
      text-align: center;
      color: #404040;
      position: relative;
      font-size: 14px;
      font-family: 'DM Sans';
      letter-spacing: 0.6px;
      font-weight: 500;
}
#progress{
        position: absolute;
      top: 0px;
      height: 100%;
      width: 120px;
      background: linear-gradient(to left, #e9742b 0%, #ff9933 62%);
      transition: 1s;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;



}
#progress::after{
      content: '';
      height: 0;
      width: 0;
      position: absolute;
      right: -20px;
      top: 0;
      border-left: 20px solid #e9742b;
}
@media (max-width: 768px){
.q_pop{
      width: 100%;
      height: 100%;
      background-color: #0009;
      position: absolute;
      top: 0;
      z-index: 999999;
      position: fixed;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
      display: none;
      transition: 0.5s;
      overflow: hidden;
}

.q_popup  .input_box11 input{
      width: 100%;
      height: 45px;
      border-radius: 5px;
      border: 1px solid #ddd9;
      box-shadow: 0px 1px 5px #0001;
      margin-bottom: 30px;
      font-size: 17px;
      font-family: 'DM Sans';
      padding-left: 20px;
      color: #404040;
      letter-spacing: 1px;
      font-weight: 200;
      outline: none;
      padding-top: 17px;
      background-color: #f8f9fa;
}
.q_popup .input_box11 textarea{
      width: 100%;
      height: 150px;
      border-radius: 5px;
      border: 1px solid #ddd9;
      box-shadow: 0px 1px 5px #0001;
      margin-bottom: 30px;
      font-size: 17px;
      font-family: 'DM Sans';
      padding-left: 20px;
      color: #404040;
      letter-spacing: 1px;
      font-weight: 200;
      background-color: #f8f9fa;
      padding-top: 17px;
      outline: none;
}
.input_box11{
      position: relative;
      width: 100%;
}
.input_box11 span{
      position: absolute;
      left: 10px;
      padding: 10px;
      letter-spacing: 0.5px;
      font-family: 'DM Sans';
      font-size: 16px;
      color: #0009;
      pointer-events: none;
      font-weight: 500;
      transition: 0.2s;
}
.input_box11 input:valid ~ span,
.input_box11 input:focus ~ span{
      transform: translateY(3px);
      font-size: 13px;
      padding: 0 10px;
      background-color: #f8f9fa;
      color: #0007;
}
.input_box11 textarea:valid ~ span,
.input_box11 textarea:focus ~ span{
      transform: translateY(3px);
      font-size: 13px;
      padding: 0 10px;
      background-color: #f8f9fa;
      color: #0007;
}
.q_pop .footer{
      width: 100%;
      height: 80px;
      border-top: 1px solid #ddd;
      position: absolute;
      left: 0px;
}

.q_pop #f1{
      margin-top: 160px;
}
.q_pop #f3{
      margin-top: 25px;
}
.q_pop .footer #back2,
.q_pop .footer #back1{
      width: 120px;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      outline: none;
      border: none;
      background-color: #e9742b;
      color: #fff;
      font-size: 17px;
      letter-spacing: 1px;
      font-family: 'DM Sans';
      font-weight: 500;
      position: absolute;
      right: 20px;
      top: 25px;
      text-align: left;
      padding-left: 30px;
}
.q_pop .footer #next2{
      width: 120px;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      outline: none;
      border: none;
      background-color: #e9742b;
      color: #fff;
      font-size: 17px;
      letter-spacing: 1px;
      font-family: 'DM Sans';
      font-weight: 500;
      position: absolute;
      left: 20px;
      top: 25px;
      text-align: left;
      padding-left: 30px;
}
.q_pop .footer #next2{
      width: 120px;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      outline: none;
      border: none;
      background-color: #e9742b;
      color: #fff;
      font-size: 17px;
      letter-spacing: 1px;
      font-family: 'DM Sans';
      font-weight: 500;
      position: absolute;
      right: 20px;
      top: 25px;
      text-align: left;
      padding-left: 30px;
}
.q_pop .footer #next1{
      width: 120px;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      outline: none;
      border: none;
      background-color: #e9742b;
      color: #fff;
      font-size: 17px;
      letter-spacing: 1px;
      font-family: 'DM Sans';
      font-weight: 500;
      position: absolute;
      left: 20px;
      top: 25px;
      text-align: left;
      padding-left: 30px;
}
.q_pop .footer #next1{
    top: 20px;
}
.q_pop .footer  #next2 span,
.q_pop .footer  #next1 span{
      right: 20px;
      font-size: 30px;
      position: absolute;
      top: 0px;
}
.q_pop .footer #back2,
.q_pop .footer #back1{
      padding-left: 45px;
}
.q_pop #back2 span,
.q_pop #back1 span{
      left: 20px;
      font-size: 30px;
      position: absolute;
      top: 0px;
}
.q_pop .main input[type="radio"]{
      display: none;
}

.q_pop .main label{
       position: relative;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
      font-size: 15px;
      border: 1px solid #ddd7;
      border-radius: 5px;
      color: #0009;
      padding: 8px 20px;
      display: flex;
      align-items: center;
       background-color: #f8f9fa;
       box-shadow: 0px 1px 5px #0001;

}
.q_pop .main label:before{
      content: "";
      height: 27px;
      width: 27px;
      border: 2px solid #0005;
      border-radius: 50%;
      margin-right: 20px;
      position: absolute;
      right: 0px;
}
.q_pop .main .i1{
      color: #f8f9fa;
      font-size: 16px;
      font-weight: 500;
      position: absolute;
      right: 61px;
     top: 117px;
}
.q_pop .main .i2{
      color: #f8f9fa;
      font-size: 16px;
      font-weight: 500;
      position: absolute;
      right: 61px;
     top: 177px;
}
.q_pop .main input[type="radio"]:checked + label{
    
      color: #404040;
      transition: 0.5s;
}
.q_pop .main input[type="radio"]:checked + label:before{
      width: 29px;
      height: 29px;
      border: 2px solid #5dd55d;
      background-color: #009933;
      position: absolute;
      right: 0px;
      transition: 0.3s;
}
.q_pop .p{
      font-size: 14px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      word-spacing: 2px;
      margin-top: 0px;
}
.q_pop .call{
      width: 43px;
      height: 43px;
      line-height: 40px;
      background-color: #2eb82e;
      border-radius: 50%;
      position: absolute;
      bottom: 20px;
      right: 20px;
      text-align: center;
}
.q_pop .call img{
      width: 23px;
      margin-top: 9px;
}
.q_pop .call_pulse{
	width: 43px;
	height: 43px;
	background: green;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: flex;
	position: relative;
}
.q_pop .call_pulse:before{
	content: "";
	position: absolute;
	border-radius: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 1px solid green;
	animation: pulseeffects 1.5s linear infinite;
}
.q_pop .call_pulse:after{
	content: "";
	position: absolute;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 1px solid green;
	border-radius: 50%;
	animation: pulseeffects 1.5s linear infinite;
	animation-delay: 0.6s;
}
.q_pop .call_pulse .shake{
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 20px;
	animation: 2s shake infinite alternate;
}
.q_pop .call_pulse .shake img{
	width: 25px;
	margin-top: 0px;
}
}

/*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('../img/slider_washing_machine.webp' );
      background-size: 100% 100%;
}
.sliderr{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_refrigerator.webp' );
      background-size: 100% 100%;
}
.slidertv{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_tv.webp');
      background-size: 100% 100%;
}
.sliderac{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_ac.webp' );
      background-size: 100% 100%;
}
.slidermo{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_oven.webp' );
      background-size: 100% 100%;
}
.slidercctv{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_cctv.webp' );
      background-size: 100% 100%;
}
.slidercn{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_chimney.webp');
      background-size: 100% 100%;
}
.sliderwp{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -32px;
      background-image: url('../img/slider_water.webp');
      background-size: 100% 100%;
}
@media (max-width: 1440px){
.slider{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_washing_machine1.webp');
      background-size: 100% 100%;
}
.sliderr{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_refrigerator.webp');
      background-size: 100% 100%;
}
.slidertv{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_tv1.webp');
      background-size: 100% 100%;
}
.sliderac{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_ac1.webp');
      background-size: 100% 100%;
}
.slidermo{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_oven1.webp');
      background-size: 100% 100%;
}
.slidercctv{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_cctv1.webp');
      background-size: 100% 100%;
}
.slidercn{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_chimney1.webp');
      background-size: 100% 100%;
}
.sliderwp{
      width: 100%;
      height: 430px;
      border: 1px solid #ddd;
      margin-top: -30px;
      background-image: url('../img/slider_water1.webp');
      background-size: 100% 100%;
}

}
@media (max-width: 768px){
.slider{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_washing_machine2.webp');
      background-size: 100% 100%;
}
.sliderr{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_refrigerator2.webp');
      background-size: 100% 100%;
}
.slidertv{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_tv2.webp');
      background-size: 100% 100%;
}
.sliderac{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_ac2.webp');
      background-size: 100% 100%;
}
.slidermo{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_oven2.webp');
      background-size: 100% 100%;
}
.slidercctv{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_cctv2.webp');
      background-size: 100% 100%;
}
.slidercn{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_chimney2.webp');
      background-size: 100% 100%;
}
.sliderwp{
      width: 100%;
      height: 266px;
      border: 1px solid #ddd;
      margin-top: -40px;
      background-image: url('../img/slider_water2.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;
}
#h-d{
    display: none;
}
@media(max-width: 768px){
    #h-d{
    display: inline;
}
    #h{
        display: none;
    }
   .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;
    }
}
/*Services*/
.services{
      width: 100%;
      height: 505px;
      background-color: #fff;
      text-align: center;
      margin-top: -25px;
      border-bottom: 1px solid #ddd;
}
.services .hedaer_tittle{
      font-size: 27px;
      padding-top: 60px;
      font-family: 'DM Sans';
      font-weight: 600;
      text-shadow: 0px 1px 3px #0004;
}
.services .hedaer_tittle span{
      color: #e9742b;

}
.border{
      width: 100%;
      height: 1px;
      border: 1px solid #ddd;
}
.services a{
      margin: 30px;
      cursor: pointer;
}
.services .service_boxr,
.services .service_box{
      width: 220px;
      height: 230px;
      border: 1px solid #ddd;
      margin-top: 60px;
      display: inline-block;
      box-shadow: 0px 1px 4px #0003;
      background-color: #f8f9fa;
      border-radius: 10px;
      transition: 0.5s;
      justify-content: center;
      align-items: center;
      padding-left: 15px;
      padding-right: 15px;
}

.services .service_box:hover{
      border: 1px solid #e9742b;
}

.services .service_box .img_box{
      width: 100px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_washing_machine.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1{
       width: 85px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_washing_machine1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*REfrigerator*/

.services .service_boxr .img_box_rr{
      width: 70px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_fridge.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_boxr .img_box1_rr{
       width: 68px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_fridge1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_boxr .img_box2_rr{
       width: 70px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_fridge2.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}




/*LED / LCD TV*/
.services .service_box .img_box_tv{
      width: 140px;
      height: 117px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_tv.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_tv{
       width: 140px;
      height: 117px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_tv1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Air Conditioner*/

.services .service_box .img_box_ac{
      width: 160px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_ac.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_ac{
       width: 120px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_ac1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}
/*Microwave Oven*/
.services .service_box .img_box_mo{
      width: 140px;
      height: 130px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_oven.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_mo{
       width: 140px;
      height: 130px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_oven1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*CCTV Oven*/
.services .service_box .img_box_cctv{
      width: 140px;
      height: 130px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_cctv.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_cctv{
       width: 140px;
      height: 130px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_cctv1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Chimney Oven*/
.services .service_box .img_box_cn{
      width: 140px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_chimney.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_cn{
       width: 140px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_chimney1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Water Purifier*/
.services .service_box .img_box_wp{
      width: 100px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_water_purifier.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_wp{
       width: 100px;
      height: 120px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_water_purifier1.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}


.services .service_boxr p{
      color: #404040;
      font-size: 15px;
      font-family: 'DM Sans';
      font-weight: 500;
      margin-top: 17px;
      letter-spacing: 0.5px;
}
.services .service_boxr p,
.services .service_box p{
      color: #fff;
    font-size: 15px;
    font-family: 'DM Sans';
    font-weight: 500;
    margin-top: 30px;
    letter-spacing: 0.5px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: #000;
    border-radius: 5px;
}

.call_btn{
      margin-top: 0px;
      position: relative;
      width: 100%;
      height: 40px;
      line-height: 40px;
      background-color: #FFF5EE;
      text-align: center;
      border-bottom: 1px solid #ddd;

}
.call_btn a{
      text-decoration: none;
      color: #404040;
}
.call_btn svg{
      transform: rotate(320deg);
      position: absolute;
      top: 7px;
}
.call_btn span{
      font-size: 16px;
      margin-left: 37px;
      font-family: 'DM Sans';
      font-weight: 600;

}

@media(max-width: 768px){
      .services{
      width: 100%;
      height: 355px;
      background-color: #fff;
      text-align: center;
      margin-top: -25px;
      border-bottom: 1px solid #ddd;
}

.rr{
      height: 520px;
}
.rr a{
      color: #333333;
      font-family: 'DM Sans';
      font-weight: 500;
}
.services #rr_s{
      margin-top: 40px;
}
     .services .hedaer_tittle{
      font-size: 18px;
      padding-top: 30px;
      font-family: 'DM Sans';
      font-weight: 600;
      text-shadow: 0px 1px 3px #0004;
} 
.services .service_boxr,
.services .service_box{
      width: 130px;
      height: 150px;
      border: 1px solid #ddd;
      margin-top: 50px;
      display: inline-block;
      box-shadow: 0px 1px 4px #0003;
      background-color: #f8f9fa;
      border-radius: 10px;
      transition: 0.5s;
      padding-left: 5px;
      padding-right: 5px;
}
.services .service_boxr{
      background-color: #f8f9fa;
}
.services .service_box .img_box{
      width: 55px;
      height: 70px;
      margin: auto;
      margin-top: 26px;
      background: url(../img/icon_washing_machine_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1{
       width: 47px;
      height: 70px;
      margin: auto;
      margin-top: 26px;
      background: url(../img/icon_washing_machine1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Refrigerator*/
.services .service_boxr .img_box_rr{
      width: 50px;
      height: 80px;
      margin: auto;
      margin-top: 18px;
      background: url(../img/icon_fridge_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_boxr .img_box1_rr{
       width: 48px;
      height: 80px;
      margin: auto;
      margin-top: 18px;
      background: url(../img/icon_fridge1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_boxr .img_box2_rr{
       width: 48px;
      height: 80px;
      margin: auto;
      margin-top: 18px;
      background: url(../img/icon_fridge2_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*LED / LCD TV*/
.services .service_box .img_box_tv{
      width: 85px;
      height: 64px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_tv_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_tv{
       width: 85px;
      height: 64px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_tv1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Ac*/
.services .service_box .img_box_ac{
      width: 90px;
      height: 64px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_ac_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_ac{
       width: 65px;
      height: 64px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_ac1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*Oven*/
.services .service_box .img_box_mo{
      width: 75px;
      height: 68px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_oven_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_mo{
       width: 75px;
      height: 68px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_oven1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*cctv*/
.services .service_box .img_box_cctv{
      width: 75px;
      height: 68px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_cctv_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_cctv{
       width: 75px;
      height: 68px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_cctv1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}
/*Chimney*/
.services .service_box .img_box_cn{
      width: 75px;
      height: 65px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_chimney_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_cn{
       width: 75px;
      height: 65px;
      margin: auto;
      margin-top: 30px;
      background: url(../img/icon_chimney1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

/*water Purifier*/
.services .service_box .img_box_wp{
      width: 70px;
      height: 75px;
      margin: auto;
      margin-top: 20px;
      background: url(../img/icon_water_purifier_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.services .service_box .img_box1_wp{
       width: 70px;
      height: 75px;
      margin: auto;
      margin-top: 20px;
      background: url(../img/icon_water_purifier1_mob.webp);
      background-repeat: no-repeat;
      background-size: 100% 100%;
}



.services a{
      margin: 15px;
      cursor: pointer;
}
.services .service_box img{
      width: 70px;
      margin-top: 30px;
}
.services .service_boxr p,
.services .service_box p{
       color: #fff;
    font-size: 11.7px;
    font-family: 'DM Sans';
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 0.5px;
    width: 100%;
    height: 29px;
    line-height: 29px;
    background: #000;
    border-radius: 5px;
}
.content2 .img_box,
.content .img_box{
      display: none;
}
.content1 img{
      display: none;
}
}
/*Modal Css*/
.modal1,
.modal2,
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid #888;
  width: 50%;
  height: 500px;
  margin-top: 50px;
  border-radius: 10px;
  box-shadow: 0px 1px 8px #0005;
}
.modal-content .tittle{
      font-size: 15px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 0.5px;
      color: #404040;
}
.modal-content .tittle1{
      font-size: 19px;
      font-family: 'DM Sans';
      font-weight: 600;
      letter-spacing: 0.5px;
      color: #404040;
      text-shadow: 0px 1px 3px #0002;
      text-align: center;
      text-transform: uppercase;
}
.modal-content .m_border{
      width: 100%;
      height: 1px;
      border: 1px solid #ddd;
}
.modal-content form{
      margin-top: 40px;
}
.modal-content form #form input{
      width: 100%;
      height: 40px;
      font-size: 15px;
      margin-bottom: 25px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      border: none;
      border-bottom: 1px solid #0005;
      outline: none;
}
.modal-content form #form textarea{
      width: 100%;
      height: 50px;
      font-size: 15px;
      margin-bottom: 25px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      border: none;
      border-bottom: 1px solid #0005;
      outline: none;
}
.modal-content form #check{
      position: relative;
}
.modal-content form #check input{
      position: absolute;
      width: 19px;
      height: 19px;
      margin-top: 1px;
      left: 10px;
}
.modal-content form #check span{
      font-size: 15px;
      font-family: 'DM Sans';
      font-weight: 500px;
      color: #000;
      letter-spacing: 0.5px;
      margin-left: 25px;
}
.modal-content form #btn button{
      margin-top: 35px;
      height: 35px;
      width: 100%;
      background: #0009;
      border: none;
      border-radius: 5px;
      color: #fff;
      font-size: 15px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 1px;
      cursor: pointer;
}
@media(max-width: 768px){
      .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 5px;
  padding-left: 17px;
  padding-right: 17px;
  border: 1px solid #888;
  width: 100%;
  height: 530px;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0px 1px 8px #0005;
}
.modal-content form{
      margin-top: 0px;
}
.modal-content .tittle1{
      font-size: 17px;
      font-family: 'DM Sans';
      font-weight: 600;
      letter-spacing: 0.5px;
      color: #404040;
      text-shadow: 0px 1px 3px #0002;
      text-align: center;
      text-transform: uppercase;
}
.modal-content form #form input{
      width: 100%;
      height: 30px;
      font-size: 15px;
      margin-bottom: 20px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      border: none;
      border-bottom: 1px solid #0005;
      outline: none;
}
.modal-content form #form textarea{
      width: 100%;
      height: 50px;
      font-size: 15px;
      margin-bottom: 25px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      border: none;
      border-bottom: 1px solid #0005;
      outline: none;
}
.modal-content form #check{
      position: relative;
      margin-bottom: 17px;
}
.modal-content form #btn button{
      margin-top: 0px;
      height: 35px;
      width: 100%;
      background: #0009;
      border: none;
      border-radius: 5px;
      color: #fff;
      font-size: 15px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 1px;
      cursor: pointer;
}
}
/* The Close Button */
.close-1,
.close-2,
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close-1:hover,
.close-1:focus,
.close-2:hover,
.close-2:focus,
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*content start*/
.content{
      width: 100%;
      height: 510px;
      background-color: #FFF;
      border-top: 1PX solid #ffcc99;
      border-bottom: 1PX solid #ffcc99;
      margin-top: 30px;
}
@media (max-width: 768px){
      .content{
            height: auto;
            padding-bottom: 30px;
            }
      
      .content .container{
            padding: 0px;
      }
}

.content img{
      margin-top: 80px;
      width: 270px;
}

h1{
      text-align: center;
      font-family: 'DM Sans';
      margin-top: 50px;
      font-size: 31px;
      color: #404040;
}
@media (max-width: 768px){
      #bgh1{
            padding: 0px;
      }
      h1{
            font-size: 20px;
            margin-top: 40px;
      }
}
.content1 h2,
.content .h1{
      font-size: 23px;
      font-family: 'DM Sans';
      margin-top: 40px;
}
@media (max-width: 768px){
.content .h1{
      font-size: 16px;
      font-family: 'DM Sans';
      margin-top: 20px;
      font-weight: 500;
} 
#green .p,
.content .p{
    font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.6px;
      line-height: 25px;
      word-spacing: 2px;
      color: #404040;
}
#green #a1{
    font-size: 16px;
      margin-top: 50px;
      font-weight: 500;
}
#green #a2{
    font-size: 16px;
      margin-top: 35px;
      font-weight: 500;
}
}
.content p{
      font-family: 'DM Sans';
      font-size: 16px;
      letter-spacing: 0.6px;
      line-height: 30px;
}
#green{
      width: 100%;
      height: auto;
      background-color: #fff;
      margin-top: -100px;
      border-bottom: 1PX solid #ffcc99;

}
#green1 h3,
#green1 h4,
#green h2{
      font-size: 24px;
      font-family: 'DM Sans';
}
@media(max-width: 768px){
#green1 h3,
#green1 h4,
#green h2{
      font-size: 17px;
      font-family: 'DM Sans';
}
}
#green1 p,
#green p{
      font-size: 16px;
      line-height: 30px;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
}
#green #mt{
    margin-top: 40px;
}
#green2{
      margin-top: -50px;
}
#green2,
#green1{
      width: 100%;
      height: auto;
      background-color: #fff;
      padding-bottom: 30px;
      border-bottom: 1PX solid #ffcc99;
}
#green1 li{
      font-family: 'DM Sans';
      font-size: 16px;
      line-height: 30px;
}
#green1 b{
      font-size: 17px;
      font-family: 'DM Sans';
}
#btn3{
      width: 150px;
      height: 35px;
      margin-left: 10px;
      margin-top: -60px;
      position: absolute;
      border: none;
      background-color: rgb(233, 116, 43);
      color: #fff;
      font-size: 16px;
      font-family: 'DM Sans';
      border-radius: 5px;
      cursor: pointer;
      box-shadow: 0px 1px 5px #0005;
}
#btn3,
#btn2,
#btn1{
      width: 150px;
      height: 35px;
      margin-left: 393px;
      margin-top: -60px;
      position: absolute;
      border: none;
      background-color: rgb(233, 116, 43);
      color: #fff;
      font-size: 16px;
      font-family: 'DM Sans';
      border-radius: 5px;
      cursor: pointer;
      box-shadow: 0px 1px 5px #0005;
}
@media(max-width: 768px){
    #btn3,
      #btn2,
      #btn1{
            margin-left: 0px;
            font-size: 15px;
            width: 100px;
            height: 30px;
             margin-top: -50px;
      }
}
.content1{
      width: 100%;
      background-color: #fff;
      height: 410px;
      margin-top: 30px;
      border-top: 1PX solid #ffcc99;
      border-bottom: 1PX solid #ffcc99;
}
@media(max-width: 768px){
      .content1{
            height: auto;
            padding-bottom: 20px;
      }
      .content1 .tags{
          font-size: 15px;
          font-weight: 500;
          margin-top: 20px;
      }
      .content1 ol{
          margin-left: -20px;
      }
      .content1 ol li{
     font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.6px;
      line-height: 20px;
      word-spacing: 2px;
      margin-bottom: 10px;
      }
    .content1 .container{
      padding: 0px;
    }  
}
.content1 img{
      margin-top: 30px;
}
.content1 li{
      font-size: 16px;
      font-family: 'DM Sans';
      line-height: 35px;
      }
.content2{
      width: 100%;
      height: 450px;
      margin-top: 30px;
      border-top: 1PX solid #ffcc99;
      border-bottom: 1PX solid #ffcc99;
      background-color: #fff;
}
.content2 img{
     width: 330px;
     margin-top: 50px;
}
.content2 h3{
      font-size: 24px;
}
.content2 p{
      font-size: 16px;
      font-family: 'DM Sans';
      line-height: 35px;
      letter-spacing: 0.5px;
}
@media(max-width: 768px){
      .content2{
      width: 100%;
      height: auto;
      padding-bottom: 30px;
      margin-top: 30px;
      border-top: 1PX solid #ffcc99;
      border-bottom: 1PX solid #ffcc99;
      background-color: #fff;
}
.content2 .container{
      padding: 0px;
}

.content2 .tags{
      font-size: 16px;
      margin-bottom: 0px;
}

.content2 .p{
    font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.6px;
      line-height: 25px;
      word-spacing: 2px;
    
}
#green1 .tags{
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 0px;
}
#green1 .p{
    font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.6px;
      line-height: 25px;
      word-spacing: 2px;
      color: #404040;
}
#green1 li{
    font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.6px;
      line-height: 20px;
      word-spacing: 2px;
      margin-bottom: 10px;
}
#green1 #mb{
    margin-bottom: 30px;
}
}
/*Location start*/

.location_bx{
      width: 100%;
      height: 390px;
      padding: 20px;
      background-color: #fff;
      margin-top: 30px;
      border-top: 1px solid #ffcc99;
      border-bottom: 1px solid #ffcc99;
}
#green2 a,
.location_bx a{
      text-decoration: none;
      font-size: 17px;
      font-family: 'DM Sans';
      font-weight: 500;
      color: #404040;
      letter-spacing: 0.6px;
      margin-right: 50px;
}
#green2 li,
.location_bx li{
      width: 230px;
      height: 45px;
      border: 1px solid #e9742b;
      background-color: #eee;
      list-style: none;
      text-align: center;
      line-height: 45px;
      display: inline-block;
      margin-bottom: 30px;
}
.location_bx h4{
      font-size: 24px;
      font-family: 'DM Sans';
}
#btn3{
      margin-left: 0px;
      
}
@media (max-width: 768px){
    .location_bx{
      padding: 0px;
      height: 600px;
    }
    .location_bx h4{
      font-size: 16px;
      font-family: 'DM Sans';
      font-weight: 500;
      letter-spacing: 0.6px;
} 
#green2 a,
.location_bx a{
      text-decoration: none;
      font-size: 14px;
      font-family: 'DM Sans';
      font-weight: 500;
      color: #404040;
      letter-spacing: 0.6px;
      margin-right: 20px;
} 
#green2 li,
.location_bx li{
      width: 43%;
      height: 45px;
      border: 1px solid #e9742b;
      background-color: #eee;
      list-style: none;
      text-align: center;
      line-height: 45px;
      display: inline-block;
      margin-bottom: 30px;
}
}
/*Question answer*/
.qestion{
      width: 100%;
      height: auto;
      padding: 40px;
      margin-top: 0px;
      text-align: center;

      
}
.qestion .qestion_tittle{
      font-size: 27px;
      font-family: 'DM Sans';
      font-weight: 600;
      margin-bottom: 40px;
      text-shadow: 0px 1px 3px #0005;
      text-align: center;
}
.qestion .qestion_tittle span{
       color: #e9742b;
}
.collapsible {
  background-color: #fff;
  color: #404040;
  cursor: pointer;
  padding: 12px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-family: 'DM Sans';
  letter-spacing: 0.6px;
  border: 1px solid #ddd;
  padding-left: 40px;
  padding-right: 40px;
  width: 900px;
}

.active, .collapsible:hover {
  background-color: #ddd;
}

.collapsible:after {
  content: '\002B';
  color: #0009;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content_qa {
  margin-left: 120px;
  width: 900px;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
  font-family: 'DM Sans';
  font-size: 15px;
  letter-spacing: 0.5px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: left;
}
@media(max-width: 768px){
.qestion{
      width: 100%;
      height: auto;
      padding: 10px;
      margin-top: 10px;
      text-align: center;
  
}
.qestion .container{
      padding: 0px;
}
.collapsible {
  background-color: #fff;
  color: #404040;
  cursor: pointer;
  padding: 10px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14.5px;
  font-family: 'DM Sans';
  letter-spacing: 0.6px;
  border: 1px solid #ddd;
  padding-left: 20px;
  padding-right: 20px;
  width: 98%;
  font-weight: 500;
}
.qestion .qestion_tittle{
      font-size: 22px;
      font-family: 'DM Sans';
      font-weight: 600;
      margin-bottom: 40px;
      text-shadow: 0px 1px 3px #0005;
      text-align: center;
}
.content_qa {
  margin-left: 3px;
  width: 99%;
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
  font-family: 'DM Sans';
  font-size: 15px;
  letter-spacing: 0.5px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

}
/*More services*/

/*Mobile responsive*/

.more_services{
      width: 100%;
      height: 650px;
      background-color: #fff;
      border-top: 1px solid #ffcc99;
      border-bottom: 1px solid #ffcc99;
      margin-top: 30px;
}
.more_services .container{
      padding: 0px;
}
.more_services .more_tittle{
      text-align: center;
      font-size: 29px;
      padding-top: 10px;
      font-family: 'DM Sans';
      font-weight: 600;
      margin-bottom: 40px;
      text-shadow: 0px 1px 3px #0004;
}
.more_services .more_tittle span{
      color: rgb(233, 116, 43);
}
.more_services a{
      text-decoration: none;
}
.more_services .top_services{
      width: 100%;
      height: 185px;
      border: 1px solid #ddd;
      text-align: center;
      padding-top: 16px;
      margin-bottom: 60px;
      box-shadow: 0px 1px 5px #0005;
}
.more_services .top_services svg{
      width: 43px;
      color: #404040;
}
.more_services .top_services p{
      margin-top: 5px;
      color: #404040;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
      font-size: 14px;
}
.more_services .top_services button{
      width: 80%;
      height: 27px;
      border-radius: 3px;
      border: none;
      background-color: #404040;
      color: #fff;
      font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.5px;
}
@media(max-width: 768px){
.more_services{
      width: 100%;
      height: 940px;
      background-color: #fff;
      border-top: 1px solid #ffcc99;
      border-bottom: 1px solid #ffcc99;
      margin-top: 30px;
}
.more_services .container{
      padding: 0px;
}
.more_services .more_tittle{
      text-align: center;
      font-size: 24px;
      padding-top: 10px;
      font-family: 'DM Sans';
      font-weight: 500;
      margin-bottom: 40px;
}
.more_services .more_tittle span{
      color: rgb(233, 116, 43);
}
.more_services a{
      text-decoration: none;
}
.more_services .top_services{
      width: 100%;
      height: 175px;
      border: 1px solid #ddd;
      text-align: center;
      padding-top: 16px;
      margin-bottom: 30px;
      box-shadow: 0px 1px 5px #0002;
}
.more_services .top_services svg{
      width: 43px;
      color: #404040;
}
.more_services .top_services p{
      margin-top: 5px;
      color: #404040;
      font-family: 'DM Sans';
      letter-spacing: 0.5px;
      font-weight: 500;
      font-size: 14px;
}
.more_services .top_services button{
      width: 80%;
      height: 27px;
      border-radius: 3px;
      border: none;
      background-color: #404040;
      color: #fff;
      font-family: 'DM Sans';
      font-size: 14px;
      letter-spacing: 0.5px;
}
}

@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;}


.review_box{
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 18px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.review_box img{
    margin-top: 20px;
}
.review_box b{
    top: -35px;
    left: 20px;
    position: relative;
    font-size: 14px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .card-body{
   top: -35px;
    left: 50px;
    position: relative;
    font-size: 14px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .t_name{
    top: 57px;
    left: 70px;
    position: absolute;
    font-size: 14px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .date{
    top: -13px;
    left: 53px;
    position: relative;
    font-size: 13px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .comment{
    margin-top: -3px;
    position: relative;
    font-size: 16px;
    font-family: 'DM Sans';
    color: #404040;
}
/*Reviwes*/
/*Pages start*/
.bx{
	width: 100%;
	height: 290px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0px 1px 5px #0002;
	margin-top: 10px;
	position: relative;
	background: #fff;
}
.bx img{
	width: 60px;
	border-radius: 50%;
	position: absolute;
	top: 45px;
	left: 30px;
	border: 1px solid #0006;
}
.bx .nm{
	position: absolute;
	left: 120px;
	top: 20px;
	font-weight: 500;
	font-family: 'DM Sans';
	letter-spacing: 0.5px;
	color: #404040;
	font-size: 20px;
}
.bx .nm i{
	left: 250px;
	color: green;
}
.bx .loc{
	position: absolute;
	top: 58px;
	left: 120px;
	font-family: 'DM Sans';
	font-weight: 400;
	letter-spacing: 0.5px;
	font-size: 15px;
}
.bx .stars{
	position: absolute;
	left: 120px;
	top: 98px;
}
.bx .stars #star i{
	font-size: 17px;
}

.bx .sn{
	margin-top: 140px;
	margin-left: 34px;
	font-size: 15px;
	font-weight: 400;
	font-family: 'DM Sans';
	color: #404040;
	letter-spacing: 0.5px;
}
.bx li{
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	background: #0009;
	margin-left: 30px;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.dm_footer span{
    line-height: 27px;
} 
.d_box{
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 5px #0002;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    	background: #fff;
}
.d_box .s{
    font-size:  20px;
    font-family: 'DM Sans';
    font-weight: 500;
    color: #404040;
}
.d_box .d{
     font-size:  18px;
    font-family: 'DM Sans';
    font-weight: 400;
    color: #404040;
    margin-top: -18px;
    margin-bottom: 70px;
}
.d_box .f{
    font-size: 15px;
    position: absolute;
    margin-top: -46px;
    font-family: 'DM Sans';
}
#star_text{
    color: #ffc107;
    font-size: 25px;
    margin-top: -75px;
    position: absolute;
}

.d_box .g{
    font-size: 19px;
    margin-top: -14px;
    font-weight: 500px;
    font-family: 'DM Sans';
    color: #2a5372;
}
.d_body1{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.d_body1::-webkit-scrollbar {
    width: 5px;
    background: #fff;
    border-radius: 0 8px 8px 0;
    border: 1px solid #ddd;
}

.d_body1::-webkit-scrollbar-thumb {
    background: #0005;
    border-radius: 0 8px 8px 0;
}
.bbtt1{
    width: 130px;
    outline: none;
    height: 35px;
    border: 1px solid #ddd;
    color: #404040;
    box-shadow: 0px 1px 5px #0002;
    margin-bottom: 30px;
    cursor: pointer;
}
#bbtt2{
    width: 130px;
    outline: none;
    height: 35px;
    border: none;
    color: #404040;
    border: 1px solid #ddd;
    float: right;
    box-shadow: 0px 1px 5px #0002;
    margin-bottom: 30px;
    cursor: pointer;
}
@media (max-width: 768px){
    .d_box{
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 5px #0002;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
}
.review_box{
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 18px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.review_box img{
    margin-top: 20px;
}
.review_box b{
    top: -35px;
    left: 20px;
    position: relative;
    font-size: 14px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .card-body{
    top: -35px;
    left: 50px;
    position: relative;
    font-size: 14px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .t_name{
    top: -35px;
    left: 50px;
    position: relative;
    font-size: 13px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .date{
    top: -35px;
    left: 50px;
    position: relative;
    font-size: 12px;
    font-weight: 300px;
    font-family: 'DM Sans';
    color: #404040;
}
.review_box .comment{
    margin-top: -25px;
    position: relative;
    font-size: 16px;
    font-family: 'DM Sans';
    color: #404040;
}
}


#near-me-links{
    margin-top: 50px;
    margin-bottom: 50px;
}
#near-me-links .col-md-4 a{
    text-decoration: none;
    font-size: 16px;
    font-family: 'DM Sans';
    letter-spacing: 0.6px;
    line-height: 50px;
}
@media (max-width: 768px){
    #near-me-links .col-md-4 a{
    text-decoration: none;
    font-size: 13px;
    font-family: 'DM Sans';
    letter-spacing: 0.6px;
    line-height: 40px;
}
}
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;
}
}