@charset "UTF-8";
/*  Base CSS Start */
:root{
  /* Color Variables */
  --main-site-color:var(--red-color);
  --red-color:#c61a2b;
  --btn-color:var(--red-color);
  --orange-color:#eeaf06;
  --black-color:#000000;
  --black-rgba:rgba(0, 0, 0,0.8);
  --darkgray:#242424;
  --white-color:#ffffff;
  --txt-color:#222222;
  --light-gray-color:#f1f1f1;
  --border-color:#bbbbbb;

  /* Gradient Colors */
  --redgradient:linear-gradient(0deg, rgb(72,8,15) 0%, rgb(135,17,29) 58%, rgb(198,26,43) 100%);

  /* Font Sizes */
  --h1-size:50px;
  --h1-size-2:40px;
  --h2-size:30px;
  --h3-size:26px;
  --h4-size:22px;
  --h5-size:20px;
  --h6-size:18px;
  --p-size:16px;  

  /* Font Families */
  --heading-fonts: "Open Sans", sans-serif;
  --body-fonts: "Open Sans", sans-serif;

}


*{margin:0;padding:0;box-sizing: border-box;}
html{-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body::-webkit-scrollbar {width:10px;background:rgba(255,255,255,0);}
body::-webkit-scrollbar-track {background-color:rgba(255,255,255,0);}
body::-webkit-scrollbar-thumb {background:var(--main-site-color);width:2px;border-radius:2px;}

/* Body and Heading Fonts */
body{color:var(--txt-color);background:var(--white-color);font-style:normal;font-weight: 400; font-size:16px;overflow-x:hidden;font-family: var(--body-fonts);}
h1,h2,h3,h4,h5,h6,button,.btn,li,a{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--black-color);line-height:1.2;padding: 0px 0px 10px 0px;margin:0;font-family: var(--heading-fonts);}
p{color:var(--txt-color);font-size:16px;line-height:26px;font-weight:400;font-family: var(--body-fonts);}
a{text-decoration:none;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a:hover, a:focus,a:active{outline:none;text-decoration:none;}
ul, li{list-style:none;padding:0; margin:0;}
.clearfix:after{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.img-res{max-width: 100%;height: auto;}

.graybg{background-color: var(--light-gray-color);}

.button{position: relative;min-width:250px;min-height:60px;border:0;border-radius: 0;overflow: hidden;background-color: var(--main-site-color);color:var(--white-color);display: inline-flex;align-items: center;justify-content: center;padding: 8px 20px; overflow: hidden;font-weight:500;font-size: 18px;}
.button:hover{background-color: var(--white-color);color: var(--main-site-color);}
.mobile-show{display:none;}

.headerwrap{position: relative;z-index: 999;background-color:var(--white-color);}
.navbar_fixed .menu-navbar a.navbar-brand .widget_media_image img.image{width: 100px;}
.menu-navbar{padding:10px 0;align-items: flex-end;}
.menu-navbar .container{position: relative;}
.menu-navbar .navbar-nav{padding-right:0px;}
.menu-navbar .navbar-nav .nav-item{padding:10px 50px;position: relative;}
.menu-navbar .navbar-nav .nav-link{font-size: 12px;font-weight:700;color:var(--txt-color);text-transform:uppercase;padding:10px 0;}
.menu-navbar .navbar-nav .nav-item + .nav-item .nav-link:before{content:'|';width:10px;height:100%;position: absolute;left:-5px;}
.menu-navbar .navbar-nav .nav-item.contactbtn{padding-right:0px;}
.menu-navbar .navbar-nav .nav-item.contactbtn .nav-link:before{display:none;}
.menu-navbar .navbar-nav .nav-item.contactbtn .nav-link{background-color: var(--main-site-color);color: var(--white-color);padding:10px 30px;border-radius: 0;transition: all 0.3s ease-in-out;}
.menu-navbar .navbar-nav .nav-item.contactbtn .nav-link:hover{background-color: var(--txt-color);color: var(--white-color);}
.menu-navbar .navbar-nav .nav-item:nth-child(5){padding-right:10px;}

.menu-navbar .navbar-nav{position: relative;}
.menu-navbar .navbar-collapse{justify-content:space-between;}
.navbar_fixed .menu-navbar .navbar-collapse{min-height: 103px;}
.menu-navbar .navbar-nav .dropdown .dropdown-menu{display: none;}
.menu-navbar .navbar-nav .dropdown .dropdown-toggle{display: none;}

.navbar-nav span.dropdown-toggle{width:15px;height: 15px;position: absolute;right:-25px;top:2px;z-index: 9;cursor: pointer;}
.navbar-nav span.dropdown-toggle{right:15px;top:26px;}
.navbar-nav span.dropdown-toggle:after{display: none;}
.navbar-nav span.dropdown-toggle.show:after{transform: rotate(225deg);}

.menu-navbar .container .contactbtn{order:6;}
.menu-navbar .container .contactbtn .btn:hover{background-color: var(--main-site-color);}
.menu-navbar .navbar-nav .dropdown-menu{margin-top:5px;padding:15px 0;border-radius: 0;border: 0;background: var(--light-gray-color);min-width:200px;}
.menu-navbar .navbar-nav .dropdown-menu:before{content:'';width:0px;height:0px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid var(--light-gray-color);position:absolute;right:0;left:0;top:-12px;margin:0 auto 0 15px;}
.menu-navbar .navbar-nav .dropdown-menu li a{font-size: 14px;color:var(--txt-color);font-weight: 400;padding:10px 15px;}
.menu-navbar .navbar-nav .dropdown-menu li a:hover{background-color:var(--main-site-color);color:var(--white-color);}
.menu-navbar .navbar-nav .dropdown:hover .dropdown-menu{display: block;}

/* Toggle */
.navbar-toggle-btn{width:30px;height:30px;position:relative;margin:20px 20px 15px 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer;display:none;}
.navbar-toggle-btn span{display:block;position:absolute;height:3px;width:100%;background:var(--txt-color);border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.navbar-toggle-btn span:nth-child(1){top:0px;}
.navbar-toggle-btn span:nth-child(2){top:10px;}
.navbar-toggle-btn span:nth-child(3){top:20px;}
.navbar-toggle-btn.active span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.navbar-toggle-btn.active span:nth-child(2){opacity:0;left:-60px;}
.navbar-toggle-btn.active span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.navbar-toggle{display:none;margin-left:auto;}

.navbar-brand .svg-logo{width: 250px;}
.navbar-right{display: flex;}
.navbar-right .nav-item{position: relative;}

/*.mobileHamburger{display: none;position:fixed;top:0;right:0;background-color:var(--gray-background);z-index: 9999;}*/
.navbar_fixed .menu-navbar{position:fixed;top:-80px;left: 0;width: 100%;background:#fff;transform:translateY(80px);transition:transform 500ms ease, background 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;z-index:1001;padding: 0;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.navbar_fixed .menu-navbar .navbar-nav .nav-link{overflow: hidden;}
.navbar_fixed .topBar{display: none;}
.navbar_fixed 
.navbar_fixed .contactmail{top:8px;}
.navbar_fixed .contactmail i.icons{width: 40px;height: 40px;}
.navbar_fixed .contactmail i.envelopIcon:before{width: 25px;height: 18px;}
.navbar_fixed .contactmail i.phoneIcon:before{width: 25px;height:25px;}
.navbar_fixed .menu-navbar .navbar-nav:before{top:60%;}

.ham-menu{width:50px;height:50px;position:absolute;right:0px;top:0px;display:none;z-index:9999;background-color:var(--main-site-color);order:6}
.vbp-header-menu-button__svg{width:30px;height:30px;cursor:pointer;transform:scaleX(-1);}
.vbp-header-menu-button__svg line{stroke:#fff;stroke-dasharray:100%;stroke-dashoffset:0%;transition:transform 0.3s,stroke-dashoffset .4s;transform-origin:center;stroke-width:3px;}
.vbp-header-menu-button__svg .top{transform:translateY(35%);-webkit-transform:translateY(-35%);-moz-transform:translateY(35%);-ms-transform:translateY(35%);transform:translateY(-35%);}
.vbp-header-menu-button__svg .middle{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transition:opacity .3s,transform .3s;-webkit-transition:opacity .3s,transform .3s;-moz-transition:opacity .3s,transform .3s;-ms-transition:opacity .3s,transform .3s;-o-transition:opacity .3s,transform .3s;}
.vbp-header-menu-button__svg .bottom{transform:translateY(35%);-webkit-transform:translateY(35%);-moz-transform:translateY(33%);-ms-transform:translateY(35%);-o-transform:translateY(35%);stroke-dasharray:100%;}
.vbp-header-menu-button__svg:hover .bottom{stroke-dashoffset:0%;}

body.menu-open .vbp-header-menu-button__svg .top{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);stroke-linecap:round;}
body.menu-open .vbp-header-menu-button__svg .middle{transform:scaleX(0.1);-webkit-transform:scaleX(0.1);-moz-transform:scaleX(0.1);-ms-transform:scaleX(0.1);-o-transform:scaleX(0.1);opacity:0;}
body.menu-open .vbp-header-menu-button__svg line.bottom{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);stroke-linecap:round;}
body.menu-open .vbp-header-menu-button__svg .bottom{stroke-dashoffset:0%;}

.section h1{font-size:var(--h1-size);}
.section h2{font-size:var(--h2-size);}
.section h3{font-size:var(--h3-size);}
.section h4{font-size:var(--h4-size);}
.section h5{font-size:var(--h5-size);}

.bluebg{background-image: var(--bluegradient);}

.section{padding:60px 0;position: relative;}
.bannersec{padding:0;display:flex;align-items: center;justify-content: center;position: relative;height: 600px;}
.bannersec img{width:100%;height: 100%;object-fit: cover;}
.banner-caps{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items:center;justify-content:center;padding-top:30px;margin:0;}
.banner-caps h1{color: var(--white-color);font-size: var(--h1-size);margin-bottom: 20px;text-align: left;}
.banner-caps p{color: var(--white-color);font-size: 20px;line-height:30px;font-family: var(--heading-fonts);text-align: left;}
.banner-caps .btnwrap{margin-top:30px;display: flex;flex-wrap: wrap;gap:30px;}
.banner-caps .btnwrap .outline-btn{background-color: transparent;color: var(--white-color);border: 2px solid var(--white-color);min-width: 200px;min-height: 50px;display: flex;align-items: center;justify-content: center;}
.banner-caps .btnwrap .outline-btn:hover{background-color: var(--white-color);color: var(--main-site-color);}

.patner-logo-sec{position: relative;padding: 60px 0;background-color: var(--light-gray-color);}
.patner-logo-slider div.slick-slide{display:inline-flex;align-items: center;justify-content: center;padding:0 30px;width:auto;}
.patner-logo-slider div.slick-slide img{width:auto;height: 100%;object-fit:contain;max-height:50px;transition: all 0.3s ease-in-out;}
.slick-prev, .slick-next {width: 20px;height: 21px;position: absolute;top: 50%;z-index: 999;cursor: pointer;}
.slick-next{right: -30px;transform: translateY(-50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(187, 187, 187)' d='M10.644,8.171 L12.659,10.171 L2.582,20.171 L0.567,18.171 L8.628,10.172 L0.566,2.171 L2.581,0.171 L10.643,8.171 L10.644,8.171 ZM15.666,10.172 L7.604,2.171 L9.619,0.171 L17.681,8.171 L17.682,8.171 L19.697,10.171 L9.621,20.171 L7.605,18.171 L15.666,10.172 Z'/%3E%3C/svg%3E");}
.slick-prev{left: -30px;transform: translateY(-50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(187, 187, 187)' d='M9.466,8.171 L7.451,10.171 L17.527,20.171 L19.543,18.171 L11.482,10.172 L19.544,2.171 L17.528,0.171 L9.467,8.171 L9.466,8.171 ZM4.444,10.172 L12.506,2.171 L10.490,0.171 L2.429,8.171 L2.428,8.171 L0.413,10.171 L10.489,20.171 L12.504,18.171 L4.444,10.172 Z'/%3E%3C/svg%3E");}
.slick-prev:before, .slick-next::before{display: none;}
.slick-prev:hover, .slick-prev:focus{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(187, 187, 187)' d='M9.466,8.171 L7.451,10.171 L17.527,20.171 L19.543,18.171 L11.482,10.172 L19.544,2.171 L17.528,0.171 L9.467,8.171 L9.466,8.171 ZM4.444,10.172 L12.506,2.171 L10.490,0.171 L2.429,8.171 L2.428,8.171 L0.413,10.171 L10.489,20.171 L12.504,18.171 L4.444,10.172 Z'/%3E%3C/svg%3E");} 
.slick-next:hover, .slick-next:focus{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(187, 187, 187)' d='M10.644,8.171 L12.659,10.171 L2.582,20.171 L0.567,18.171 L8.628,10.172 L0.566,2.171 L2.581,0.171 L10.643,8.171 L10.644,8.171 ZM15.666,10.172 L7.604,2.171 L9.619,0.171 L17.681,8.171 L17.682,8.171 L19.697,10.171 L9.621,20.171 L7.605,18.171 L15.666,10.172 Z'/%3E%3C/svg%3E");}

.heading{position: relative;margin-bottom:50px;text-align: center;}
.heading h2{color: var(--black-color);margin-bottom: 20px;font-size: var(--h2-size);display: inline-block;position: relative;}
.heading h2::before,
.heading h2::after{content:'';width:67px;height:3px;position: absolute;top:50%;transform: translateY(-50%);background-color: var(--main-site-color);}
.heading h2::before{left:-80px;}
.heading h2::after{right:-80px;}
.heading p{color: var(--body-txt-color);font-size: 16px;line-height:30px;font-family: var(--heading-fonts);text-align: left;}

.cta-box-wrap{display:flex;}
.cta-box{width:100%;height:100%;background-color: var(--white-color);border: 1px solid var(--border-color);padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.3s ease-in-out;position:relative;}
.cta-box .cta-img{position: relative;width: 100%;height: 250px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin-bottom: 20px;padding:0;}
.cta-box .cta-img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.cta-box .icon{width:80px;height:80px;position: absolute;top:-40px;left:40px;z-index: 9;border-radius:100%;border:5px solid var(--orange-color);display: flex;align-items: center;justify-content: center;background-color: var(--white-color);}
.cta-box .icon img{width:40px;height:40px;object-fit: cover;}
.cta-box .cta-content{flex:1;width:100%;padding:0 20px 20px 20px;text-align:left;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;}
.cta-box .cta-content h3{color: var(--black-color);font-size: 24px;font-weight: 700;margin-bottom: 10px;}
.cta-box .cta-content p{color: var(--txt-color);font-size: 14px;line-height:24px;font-family: var(--heading-fonts);text-align: left;}
.cta-box .cta-content .btnwrap{text-align: left;display:block;}
.cta-box .cta-content .btnwrap .button{background-color: transparent;padding:0;border:0;color:var(--main-site-color);min-width:inherit;min-height: inherit;font-weight: bold;}
.cta-box:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.2);background-color: var(--main-site-color);}
.cta-box:hover .cta-content h3{color: var(--white-color);}
.cta-box:hover .cta-content p{color: var(--white-color);}
.cta-box:hover .cta-content .btnwrap .button{color: var(--white-color);}
.cta-box:hover .cta-img img{transform: scale(1.1);}
.cta-box:hover .icon{transform: rotate(360deg);transition: all 0.5s ease-in-out;left:calc(100% - 120px);}
.cta-box h3 span {color: var(--red-color);}

.industry-sec{padding: 60px 0;position: relative;background-color: var(--light-gray-color);}
.industry-img-wrap {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 15px;}
.industry-img-link {display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.industry-img {position: relative;min-width: 0;aspect-ratio: 1 / 1.25;overflow: hidden;cursor: pointer;}
.industry-img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;position: absolute;top:0;left:0;}
.industry-img-caption{position: absolute;bottom:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;opacity:1;transition: all 0.3s ease-in-out;flex-direction: column;}
.industry-img-caption h3{color: var(--white-color);font-size:var(--h3-size);font-weight: 700;text-align: center;}
.industry-img-caption .icon{width:84px;height:75px;display: flex;align-items: center;justify-content: center;transform: translate(-20%, -10%);}
.industry-img-caption .icon img{width:100px;height:65px;object-fit:contain;}
.industry-img .industry-img-title{background-color:var(--main-site-color);color: var(--white-color);font-size:var(--h3-size);font-weight: 700;text-align: center;position: absolute;bottom:-50px;left:0;width: 100%;z-index: 9;opacity:0;transition: all 0.3s ease-in-out;padding:10px;}
.industry-img:hover .industry-img-title{opacity:1;bottom:0;}
.industry-img:hover > .industry-img-link > img {transform: scale(1.1);}
.industry-img:hover .industry-img-caption{opacity:0;transform: translateY(-100%);transition: all 0.3s ease-in-out;cursor: pointer;}
.industry-content{padding-right:30px;}
.industry-content p{color: var(--body-txt-color);font-size: 16px;line-height:28px;font-family: var(--heading-fonts);text-align: left;margin-bottom: 20px;}

.smart-cabling-sec{padding: 30px 0 50px;position: relative;}
.smart-cabling-box{display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.3s ease-in-out;position: relative;}
.smart-cabling-box .smart-cabling-box-inner{text-align: center;}
.smart-cabling-box .smart-cabling-box-inner img{height:50px;transition: all 0.3s ease-in-out;margin-bottom: 20px;}
.smart-cabling-box .smart-cabling-box-inner h4{color: var(--txt-color);margin-bottom:30px;}
.smart-cabling-box .smart-cabling-box-inner p{color: var(--txt-color);font-size: 16px;line-height:28px;text-align: center;margin-bottom:0px;}

.sucess-wrap-sec{padding: 60px 0;position: relative;background-color: var(--txt-color);}
.sucess-box-inner h3{color: var(--white-color);font-size: var(--h1-size);margin-bottom:0px;text-align: center;line-height: 1;}
.sucess-box-inner p{color: var(--white-color);font-size: 18px;line-height:28px;text-align: center;margin-bottom:0px;font-weight:700;}

.footerwrap{padding:60px 0 30px;background-image:var(--redgradient);position: relative;min-height: 400px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.footerwrap:before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;background-image:url(../images/red-grid.svg);background-size:cover;z-index: 1;display: flex;}
.footerwrap .container{position: relative;z-index: 9;}
.footer-box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap:30px;border:1px solid var(--white-color);padding:30px 60px;position: relative;background-color: var(--main-site-color);margin-bottom: 50px;}
.footer-box h3{color: var(--white-color);font-size: var(--h2-size);margin-bottom:0px;}
.footer-box p{color: var(--white-color);font-size: 20px;line-height:28px;text-align: left;margin-bottom:0px;}
.footer-box .btnwrap .button{background-color: var(--txt-color);color:var(--white-color);font-weight: 700;}
.footer-box .btnwrap .button:hover{background-color:var(--white-color);color:var(--main-site-color);}
.footer-inner h4{color:var(--white-color);margin-bottom: 20px;}
.ft-menu li a{color:var(--white-color);font-size: 16px;font-weight: 400;line-height: 36px;}
.ft-menu li a:hover{color:var(--orange-color);}
.footer-inner p{color:var(--white-color);font-size: 16px;line-height:36px;margin-bottom:30px;}

.footer-inner dd{color:var(--white-color);font-size:16px;line-height: 36px;}
.footer-inner dd a{color: var(--white-color);}
.footer-inner dd a:hover{color: var(--orange-color);}


.btm-footer{font-size: 16px;color:var(--white-color);}
.btm-footer a{color: var(--white-color);}
.btm-footer a:hover{color: var(--orange-color);}



.inner-banner-sec{height:145px;}
.headerwrap {box-shadow: 1px 1.732px 5px 0px rgba(34, 34, 34, 0.24);}

.breadcrumbsec{min-height:60px;background-color: var(--light-gray-color);display: flex;align-items: center;position:relative;padding:20px 0;}
.breadcrumb{margin:0;}
.breadcrumb li,
.breadcrumb span,
.breadcrumb span a,
.breadcrumb li a{color:var(--black-color);font-size: 14px;font-weight: 400;text-transform: capitalize;}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb span{color:var(--red-color);}
.breadcrumb-item+.breadcrumb-item::before{content: " | ";color: var(--black-color);font-size: 12px;font-weight: 400;text-transform: uppercase;} 

.list-style ul{padding-left:50px;margin-bottom: 40px;}
.list-style ul li{font-size: 16px;line-height: 24px;color: var(--body-txt-color);position: relative;margin-bottom:5px;}
.list-style ul li:before{content:'';width:6px;height:6px;position: absolute;left:-20px;top:10px;background-color: var(--red-color);}



.sidebar h3{padding-bottom:10px;margin-bottom: 20px;border-bottom: 1px solid #7f7f7f;}
.sidebar ul li a{font-size: 14px;color: var(--body-txt-color);font-family: var(--headingfont);}
.sidebar ul li:before{transition: 0.5s;transition-delay: 0s;}
.sidebar ul li:hover:before{transition-delay: 0.5s;transform: rotate(45deg) scale(1.5);}
.sidebar ul li:hover a{color: var(--main-site-color);}
.sidebar .btndiv{display: flex;}
.sidebar .btndiv .btn{border:1px solid var(--main-site-color);width:100%;min-height:55px;color:var(--white-color);background:var(--main-site-color);}
.sidebar .btndiv .btn:hover{border-color: var(--body-txt-color);}



.paginations .paginationbtn {display:block;padding: 10px;}
.paginations .paginationbtn:after{content: '';clear: both;width: 0;height: 0;display: table;visibility: hidden;opacity: 0;}
.paginations .paginationbtn a{font-size: 18px;color: var(--main-site-color);display: inline-block;}
.paginations .paginationbtn a.next_page {float: right;}


.alignnone{display: block;width: 100%;height:auto;float:none;}
.alignleft{display:block;width:50%;height:auto;float:left;margin-bottom:15px;margin-right:15px;}
.alignright{display:block;width:50%;height:auto;float:right;margin-bottom:15px;margin-left:15px;}
.alignleft:after,
.alignright:after{content: '';clear:both;width: 0;height: 0;display: table;visibility: hidden;}




.searchbox{position: relative;}
.searchbox form{display: flex;align-items: center;}
.searchbox input{width:calc(100% - 115px);height: 40px;padding:0 15px;border:1px solid var(--red-color);border-radius: 0;background-color: var(--white-color);color: var(--body-txt-color);margin-right: 15px;}
.searchbox input::placeholder{color: var(--txt-color);font-size: 14px;}
.searchbox button{width:100px;height: 40px;border:0;border-radius: 0;background-color: var(--red-color);color: var(--white-color);display: flex;align-items: center;justify-content: center;}
.searchbox button:hover{background-color: var(--main-site-color);color: var(--white-color);}


/* Service Template style */
.paginations{background-color: var(--light-gray-color);padding: 20px 0;}
.service-content h2{color: var(--black-color);font-size: var(--h2-size);margin-bottom: 20px;}
.service-content hr{width:67px;height:4px;background-color: var(--main-site-color);border:0;padding:0;opacity: 1;margin-bottom: 20px;}
.service-content .p-lg-size{font-size:22px;line-height: 30px;color: var(--txt-color);margin-bottom: 20px;font-weight: 700;}
.service-content p{font-size:16px;line-height: 28px;color: var(--body-txt-color);margin-bottom: 20px;} 
.service-box-col{padding-left:7%;}
.service-box{background-color: var(--light-gray-color);padding:25px;position: relative;transition: all 0.3s ease-in-out;}
.service-garrenty{display: flex;flex-wrap: wrap;justify-content: center;transition: all 0.3s ease-in-out;position: relative;margin-bottom:0px;}
.service-garrenty > .service-garrenty-col{width:calc(100% / 2);display: flex;align-items:flex-start;justify-content:flex-start;flex-direction: column;transition: all 0.3s ease-in-out;margin-bottom: 30px;padding-right: 30px;}
.service-garrenty > .service-garrenty-col:nth-child(2n){padding-right: 0px;}
.service-garrenty > .service-garrenty-col img{width:40px;height:36px;object-fit: contain;margin-bottom: 15px;transition: all 0.3s ease-in-out;margin-bottom:5px;}
.service-garrenty > .service-garrenty-col h5{color: var(--black-color);font-size: 18px;font-weight: 700;padding:0;margin-bottom:5px;transition: all 0.3s ease-in-out;}
.service-garrenty > .service-garrenty-col p{color: var(--txt-color);font-size: 14px;line-height: 24px;font-family: var(--heading-fonts);text-align: left;margin-bottom:0px;transition: all 0.3s ease-in-out;}
.service-box .button{min-width:inherit;width:100%;display: flex;align-items: center;justify-content: space-between;font-weight: 700;padding:0 30px;}
.service-box .button:hover svg path{fill: var(--main-site-color);transition: all 0.3s ease-in-out;}

.sucess-img{width:100%;height:450px;overflow: hidden;transition: all 0.3s ease-in-out;}
.sucess-img img{width:100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.service-d-content{background-color: var(--light-gray-color);position: relative;transition: all 0.3s ease-in-out;}
.service-d-content .heading{margin-bottom:20px;}
.service-succes-sec .sucess-box{border-right: 1px solid #c2c2c2;}
.service-succes-sec .sucess-box:last-of-type{border-right: 0px;}
.service-succes-sec .sucess-box-inner h3{color:var(--main-site-color);}
.faq-sec{position: relative;}
.faq-sec h2{color: var(--black-color);font-size: var(--h2-size);margin-bottom:10px;padding-bottom:0px;}
.faq-sec hr{width:67px;height:4px;background-color: var(--main-site-color);border:0;padding:0;opacity: 1;margin-bottom: 20px;}

.faq-accordion{position: relative;}
.faq-item{border-bottom: 2px solid #c2c2c2;position: relative;}
.faq-question{padding: 20px 20px 10px 0;cursor: pointer;display: flex;align-items: center;justify-content: space-between;position: relative;}
.faq-question h4{color: var(--black-color);font-size: 18px;font-weight: 700;margin-bottom:0px;}
.faq-question .icons{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: relative;}
.faq-question .icons:before{content: '';width: 100%;height: 2px;position: absolute;top:50%;left:0;background-color: var(--main-site-color);transform: translateY(-50%);}
.faq-question .icons:after{content: '';width: 2px;height: 100%;position: absolute;top:0;left:50%;background-color: var(--main-site-color);transform: translateX(-50%);}
.faq-item.active .faq-question .icons:after{transform: translateX(-50%) rotate(90deg);}

@keyframes faqFade {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.faq-answer {display: none;opacity: 0;transform: translateY(-10px);padding:0% 20px 20px 0;transition: all .35s ease;}
.faq-answer.active {display: block;animation: faqFade .35s ease forwards;}

.faq-img figure{width:100%;height:400px;overflow: hidden;transition: all 0.3s ease-in-out;margin-top:80px;}
.faq-img figure img{width:100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.faq-sec .mt-10{margin-top:30px;}

.blog-box{background-color: var(--white);border:1px solid #ddd;position: relative;transition: all 0.3s ease-in-out;margin-bottom:30px;}
.blog-box-img{width:100%;height:300px;overflow: hidden;transition: all 0.3s ease-in-out;}
.blog-box-img img{width:100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.blog-box-content{position: relative;padding:20px 30px 20px 20px;}
.blog-box-content small{color: var(--txt-color);font-size: 14px;line-height: 24px;font-family: var(--heading-fonts);text-align: left;margin-bottom:10px;display:block;}
.blog-box-content h3 a{color: var(--black-color);font-size:var(--h3-size);font-weight: 700;margin-bottom:10px;}
.blog-box-content p{color: var(--txt-color);font-size: 14px;line-height: 24px;font-family: var(--heading-fonts);text-align: left;margin-bottom:0px;display:block;}  
.blog-box-content .btnwrap{margin-top:20px;display: flex;align-items: center;justify-content: flex-start;}
.blog-box-content .btnwrap .button{background-color: transparent;padding:0;border:0;color:var(--main-site-color);min-width:inherit;min-height: inherit;font-weight: bold;padding-left:15px;}
.blog-box:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.2);background-color: var(--light-gray-color);}
.blog-box:hover .blog-box-img img{transform: scale(1.1);}









/* End of Service Template style */

/* =========================================================
   ThinkSCS Custom Components - All added by JADE on 063026
   ========================================================= */

/* =========================================================
   ThinkSCS Primary Button
   ========================================================= */

.scs-btn,
a.scs-btn,
.button.scs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width:100%;

    min-height: 56px;
    padding: 0 32px;

    background: var(--red-color);
    color: var(--white-color) !important;

    border: 2px solid var(--red-color);
    border-radius: 4px;

    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1;

    transition: all .25s ease;
}

.scs-btn:hover,
a.scs-btn:hover,
.button.scs-btn:hover {
    background: var(--darkgray);
    border-color: var(--darkgray);
    color: var(--white-color) !important;

    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* =========================================================
   Outline Button
   ========================================================= */

.scs-btn-outline {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:56px;
    padding:0 32px;

    background:transparent;
    color:var(--red-color);

    border:2px solid var(--red-color);
    border-radius:4px;

    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;

    transition:all .25s ease;
}

.scs-btn-outline:hover{
    background:var(--darkgray);
    border-color:var(--darkgray);
    color:#fff;
}

/* =========================================================
   White Button
   ========================================================= */

.scs-btn-white{
    background:#fff;
    color:var(--red-color);
    border:2px solid #fff;
    border-radius:4px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.scs-btn-white:hover{
    background:var(--darkgray);
    border-color:var(--darkgray);
    color:#fff;
}

/* =========================================================
   ThinkSCS Gravity Forms Submit Button
   ========================================================= */

body .gform_wrapper input[type="submit"],
body .gform_wrapper input[type="button"],
body .gform_wrapper button[type="submit"],
body .gform_wrapper .gform_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 220px;
    min-height: 58px;
    padding: 0 32px !important;

    background: var(--red-color) !important;
    color: var(--white-color) !important;

    border: 2px solid var(--red-color) !important;
    border-radius: 4px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1;

    cursor: pointer;
    transition: all .25s ease;
    box-shadow: none;
}

body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper input[type="button"]:hover,
body .gform_wrapper button[type="submit"]:hover,
body .gform_wrapper .gform_button:hover {
    background: var(--darkgray) !important;
    border-color: var(--darkgray) !important;
    color: var(--white-color) !important;

    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

@media only screen and (max-width: 767px) {
    body .gform_wrapper input[type="submit"],
    body .gform_wrapper input[type="button"],
    body .gform_wrapper button[type="submit"],
    body .gform_wrapper .gform_button {
        width: 100% !important;
        min-width: 0;
    }
}

/* =========================================================
   ThinkSCS Gravity Forms Fields
   ========================================================= */

body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="number"],
body .gform_wrapper textarea,
body .gform_wrapper select {
    border: 1px solid #c7ced6;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
    border-color: var(--red-color);
    box-shadow: 0 0 0 3px rgba(198,26,43,.12);
    outline: none;
}

body .gform_wrapper ::placeholder {
    color: #8d97a4;
    opacity: 1;
}
body .gform_wrapper textarea,
body .gform_wrapper textarea.textarea {
    height: 220px !important;
    min-height: 220px !important;
}
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper textarea {
    padding: 14px 16px;
}

body .gform_wrapper select,
body .gform_wrapper select.gfield_select {
    padding: 14px 42px 14px 16px;
}
/* =========================================================
   ThinkSCS Gravity Forms Checkbox Columns
   ========================================================= */

body .gform_wrapper .gfield_checkbox {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 10px;
}

body .gform_wrapper .gfield_checkbox .gchoice {
    display: flex;
    align-items: center;
    margin: 0 !important;
}
@media only screen and (max-width: 767px) {
    body .gform_wrapper .gfield_checkbox {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ThinkSCS Gravity Forms Spacing
   ========================================================= */

body .gform_wrapper .gform_fields {
    row-gap: 16px !important;
}

body .gform_wrapper .gfield {
    margin-bottom: 0 !important;
}

body .gform_wrapper .gfield_label {
    margin-bottom: 6px !important;
}

body .gform_wrapper .gform_footer {
    margin-top: 18px !important;
    padding-top: 0 !important;
}

/* =========================================================
   ThinkSCS Gravity Forms Dropdown Text Fix
   ========================================================= */

body .gform_wrapper select,
body .gform_wrapper select.gfield_select {
    color: #333333 !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #333333 !important;
    opacity: 1 !important;

    min-height: 52px;
    line-height: 1.4;
}

/* Dropdown choices when the menu is opened */
body .gform_wrapper select option,
body .gform_wrapper select.gfield_select option {
    color: #333333 !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #333333 !important;
}

/* Gravity Forms placeholder-style first option */
body .gform_wrapper select option[value=""],
body .gform_wrapper select.gfield_select option[value=""] {
    color: #8d97a4 !important;
}

/* Keep the user's selected answer visible */
body .gform_wrapper select:valid,
body .gform_wrapper select.gfield_select:valid {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

/* Preserve the red focus treatment */
body .gform_wrapper select:focus,
body .gform_wrapper select.gfield_select:focus {
    color: #333333 !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #333333 !important;
}


/* =========================================================
   ThinkSCS Red Callout Box
   ========================================================= */

.scs-callout-red{
    background: var(--red-color);
    color: var(--white-color);
    border-radius: 4px;
    padding: 35px 40px;
    margin: 40px 0;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.scs-callout-red h2,
.scs-callout-red h3,
.scs-callout-red h4,
.scs-callout-red h5,
.scs-callout-red h6{
    color: var(--white-color);
    margin-bottom: 1px;
}

.scs-callout-red p,
.scs-callout-red li{
    color: rgba(255,255,255,.95);
}

/* Lists */
.scs-callout-red ul{
    list-style: none;
    padding-left: 50px;
    margin-bottom: 20px;
}

.scs-callout-red ol{
    padding-left: 25px;
    margin-bottom: 20px;
}

.scs-callout-red ul li{
    position: relative;
    margin-bottom: 5px;
}

.scs-callout-red ul li:before{
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: -20px;
    top: 10px;
    background-color: #ffffff;
}

.scs-callout-red a{
    color: #fff;
    text-decoration: underline;
}

.scs-callout-red a:hover{
    opacity: .85;
}

/* =========================================================
   ThinkSCS Dark Callout Box
   ========================================================= */

.scs-callout-dark{
	background: linear-gradient(135deg, #1d1d1d 0%, #242424 60%, #323232 100%);
    color: var(--white-color);
    border-radius:4px;
    padding:35px 40px;
    margin:40px 0;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.scs-callout-dark h2,
.scs-callout-dark h3,
.scs-callout-dark h4,
.scs-callout-dark h5,
.scs-callout-dark h6{
    color:#fff;
    margin-bottom:18px;
}

.scs-callout-dark p,
.scs-callout-dark li{
    color:rgba(255,255,255,.95);
}

.scs-callout-dark a{
    color:#fff;
    text-decoration:underline;
}

.scs-callout-dark a:hover{
    opacity:.85;
}

/* =========================================================
   ThinkSCS Light Gray Callout Box
   ========================================================= */

.scs-callout-light{
    background: #f3f5f7;
    color: var(--txt-color);

    border: 1px solid #dde3e8;
    border-radius: 4px;

    padding: 35px 40px;
    margin: 40px 0;

    box-shadow: 0 8px 20px rgba(0,0,0,.05);
}

.scs-callout-light h2,
.scs-callout-light h3,
.scs-callout-light h4,
.scs-callout-light h5,
.scs-callout-light h6{
    color: var(--black-color);
    margin-bottom: 18px;
}

.scs-callout-light p,
.scs-callout-light li{
    color: var(--txt-color);
}

.scs-callout-light a{
    color: var(--red-color);
    font-weight: 600;
}

.scs-callout-light a:hover{
    color: var(--darkgray);
}