@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/***** General CSS *****/

html {
    overflow-x: hidden;
}

.slicknav_menu {
    background-color: #cc050a;
}

.slicknav_nav a:hover {
    background: #000;
}


body {

  word-break: break-word;

  font: 15px/25px 'Poppins', sans-serif;

  color: #393939;

  overflow-x: hidden;

  background-color: #000;

}







a {

  text-decoration: none;

  color: #28b16d;

  white-space: initial;

}



a:hover,

a:focus {

  text-decoration: none;

  color: #393939;

}



a:hover {

  transition: all 0.5s ease-in-out;

  -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

}



img {

  max-width: 100%;

}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



ul {

  margin: 0 0 20px;

  padding: 0;

  list-style-type: none;

}



 



/***** Font Files *****/



@font-face {

  font-family: 'Fonts Awesome';

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal

}





/***** Custom Classes *****/



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.mt-5{

  margin-top: 50px;

}

.mb-5{

  margin-bottom: 50px;

}

.mt-8{

  margin-top: 80px;

}

.mt-4{

  margin-top: 40px;

}

.mt-3{

  margin-top: 30px;

}

.mt-2{

  margin-top: 20px;

}

.pt-5{

  padding-top: 50px;

}

.pb-1{

  padding-bottom: 10px;

}

.pb-2{

  padding-bottom: 20px;

}

.pb-3{

  padding-bottom: 30px;

}

.pb-4{

  padding-bottom: 40px;

}

.pb-8{

  padding-bottom: 80px;

}



.m-0{

  margin: 0 !important;

}



.p-0{

padding: 0 !important;

}

  

.pt-8{

  padding-top: 80px;

}

.pt-4{

  padding-top: 40px;

}

.pt-3{

  padding-top: 30px;

}

.pt-2{

  padding-top: 20px;

}

.all-section{

  padding: 80px 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.img-fluid{

  width: 100%;

}



.d-flex{

  display: flex;

  align-items: center;

}



.over-flow-h{

  overflow: hidden;

}



.theme-btn {

  font-size: 14px;

  line-height: 20px;

  font-weight: 500;

  padding: 15px 40px;

  color: #fff;

  margin: 20px 20px 20px 0;

  border-radius: 50px;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  text-transform: capitalize;

  border: 2px solid;

  text-transform: uppercase;

}



.theme-btn:hover {

  background-color: #fff;

  color: #28b16d;

  border-color: #28b16d;

}



.flexRow {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}



.flexCol {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;

}



h1 {

  font-family: 'Orbitron', sans-serif;

  font-size: 55px;

  line-height: 60px;

  color: #fff;

  font-weight: 500;

  margin: 0 0 17px;

}



h2 {

  font-family: 'Orbitron', sans-serif;

  font-size: 55px;

  line-height: 60px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 30px;

}



h3 {

  font-family: 'Orbitron', sans-serif;

  font-size: 30px;

  line-height: 34px;

  color: #000000;

  font-weight: 600;

  margin: 0 0 28px;

}



h4 {

  font-family: 'Orbitron', sans-serif;

  font-size: 24px;

  line-height: 29px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 13px;

}



h5 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 20px;

  line-height: 25px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 20px;

}



h6 {

  font-family: 'Poppins', Sans-Serif;

  font-size: 18px;

  line-height: 23px;

  color: #393939;

  font-weight: 500;

  margin: 0 0 22px;

}



p{

  color: #fff;

  font-size: 14px;

  line-height: 30px;

  font-weight: 400;

  margin-bottom: 20px;

}



select {

  background: #fff url('../images/arrow.png') no-repeat right;

  padding: 0 40px 0 30px;

  

}



::-webkit-input-placeholder {

  color: #575757;

}



::-moz-placeholder {

  color: #575757;

  opacity: 1;

}



:-ms-input-placeholder {

  color: #575757;

}



:-moz-placeholder {

  color: #575757;

  opacity: 1;

}





/*header css start */



.topSec{

  position: relative;

}

.topSec ul{

  display: flex;

  justify-content: flex-end;

  padding: 10px 0;

}

.topSec ul li i{

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 50px;

  width: 50px;

  background: #cc050a;

  font-size: 25px;

  border-radius: 50%;

  margin-right: 20px;

}

.topSec ul li h5{

  margin: 0;

  color: #fff;

  font-size: 16px;

  margin-right: 20px;

}



.topSec ul li a:hover{

  color: #cc050a;

}

.topSec ul li a{

  margin: 0;

  color: #fff;

  font-size: 16px;

  transition: 0.3s ease-in-out;

}

.btn-quote:hover{

  box-shadow: inset 80px 0 0 0 #fff , inset  -80px 0 0 0 #fff;

}

.btn-quote{

  display: flex;

  align-items: center;

  justify-content: center;

  height: 50px;

  width: 150px;

  background: #cc050a;

  border-radius: 10px;

  border-top-right-radius: 0;

  transition: 0.6s ease-in-out !important;

  color: #fff;

}



.menuSec {

  padding: 0px 0;

}

.header-logo {
    position: absolute;
    top: -10px;
    background: #fff;
    padding: 10px 10px;
    border-radius: 5px;
}



.menuSec img {

  margin: 0;

  width: 25%;

}



.menuSec::after{

  content: '';

  position: absolute;

  right: 0;

  background: #cc050a;

  height: 80%;

  width: 65%;

  z-index: -1;

  top: 10%;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}



.menuSec{

  position: relative;

  z-index: 1;

}

.menuSec ul {

  position: relative;

  list-style: none;

  padding: 0;

  margin: 0;

  text-align: left;

  text-transform: capitalize;

  display: flex;

  padding-left: 100px;

}



.menuSec ul li {

  position: relative;

  display: inline-block;

  margin: 0;

  padding: 0;

}



.menuSec li ul {

  display: none;

}



.menuSec ul li a {

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #fff;

    padding: 30px 30px;

    font-size: 16px;

}



.menuSec ul li a.active::before{

  content: '';

  position: absolute;

  left: 0;

  top: -10%;

  height: 120%;

  width: 100%;

  border: 2px solid #fff;

  z-index: -1;

}



.menuSec ul li a:hover,

.menuSec ul li a.active {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  color: #fff;

}



.menuSec li:hover>ul {
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #000000;
  left: 0px;
  width: 200px;
  text-align: left;
  top: 77px;
  padding: 0;
}



.menuSec li>ul>li>a {

  border: none;

  padding: 13px 20px !important;

  color: #fff !important;

  overflow: hidden;

  font-size: 13px;

  line-height: 20px;

}



.menuSec li>ul>li,

.menuSec li>ul>li>a {

  display: block;

  margin: 0;

}



.menuSec li>ul>li>a:before,

.menuSec li>ul>li>a:after {

  display: none;

}



.menuSec li:hover li {

  float: none;

}



.menuSec li:hover a {}



.menuSec li ul li a:hover {

  background-color: #ffffff;

  color: #000000 !important;

}



.menuSec ul ul ul {

  left: 100%;

  top: 0;

}



.menuSec ul:before,

.menuSec ul:after {

  content: " ";

  display: table;

}



.menuSec ul:after {

  clear: both;

}



.menuSec li>ul>li:hover>ul {

  left: 230px;

  top: 0px;

  width: 270px;

}

.droopdwon li:hover>ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000000;

    left: 0px;

    width: 230px;

    text-align: left;

    top: 40px;

}

.droopdwon {

    float: left;

}

.droopdwon li:hover li a:hover {

    background-color: #ffffff;

    color: #000 !important;

}

/*header css start */



.dropdown-menu {

    position: absolute !important;

    z-index: 1000;

    display: block;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0;

    font-size: 1rem;

    color: #212529;

    text-align: left !important;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.25rem;

}

/*banner css start */



.banner-bgs{

  position: relative;

}

.banner-bgs::before{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: url("../images/banner-bg.png");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: top center;

}

.banner-he{

  height: 700px;

  position: relative;

  padding-bottom: 60px;

}



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

  width: 100%;

}

.carousel-control.right,

.carousel-control.left {

  background: none;

  opacity: 1;

  width: 50px;

  height: 50px;

  top: initial;

  top: 40%;

  background: rgba(255, 255, 255, 0.1);

  text-shadow: none;

}

.carousel-control.right:hover,

.carousel-control.left:hover {

  background: rgba(255, 27, 27, 0.6);

  color: #fff;

}

.carousel-control.right .fa,

.carousel-control.left .fa {

  position: relative;

  top: 12px;

  font-size: 20px;

  color: #fff;

  opacity: 0.5;

}

.carousel-control.right {

  right: 0px;

}

.carousel-control.left {

  left: 0px;

}

.carousel-indicators {}

.carousel-indicators [data-bs-target] {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 12px;

    padding: 0;

    margin: 3px!important;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 1;

    /* transition: opacity 0.6s ease; */

    border-radius: 20px;

}

.carousel-caption {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  margin: 0;

  padding: 0;

  color: #fff;

  text-align: left;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  background: rgba(0, 0, 0, 0.1);

}

.carousel-indicators li {

  border: none;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  background: #fff;

  width: 12px;

  height: 12px;

  margin: 0;

}

.carousel-indicators .active {

  margin: 0;

  background-color: #28b16d;

  width: 10px;

  height: 12px;

}

/*banner css end*/



 /* search box css */





.top-shipping ul li {

  margin-right: 15px;

}

.top-shipping ul{

  align-items: baseline !important;

}





body.search-open {

  overflow: hidden;

}



.close {

  position: absolute;

  top: 2rem;

  right: 2rem;

  background: none;

  border: 0;

  font-size: 50px;

  font-weight: 700;

  display: block;

  cursor: pointer;

  color: black;

  padding: 1rem 1.25rem;

  border-radius: 50%;

  outline: none;

  display: flex;

  align-items: center;

  justify-content: center;

  color: rgb(255, 255, 255);

  font: 18px;

  opacity: 1 !important;

  width: 50px;

  height: 50px;

}

.close:hover {

    background: #e21d1a;

    color: white;

    opacity: 1 !important;

    top: 2rem;

    right: 2rem;

}



.search-box.search-elem {

  margin: 0;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  background: #390103eb;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

}

.search-box.search-elem .inner {

  width: 70%;

  margin: 0 auto;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  text-align: left;

}

.search-box.search-elem label {

  color: white;

  font-weight: 300;

  font-family: 'Raleway', sans-serif;

}

.search-box.search-elem button.submit {

  outline: none;

  position: absolute;

  top: 0;

  right: 15px;

  height: 70px;

  color: #ffffff;

  width: 171px;

  height: 55px;

  background: #000000;

  font-family: 'Poppins';

  font-size: 22px;

  cursor: pointer;

  border: 0;

}



.top-cart ul li i {

  margin-right: 13px;

  font-size: 20px;

}





.search-box.search-elem button.submit[disabled] { 

  width: 171px;

  height: 55px; 

  font-size: 20px;

  color: white;

  background: linear-gradient(to top, #e70e0e 0%, #f66565 100%); 

  display: inline-block;

}

.search-box.search-elem input[type=text] {

  padding: 20px;

  height: 55px;

  width: 80%;

  font-size: 32px;

  font-family: 'Poppins';

  font-weight: 300;

  border: none;

  border-bottom: solid 2px #e21d1a;

  transition: border 0.3s;

  border-radius: 0;

}

.search-box.search-elem input[type=text]:focus {

  border-bottom: solid 2px #55cd6c;

  box-shadow: none;

}

.search-box.search-elem label.placeholder {

  position: absolute;

  top: 13px;

  left: 2rem;

  font-size: 32px;

  font-weight: 300;

  font-family: 'Poppins';

  color: #999;

  transition: all 0.3s;

}

.search-box.search-elem label.placeholder.move-up {

  top: -25px;

  color: white;

  font-size: 17px;

  font-family: 'Poppins';

}



.search-box.search-elem.search-open {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.search-btn {

    background: #fff;

    height: 50px;

    width: 50px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin-top: 16px;

    margin-left: 20px;

    padding: 0 !important;

}

.search-btn i{

  color: #cc050a;

  font-weight: 600;

  font-size: 20px;

}



.banner_text h1{

color: #fff;

font-size: 36px;

font-weight: 600;

line-height: 60px;
}

.banner_text h1 span{

  display: block;

}

}
.banner_text p {
    width: 77%;
}


.themes-btn{

      display: flex;

    align-items: center;

    justify-content: center;

    height: 50px;

    width: 150px;

    background: #fff;

    color: #cc050a;

    border-radius: 10px;

    border-top-right-radius: 0;

    transition: 0.6s ease-in-out;

}

.themes-btn:hover{

  box-shadow: inset 80px 0 0 0 #cc050a , inset -80px 0 0 0 #cc050a;

  color: #fff;

  border-radius: 0; 

}

.banner_img img {
  height: 433px;
  width: 100%;
  object-fit: cover;
  /* z-index: 2; */
}

.banner_img {



}

section.main_slider{

      position: relative;

    z-index: 0;

}


section.main_slider.inner {
    margin-top: 20px;
}




  /*******************************all section****************************/

    .themes-padd{

      padding: 80px 0;

    }
.header-logo h2 {
    margin: 0;
    color: #cc050a;
    font-size: 40px;
}
    .themes-h2{

      color: #fff;

      font-size: 60px;

      margin: 20px 0;

      font-weight: 600;

    }

    .themes-h2 span{

      color: #cc050a;

    }

    .themes-h3{

      color: #fff;

      font-size: 50px;

      margin: 20px 0;

      font-weight: 600;

    }



    .satis-sec::after{

      content: '';

      position: absolute;

      height: 75%;

      border: 1px solid #fff;

      width: 60%;

      top: -28%;

      right: -9%;

      z-index: -1;

      border-radius: 300px;

      transform: rotate(-15deg);

      border-right: 0;

    }

    .satis-sec{

      position: relative;

    }

    .cost-box:hover{

      box-shadow:  0 0 20px 20px #cc050a40;

      background: #cc050a;

    }

    .cost-box{

      padding: 30px 20px;

      border: 2px solid #fff;

      border-radius: 20px;

      text-align: center;

      transition: 0.3s ease-in-out;

      background: #000;

      border-radius: 50px;

    }

    .cost-box h3{

      color: #fff;

      font-size: 20px;

      margin: 20px 0;

    }



    .about-sec::before{

      content: '';

    position: absolute;

    right: 0;

    height: 120%;

    width: 100%;

    background: url(../images/about-sec-bg.png);

    background-size: cover;

    bottom: 0;

    background-repeat: no-repeat;

    background-position: bottom left;

    z-index: -1;

    }

    .about-sec::after{

         content: '';

    position: absolute;

    right: 0;

    height: 60%;

    width: 9%;

    background: url(../images/circle.png);

    background-repeat: no-repeat;

    background-size: contain;

    top: -100px;

    }

    .about-sec{

      position: relative;

      padding-bottom: 120px;

      z-index: 0;

    }

    .about-sec .about-img{

          position: absolute;

    left: 0;

    width: 48%;

    top: 0;

    height: 100%;

    }

    .about-sec .about-img img{

height: 530px;

width: 100%;

object-fit: cover;

}

    .about-sec p{

      width: 85%;

    }



    .service-sec::before{

     content: '';

    position: absolute;

    width: 100%;

    height: 70%;

    top: 0;

    background-image: url(../images/service-bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

    background-position: bottom;

    }

    .service-sec{

      position: relative;

      z-index: 0;

    }

    .service-sec .row{

      display: flex;

      align-items: center;

    }

    .service-sec .container-fluid{

      padding-left: 8%;

      padding-right: 0;

    }

    .ser-box{

      position: relative;

      border: 1px solid #fff;

      border-radius: 10px;

    }

    .ser-box .serv-img{

      overflow: hidden;

      height: 350px;

      border-top-left-radius: 10px;

      border-top-right-radius: 10px;

      z-index: -1;

    }

    .ser-box:hover .serv-img img{

      transform: scale(1.2);

      z-index: -1;

    }

    .ser-box .serv-img img{

      transition: 0.3s ease-in-out;

      height: 100%;

      width: 100%;

    }

    .ser-box:hover .serv-txt h4{

      color: #cc050a;

    }

    .ser-box .serv-txt {

      padding: 10px 20px;

      margin-top: -40px;

      z-index: 1;

      position: relative;

    }

    .ser-box .serv-txt h4{

      color: #fff;

      font-size: 25px;

      font-weight: 600;

      margin-bottom: 10px;

      transition: 0.3s ease-in-out;

    }

    .ser-box .serv-txt p{

      margin-bottom: 10px;

    }

    .ser-box .serv-txt a{

      color: #fff;

      text-decoration: underline;

      margin-bottom: 20px;

    }

    .ser-box:hover .serv-txt h6{

      color: #cc050a;

      opacity: 0.3;

    }

    .ser-box .serv-txt h6{

      position: absolute;

      right: 20px;

      bottom: 50px;

      color: #fff;

      opacity: 0.1;

      font-size: 160px;

      font-family: 'Orbitron', sans-serif;

      transition: 0.3s ease-in-out;

    }



    .service-sli .slick-slide{

      opacity: 1;

    }



    .testiomal-sec::before{

      content: '';

    position: absolute;

    left: 10%;

    top: 25px;

    height: 600px;

    width: 600px;

    border: 50px solid #fff;

    border-radius: 50%;

      z-index: -1;

    }

    .testiomal-sec::after{

      content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    background: url("../images/testiomal-bg.png");

    background-size: cover;

      z-index: -1;



    }

    .testiomal-sec{

      position: relative;

      padding: 120px 0;

      z-index: 0;

    }

    .testi-box::after{

          content: '';

    position: absolute;

    right: 30%;

    top: -5%;

    height: 100px;

    width: 100px;

    background-image: url(../images/testi-box-bg.png);

    background-size: contain;

    background-repeat: no-repeat;

    }

    .testi-box{

      background: #cc050a;

      position: relative;

      padding: 30px;

      border-radius: 20px;

    }

    .testi-box ul{

      display: flex;

      align-items: center;

    }

    .testi-box ul li img{

      margin-right: 20px;

      height: 150px;

      width: 150px;

      object-fit: contain;

    }

    .testi-box ul li h4{

      margin: 0;

      color: #fff;

      font-size: 35px;

      font-weight: 600;

    }

    .testi-box ul li h6{

      color: #fff;

      font-size: 14px;

      margin: 0;

    }

    .testi-box p{

      font-style: italic;

      font-size: 16px;

    }

    .test-sli .slick-dots li button:before{

      content: '';

      position: absolute;

      width: 10px;

      height: 10px;

      background: #fff;

      opacity: 1;

    }

    .test-sli .slick-dots li{

      width: 50px;

    }

    .test-sli .slick-dots li.slick-active button{

      width: 50px;

    }

    .test-sli .slick-dots li.slick-active button:before{

      opacity: 1;

      width: 40px;

      background: #fff;

    }

    .test-sli .slick-dots li.slick-active{

      opacity: 1;

    }

    .test-sli .slick-slide{

      opacity: 1;

    }

    .test-sli .slick-dots{

      opacity: 1;

      width: 50px;

    }

    .test-sli .slick-dots{

      left: 50%;

      transform: translate(-50%,-10px);

    }

    .blog-sec{

      position: relative;

    }

    .blog-box:hover{

      border-color: #fff;

    }

    .blog-box{

      position: relative;

      border: 2px solid transparent;

      border-radius: 30px;

      transition: 0.3s ease-in-out;

    }

    .blog-box .blog-img{

          position: relative;

    overflow: hidden;

    height: 300px;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

    }

    .blog-box:hover .blog-img img{

      transform: scale(1.3);

    }

    .blog-box .blog-img img{

      height: 100%;

      object-fit: cover;

      width: 100%;

      transition: 0.3s ease-in-out;

      object-position: top center;

    }

    .blog-box .blog-txt {

      padding: 20px 20px;

    }

    .blog-box .blog-txt h3{

      color: #fff;

      font-size: 30px;

    }

    .blog-box .blog-txt h3 span{

      display: block;

    }

    .blog-box .blog-txt a{

      color: #fff;

      text-decoration: underline;

    }

  /*******************************all section****************************/





  /*******************************inner pages****************************/

    .inner-head{

      position: absolute;

      width: 100%;

      top: 0;

      z-index: 1;

    }

/*    .inner-about-sec::after {

        content: '';

    position: absolute;

    right: 0;

    height: 60%;

    width: 9%;

    background: url(../images/circle.png);

    background-repeat: no-repeat;

    background-size: contain;

    top: 0;

  }*/

/*    .inner-about-sec::before {

        content: '';

    position: absolute;

    left: -5%;

    transform: rotate(180deg);

    height: 70%;

    width: 15%;

    background: url(../images/circle.png);

    background-repeat: no-repeat;

    background-size: contain;

    top: -50%;

  }*/

    .inner-about-sec{

      position: relative;

    background-image: url(../images/inner-about-sec-bg.png);

    }



    .static-sec{

      position: relative;

      background: #cc050a;

    }

    .static-sec ul{

      display: flex;

      justify-content: space-between;

      text-align: center;

    }

    .static-sec ul li i{

      display: flex;

      align-items: center;

      justify-content: center;

      height: 60px;

      width: 60px;

      background: #fff;

      border-radius: 50%;

      color: #cc050a;

      margin: 0% auto;

      font-size: 25px;

      transition: 0.3s ease-in-out;

    }

    .static-sec ul li h2{

      color: #fff;

      font-size: 60px;

      font-weight: 600;

      margin: 15px 0;

    }

    .static-sec ul li h3{

      color: #fff;

      font-size: 30px;

      font-weight: 500;

      font-family: 'Poppins';

      margin: 0;

    }

    .why-chosse-sec{

      position: relative;

      background-image: url("../images/why-chosse-sec-bg.png");

    }

    .why-chosse-sec ul li::before{

      content: '\f058';

      font-family: 'Font Awesome 5 Free';

      font-weight: 600;

      position: absolute;

      color: #cc050a;

      left: 0;

      font-size: 40px;

      top: 10px;

    }

    .why-chosse-sec ul li{

      padding-left: 70px;

      position: relative;

    }

    .why-chosse-sec .themes-h2 span{

      display: block;

    }

    .why-chosse-sec ul li h3{

      color: #fff;

      font-size: 25px;

      margin: 10px 0;

    }

    .why-chosse-sec ul li p{

      width: 80%;

    }



    .servcie-inner-sec{

      position: relative;

      background: url("../images/servcie-inner-sec-bg.png");

      background-size: cover;

    }

    .serv-inner-box{

      margin: 20px 0;

      text-align: center;

    }

    .serv-inner-box h3{

color: #fff;

font-size: 30px;

margin: 15px 0;

text-transform: capitalize;
}

    .pagention{

      display: flex;

      justify-content: center;

      margin-top: 50px;

      margin-bottom: 0;

    }

    .pagention li a.active{

      opacity: 1;

    }

    .pagention li a{

      display: flex;

      align-items: center;

      justify-content: center;

      height: 40px;

      width: 40px;

      background: #cc050a;

      color: #fff;

      font: 20px;

      border-radius: 5px;

      margin-right: 5px;

      opacity: 0.5;

    }



    .blog-inner-sec{

      position: relative;

      background-image: url("../images/blog-inner-sec-bg.png");

    }

    .blog-inner-sec .blog-box{

      border: 0;

    }

    .blog-inner-sec .blog-box:hover{

      border: 0;

    }

    .blog-inner-sec .blog-box{

      margin: 20px 0;

    }

    .blog-inner-sec .blog-box .blog-txt{

          padding: 20px 0;

    }

    .blog-detail-sec{

      position: relative;

      background:url("../images/blog-detail-sec-bg.png");

      background-size: cover;

      background-position: top center; 

    }

    .blog-detail-sec h2{

      color: #fff;

      font-size: 40px;

      line-height: 45px;

    }

    .blog-detail-sec h2 span{

      display: block;

    }

    .blog-detail-sec ul{

      display: flex;

    }

    .blog-detail-sec ul li{

      margin-right: 10%;

      color: #fff;

    }

    .blog-detail-sec ul li i{

      color: #a5060b;

      font-size: 22px;

      padding-right: 5px;

    }

    .mngtop{

      margin-top: 50px;

    }

    .inner-head .header-logo img {

    width: 100%;

}

.inner-head .header-logo {

   z-index: -1;

    width: 23%;

    margin-top: -5px;

}



  .contact-sec{

    position: relative;

    background-image: url("../images/contact-sec-bg.png");

        background-size: cover;

    background-position: top center;

  }

  .contact-sec input{

    width: 100%;

    height: 60px;

    border: 0;

    margin-bottom: 20px;

    padding: 10px;

    border-top-right-radius: 20px;

  }

  .contact-sec textarea{

    width: 100%;

    height: 160px;

    border: 0;

    margin-bottom: 20px;

    padding: 10px;

    border-top-right-radius: 20px;

    resize: none;

  }

  .contact-sec button{

    width: 100%;

    background: #cc050a;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 60px;

    border-top-right-radius: 20px;

    color: #fff;

    border: 0;

    margin-bottom: 10px;

  }

  .cont-side{

    padding: 20px;

    background: #cc050a;

    border-radius: 15px;

    border-top-left-radius: 0;

    border-bottom-right-radius: 0;

  }

  .cont-side h3{

    color: #fff;

  }

  .cont-side h5{

    color: #fff;

    margin: 0;

    font-size: 16px;

  }

  .cont-side ul li{

    margin-bottom: 10px;

  }

  .cont-side ul li .d-flex{

    align-items: flex-start;

  }

  .cont-side ul li .d-flex i{

    color: #fff;

    margin-right: 10px;

    font-size: 20px;

  }

  .cont-side ul li a{

    color: #fff;

    font-weight: 300;

    font-size: 14px;

  }

  .cont-side ul li a span{

    display: block;

  }

  .social-con{

    display: flex;

  }

  .social-con li a i{

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    border: 1px solid #fff;

    font-size: 20px;

    margin-right: 10px;

  }

  .quotes-sec{

    position: relative;

    background-image: url("../images/quotes-sec-bg.png");

  }

  .quotes-sec ::placeholder{

    color: #fff;

  }

  .quotes-sec h3{

    color: #fff;

    text-align: center;

  }

  .quotes-sec input{

    width: 100%;

    padding: 12px;

    border: 1px solid #fff;

    background-color: transparent;

    margin-bottom: 20px;

    border-bottom-right-radius: 20px;

  }

  .quotes-sec textarea{

    border-bottom-right-radius: 20px;

    width: 100%;

    padding: 12px;

    border: 1px solid #fff;

    background-color: transparent;

    margin-bottom: 20px;

    resize: none;

    height: 160px;

  }

  .quotes-sec button{

    border-bottom-right-radius: 20px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 60px;

    background: #cc050a;

    color: #fff;

    border: 0;

  }

  .privacy-police{

    position: relative;

    background: url("../images/privacy-police-bg.png");

  }

  .privacy-police h3{

    color: #fff;

    margin: 15px 0;

  }

  /*******************************inner pages****************************/





/*footer-sec*/

  .footer-sec .row{

    display: flex;

    align-items: center;

  }

  .footer-sec::before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    background-size: contain;

    background: url("../images/fot-bg.png");

  }

  .footer-sec{

    padding-top: 80px;

    padding-bottom: 30px;

    position: relative;

    z-index:0;

  }

  .footer-sec h4::before{

    content: '';

    position: absolute;

    height: 5px;

    width: 50px;

    bottom: -20px;

    background: #cc050a;

    z-index: -1;

  }

  .footer-sec h4{

    z-index: 1;

    color: #cc050a;

    font-size: 35px;

    font-weight: 600;

    margin-bottom: 60px;

    position: relative;

  }

  .footer-sec .nav-list{

    margin-bottom: 90px;

  }

  .footer-sec .nav-list li{

    margin-bottom: 20px;

  }

  .footer-sec .nav-list li i{

    color: #fff;

    width: 30px;

    font-size: 20px;

  }

  .footer-sec .nav-list li a{

    color: #fff;

    transition: 0.3s ease-in-out;

  }

  .footer-sec .nav-list li a:hover{

    padding-left: 5px;

    color: #cc050a;

  }

  .footer-sec .fot-form{

    background: #cc050a;

    border-radius: 10px;

    padding: 20px;

    text-align: center;
    max-width: 340px;

  }

  .footer-sec .fot-form h3{

    color: #fff;

    font-size: 35px;

    letter-spacing: 1px;

    margin: 0;

  }

  .footer-sec .fot-form input{

    width: 100%;

    background: #fff;

    padding: 8px 10px;

    border: 0;

    margin-bottom: 5px;

    border-radius: 10px;

    border-top-right-radius: 0;

  }

  .footer-sec .fot-form textarea{

    width: 100%;

    background: #fff;

    padding: 8px 10px;

    border: 0;

    margin-bottom: 5px;

    border-radius: 10px;

    border-top-right-radius: 0;

    resize: none;

    height: 60px;

  }

  .footer-sec .fot-form button{

    width: 100%;

    display: flex;

    border: 0;

    background: #100f10;

    color: #fff;

    border-radius: 10px;

    border-top-right-radius: 0;

    height: 50px;

    justify-content: center;

    align-items: center;

  }

  .footer-sec .nes-le{

    position: relative;

  }

  .footer-sec .nes-le input{

    width: 100%;

    padding: 12px;

    border: 0;

    padding-right: 60px;

    border-top-right-radius: 30px;

  }

  .footer-sec .nes-le button{

    position: absolute;

    right: 0;

    top: 0;

    border: 0;

    background: #cc050a;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 50px;

    width: 50px;

    color: #fff;

    border-top-right-radius: 30px;

    font-size: 20px;

  }

  .footer-sec .fot-scial{

    display: flex;

    margin: 20px 0;

  }

  .footer-sec .fot-scial li a i:hover{

    transform: scale(1.1);

  }

  .footer-sec .fot-scial li a i{

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    margin-right: 10px;

    font-size: 22px;

    transition: 0.3s ease-in-out;

  }

  .f-icon1{background: #3b5a9a;}

  .f-icon2{background: #d54936;}

  .f-icon3{background: #cd2129;}

  .f-icon4{background: #25a8e0;}

  .footer-sec p a{

    color: #fff;

  }

/*footer-sec*/





/*@media only screen and (max-width: 1440px) {*/

/*.satis-sec{*/

/*      overflow-x: hidden;*/

/*}*/

/*.service-sec {*/

/*    overflow: hidden;*/

/*}*/

/*}*/

/*@media only screen and (max-width: 1220px) {*/

/*  .banner_text h1 {*/

/*    font-size: 80px;*/

/*    line-height: 85px;*/

/*}*/

/*.banner-he {*/

/*    height: 600px;*/

/*    padding-bottom: 0;*/

/*}*/

/*.themes-padd {*/

/*    padding: 40px 0;*/

/*}*/

/*.cost-box h3 {*/

/*    font-size: 18px;*/

/*    margin: 10px 0;*/

/*}*/

/*.about-sec::after {*/

/*    height: 38%;*/

/*    width: 9%;*/

/*    top: -20px;*/

/*}*/

/*.themes-h3 {*/

/*    font-size: 45px;*/

/*}*/

/*.ser-box .serv-img{*/

/*      height: 250px;*/

/*}*/

/*.ser-box .serv-txt h6{*/

/*      font-size: 110px;*/

/*}*/

/*.ser-box .serv-txt p {*/

/*    margin-bottom: 10px;*/

/*    font-size: 13px;*/

/*    line-height: 25px;*/

/*}*/

/*.service-sec::before{*/

/*  top: 10%;*/

/*  background-position: bottom;*/

/*}*/

/*.blog-box .blog-txt h3 {*/

/*    color: #fff;*/

/*    font-size: 20px;*/

/*        margin: 10px 0;*/

/*}*/

/*}*/



/*@media only screen and (max-width: 1024px) {*/

/*    .menuSec::after{*/

/*        width:75%;*/

/*    }*/

/*    .header-logo {*/

/*    position: absolute;*/

/*    top: 15px;*/

/*}*/

/*.inner-head .header-logo {*/

/*    z-index: -1;*/

/*    width: 19%;*/

/*    margin-top: -5px;*/

/*}*/

/*  .menuSec img {*/

/*        width: 20%;*/

/*    }*/

/*  .menuSec ul{*/

/*    padding-left: 0;*/

/*  }*/

/*  .banner_text h1 {*/

/*    font-size: 60px;*/

/*    line-height: 65px;*/

/*}*/

/*.cost-box h3 {*/

/*    font-size: 15px;*/

/*}*/

/*.cost-box p {*/

/*    font-size: 13px;*/

/*    line-height: 25px;*/

/*    margin: 0;*/

/*}*/

/*.about-sec .about-img{*/

/*      height: 80%;*/

/*    top: 10%;*/

/*}*/

/*.themes-h3 {*/

/*    font-size: 35px;*/

/*    margin: 10px 0;*/

/*}*/

/*.ser-box .serv-img {*/

/*    height: 300px;*/

/*}*/

/*.about-sec{*/

/*  padding-bottom: 30px;*/

/*}*/

/*.testiomal-sec::before{*/

/*      left: 5%;*/

/*    top: 50px;*/

/*}*/

/*.blog-box .blog-txt p {*/

/*    font-size: 13px;*/

/*    line-height: 25px;*/

/*    margin: 10px 0;*/

/*}*/

/*.footer-sec .nav-list li a{*/

/*  font-size: 14px;*/

/*}*/

/*.static-sec ul li h3 {*/

/*    font-size: 25px;*/

/*}*/

/*}*/



/*@media only screen and (max-width: 920px) {*/

/*  .header-logo {*/

/*    margin-left: -50px;*/

/*}*/

/*.menuSec ul li a{*/

/*      padding: 30px 15px;*/

/*    font-size: 14px;*/

/*}*/

/*.banner_text h1 {*/

/*    font-size: 45px;*/

/*    line-height: 50px;*/

/*}*/

/*.banner-he {*/

/*    height: 450px;*/

/*    padding-bottom: 0;*/

/*}*/

/*.themes-padd {*/

/*    padding: 20px 0;*/

/*}*/

/*.cost-box{*/

/*      margin: 10px 0;*/

/*}*/

/*.satis-sec::after{*/

/*    height: 60%;*/

/*    width: 50%;*/

/*    right: -9%;*/

/*}*/

/*.about-sec .about-img {*/

/*    height: 100%;*/

/*    top: 0;*/

/*    position: relative;*/

/*    width: 60%;*/

/*    margin: 0% auto;*/

/*}*/

/*.about-sec{*/

/*  text-align: center;*/

/*}*/

/*.about-sec p{*/

/*  width: 100%;*/

/*}*/

/*.btn-quote{*/

/*  margin: 0% auto;*/

/*}*/

/*.service-sec .btn-quote {*/

/*  margin-bottom: 20px;*/

/*}*/

/*.service-sec .themes-h3 {*/

/*    text-align: center;*/

/*}*/

/*.service-sec p {*/

/*    text-align: center;*/

/*    margin: 10px 0;*/

/*}*/

/*.ser-box .serv-txt p{*/

/*  text-align: left;*/

/*}*/

/*.footer-sec h4{*/

/*  margin-top: 20px;*/

/*}*/

/*.header-logo {*/

/*    margin-left: -20px;*/

/*}*/

/*.menuSec ul {*/

/*    padding-left: 10px;*/

/*}*/

/*.service-sec p{*/

/*      width: 90%;*/

/*    margin: 0% auto;*/

/*    margin-bottom: 10px;*/

/*}*/

/*.service-sec .container-fluid{*/

/*  padding: 0;*/

/*}*/

/*.about-sec .row {*/

/*    display: flex;*/

/*    flex-direction: column-reverse;*/

/*}*/

/*.about-sec .about-img{*/

/*      margin-top: 20px;*/

/*}*/

/*.static-sec ul {*/

/*    display: flex;*/

/*    flex-wrap: wrap;*/

/*}*/

/*.static-sec ul li{*/

/*  width: 50%;*/

/*}*/



/*}*/



/*@media only screen and (max-width: 768px) {*/

/*  .testi-box::after{*/

/*    right: 10%;*/

/*  }*/

/*  .inner-head .header-logo {*/

/*    z-index: -1;*/

/*    width: 25%;*/

/*    top: 12px;*/

/*}*/

/*}*/

/*@media only screen and (max-width: 600px) {*/

/*  .banner_text h1 {*/

/*    font-size: 25px;*/

/*    line-height: 30px;*/

/*}*/

/*  .static-sec ul li{*/

/*  width: 100%;*/

/*}*/

/*.mngtop {*/

/*    margin-top: 0;*/

/*}*/

/*.blog-detail-sec h2 {*/

/*    font-size: 25px;*/

/*    line-height: 35px;*/

/*    margin: 15px 0;*/

/*}*/

/*.static-sec ul li h3 {*/

/*    margin-bottom: 10px;*/

/*}*/

/*.static-sec ul li h2 {*/

/*    font-size: 40px;*/

/*    margin: 5px 0;*/

/*}*/

/*  .testiomal-sec::before{*/

/*    opacity: 0;*/

/*    height: 0;*/

/*    width: 0;*/

/*  }*/

/*  .testiomal-sec {*/

/*    padding: 40px 10px;*/

/* }*/

/* .slicknav_menu {*/

/*    display: block;*/

/*    background: #cc050a;*/

/*    padding: 25px;*/

/*}*/

/*.slicknav_btn{*/

/*      background-color: #000;*/

/*    padding: 10px;*/

/*}*/



/*.slicknav_menu .slicknav_icon-bar {*/

/*    background-color: #cc050a;*/

/*    width: 1.125em;*/

/*    height: 3px;*/

/*}*/

/*.header-logo {*/

/*    position: absolute;*/

/*    top: -170px;*/

/*    margin-left: 10px;*/

/*    width: 50%;*/

/*}*/

/*.menuSec img {*/

/*    width: 100%;*/

/*}*/

/*.slicknav_nav{*/

/*      font-size: 16px;*/

/*    line-height: 30px;*/

/*    position: absolute;*/

/*    left: 0;*/

/*    top: 90px;*/

/*    width: 100%;*/

/*    z-index: 99;*/

/*    background: #cc050a;*/

/*    border-top: 2px solid #fff;*/

/*}*/

/*.banner_img img {*/

/*    position: relative;*/

/*    width: 100%;*/

/*    right: 0;*/

/*    bottom: 0;*/

/*}*/

/*.banner-he {*/

/*    height: 600px;*/

/*}*/

/*.banner_text {*/

/*    text-align: center;*/

/*}*/

/*.banner_text p {*/

/*    width: 100%;*/

/*}*/

/*.banner_text a {*/

/*    margin: 0% auto;*/

/*    margin-bottom: 20px;*/

/*}*/

/*.about-sec .about-img{*/

/*  width: 80%;*/

/*}*/

/*.ser-box .serv-txt p{*/

/*  margin-left: 0;*/

/*}*/

/*.testi-box{*/

/*      padding: 30px 10px;*/

/*}*/

/*.testi-box ul li img {*/

/*    margin-right: 20px;*/

/*    height: 100px;*/

/*    width: 100px;*/

/*    object-fit: contain;*/

/*}*/

/*.testi-box::after{*/

/*  height: 70px;*/

/*          width: 80px;*/

/*}*/

/*.testi-box p {*/

/*    font-style: italic;*/

/*    font-size: 14px;*/

/*    line-height: 25px;*/

/*}*/

/*.test-sli .slick-dots {*/

/*    left: 40%;*/

/*    transform: translate(-50%,20px);*/

/*}*/

/*.themes-h2 {*/

/*    font-size: 35px;*/

/*    margin: 10px 0;*/

/*}*/

/*.footer-sec {*/

/*    padding-top: 10px;*/

/*    padding-bottom: 10px;*/

/*}*/

/*.footer-sec .nav-list {*/

/*    margin-bottom: 0;*/

/*}*/

/*.ser-box .serv-img {*/

/*    height: 200px;*/

/*}*/

/*.inner-head {*/

/*    position: relative;*/

/*}*/

/*.inner-head .header-logo {*/

/*    z-index: -1;*/

/*    width: 20%;*/

/*}*/

/*}*/



/*@media only screen and (max-width: 500px) {*/

/*  .inner-head .header-logo {*/

/*    z-index: -1;*/

/*    width: 30%;*/

/*}*/

/*.inner-head .header-logo {*/

/*    z-index: -1;*/

/*    width: 50%;*/

/*    top: -170px;*/

/*}*/

/*}*/

/*@media only screen and (max-width: 400px) {*/

/*  .banner_text h1 {*/

/*    font-size: 20px;*/

/*    line-height: 30px;*/

/*}*/

/*  .inner-head .header-logo{*/

/*        top: -170px;*/

/*  }*/

/*  .header-logo {*/

/*    top: -170px;*/

/*}*/

/*.footer-sec h4{*/

/*      margin-bottom: 35px;*/

/*}*/

/*.footer-sec p {*/

/*    margin-bottom: 10px;*/

/*}*/

/*.service-sec::before {*/

/*    top: 20%;*/

/*}*/

/*.ser-box .serv-txt p {*/

/*    width: 100%;*/

/*}*/

/*.topSec ul li i {*/

/*    height: 40px;*/

/*    width: 40px;*/

/*    font-size: 18px;*/

/*    margin-right: 10px;*/

/*}*/

/*.topSec ul li h5 {*/

/*    font-size: 14px;*/

/*    margin-right: 10px;*/

/*}*/

/*.btn-quote{*/

/*      width: 130px;*/

/*}*/

/*  .satis-sec::after{*/

/*    opacity: 0;*/

/*  }*/

/*  .about-sec::before{*/

/*    height: 100%;*/

/*  }*/



/*}*/

section.product-wrap {
    padding: 100px 0;
}

.product-b {
    border: 1px solid #cc050a;
    border-radius: 5px;
    padding: 20px 20px;
    margin-top: 50px;
    height: 480px;
}

.product-img {
}

.product-txt h4 {
    color: #fff;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 23px;
}
.product-txt p {
    height: 100px;
    display: flex;
    align-items: center;
}
.product-txt a {
    color: #fff;
}

.banner_text {
    padding-left: 0px;
}

.menuSec img {
    margin: 0;
    width: 250px;
    object-fit: cover;
}
.header-logo {
    margin-top: -40px;
}
.product-img img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.about-inner-img img {
  height: 430px;
  width: 100%;
  object-fit: cover;
}
.serv-inner-box img {
  height: 430px;
  width: 100%;
  object-fit: cover;
  border-radius: 50px;
}
.cost-box p {
    height: 70px;
    display: flex;
    align-items: center;
}
ul.feature-text h3 {
    color: #fff;
}
ul.feature-text {
    display: block;
    margin-bottom: 30px;
}
ul.feature-text li p {
    margin-bottom: 10px;
}
h3.beneifit-text {
    color: #fff;
    margin-bottom: 10px;
}
.pro-detail-img img {
    width: 100%;
    height: 450px;
    border-radius: 50px;
}
.mission-textmain h3 {
    color: #fff;
    margin-bottom: 10px;
}
.blog-detailmaintext-dv h3 {
    color: #fff;
    margin-bottom: 9px;
    font-size: 23px;
}
.blog-detailmaintext-dv h2 {
    margin-bottom: 10px;
}
h2.det-blog-text {
    font-size: 22px;
    line-height: 39px;
}





/*Media Query Starts*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1501px) and (max-width: 1600px) {}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {


p {
    font-size: 12px;
    line-height: 20px;
}



.topSec ul li i {
    height: 35px;
    width: 35px;
    font-size: 15px;
    margin-right: 10px;
}

.btn-quote {
    height: 40px;
    width: 110px;
}


.topSec ul {
    justify-content: space-between;
}

.topSec ul li h5 {
    font-size: 12px;
    margin-right: 20px;
    margin: 0;
}

.topSec ul li a {
    font-size: 14px;
    line-height: 23px;
}

.header-logo {
    position: relative;
    top: unset;
    padding: 5px;
    text-align: center;
    margin: 0 !important;
}

.menuSec img {
    width: 100%;
}

.carousel-item {
    height: 600px;
}

.banner_text h1 {
    font-size: 25px;
    line-height: 30px;
}

.banner_text h1 {
    font-size: 25px;
    line-height: 30px;
}

.themes-btn {
    height: 40px;
    width: 120px;
    font-size: 13px;
    line-height: 20px;
}

.banner_img img {
    height: 200px;
}

.banner_text {
    margin: 0 0 20px 0;
}

section.product-wrap {
    padding: 20px 0;
}

.themes-h2 {
    font-size: 30px;
    line-height: 35px;
    margin: 0;
}

.product-txt h4 {
    font-size: 20px;
    line-height: 25px;
    margin: 0;
}

.product-txt p {
    height: 100%;
    margin: 20px 0;
}

.product-txt {
    margin: 20px 0 0 0;
}

.product-b {
    height: 390px !important;
    padding: 10px;
    margin: 20px 0;
}

.themes-padd {
    padding: 20px 0;
}

.cost-box {
    padding: 10px;
    margin: 10px 0;
}

.cost-box h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
}

.cost-box p {
    height: 100%;
}

.footer-sec {
    padding: 20px 0;
}

.footer-sec .fot-form {
    padding: 10px;
}

.footer-sec h4 {
    font-size: 30px;
    line-height: 35px;
    margin: 20px 0;
}

.footer-sec h4::before {
    bottom: -4px;
    height: 2px;
    width: 20%;
}

.footer-sec .nav-list {
    margin-bottom: 30px;
}

.footer-sec .fot-form {max-width: 200px;}

.footer-sec .fot-form .ftr-logo {width: 200px;}










}


/*Media Query End*/