@font-face {
  font-family: "RobotoBlack";
  src: url("../fonts/roboto/RobotoBlack.eot");
  src: url("../fonts/roboto/RobotoBlack.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoBlack.woff2") format("woff2"), url("../fonts/roboto/RobotoBlack.woff") format("woff"), url("../fonts/roboto/RobotoBlack.ttf") format("truetype"), url("../fonts/roboto/RobotoBlack.svg#RobotoBlack") format("svg");
}
@font-face {
  font-family: "RobotoBlackItalic";
  src: url("../fonts/roboto/RobotoBlackItalic.eot");
  src: url("../fonts/roboto/RobotoBlackItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoBlackItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoBlackItalic.woff") format("woff"), url("../fonts/roboto/RobotoBlackItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoBlackItalic.svg#RobotoBlackItalic") format("svg");
}
@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/roboto/RobotoBold.eot");
  src: url("../fonts/roboto/RobotoBold.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoBold.woff2") format("woff2"), url("../fonts/roboto/RobotoBold.woff") format("woff"), url("../fonts/roboto/RobotoBold.ttf") format("truetype"), url("../fonts/roboto/RobotoBold.svg#RobotoBold") format("svg");
}
@font-face {
  font-family: "RobotoBoldItalic";
  src: url("../fonts/roboto/RobotoBoldItalic.eot");
  src: url("../fonts/roboto/RobotoBoldItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoBoldItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoBoldItalic.woff") format("woff"), url("../fonts/roboto/RobotoBoldItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoBoldItalic.svg#RobotoBoldItalic") format("svg");
}
@font-face {
  font-family: "RobotoItalic";
  src: url("../fonts/roboto/RobotoItalic.eot");
  src: url("../fonts/roboto/RobotoItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoItalic.woff") format("woff"), url("../fonts/roboto/RobotoItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoItalic.svg#RobotoItalic") format("svg");
}
@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/roboto/RobotoLight.eot");
  src: url("../fonts/roboto/RobotoLight.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoLight.woff2") format("woff2"), url("../fonts/roboto/RobotoLight.woff") format("woff"), url("../fonts/roboto/RobotoLight.ttf") format("truetype"), url("../fonts/roboto/RobotoLight.svg#RobotoLight") format("svg");
}
@font-face {
  font-family: "RobotoLightItalic";
  src: url("../fonts/roboto/RobotoLightItalic.eot");
  src: url("../fonts/roboto/RobotoLightItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoLightItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoLightItalic.woff") format("woff"), url("../fonts/roboto/RobotoLightItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoLightItalic.svg#RobotoLightItalic") format("svg");
}
@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/roboto/RobotoMedium.eot");
  src: url("../fonts/roboto/RobotoMedium.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoMedium.woff2") format("woff2"), url("../fonts/roboto/RobotoMedium.woff") format("woff"), url("../fonts/roboto/RobotoMedium.ttf") format("truetype"), url("../fonts/roboto/RobotoMedium.svg#RobotoMedium") format("svg");
}
@font-face {
  font-family: "RobotoMediumItalic";
  src: url("../fonts/roboto/RobotoMediumItalic.eot");
  src: url("../fonts/roboto/RobotoMediumItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoMediumItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoMediumItalic.woff") format("woff"), url("../fonts/roboto/RobotoMediumItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoMediumItalic.svg#RobotoMediumItalic") format("svg");
}
@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/roboto/RobotoRegular.eot");
  src: url("../fonts/roboto/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoRegular.woff2") format("woff2"), url("../fonts/roboto/RobotoRegular.woff") format("woff"), url("../fonts/roboto/RobotoRegular.ttf") format("truetype"), url("../fonts/roboto/RobotoRegular.svg#RobotoRegular") format("svg");
}
@font-face {
  font-family: "RobotoThin";
  src: url("../fonts/roboto/RobotoThin.eot");
  src: url("../fonts/roboto/RobotoThin.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoThin.woff2") format("woff2"), url("../fonts/roboto/RobotoThin.woff") format("woff"), url("../fonts/roboto/RobotoThin.ttf") format("truetype"), url("../fonts/roboto/RobotoThin.svg#RobotoThin") format("svg");
}
@font-face {
  font-family: "RobotoThinItalic";
  src: url("../fonts/roboto/RobotoThinItalic.eot");
  src: url("../fonts/roboto/RobotoThinItalic.eot") format("embedded-opentype"), url("../fonts/roboto/RobotoThinItalic.woff2") format("woff2"), url("../fonts/roboto/RobotoThinItalic.woff") format("woff"), url("../fonts/roboto/RobotoThinItalic.ttf") format("truetype"), url("../fonts/roboto/RobotoThinItalic.svg#RobotoThinItalic") format("svg");
}
/*********
background url path
*********/
/*********/
/*********
 Transform property
*********/
/*********
 headers
*********/
/*.section{padding:40px; margin:0;}*/
html {
  scroll-behavior: smooth;
}
body {
  font-family: "RobotoRegular";
  padding: 0;
  margin: 0;overflow-x: hidden;
}

a {
  text-decoration: none;
  outline: none;
  display: inline-block;
  color: #d3d3d3;
}
a:hover{color: #000 }
.eq-height {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

h1.entry-title {
  display: none;
}

.no-padding {
  padding: 0;
}

.caret {
  display: none;
}

/****/
.icon {
  width: 70px;
  height: 70px;
  background: url("/wp-content/themes/website-theme/images/sprite.png");
  background-repeat: no-repeat;
}

/***** Common Spacing CSS Style *****/
.padding1x {
  padding: 10px;
}

.padding20x {
  padding: 20px;
}

.padding1x {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding2x {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding3x {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding4x {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding5x {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding6x {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding8x {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding9x {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding10x {
  padding-top: 100px;
  padding-bottom: 100px;
}
.paddingbottom10x{padding-bottom: 100px;}
.paddingtop10x{padding-top: 100px;}
.spacetop1x {
  margin-top: 10px;
}

.spacetop2x {
  margin-top: 20px;
}

.spacetop3x {
  margin-top: 30px;
}

.spacetop4x {
  margin-top: 40px;
}

.spacetop5x {
  margin-top: 50px;
}

.spacetop6x {
  margin-top: 60px;
}

.spacebottom1x {
  margin-bottom: 10px;
}

.spacebottom2x {
  margin-bottom: 20px;
}

.spacebottom3x {
  margin-bottom: 30px;
}

.spacebottom4x {
  margin-bottom: 40px;
}

.spacebottom5x {
  margin-bottom: 50px;
}

.spacebottom6x {
  margin-bottom: 60px;
}

.imgcenter {
  margin: auto;
}
.mobile{display: none!important;}
.list-group {
    align-items: end;list-style: none;
}
.list-group li::marker {
  display: none;
}
.header-top{padding: 10px 0;background-color: #d14118;}
.header-top .fas {
    margin: 0 7px 0 0;
} 
.header-top a{color: #fff!important;}
.list-group li a {
    border: 1px solid;
    padding: 2px 8px;    width: 90px;
    text-align: right;
    font-size: 14px;display: flex;
    align-items: center;
}
.header-top .list-group img {
    height: 13px;
    margin: 0 10px 0 0;width: 90px;
}
.header-top .list-group .list-group{position: absolute;top: 36px;    z-index: 111111;
    background: #d14118;}
.fas.fa-sort-down {
    margin-top: -5px;
}
.logo img{  }
.sticky-top{    background: #fff;
    padding: 2px 0px;       box-shadow: 0 2px 5px 1px #aaaaaa;}
    .carousel-text {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0 auto;
      right: 0;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .carousel-box {
    width: 100%;
    
    color: #fff;
    text-align: right;
    float: right;
}
.carousel-box h1{font-family: 'RobotoBold';    text-shadow: 1px 1px black;
  font-size: 60px;
  text-transform: uppercase;
  margin: 10px 0 20px;display: inline-block;
  background: #892002;
  padding: 15px 30px;}
  .carousel-box h2{display: block;font-family: 'RobotoRegular';display: inline-block;
    background: #892002;
    padding: 10px 30px;}
  .carousel-box h2:before{display: none;}
/*  button hover css  */

.btn {
  padding: 8px 20px;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    cursor: pointer;
    background-color: #d14118;
    position: relative;
    z-index: 1;
    border-radius: 40px;overflow: hidden;
}

.btn1,
.btn2 {
  background-color: #f6f00e;
  color: black;
  border: 2px solid black;
}

.btn1::before,
.btn2::before {
  content: "";
  background-color: #fb008c;
  width: 0%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transition: 0.7s;
}

.btn3::before,
.btn4::before {
  content: "";
  background-color: #892002;
  width: 100%;
  height: 0%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transition: 0.7s;
}

.btn1:hover,
.btn2:hover {
  color: white;
}

.btn3:hover,
.btn4:hover {
  color: #fff;
}

.btn1::before,
.btn2::before {
  width: 100%;
  height: 0%;
}

.btn3::before,
.btn4::before {
  height: 100%;
  width: 0%;
}

.btn1:hover::before,
.btn2:hover::before {
  height: 100%;
  border-radius: 5px;
}

.btn3:hover::before,
.btn4:hover::before {
  width: 100%;
  border-radius: 4px;
}
.btn3:focus{box-shadow:none;}
/***********  headings  *******/
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{padding-right: 0;}
.navbar-dark .navbar-nav .nav-link{    padding-right: 1.3rem;
    padding-left: 1.3rem;
    color: #585858;transition: 0.3s ease all;
    text-transform: uppercase;
    font-family: 'RobotoBold';}
    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: #d14118;}
/********  inner banner  *********/
h2 {
    position: relative;
    margin: 0px 0 20px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    display: inline-block;
}
h2:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 70%;
    background: #d14118;
    bottom: -9px;
    border-radius: 10px;
}
.border-img{
    transition: 0.3s ease all;}
    .border-img:hover{transform: scale(1.1);}
.h3 {
    font-size: 25px;
    margin: 0 0 20px;
    font-family: 'RobotoBold';
}
.about .fas {
    margin: 0 8px 0 0;
}
.box {
  box-shadow: 0 0 13px 1px #ccc;
  height: 100%;
  padding: 20px;
  border-radius: 5px;display: inline-block;
  background: #fff;position: relative;
}
.special {
    background: #f0f2f5;
    color: #000;
    text-align: center;
}
.special .container .row>div {
  margin-top: 20px;
}
.special  h2{margin-bottom: 60px;}
.special  h2:before{left: 0;
  right: 0;
  margin: auto;}
  .special  .box{overflow: hidden;}
  .special  .box img {
    transition: 0.5s ease all;
}
.special  .box:hover img {
  transform: rotate(360deg);
}
  .box-heading {
    position: absolute;
    height: 70px;
    width: 376px;
    background: #00000096;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -1050px;
    transition: 0.2s ease all;
}
.box:hover .box-heading{bottom: 28px;}
.box-heading h4 {
  font-size: 1.4rem;
  font-family: 'RobotoBold';
  color: #fff;
  text-shadow: 1px 2px #000000;
}
/*# sourceMappingURL=style.css.map */
.list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list li {
    padding: 0px 0 0 25px;
    position: relative;transition: 0.3s ease all;font-size: 16px;
    
}
.list li:hover{color: #000;}
.list li:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    left: 0;
    font-size: 14px;top: 2px;
}
.list li:hover{padding-left: 30px;}
.special li{float: left;width: 50%;}
.strength {
  background: #f0f2f5;
}
.strength h2{margin-bottom: 50px}
.strength .box {
    padding: 30px 20px;
    box-shadow: 0 0 10px 2px #ccc;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    height: 100%;transition: 0.3s ease all;
}
.strength .box:hover{transform: scale(1.1);}
.strength .box .fas {
    font-size: 60px;
    display: block;
    color: #d14118;
}
.strength .box h3{font-size: 20px;}
span.counter {
    font-size: 30px;
    margin: 20px 0 10px;
    display: inline-block;
    font-family: 'RobotoBold';position: relative;
}
span.counter:after {
    content: '+';
    position: absolute;
    right: -23px;
}
.testiminials-wrap {
    
    border-radius: 10px;
}
.testiminials-wrap .box{    background: #ffffffdb;
    padding: 25px;
    position: relative;
    margin: 0 0 0 -10px;
    box-shadow: 0 0 7px 0px #4f4f4f;border-radius: 10px;
    color: #000;}
    .testiminials-wrap .box img {position: absolute;
      left: 0;
      right: 0;
      margin: auto;height: 100px;
      width: 100px;
      border-radius: 50%;    border: 1px solid #ccc;background: #fff;
      top: -55px;}
    .testiminials-wrap .fas{    font-size: 36px;
    margin: 0 0 15px 0;}
    .testiminials-wrap h3{    font-size: 22px;
    font-family: 'RobotoBold';
    margin: 0 0 10px;}
    footer {
      background: #f0f2f5;color: #585858;    padding: 50px 0 0;
  }
  footer p b {
    margin: 0 5px 0 0;
}
  footer .box{border: 2px dashed;
    padding: 20px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px 0;
    border-color: #585858;
    background: #fff;}
    footer .box a{text-decoration: underline;}
  footer a{ color: #585858!important;margin-bottom: 1rem;}
  footer h4{font-size: 1.2rem; font-weight: bold;}
  footer .fas{    font-size: 30px;    margin: 0 10px 0 0px;width: 30px;color: #d14118;}
  footer img.img-fluid {
    
    margin: 0 0 10px;
}
  .copyright{background: #892002;padding: 10px 0;margin: 40px 0 0 0;}
  .copyright p{margin: 0;color: #fff;}
  .services{background: url(../images/service-bg.jpg);background-size: cover;background-repeat: no-repeat;background-attachment:fixed;}

  .services .box {
    position: relative;
    overflow: hidden;
    transition: 0.3s ease all;
    height: 100%;
    box-shadow: 0 0 10px 0px #cbcbcb;
    background: #ffffff96;
    display: block;
    
    padding: 20px;border-radius: 10px;
}
.services h3{font-family: 'RobotoBold';}
.services .box  img{border-radius: 10px;}
.services .box-wrap {
  flex: auto;
  height: 100%;  
  /* text-align: center; */padding: 0 0 0 5px;
}
.services .box-wrap li{padding: 10px 20px;
  font-size: 16px;
  height: 70px;
  display: flex;
  align-items: center;border-bottom: 1px solid #ece8e8;
  justify-content: center;
  text-align: center;}
.services .box-wrap li:hover{}
.services .box-wrap li:last-child {
  /* background: #d1411814; */
  border-bottom: 0;
}
.services .box-wrap li:before{
  display: none;
}

.box-wrap h3 {
  font-family: 'RobotoBold';
  margin: 0 0 0px;
  font-size: 18px;
  flex: auto;
  background: #d14118;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;text-align: center;
  padding: 10px;
  height: 64px;text-transform: capitalize;margin: 15px 0;
}
.box-wrap p {
  flex: auto;text-align: center;
}
  .box-wrap a{text-decoration: underline;font-style: italic;color: #585858!important;} 
  .owl-dots {
    display: none;
} 
button.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  padding: 12px!important;
  display: inline-block;border-radius: 50%;
  background-color: #d9d9d9;
  opacity: 1;font-size: 11px;
}
button.btn-close:hover{opacity: 1;}
#scroll {
  position: fixed;
  bottom: 10px;
  right: 25px;
  background: #fff;
  border-radius: 50%;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px 1px #8b8b8b;
}
.after span.counter:after{display: none;}
footer #scroll .fas{margin: 0;}
footer h3{    font-size: 25px;
  margin-bottom: 30px;
  text-transform: uppercase;font-family: 'RobotoBold';}
.owl-prev, .owl-next {
  position: absolute;
  padding: 10px;
  left: 0;
  top: 40%;
}
.owl-prev span, .owl-next span {
  font-size: 58px!important;
  padding: 0 0 5px 0px;
  height: 50px;
  width: 50px;
  background: #d14118;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-next {
  right: 0;
  left: auto;
}
.form-control:focus {
  box-shadow: none;
  outline: none;
}
label.error {
  position: absolute;
  bottom: -18px;
  font-size: 14px;
  right: 0;
  color: red;
}
select.form-control{-webkit-appearance: none;
  background: url(../images/arrow.png) 97% 17px no-repeat #fff !important;}
  iframe{height:290px;}
/*****Animated Box****/

.animated-box{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow:hidden;
}
.animated-box:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 50%;
    background: rgba(255,255,255,0.05);
  }
  
    .animated-box span:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #0c002b, #1779ff);
    animation: animate1 3s linear infinite;
   } 
   .animated-box span:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, #0c002b, #1779ff);
    animation: animate2 3s linear infinite;
    animation-delay: 1s;
  }
  .animated-box span:nth-child(3) {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, #0c002b, #1779ff);
    animation: animate3 3s linear infinite;
  }
  .animated-box span:nth-child(4){
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, #0c002b, #1779ff);
    animation: animate4 3s linear infinite;
    animation-delay: 1s;
  }


@keyframes animate1{
  0%{transform: translateX(-100%);}
  100%{transform: translateX(100%);}
}
@keyframes animate2{
  0% {transform: translateY(-100%);}
  100%{transform: translateY(100%);}
}
@keyframes animate3{
  0%{transform: translateX(100%);}
  100%{transform: translateX(-100%);}
}
@keyframes animate4{
  0%{transform: translateY(100%);}
  100%{transform: translateY(-100%);}
}
.social-media {
  position: fixed;
  right: 0;
  z-index: 1;
  bottom: 30%;
}
.social-media a {
  display: block;
  border-bottom: 1px solid #ccc;
  background: #0A66C2;
  font-size: 25px;
  color: #fff;
  padding: 5px 15px;
}
.social-media a :hover{opacity: 0.5;}
.social-media a:nth-child(1) {
  background: #25D366;
}
.social-media a:nth-child(2) {
  background: #3b5998;
}
.social-media a:nth-child(3) {
  background: #e95950;
}
.mazo h2:before{margin: auto;
  left: 0;
  right: 0;}
  .f-detail {
    
    padding: 10px;    border-bottom: 1px solid #dddddd
}
.f-detail:last-child{border-bottom: 0;}
.f-detail p, .f-detail a{margin: 0;}
.modal-header {
  padding: 20px 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #892002;
  color: #fff;
  text-transform: uppercase;
}
/* responsive */
@media(max-width:1440px){
  /* .carousel-box {    width: 100%;} */
    .carousel-box h1{font-size: 50px;}
}
@media(max-width:1399px){
  
}
@media(max-width:1199px){
  .box-wrap h3{font-size: 16px;}
  .services .box-wrap li{height: auto;}
  .navbar-dark .navbar-nav .nav-link {    padding-right: 15px;    padding-left: 15px;}
}
@media(max-width:991px){
  .navbar-dark .navbar-toggler{    background: #d14118;    padding: 0 4px;}
  .navbar{position: absolute;top: -18px;}
  .navbar-nav {    background: #fff;    box-shadow: 0 0 10px 1px #ccc;}
  .navbar-dark .navbar-nav .nav-link {       font-size: 14px;   padding-top: 15px;    padding-bottom: 15px;  border-bottom: 1px solid #ececec;}
  .services .mt-5{margin: 0 -15px;}
  .services .box{margin-top: 20px;display: block;}
  .services .box img {    width: 100%;}
  .services .box-wrap{width: 100%;padding: 0;}
  .btn {    padding: 8px 15px;}
  .services .col-md-6{margin-top: 20px;}
  .carousel-box {    width: 100%;text-align: center;padding: 20px;}
  .carousel-box h1 {    font-size: 35px;}
  .carousel-box h2{font-size: 20px;}
}
@media(max-width:767px){
  .header-top a{font-size:14px ;}
  .header-top .fas {    margin: 0px 2px 0 0;}
  .logo {    text-align: center;}
  .navbar{    top: -57px;    left: -10px;}
  .sticky-top{    padding: 15px 0px;}
  .quote-sec.text-end {
    position: absolute;
    right: 8px;
    top: -58px;
}
.quote-sec.text-end a{font-size: 14px;
  padding: 10px;}
  .quote-sec.text-end a span{display: none;}
  .padding10x {
    padding-top: 50px;
    padding-bottom: 50px;
}
.paddingbottom10x{padding-bottom: 50px;}
.paddingtop10x{padding-top: 50px;}
.mt-50{margin-top: 50px;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}
.special li{width: 100%;}
.testiminials-wrap .box{    margin: 0 15px;}
footer{text-align: center;}
footer .mt-3 {
  margin-top: 1.8rem!important;
}
footer a.align-items-center, footer p.align-items-center{justify-content: center;  flex-direction: column;}
footer .fas {  font-size: 35px;  margin: 0 0px 14px 0px;}
.carousel-text {
  position: relative;
  width: 100%;
}
.carousel-text .container{padding: 0;}
.carousel-box{    background-color: #2b2b2b;}
.carousel-box h1 {
  font-size: 30px;
}
.carousel-box h2{font-size: 20px;}
footer h3.d-flex.align-items-center {
  justify-content: center;
  font-size: 1.6rem;margin-top: 20px;
}
footer h3.d-flex.align-items-center .fas{margin-right: 10px;margin-bottom: 0;}
.testiminials {
  padding-top: 90px;
}
.services h3{margin-top: 20px;}
.animated {
  /*CSS transitions*/
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  /*CSS transforms*/
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  /*CSS animations*/
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.box-heading{bottom:0;width:100%;}
.box:hover .box-heading{bottom:0}
}
@media(max-width:576px){
  .mobile{display: block!important;}
  .desktop{display: none!important;}
  .about .mt-5 {
    margin-top: 0!important;
}
.services .mt-5 {
  margin-top: 0!important;
}
.services .mt-4{    margin-top: 50px!important;}

.carousel-box{    padding: 20px 20px 50px;}
.logo img {
  height: 65px;
}
.header-top{text-align: center;}
.header-top .text-end {
  text-align: center !important;
}
}