<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap');
@import url(https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url('https://webclickindia.co.in/smtp/css/mail.css');
@import url(css/responsive.css);
@import url(css/ma5-menu.min.css);
@import url(css/slick-theme.css);
@import url(css/font-awesome.min.css);
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px;  font-family: 'Roboto', sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Roboto', sans-serif;}
a{font-size: 15px; font-family: 'Roboto', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif;}
input{    font-family: 'Roboto', sans-serif;}
textarea{    font-family: 'Roboto', sans-serif;}
/*Css*/
.top-header{background-color: #0d0d32;}
/*.skew-div{position: relative;}
.skew-div::after{content: '';    position: absolute;    top: -16px;    background-color: #ff5228;    left: -32px;    width: 51%;    height: 64px;    transform: skew(-26deg);    padding-left: 20px;}*/
.social-media-links-header ul li a i{color: #bbbbbb;}
.clock-side li{color: #bbb;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #333;  text-transform: uppercase;  padding: 20px 12px; position: relative;  z-index: 1;  margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    background-color: #0d0d32;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 320px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{background-position: 0% 50%;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{padding: 0px; float: right;}
.white-bg-with-shadow{    box-shadow: 0px 0px 34px rgb(0 0 0 / 10%); border-radius: 24px;  padding: 1.2rem;  background: #ff5228;}
.white-bg-with-shadow span {    font-size: 30px;}
.home-input input{border: 1px solid #ccc; height: 37px; padding-left: 15px; font-size: 12px; font-family: 'Roboto', sans-serif; border-radius: 5px;}
.home-input textarea{border: 1px solid #ccc; height: 80px; padding-left: 15px; font-size: 12px; font-family: 'Roboto', sans-serif; border-radius: 5px; padding-top: 10px;}
.home-input textarea:focus{outline: none;}
.home-input input:focus{outline: none;}
.home-input button:focus{outline: none;}
.home-input button{    background: #0d0d32;    border-radius: 8px;    padding: 8px 0px;    box-sizing: border-box;    text-align: center;    font-family: 'Roboto', sans-serif;    color: #fff;    font-size: 15px;}
/*-------------------------------------
      iii.Planet
--------------------------------------*/
#planet {  background:url(img/bg4.webp)no-repeat;    background-position: 100%;    background-size: cover; background-attachment: fixed;}
#planet .planet { padding: 20px 0 20px;overflow:hidden;}
#planet .p-header {text-align: center;}
#planet .p-header p {    margin: 15px auto;    max-width: 780px;  /* margin-bottom:47px; */}
#planet .p-img img{width:100%;}
#planet .p-content{  padding-top:50px;  position:relative;}
#planet .p-right&gt;.p-content h5{font-family: 'Roboto', sans-serif;  font-size: 15px;    text-transform: uppercase;    font-weight: 600;    color: #4c4c4c;}
#planet .p-content&gt;.pl-txt p{    width: 490px;    display: inline-block;    padding-left: 1px;  margin:0;}
#planet .p-content&gt;.p-txt&gt;ul&gt;li{padding:3px 0;}
#planet .p-content&gt;.p-txt&gt;ul&gt;li:before{  content:'\f006';    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    color: #ff0101;  padding-right:10px;}
#planet .p-content&gt;.pl-txt h1 {    margin: 0;   float: left;    font-size: 72px;    text-transform: uppercase;    line-height: 72px;    color: #333;    padding-right: 5px;}
.about-content-home h2 {    font-size: 22px;    color: #0d0d32; line-height: 30px;}
.about-btn a {    background: #ff5228;  color:#000;  padding: 10px 40px; transition: 0.5s;}
.about-btn a:hover {background-color: #0d0d32; color: #fff;}
.about-content-home p {    text-align: justify;}
.call-to-action  {    position: relative;}
.call-to-action &gt; img {position: absolute; top: 0px;}
/*.call-to-action{background: url(img/bg-5.jpg)no-repeat 50% 50%;}*/
.block-contacts {    margin-top: 73px;    margin-bottom: 125px;    line-height: 1;    color: #333;    text-align: center;    text-transform: uppercase;}
.block-contacts__title-1 {    margin-bottom: 5px;    font-size: 18px;    letter-spacing: 0.2em;}
.block-contacts__title-2 {    margin-bottom: 19px;    font-size: 38px;    font-weight: 700;}
.block-contacts__title-2 .flat-icon {    padding-right: 10px;}
.block-contacts__title-2 a{  margin-bottom: 19px;    font-size: 38px;    font-weight: 700;}
.color-primary{    color: #000052;}
.block-contacts__title-2 i {    background: #ff5228;    padding: 15px;    border-radius: 50px;    width: 50px;    height: 50px;    line-height: 22px;    font-size: 18px;}
.ui-title-emphasis {display: block; margin-bottom: 3px; color: #333; text-align: center;  font-size: 16px;  font-weight: 500;}
.list-features {  position: relative;  margin-top: 35px; text-align: right;}
.list-features__item {  position: relative;  overflow: hidden;}
.list-features__item:after {  display: block;  height: 30px;  margin-right: 26px;  border-right: 1px dotted;  content: '';}
.list-features__item:last-child:after {  content: none;}
.list-features__item .img-icon {  max-width: 54px;  float: right;}
.list-features__inner {  margin-right: 70px;}
.list-features__title {  position: relative; font-size: 20px;  padding-right: 15px; text-transform: capitalize;     margin-bottom: 8px;}
.list-features__title:before,
.list-features__title:after {  position: absolute;  right: 0;  width: 5px; height: 5px;  content: '';}
.list-features__title:before {  bottom: 10px;  background-color: #0d0d32;}
.list-features__title:after {  bottom: 0;}
.list-features__description {  height: 46px;  overflow: hidden;}
.list-features__icon {  float: right;  font-size: 54px;  line-height: 1;}
.list-features__title-emphasis {  font-size: 24px;  font-weight: 400;}
.list-features_mod-a {  margin-top: 0;}
.list-features_mod-a .list-features__item {  width: 50%;}
.list-features_mod-a .list-features__item:nth-child(odd) {  float: left;  padding-right: 35px;}
.list-features_mod-a .list-features__item:nth-child(even) {  float: right;  padding-left: 77px;  text-align: left;}
.list-features_mod-a .list-features__item:after {  height: 37px;  margin-top: 9px;}
.list-features_mod-a .list-features__item:nth-child(3):after {  border-right: none;}
.list-features_mod-a .list-features__item:nth-child(even):after {  margin-right: 0;  margin-left: 26px;  border-right: none;  border-left: 1px dotted;}
.list-features_mod-a .list-features__item .list-features__icon {  margin-top: 15px;}
.list-features_mod-a .list-features__item:nth-child(even) .list-features__icon {  float: left;}
.list-features_mod-a .list-features__item:nth-child(even) .list-features__inner {  margin-right: 0;  margin-left: 89px;}
.list-features_mod-a .list-features__item:nth-child(even) .list-features__title:before,.list-features_mod-a .list-features__item:nth-child(even) .list-features__title:after {  right: auto;  left: 0;}
.list-features_mod-a .list-features__item:nth-child(even) .list-features__title {  padding-right: 0;  padding-left: 15px;}
/*.list-features_mod-b:before {  position: absolute;  right: -50px;  bottom: 0;  width: 174px;  height: 25px;  background: url('img/arrow-orange_right_top.png') no-repeat;  content: '';}*/
.list-features-2 {  margin-top: 58px;  padding-right: 30px;  vertical-align: top;}
.list-features-2__icon {  float: left;  font-size: 54px;  line-height: 1;}
.list-features-2__inner {  margin-left: 77px;}
.list-features-2__title {  position: relative;  margin-bottom: 10px;  padding-left: 15px;  font-size: 18px;}
.list-features-2__title:before,.list-features-2__title:after {  position: absolute;  right: 0;  width: 5px;  height: 5px;  content: '';}
.list-features-2__title:before {  bottom: 10px;  background-color: #333;}
.list-features-2__title:after {  bottom: 0;}
.list-features-2__description {  /*height: 70px;*/  margin-bottom: 15px;}
.list-features-2__title:before,.list-features-2__title:after {  left: 0;}
.list-features__title:after{background-color: #ff4332;}
ul.list-features li img {    position: relative;    top: 38px;}
.jsn-air-balloon{position:fixed;  right:22px;  bottom:280px;  -webkit-animation:balloon 6s ease-in-out infinite;  -moz-animation:balloon 6s ease-in-out infinite;  -o-animation:balloon 6s ease-in-out infinite;  animation:balloon 6s ease-in-out infinite; z-index: 999;  float:right;}
.jsn-air-balloon a{display:block;}
.jsn-air-balloon img{width:100%;  cursor: pointer;}
  @-webkit-keyframes balloon{
  0%,100%{-webkit-transform:translateY(0);}
  30%{-webkit-transform:translateY(-150px);}
  40%{-webkit-transform:translateY(-95px);}
  50%{-webkit-transform:translateY(-150px);}
  60%{-webkit-transform:translateY(-95px);}
  70%{-webkit-transform:translateY(-150px);}
  80%{-webkit-transform:translateY(-95px);}
}
  @-moz-keyframes balloon{
  0%,100%{-moz-transform:translateY(0);}
  30%{-moz-transform:translateY(-150px);}
  40%{-moz-transform:translateY(-95px);}
  50%{-moz-transform:translateY(-150px);}
  60%{-moz-transform:translateY(-95px);}
  70%{-moz-transform:translateY(-150px);}
  80%{-moz-transform:translateY(-95px);}
}
  @-o-keyframes balloon{
  0%,100%{-o-transform:translateY(0);}
  30%{-o-transform:translateY(-150px);}
  40%{-o-transform:translateY(-95px);}
  50%{-o-transform:translateY(-150px);}
  60%{-o-transform:translateY(-95px);}
  70%{-o-transform:translateY(-150px);}
  80%{-o-transform:translateY(-95px);}
}
  @keyframes balloon{
    0%,100%{transform:translateY(0);}
    30%{transform:translateY(-150px);}
    40%{transform:translateY(-95px);}
    50%{transform:translateY(-150px);}
    60%{transform:translateY(-95px);}
    70%{transform:translateY(-150px);}
    80%{transform:translateY(-95px);}
  }
.modal-sm {    max-width: 600px !important;}
.under-content span{font-size: 1.5rem;}
.under-content p{padding-left: 50px; padding-right: 50px;}
.modal-header {    position: absolute;    right: 20px;    top: 8px; z-index: 9;}

#popup-form input{border-radius: 0px; border: 2px solid #0c0e30;}
#popup-form textarea{border-radius: 0px; border: 2px solid #0c0e30;}
#popup-form button{background-color:#ff4332; border-radius: 50px; color: #fff;  font-family: 'Roboto', sans-serif;  width: 25%;    height: 40px; transition: 0.5s;}
#popup-form button:hover{background: #0c0e30;}
#popup-form button:focus{outline: none; box-shadow: none;}
#popup-form input:focus{outline: none; box-shadow: none;}
#popup-form textarea:focus{outline: none; box-shadow: none;}
.modal-content{border-radius: 0px !important;}
.static-banner{background: url(img/banner-2.jpg)no-repeat; background-size: cover;       background-attachment: fixed; background-position: center;}
footer {background: #0d0d32 url(img/footer-bg.webp);    background-attachment: fixed;    background-size: cover;}
.footer-social-media ul li a i {    background: #0077b5;    width: 40px;    height: 40px;    text-align: center;    line-height: 42px;    border-radius: 50px; transition: 0.5s;}
/*.footer-social-media ul li a i:hover {  transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform:rotateY(360deg);}*/
.footer-social-media .fa-facebook{background-color: #1877f2;}
.footer-social-media .fa-x-twitter{background-color: #000;}
.footer-social-media .fa-instagram{background-color: #d8226b;}
.footer-social-media .fa-youtube-play{background-color: #ff0000;}
.widget-side p {    color: #afafaf;}
.widget-side span {    font-size: 20px;}
.underline{position: relative;}
.underline:after{position: absolute; width: 10%; height: 2px; background-color: #fff; content: '';}
ul.list-styled li {    line-height: 28px;}
ul.list-styled li  a{color: #afafaf; text-transform: capitalize; transition: 0.5s;}
ul.list-styled li  a:hover{padding-left: 5px; color: #e11e34;}
.infomation-flex ul{display: flex; justify-content: space-around;}
.infomation-flex{flex-basis: 100%;}
.infomation-flex ul li{background-color: #191a1c;}
.infomation-flex ul li a {    font-size: 15px; font-weight: 600;}
p.location {    font-size: 20px;}
.infomation-flex ul li:nth-child(2){  background-color: #ff5228;}
.infomation-flex i {    font-size: 35px;     margin-bottom: 10px;}
.infomation-flex ul li {padding: 23px 30px;     text-align: left;}
.infomation-flex p{color: #fff; opacity: 0.6; display: block !important;}
.infomation-flex i{  font-size: 14px;    background: rgba(255,255,255,.05);    width: 48px;    height: 48px;    text-align: center;    line-height: 48px;    float: left;    border-radius: 100%;}
.st0{opacity:.1; enable-background:new;}
.st1{fill:red;} /*top*/
.st2{fill:#db5c26;}
.st3,.st4{fill:#f3bd36;} /*small*/
.st4{display:none;}
.st5{fill:#333133;}
.st6{opacity:.25; fill:#3c3c3c; enable-background:new;}
.st7{stroke-dasharray:12.2315,36.6944;}
.st7,.st8,.st9{fill:none; stroke:#fff; stroke-width:2; stroke-miterlimit:10;}
.st9{stroke-dasharray:12,36;}
.st10{fill:#fff;}
.st11,.st12,.st13,.st14,.st15,.st16{display:none; fill:none; stroke:#3fff00; stroke-miterlimit:10;}
.st12,.st13,.st14,.st15,.st16{stroke:red;}
.st13,.st14,.st15,.st16{stroke:#010050;}
.st14,.st15,.st16{stroke:#f3ff00;}
.st15,.st16{stroke:#000;}
.st16{stroke:#005cff;}
.marquee img {    width: 12%;}
.our-products{background-color: #0d0d32;}
.full-bg-white{background-color: #fff;}
.title-product a { font-size: 18px; color: #032e42; line-height: 25px; text-transform: capitalize;}
.title-product p { color: #000; line-height: 23px; text-align: justify;}
.title-product{padding: 15px;}
.btn-hyper a{background-color: #f5f5f5; display: block;  position: relative;  padding-left: 25px;  font-size: 15px !important;  overflow: hidden;    position: relative;    z-index: 1;     line-height: 55px; transition: 0.5s}
.btn-hyper a:hover{background-color: #0d0d32; color: #fff;}
.btn-hyper a:before {    content: "";    position: absolute;    top: -160px;    right: -485px;    width: 600px;    background:#ff5228;    height: 400px;    transform: rotateZ(-55deg);    display: block;    z-index: 2;}
.btn-hyper i {    position: relative;    z-index: 9;    font-size: 30px;    line-height: 52px;    right: 27px;}
.products_box {    margin-bottom: 30px;}
/* .products_box img {    border-bottom: 1px solid #ccc;} */
.phone_lefts-side {    position: relative}
.phone_lefts-side a {    position: fixed;    bottom: 50px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 25px;    background-color: #ff5228;    color: white;    padding: 9px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate}
@keyframes glow {
  from {text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd;}
  to {    text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd;}
  }
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd, 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #f3fffd, 0 0 60px #f3fffd, 0 0 70px #f3fffd;}
to {    text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd, 0 0 40px #f3fffd, 0 0 50px #016098, 0 0 60px #f3fffd, 0 0 70px #f3fffd, 0 0 80px #f3fffd;}
}
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0% {transform: translateY(0);}
12.5% {transform: translateY(0);}
25% {transform: translateY(0);}
50% {transform: translateY(-15px);}
62.5% {transform: translateY(0);}
75% {transform: translateY(-15px);}
100% {transform: translateY(0);}
}
#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);    border-radius: 50px;    border-right: 0;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 150px;    left: 20px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {    
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
.slider-item .slick-prev:before,
.slider-item .slick-next:before {color: #ff4332;     z-index: 999; position: relative;}
.slider-item .slick-slide {transition: all ease-in-out .3s;opacity: 10;}
.slider-item .slick-active {opacity: 10;}
.slider-item .slick-current {opacity:10;}
/* .slider-item .slick-center{background-color: #ffd0d6;  border-radius: 100%;} */
.slider-item .slick-center .under-grey{background-color: #ff5228; }
.under-grey{background: #f4f3f0;    border-radius: 100%;   height: 200px;  margin: 0 auto;    position: relative;    -webkit-transition: background .25s;   transition: background .25s;}
.under-grey h1 {    line-height: 165px;}
.under-grey:hover{background-color: #ff5228;}
.under-grey img{    max-width: 60%;    height: auto;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);   }
#toTop {    position: fixed;    bottom: 130px;    right: 31px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;    border-radius: 50px;}
.copy-right p{color: #000;}
.cd-btn {  display: inline-block;  padding: 1.6em 2.4em;  font-size: 1.4rem;  letter-spacing: .15em;  color: #ffffff;  font-weight: 700;  text-transform: uppercase;  background-color: #a5c4bc;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  -webkit-transition: box-shadow 0.3s;  -moz-transition: box-shadow 0.3s;  transition: box-shadow 0.3s;}
.no-touch .cd-btn:hover {  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);}
.cd-main-content {  position: relative;  z-index: 1;  width: 100%;  display: table; background-color: #e4dcca;}
.cd-main-content .center {  display: table-cell;  vertical-align: middle;  text-align: center;}
.cd-modal {  position: fixed;  top: 0;  left: 0;  z-index: 3;  height: 100%;  z-index: 99999;  width: 100%;  overflow: hidden;  background: #402f44 url(img/modal-bg.webp) no-repeat center center;  background-size: cover;  opacity: 0;  visibility: hidden;  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;  transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-modal .modal-content {  height: 100%;  overflow-y: auto;  padding: 3em 5%;  color: #e4dcca;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.cd-modal .modal-close {  position: absolute;  z-index: 1;  top: 20px;  right: 5%;  height: 45px;  width: 45px;  border-radius: 50%;  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  visibility: hidden;  opacity: 0;  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;}
.no-touch .cd-modal .modal-close:hover {  background-color: rgba(0, 0, 0, 0.5);}
.cd-modal.visible {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.7s, visibility 0s;  -moz-transition: opacity 0.7s, visibility 0s;  transition: opacity 0.7s, visibility 0s;}
.cd-modal.visible .modal-content {  -webkit-overflow-scrolling: touch;}
.cd-modal.visible .modal-close {  visibility: visible;  opacity: 1;  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);}
@media only screen and (min-width: 1100px) {
.cd-modal .modal-content {padding: 6em 5%;}
.cd-modal .modal-close {    height: 60px;    width: 60px;}
.cd-modal p {font-size: 2rem;}
}
.cd-transition-layer {  position: fixed;  top: 0;  left: 0;  z-index: 2;  height: 100%;  width: 100%;  opacity: 0;  visibility: hidden;  overflow: hidden;}
.cd-transition-layer .bg-layer {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translateY(-50%) translateX(-2%);  -moz-transform: translateY(-50%) translateX(-2%);  -ms-transform: translateY(-50%) translateX(-2%);  -o-transform: translateY(-50%) translateX(-2%);  transform: translateY(-50%) translateX(-2%);  height: 100%; width: 2500%;  background: url(img/ink.webp) no-repeat 0 0;  background-size: 100% 100%;}
.cd-transition-layer.visible {  opacity: 1;  visibility: visible;}
.cd-transition-layer.opening .bg-layer {  -webkit-animation: cd-sequence 0.8s steps(24);  -moz-animation: cd-sequence 0.8s steps(24);  animation: cd-sequence 0.8s steps(24);  -webkit-animation-fill-mode: forwards;  -moz-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.cd-transition-layer.closing .bg-layer {  -webkit-animation: cd-sequence-reverse 0.8s steps(24);  -moz-animation: cd-sequence-reverse 0.8s steps(24);  animation: cd-sequence-reverse 0.8s steps(24);  -webkit-animation-fill-mode: forwards;  -moz-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.no-cssanimations .cd-transition-layer {  display: none;}

@-webkit-keyframes cd-sequence {
  0% {    -webkit-transform: translateY(-50%) translateX(-2%);  }
  100% {    -webkit-transform: translateY(-50%) translateX(-98%);  }
}
@-moz-keyframes cd-sequence {
  0% {    -moz-transform: translateY(-50%) translateX(-2%);  }
  100% {    -moz-transform: translateY(-50%) translateX(-98%);  }
}
@keyframes cd-sequence {
  0% {    -webkit-transform: translateY(-50%) translateX(-2%);    -moz-transform: translateY(-50%) translateX(-2%);    -ms-transform: translateY(-50%) translateX(-2%);    -o-transform: translateY(-50%) translateX(-2%);   transform: translateY(-50%) translateX(-2%);  }
  100% {    -webkit-transform: translateY(-50%) translateX(-98%);    -moz-transform: translateY(-50%) translateX(-98%);    -ms-transform: translateY(-50%) translateX(-98%);    -o-transform: translateY(-50%) translateX(-98%);    transform: translateY(-50%) translateX(-98%);  }
}
@-webkit-keyframes cd-sequence-reverse {
  0% {    -webkit-transform: translateY(-50%) translateX(-98%);  }
  100% {    -webkit-transform: translateY(-50%) translateX(-2%);  }
}
@-moz-keyframes cd-sequence-reverse {
  0% {    -moz-transform: translateY(-50%) translateX(-98%);  }
  100% {    -moz-transform: translateY(-50%) translateX(-2%);  }
}
@keyframes cd-sequence-reverse {
  0% {    -webkit-transform: translateY(-50%) translateX(-98%);    -moz-transform: translateY(-50%) translateX(-98%);    -ms-transform: translateY(-50%) translateX(-98%);    -o-transform: translateY(-50%) translateX(-98%);   transform: translateY(-50%) translateX(-98%);  }
  100% {    -webkit-transform: translateY(-50%) translateX(-2%);    -moz-transform: translateY(-50%) translateX(-2%);    -ms-transform: translateY(-50%) translateX(-2%);    -o-transform: translateY(-50%) translateX(-2%);    transform: translateY(-50%) translateX(-2%);  }
}

.cd-title {  position: relative;  height: 160px;  line-height: 230px;  text-align: center;}
.cd-title h1 {  font-size: 2.4rem;  font-weight: 700;}
@media only screen and (min-width: 768px) {
  .cd-title {    line-height: 250px;  }
}
@media only screen and (min-width: 1170px) {
  .cd-title {    height: 200px;    line-height: 300px; }
  .cd-title h1 {    font-size: 3rem;  }
}
.cd-intro { text-align: center;}

.cd-headline { line-height: 1.2; font-size: 30px;  font-weight: 500;}
.cd-words-wrapper {  display: inline-block;  position: relative;  text-align: left;}
.cd-words-wrapper b {  display: inline-block;  position: absolute;  white-space: nowrap;  left: 0;  top: 0;}
.cd-words-wrapper b.is-visible {  position: relative;}
.no-js .cd-words-wrapper b {  opacity: 0;}
.no-js .cd-words-wrapper b.is-visible {  opacity: 1;}
/* -------------------------------- 
xrotate-1 
-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {  -webkit-perspective: 300px;  -moz-perspective: 300px;  perspective: 300px;}
.cd-headline.rotate-1 b {  opacity: 0;  -webkit-transform-origin: 50% 100%;  -moz-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  -o-transform-origin: 50% 100%;  transform-origin: 50% 100%;  -webkit-transform: rotateX(180deg);  -moz-transform: rotateX(180deg);  -ms-transform: rotateX(180deg);  -o-transform: rotateX(180deg);  transform: rotateX(180deg);}
.cd-headline.rotate-1 b.is-visible {  opacity: 1;  -webkit-transform: rotateX(0deg);  -moz-transform: rotateX(0deg);  -ms-transform: rotateX(0deg);  -o-transform: rotateX(0deg);  transform: rotateX(0deg);  -webkit-animation: cd-rotate-1-in 1.2s;  -moz-animation: cd-rotate-1-in 1.2s;  animation: cd-rotate-1-in 1.2s;}
.cd-headline.rotate-1 b.is-hidden {  -webkit-transform: rotateX(180deg);  -moz-transform: rotateX(180deg);  -ms-transform: rotateX(180deg);  -o-transform: rotateX(180deg);  transform: rotateX(180deg);  -webkit-animation: cd-rotate-1-out 1.2s;  -moz-animation: cd-rotate-1-out 1.2s;  animation: cd-rotate-1-out 1.2s;}
@-webkit-keyframes cd-rotate-1-in {
  0% {    -webkit-transform: rotateX(180deg);    opacity: 0;  }
  35% {    -webkit-transform: rotateX(120deg);    opacity: 0;  }
  65% {    opacity: 0;  }
  100% {   -webkit-transform: rotateX(360deg);   opacity: 1;  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {    -moz-transform: rotateX(180deg);    opacity: 0;  }
  35% {    -moz-transform: rotateX(120deg);    opacity: 0;  }
  65% {    opacity: 0;  }
  100% {    -moz-transform: rotateX(360deg);    opacity: 1;  }
}
@keyframes cd-rotate-1-in {
  0% {    -webkit-transform: rotateX(180deg);    -moz-transform: rotateX(180deg);    -ms-transform: rotateX(180deg);    -o-transform: rotateX(180deg);    transform: rotateX(180deg);    opacity: 0;  }
  35% {    -webkit-transform: rotateX(120deg);    -moz-transform: rotateX(120deg);    -ms-transform: rotateX(120deg);    -o-transform: rotateX(120deg);    transform: rotateX(120deg);   opacity: 0;  }
  65% {    opacity: 0;  }
  100% {    -webkit-transform: rotateX(360deg);    -moz-transform: rotateX(360deg);    -ms-transform: rotateX(360deg);    -o-transform: rotateX(360deg);    transform: rotateX(360deg);    opacity: 1;  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {    -webkit-transform: rotateX(0deg);    opacity: 1;  }
  35% {    -webkit-transform: rotateX(-40deg);    opacity: 1;  }
  65% {    opacity: 0;  }
  100% {    -webkit-transform: rotateX(180deg);    opacity: 0;  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {    -moz-transform: rotateX(0deg);    opacity: 1;  }
  35% {    -moz-transform: rotateX(-40deg);    opacity: 1;  }
  65% {    opacity: 0;  }
  100% {    -moz-transform: rotateX(180deg);    opacity: 0;  }
}
@keyframes cd-rotate-1-out {
  0% {    -webkit-transform: rotateX(0deg);    -moz-transform: rotateX(0deg);    -ms-transform: rotateX(0deg);    -o-transform: rotateX(0deg);    transform: rotateX(0deg);    opacity: 1;}
  35% {    -webkit-transform: rotateX(-40deg);    -moz-transform: rotateX(-40deg);    -ms-transform: rotateX(-40deg);    -o-transform: rotateX(-40deg);    transform: rotateX(-40deg);    opacity: 1;  }  
  65% {    opacity: 0;  }
  100% {    -webkit-transform: rotateX(180deg);    -moz-transform: rotateX(180deg);    -ms-transform: rotateX(180deg);    -o-transform: rotateX(180deg);    transform: rotateX(180deg);    opacity: 0;  }
}


.cd-intro ins{color: #ff4332; font-weight: 400;}


.color-site {    background-color: #ff5228;}
.skin-color {      background-color: #0d0d32;}
.black-color {    background: #000;}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3 {    font-size: 25px;}
.sitema-links-item h4 {    font-size: 25px;}
ul.coloring li a {    background-color: #ff5228;    padding: 15px;    color: #fff;    font-size: 18px;}
.inner-states a { background-color: #0d0d32;    width: 100%;    display: block;    color: #fff;}
.full-width-type {    background-color: #222222;    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    font-size: 30px;}

.form-side-contact input[type=text], .form-side-contact input[type=email], .form-side-contact input[type=number], .form-side-contact input[type=search], .form-side-contact input[type=password], .form-side-contact input[type=tel], .form-side-contact input[type=date], .form-side-contact input[type=time], .form-side-contact textarea {    font-size: 15px;    font-weight: 300;    background-color: #fff;    border: 1px solid #f1f1f1;    border-radius: 10px;    padding: 12px 20px;    color: #777;    margin-bottom: 0;    height: 50px;    box-shadow: none;    width: 100%; font-weight: bold;}
.form-side-contact textarea {    border-radius: none;    resize: vertical;    height: 120px; font-weight: bold;}
.form-side-contact .nir-btn, .nir-btn-black {    position: relative;    z-index: 1;    font-size: 14px;    text-align: center;    padding: 14px 24px;    cursor: pointer;    text-transform: capitalize;    transition: all ease-in-out .5s;    background: var(--primary-colors);;    color: #fff;    display: inline-block;    border-radius:10px;    border: none;    box-shadow: 0 0 0 4px rgb(255 255 255 / 10%);    overflow: hidden;}
.form-color-change {    background-color:#ff5228;}
.form-color-change input {      -webkit-transition: border linear .2s,box-shadow linear .2s;    -moz-transition: border linear .2s,box-shadow linear .2s;    -o-transition: border linear .2s,box-shadow linear .2s;    transition: border linear .2s,box-shadow linear .2s;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    vertical-align: middle;    width: 100%;    color: #333; font-weight: bold; font-size: 16px;  padding: 5px 15px 5px;    border-radius: 3px;   background-color: #fff;   border: 1px solid #fff;  outline: none;    box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);  height: 40px;     font-family: 'Quicksand', sans-serif;}
.form-color-change textarea {  -webkit-transition: border linear .2s,box-shadow linear .2s;    -moz-transition: border linear .2s,box-shadow linear .2s;    -o-transition: border linear .2s,box-shadow linear .2s;    transition: border linear .2s,box-shadow linear .2s;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    vertical-align: middle;    width: 100%;    color: #333; font-weight: bold; font-size: 16px;  padding: 5px 15px 5px;    border-radius: 3px;   background-color: #fff;   border: 1px solid #fff;  outline: none;    box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);     font-family: 'Quicksand', sans-serif;}
form#home-form input {    background: #f1f1f1;}
form#contact-form input {    background: #f1f1f1;    height: 45px;    border: none;}
.inputBox button { background-color:#e11e34;}

.breadcrumb-main {    background-repeat: no-repeat;    background-position: top;    background-size: cover;    position: relative;}
.section-shape.section-shape1 {    transform: rotate(180deg);}
.section-shape {    position: absolute;    top: -96px;    left: 0;    width: 100%;    height: 96px;    background-size: contain;    background-repeat: repeat-x;    z-index: 1;}
.top-inherit {    top: inherit!important;}
.bottom-0 {    bottom: 0!important;}
.breadcrumb-main .breadcrumb-outer {    background: 0 0;    position: relative;    z-index: 1;}
.dot-overlay {    opacity: .6;}
.overlay, .dot-overlay, .color-overlay, .white-overlay, .left-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #000;    transition: all ease-in-out .5s;    opacity: .5;}
.pb-20, .my-20 {    padding-bottom: 10rem;}
.pt-14, .py-14 {    padding-top: 7rem;}
.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1, .breadcrumb-main .breadcrumb-outer .bread-content h1 {    color: #fff;    text-transform: uppercase;    line-height: .6;}
.breadcrumb {    background: 0 0;    margin: 0;    padding: 0;    display: inline-block;}
.breadcrumb li, .breadcrumb li.active {    margin-bottom: 0;    color: #fff;}
.breadcrumb li a, .breadcrumb li.active a {    color: #ff4332;}
.color-site a {    text-transform: capitalize;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff !important;}

.form-side-contact input[type=text], .form-side-contact input[type=email], .form-side-contact input[type=number], .form-side-contact input[type=search], .form-side-contact input[type=password], .form-side-contact input[type=tel], .form-side-contact input[type=date], .form-side-contact input[type=time], .form-side-contact textarea {    font-size: 15px;    font-weight: 300;    background-color: #fff;    border: 1px solid #f1f1f1;    border-radius: 10px;    padding: 12px 20px;    color: #777;    margin-bottom: 0;    height: 50px;    box-shadow: none;    width: 100%; font-weight: bold;}
.form-side-contact textarea {    resize: vertical;    height: 120px; font-weight: bold;}
.form-side-contact .nir-btn, .nir-btn-black {    position: relative;    z-index: 1;    font-size: 14px;    text-align: center;    padding: 14px 24px;    cursor: pointer;    text-transform: capitalize;    transition: all ease-in-out .5s;    background: #ff5228;    color: #fff;    display: inline-block;    border-radius:10px;    border: none;    box-shadow: 0 0 0 4px rgb(255 255 255 / 10%);    overflow: hidden;}
.form-color-change input {      -webkit-transition: border linear .2s,box-shadow linear .2s;    -moz-transition: border linear .2s,box-shadow linear .2s;    -o-transition: border linear .2s,box-shadow linear .2s;    transition: border linear .2s,box-shadow linear .2s;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    vertical-align: middle;    width: 100%;    color: #333; font-weight: bold; font-size: 16px;  padding: 5px 15px 5px;    border-radius: 3px;   background-color: #fff;   border: 1px solid #fff;  outline: none;    box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);  height: 40px;     font-family: 'Quicksand', sans-serif;}
.form-color-change textarea {  -webkit-transition: border linear .2s,box-shadow linear .2s;    -moz-transition: border linear .2s,box-shadow linear .2s;    -o-transition: border linear .2s,box-shadow linear .2s;    transition: border linear .2s,box-shadow linear .2s;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    vertical-align: middle;    width: 100%;    color: #333; font-weight: bold; font-size: 16px;  padding: 5px 15px 5px;    border-radius: 3px;   background-color: #fff;   border: 1px solid #fff;  outline: none;    box-shadow: 0 0 3px 0 rgb(43 52 59 / 8%);     font-family: 'Quicksand', sans-serif;}
form#home-form input {    background: #f1f1f1;}
form#contact-form input {    background: #f1f1f1;    height: 45px;    border: none;}
.form-color-change button{    display: inline-block;    text-decoration: none;    font-size: 16px;  background: #0d0d32;  line-height: 21px;    font-weight: 500;    padding: 11px 22px 11px;    border: 2px solid transparent;    border-radius: 0;    color: #fff;    -webkit-transition: all 0.25s ease;    transition: all 0.25s ease;    cursor: pointer;    outline: none;    -webkit-font-smoothing: antialiased; font-family: 'Fredoka', sans-serif;}
.info-icon i {    font-size: 30px;    color: #ff5228;}
.info-content h3 {    font-size: 20px;    display: block;    margin-bottom: 12px;}
.form-side-contact textarea:focus{outline: none;}

.ziehharmonika span { background: #0d0d32;  color: #fff;  display: block; text-align: left; border-radius: 4px; padding: 5px 12px;  cursor: pointer;  margin-top: 0;  font-size: 20px;  margin-bottom: 9px; padding-right: 40px;  transition: 0.25s all;  position: relative; border: 1px dashed #ff4332;}
.ziehharmonika span.active {  margin-bottom: 21px;  color: #fff;  background: #ff4332;}
.ziehharmonika span::before { content: attr(data-prefix); font-size: 30px;  margin-right: 9px;}
.ziehharmonika span.alignLeft { padding-left: 35px;}
.ziehharmonika &gt; div {  display: none;  background: #fff; border-radius: 4px; border: 1px solid #cdcdcd;text-align: left; padding: 31px 33px; margin-bottom: 9px;}
.ziehharmonika .arrowDown { width: 0; height: 0;  border-style: solid;  border-width: 13.0px 7.5px 0 7.5px; border-color: #272e35 transparent transparent transparent;  position: absolute; bottom: 0;  left: 40px; transition: 0.25s all;  opacity: 0;}
.ziehharmonika .active .arrowDown { bottom: -13px;  border-color: #ff4332 transparent transparent transparent;  opacity: 1;}
.ziehharmonika .collapseIcon {  position: absolute; right: 20px;  top: 45%; font-size: 35px;  font-weight: 300; -ms-transform: translate(0, -50%);      transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {  right: initial; left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
/*.home-faqs {    background: #f1f1f1;}*/
.ziehharmonika p {    margin-bottom: 15px;}
.widget-full &gt; span {    font-size: 26px;}
.quick-flex span {    font-size: 26px;}
.widget-full {    border-bottom: 1px dashed #ffff; }
/* .main-testimonial .item img {    width: 15%;} */
.img-center img{margin: 0px auto;}
b{font-family: 'Roboto', sans-serif;}
.our-products-box{background: #f1f1f1 url(img/footer-bg.webp);}
.content_side span {    font-size: 20px; color: #e11e34;   display: block;    margin-bottom: 5px;}
.final-list-product li {   line-height: 30px;}
nav.mobile-menu {    display: none;}
.form-side {    margin-top: 30px;}

.mobile-three-item li {    display: inline-block;    margin-right: 0;    padding: 5px 0px;    width: 48%;}
.mobile-three-item {    text-align: center;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color:#ff5228;}
.mobile-three-item li a {    color: #fff;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    background-color: #fff;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 47%;    color: white;    text-align: center;    padding-top: 5px;    padding-bottom: 5px;    margin-left: 2.5%;    z-index: 1000;    background-color: #000052;}
.mobile-btn-animation a {    color: white;}
.block-contacts img {    width: 89px; max-width: 89px;}
div#popup-form img {    width: 35%;}

.quoate-tagline{background-color: #eaf7f0; border-color: #47a87d; border-width: 2px; border-style: dashed;}
.quoate-tagline p {    font-size: 17px;}
.quoate-tagline i {    font-size: 22px;}
ul.price-list li {    border: 1px solid #d9d9d9; flex-shrink: 0; cursor: pointer;}
span.price-green{color: #33a663;}
ul.price-list {  overflow: auto;}


::-webkit-scrollbar {  width: 2px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #888;}
::-webkit-scrollbar-thumb:hover {  background: #555;}
.price-table span {    color: #e11e34;}
p.price-step3 {    font-size: 22px;}
a.hyper-link-select {    background: #f7cacf;    padding: 5px 18px;    border-radius: 5px;   color: #333; font-size: 14px;}
p.title-type {    font-size: 15px;    color: #000052;}
ul.height-top li {    line-height: 50px;}
i.fa-check{color: green;}
i.fa-times{color: red;}
.under-box-shadow{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.under-for-step-four ul li {    margin-bottom: 10px;}
.under-for-step-four {    border-bottom: 1px dashed #ccc;}
.booking-amount p {    font-size: 14px;}
.booking-amount {    position: relative;}
.booking-amount span {    position: absolute;    top: 0;    right: 0;    font-size: 25px;}
.gray-color p {    font-size: 15px;    text-align: center;    margin-bottom: 0;}
.use-code span {    font-size: 18px;    font-weight: 700;}
span.font-reduice {    font-size: 17px;    display: block;    font-weight: 300;}
.use-code p {    font-size: 13px;}
.use-code &gt; span{border-bottom: 1px dashed #ccc;}
.full-gray-bg {    background: #f1f1f1;}
.use-code form input {    border-radius: 50px;    border: 1px solid #ccc;    padding-left: 15px;    height: 38px; font-size: 15px;}
.use-code button {    width: 12%;    height: 31px;    border-radius: 5px;    font-size: 15px;    background: #e11e34;    color: #fff;}
.content {  width: 100%;}
.content__title {  margin-bottom: 40px;  font-size: 20px;  text-align: center;}
.content__title--m-sm {  margin-bottom: 10px;}
.multisteps-form__progress {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));}
.multisteps-form__progress-btn {  transition-property: all;  transition-duration: 0.15s;  transition-timing-function: linear;  transition-delay: 0s;  position: relative;  padding-top: 20px;  color: rgba(108, 117, 125, 0.7);  text-indent: -9999px;  border: none;  background-color: transparent;  outline: none !important;  cursor: pointer;}
@media (min-width: 500px) {  .multisteps-form__progress-btn {    text-indent: 0;  }}
.multisteps-form__progress-btn:before {  position: absolute;  top: 0;  left: 50%;  display: block;  width: 13px;  height: 13px;  content: '';  -webkit-transform: translateX(-50%);          transform: translateX(-50%);  transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;  border: 2px solid currentColor;  border-radius: 50%;  background-color: #fff;  box-sizing: border-box;  z-index: 3;}
.multisteps-form__progress-btn:after {  position: absolute;  top: 5px;  left: calc(-50% - 13px / 2);  transition-property: all;  transition-duration: 0.15s;  transition-timing-function: linear;  transition-delay: 0s;  display: block;  width: 100%;  height: 2px;  content: '';  background-color: currentColor;  z-index: 1;}
.multisteps-form__progress-btn:first-child:after {  display: none;}
.multisteps-form__progress-btn.js-active {  color: #007bff;}
.multisteps-form__progress-btn.js-active:before {  -webkit-transform: translateX(-50%) scale(1.2);          transform: translateX(-50%) scale(1.2);  background-color: currentColor;}
.multisteps-form__form {  position: relative;}
.multisteps-form__panel {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 0;  opacity: 0;  visibility: hidden;}
.multisteps-form__panel.js-active {  height: auto;  opacity: 1;  visibility: visible;}
.multisteps-form__panel[data-animation="scaleOut"] {  -webkit-transform: scale(1.1);          transform: scale(1.1);}
.multisteps-form__panel[data-animation="scaleOut"].js-active {  transition-property: all;  transition-duration: 0.2s;  transition-timing-function: linear;  transition-delay: 0s;  -webkit-transform: scale(1);          transform: scale(1);}
.multisteps-form__panel[data-animation="slideHorz"] {  left: 50px;}
.multisteps-form__panel[data-animation="slideHorz"].js-active {  transition-property: all;  transition-duration: 0.25s;  transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);  transition-delay: 0s;  left: 0;}
.multisteps-form__panel[data-animation="slideVert"] {  top: 30px;}
.multisteps-form__panel[data-animation="slideVert"].js-active {  transition-property: all;  transition-duration: 0.2s;  transition-timing-function: linear;  transition-delay: 0s;  top: 0;}
.multisteps-form__panel[data-animation="fadeIn"].js-active {  transition-property: all;  transition-duration: 0.3s;  transition-timing-function: linear;  transition-delay: 0s;}
.multisteps-form__panel[data-animation="scaleIn"] {  -webkit-transform: scale(0.9);          transform: scale(0.9);}
.multisteps-form__panel[data-animation="scaleIn"].js-active {  transition-property: all;  transition-duration: 0.2s;  transition-timing-function: linear;  transition-delay: 0s;  -webkit-transform: scale(1);          transform: scale(1);}
.sticky {    position: sticky;    width: 100%;    top: 0px;    background: #fff;    z-index: 9;}

.client_side span{font-size: 30px; font-weight: 500; display: block; text-align: center;} 
.client_box img{object-fit: scale-down;width: 100%;    transition: 0.5s;    border: 1px solid #f1f1f1;    }
.client_box {    margin-bottom: 30px;}
.widget-full ul li {    margin-bottom: 10px;}
.client_side ul li {    display: inline-block;    width: 32%;}
.client_side ul li img{ margin-bottom: 5px;}
.short-description p {    line-height: 25px;}
.video-image a svg {    color: #fff;}
.video-image a {    position: absolute;    font-size: 32px;  background-color: #ff5228;   color: #fff;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);    border-radius: 50%;    height: 70px;    width: 70px;    display: flex;    align-items: center;    padding: 0 13px;}
.widget img {    background: #fff;}
.about-btn-footer a{color: #ff5228;}
.widget ul li {    line-height: 25px;   border-bottom: 1px dashed #4f4074;    margin-bottom: 5px;    padding-bottom: 5px;}
.widget span {      font-size: 18px;  display: block;    margin-bottom: 15px;}
.last-child ul li {    display: flex;    border-bottom: 1px dashed #4f4074;    padding-bottom: 15px;}
.last-child .fa-map-marker {    margin-top: 8px;}
.widget span{color: #ff5228;}
.copy-right {    background: #ff5228;}
.three-box-design .title {    text-align: center;}
.three-box-design .title h3 {    font-size: 26px;    margin-bottom: 5px;}
.three-box-design .title p {    padding-left: 200px;    padding-right: 200px;}
/*.card-content p {    text-align: justify;}*/
.card-content span {    font-weight: 800;    font-size: 20px;}
.card-box .bg-white {      box-shadow: 0 0 4px #ccc;  border: 1px solid #ff5228; min-height: 335px;}

.about-section {background-color: #0d0d32;    padding: 0 0;}
.ttm-wrapper-bg {background-image: url(img/col-bgimage.jpg); background-position: center;}
.ttm-wrapper-bg {background-repeat: no-repeat;    background-size: cover;    position: absolute;    height: 100%;    width: 100%;    top: 0;    left: 0;}
.layer-content {position: relative; height: 100%;}
.bg-img-one {height: 100%;  position: relative;}
.ttm-bottom-view-overlay {    position: absolute;    bottom: 140px;    right: 90px;    background-color: #ff5228;    opacity: .9;    padding: 20px 30px;}
.rectangle-shape span {    margin-bottom: 5px;    font-size: 22px;    color: #fff;    font-weight: 600;    line-height: 50px;    display: block;}
.layer-content p {   text-align: justify; color: #fff;    margin-bottom: 20px;}
.section-title span {    font-weight: 400;    font-size: 15px;    line-height: 28px;    color: #fff;    margin-top: -5px;    margin-bottom: 6px;}
.layer-content .section-title h2.title {    color: #fff;}
.section-title h2.title {    font-weight: 300;    font-size: 34px;    line-height: 41px;    padding-bottom: 21px;    margin: 11px 0 0;}
.heading-seperator {    position: relative;    display: inline-block;}
.ttm-bg-layer {    margin-left: -300px;}
.about-content {padding-top: 22px; padding-bottom: 15px;}
.featured-title span {    color: #ff5228;    font-size: 16px;    line-height: 21px;    margin-bottom: 10px;    font-weight: 600;    display: block;}
.featured-icon i {    font-size: 35px;    margin-bottom: 12px;   color: #ff5228;}
.about-img img {    float: left; margin-right: 25px;} 
.about-content-home h2 {    margin-bottom: 12px;}
.about-content-home p{margin-bottom: 12px; line-height: 28px;}
.about-content-home ul li {    margin-bottom: 12px;    list-style-type: disc;}
.about-content-home ul {    padding-left: 15px;}
.about-content-home h3 {    font-size: 20px;    margin-bottom: 10px;}
.layer-content h4 {    font-size: 22px;    line-height: 33px;}
.plain-flow-content p {    text-align: justify;    margin-bottom: 15px;}
.plain-flow-content span {    font-size: 22px; display: block;  margin-bottom: 10px;}
.blue-color{background-color: #0d0d32;}
.blue-content li {    color: #fff; margin-bottom: 15px;     text-align: justify; font-size: 16px;}
.blue-content b {    color: #ff5228;}
/* .full-bg-white img {    height: 300px;    object-fit: fill;} */
ul.dropdown-menu {  max-height: 500px;  overflow-y: scroll;}
.inner-states {  margin-bottom: 10px;}
.full-width-type {  padding: 10px 20px;}
.full-width-type a {  color: #fff;  font-size: 18px;}
.img-side img {  float: left;  width: 250px;  margin-right: 25px;}

.content_side h2 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.content_side h3 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.content_side h4 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.content_side h5 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.content_side h6 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}

.short-description h2 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.short-description h3 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.short-description h4 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.short-description h5 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.short-description h6 {  font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.short-description ul{padding-left: 15px;}
.short-description ul li{margin-bottom: 15px; list-style-type: disc;}

.content_side ul { padding-left: 15px; margin-bottom: 12px;}
.content_side ul li {  line-height: 30px;  list-style-type: disc;}
.content_side p {  margin-bottom: 10px; text-align: center;}
.location_content h1 {  font-size: 25px; margin-bottom: 18px; }
.location_content h2 {  font-size: 20px; margin-bottom: 12px;}
.location_content h3 {  font-size: 20px; margin-bottom: 12px;}
.location_content h4 {  font-size: 20px; margin-bottom: 12px;}
.location_content h5 {  font-size: 20px; margin-bottom: 12px;}
.location_content h6 {  font-size: 20px; margin-bottom: 12px;}
button.modal_btn {font-weight: bold; color: #fff; font-family: 'Roboto', sans-serif;  background: #ff5228;  padding: 8px 25px;}
.p-header &gt; span {  font-size: 22px;}
.page-center p {  font-size: 22px;  text-align: center;  margin-bottom: 20px;}
.home-page-btn a {  background-color: #0d0d32;  padding: 10px 30px;  color: #fff;  border-radius: 5px;}
.page-center img {  width: 60%;}
.page-center {  margin: 0px auto;  text-align: center;}
.video-image i {  text-align: center;  position: relative;  left: 11px;}
iframe.contact_map {width: 100%; height: 350px;}
.copy-right a {  color: #000;  font-weight: 500;}
.products-heading &gt; span {  font-size: 30px;  display: block;  font-weight: 500;}

/* [aria-hidden=true] a[href],
[aria-hidden=true] area[href], 
[aria-hidden=true] input:not([disabled]), 
[aria-hidden=true] select:not([disabled]), 
[aria-hidden=true] textarea:not([disabled]), 
[aria-hidden=true] button:not([disabled]), 
[aria-hidden=true] [tabindex]:not([disabled]), 
[aria-hidden=true] [contenteditable=true]:not([disabled]){visibility: hidden;} */

table {   border-collapse: collapse;  width: 100%;     font-family: 'Roboto', sans-serif;}
td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}
tr:nth-child(even) {  background-color: #dddddd;}



.product-img-details ul li{width: 15%; margin-right: 12px;}
.product-img-details ul li img{width: 100%; height: 75px; cursor: pointer;}
.product-img-details img{cursor: pointer;}

.profile-description {    max-width: 100%;    position: relative;}
.profile-description .text {    margin-bottom: 5px;    color: #777;    padding: 0 15px;    position: relative;    font-size: 14px;    display: block;}
.profile-description .show-more {    position: relative;    font-size: 15px;    padding-top: 5px;	font-family: 'Work Sans', sans-serif;    height: auto;   text-align: center;    cursor: pointer;    padding: 10px 0 10px 0;}
.profile-description .show-more:hover {    color: #1779dd;}
/* .profile-description .show-more-height {    height: 395px;    overflow: hidden;} */
table {  border-collapse: collapse;  width: 100%;}
td, th {  text-align: left;  padding: 5px 10px;  font-family: 'Work Sans', sans-serif;  line-height: 1.44;}
tr:nth-child(even) {background-color: #F8F8F9;}
tr:nth-child(odd) {background-color: #F8F8F9;}
.profile-description span {    font-size: 22px;    color: #000;    font-weight: 600;    margin-bottom: 10px;    display: block;}
ul.content_metter li a{	font-size: 17px;	color: #386AAB;	font-weight: 700;}
ul.content_metter li {    color: #000;}
.pdf-download a{color: #000; font-size: 16px;}
.table-content span {    font-size: 17px;    font-weight: 400;}
.content-hide h5 {    font-size: 18px;    color: #000;    margin-bottom: 10px;}
.content-hide p{color: #000;}
.content-hide ul li{color: #000;     list-style-type: disc;     line-height: 28px;}
.content-hide small {      font-family: 'Work Sans', sans-serif;  margin-top: 15px;    display: block;    margin-bottom: 10px;}
.content-hide small {    font-size: 16px;    color: #000;}
.content-hide ul {    padding-left: 15px;}
.table-content tr {    font-size: 14px; color: #000;}
.product-details_content {    background: #fff;}
li.bg-color {    background: #ff4332;    padding: 7px 15px; cursor: pointer;}
a.mobile-show-button{  padding: 10px 15px; color: #000; border: 1px solid #000;}
.product-details .row{  background-color: #fff;  box-shadow: 0 4px 8px -5px #c7c7c7; padding: 0 0 20px;}
.table-content p {      color: #000;      margin-top: 15px;  }
.table-content ul li {line-height: 28px;  color: #000;  list-style: disc;}
.table-content ul {  padding-left: 15px;  margin-top: 8px;}
.full-content-plain h2{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
.full-content-plain h3{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
.full-content-plain h4{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
.full-content-plain h5{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
.full-content-plain h6{font-size: 20px; margin-top: 15px; margin-bottom: 10px;}
.full-content-plain ul{padding-left: 15px;}
.zig-img img {  width: 100%;  height: 300px;  object-fit: cover;}
.zag-content span {  font-size: 22px;  font-weight: 500; display: block;  margin-bottom: 10px;}
.zag-content {  text-align: justify;}
.show-more-height {  margin-bottom: 30px !important;}
.product-img-details img {  height: 350px;  object-fit: contain;}
.blogs-content h2 {  margin-bottom: 12px;}
.blogs-content p {  text-align: justify;}
.blog-btn a {  font-weight: 600;  color: #000;  font-style: italic;}

.tab {  margin-bottom: 20px;  position: relative;  overflow: hidden;  background: #fff;  width: 100%;  margin: 0 auto;  line-height: 1.5;  font-weight: 300;  color: #888;  -webkit-font-smoothing: antialiased;}
.tabs {  display: table;  position: relative;  overflow: hidden;  margin: 0;  width: 100%;}
.tabs li {  float: left;  border-right: 1px solid #ccc;  line-height: 38px;  overflow: hidden;  padding: 0;  position: relative;}
.tabs li:last-child{border: none;}
.tabs a {  color: #fff;  font-weight: 500;  display: block;  letter-spacing: 0;  background-color: #2e365b;  outline: none;  padding: 0 20px; text-decoration: none;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  border-bottom: 2px solid #0d0d32;}
.tabs_item {  display: none;  padding: 30px 0;  border-radius: 15px;  border: 1px solid #ccc;  padding: 15px;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.tabs_item:first-child {  display: block;}
.current a {  color: #fff;  background: #0d0d32;}
.tabs_item p {  color: #000;  text-align: justify;  line-height: 32px;}
ul.tabs {  justify-content: center;  display: flex;}
.content-collab p {  line-height: 28px;}
.tabs_item ul{padding-left: 15px;}
.tabs_item ul li {  list-style-type: disc; color: #000;}

.our-blogs{background-color: #0d0d32;}
.blog-img a {  background: #ff5228;  display: block;  padding: 5px 0; font-size: 18px; color: #000;}
i.rss-icon {  color: #ff5228;}
.footer-social-media i.fa-square-rss {  background: #f79030;}

.city-page{background-color: #0d0d32;;}
.under-city ul {  column-count: 4;}
.under-city ul li{line-height: 35px; border-bottom: 1px dashed #393981}
.under-city ul li a{color: #fff; transition: 0.5s;}
.under-city ul li a:hover{color: #ff5228;}
.short-description a {  color: #000;  font-weight: 800;  text-decoration: underline;}
.content_side a {  color: #000;  font-weight: 800;  text-decoration: underline;}
.left-six-side span {  font-weight: 700;  display: block;  margin-bottom: 8px;}
.left-six-side p {  text-align: justify;}

.left-six-side ul .fa-facebook{ width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius: 50px; transition: 0.5s;  background-color: #1877f2;}
.left-six-side ul .fa-x-twitter{width: 30px; height: 30px; text-align: center; line-height: 32px; border-radius: 50px; transition: 0.5s;  background-color: #000;}

.title-name-slide a {  display: block;  text-align: center;  font-size: 22px; color: #fff;}
.qet-qoute a {  text-align: center;  display: block;}
.qet-qoute-slide a {  background: #ff5228;  padding: 10px 30px;}
.testimonial_side i {  color: #f69403;}
.content-verticle a { color: #ff5228; transition: 0.5s;}
.buy-now-btn a {  background: #ff5228;  font-size: 15px;  padding: 5px 12px;}
.content-verticle h4 {  font-size: 25px;}

.modal-header a{cursor: pointer;}

/* .item[aria-hidden=true] a[href],
.item[aria-hidden=true] area[href], 
.item[aria-hidden=true] input:not([disabled]), 
.item[aria-hidden=true] select:not([disabled]), 
.item[aria-hidden=true] textarea:not([disabled]), 
.item[aria-hidden=true] button:not([disabled]), 
.item[aria-hidden=true] [tabindex]:not([disabled]), 
.item[aria-hidden=true] [contenteditable=true]:not([disabled]){    visibility: hidden;} */


/* .blog-item[aria-hidden=true] a[href],
.blog-item[aria-hidden=true] area[href], 
.blog-item[aria-hidden=true] input:not([disabled]), 
.blog-item[aria-hidden=true] select:not([disabled]), 
.blog-item[aria-hidden=true] textarea:not([disabled]), 
.blog-item[aria-hidden=true] button:not([disabled]), 
.blog-item[aria-hidden=true] [tabindex]:not([disabled]), 
.blog-item[aria-hidden=true] [contenteditable=true]:not([disabled]){    visibility: hidden;} */

.carousel-item img {  margin: 0px auto;}
a.black-color-text{color: #000 !important;}
.plain-flow-content h4 {  margin-bottom: 10px;}
.under-city p {  font-size: 18px;}

.features {    background: #0d0d32;    padding: 50px 0;}
.features-bordre {     border: 1px solid #ff4332;    padding: 10px 30px;    background: #10104e;}
.features-bordre ul li {    color: #fff;    line-height: 35px;    list-style-type: disc;}
.features-bordre span {    color: #fff;    font-size: 25px;    text-align: center;    display: block;   font-weight: 400;}

.btn-metter ul {    padding: 0;}
.btn-metter ul li a {    background: #ff5228;    padding: 10px 30px;    width: 100%;    display: block;    line-height: 15px;    width: 100% !important;}
.btn-metter li {    margin-bottom: 12px;}
.btn-metter ul li {    width: 100%;    text-align: center;}
.uniqe-box span a {    font-size: 17px;}


.uniqe-box img {    height: 300px;    object-fit: cover;}
.uniqe-box ul li i {    color: #f7ae37;}

.process_menufacture-content ul li {    list-style-type: disc;    margin-bottom: 18px;}
.content-team-box span {    font-weight: 700;    display: block;    text-align: center;   font-size: 25px;    display: block;    margin-bottom: 11px;}
.content-team-box {    min-height: 350px;}
.plain-flow-content h6 {  font-size: 20px;  margin-bottom: 10px;}

.carousel{height: 600px;}
.hero-slider button.slick-next.slick-arrow {right: 50px; top: 50%;}
.hero-slider button.slick-prev {  left: 32px; z-index: 99; top: 50%;}
.card-content h4 {    font-size: 20px;    margin-bottom: 12px;}

#testi{
  padding: 40px 0px;
}
.testi-cards i{
  color: rgb(238, 196, 12);
}
.testi-cards p{
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.testi-cards h6{
  color: #0D0D32;
  text-align: center;
}
.testi-cards{
  background-color: #f2f2f2;
  border-right: 5px solid #0D0D32;
}

.slick-prev:before, .slick-next:before{
  color: #0D0D32;
}
.rating-review{
  padding: 25px 85px;
}

.rating-bg{
  background-color: #0D0D32;
  border-radius: 25px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.rating-one span{
  font-size: 30px;
}

.rating-one{
  border-right: 1px solid #fff;

}

.my-ratings{
  border-right: 1px solid #fff;
}

.rating-two .first-item{
  background-color: #fff;
  width: 240px;
  height: 10px;
  display: block;
  border-radius: 6px;
}
.rating-two .second-item{
  background-color: rgb(26, 194, 26);
  width: 125px;
  height: 8px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 9px;
}

.rating-three .first-item{
  background-color: #fff;
  width: 240px;
  height: 10px;
  display: block;
  border-radius: 6px;
}
.rating-three .second-item{
  background-color: rgb(26, 194, 26);
  width: 31px;
  height: 8px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 34px;
}

.rating-four .first-item{
  background-color: #fff;
  width: 240px;
  height: 10px;
  display: block;
  border-radius: 6px;
}
.rating-four .second-item{
  background-color: rgb(26, 194, 26);
  width: 31px;
  height: 8px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 58px;
}

.rating-five .first-item{
  background-color: #fff;
  width: 240px;
  height: 10px;
  display: block;
  border-radius: 6px;
}
.rating-five .second-item{
  background-color: rgb(26, 194, 26);
  width: 13px;
  height: 8px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 83px;
}

.rating-six .first-item{
  background-color: #fff;
  width: 240px;
  height: 10px;
  display: block;
  border-radius: 6px;
}
.rating-six .second-item{
  background-color: rgb(26, 194, 26);
  width: 24px;
  height: 8px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 107px;
}

.satis p{
  font-size: 24px;
}

.satis i{
  color: #1ac21a;
  font-size: 25px;
}

.satis-one .first-item{
  background-color: #fff;
  height: 10px;
  width: 190px;
  display: block;
  border-radius: 6px;
}
.satis-one .second-item{
  background-color: #1ac21a;
  height: 8px;
  width: 150px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 45px;
}

.satis-two .first-item{
  background-color: #fff;
  height: 10px;
  width: 190px;
  display: block;
  border-radius: 6px;
}
.satis-two .second-item{
  background-color: #1ac21a;
  height: 8px;
  width: 190px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 70px;
}

.satis-three .first-item{
  background-color: #fff;
  height: 10px;
  width: 190px;
  display: block;
  border-radius: 6px;
}
.satis-three .second-item{
  background-color: #1ac21a;
  height: 8px;
  width: 190px;
  display: block;
  border-radius: 6px;
  position: absolute;
  top: 94px;
}</pre></body></html>