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

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.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/slick-carousel/1.8.1/slick-theme.css);

@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css);

@import url(css/ma5-menu.min.css);

@import url(css/responsive.css);

/* Global */

h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;   font-family: "Poppins", sans-serif;}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px;   font-family: "Poppins", sans-serif;}

a{font-size: 15px;  font-family: "Poppins", sans-serif;text-decoration: none;}

a:hover{text-decoration: none;}

p{font-size: 15px; padding: 0px; margin: 0px;   font-family: "Poppins", sans-serif;}

body{padding: 0px; margin: 0px; box-sizing: content-box; overflow-x: hidden;}

span{padding: 0px; margin: 0px;  font-family: "Poppins", sans-serif;}

small{ font-family: "Poppins", sans-serif;}

input{ font-family: "Poppins", sans-serif;}

textarea{ font-family: "Poppins", sans-serif;}

select{ font-family: "Poppins", sans-serif;}

button{ font-family: "Poppins", sans-serif;}

:root{--RedColor: #cd2026; --BlackColor: #272727; --GrayColor: #a3a3a3; --Orbitron: "Poppins", sans-serif; --Roboto: "Poppins", sans-serif;}

::selection{background-color: var(--RedColor); color: #fff;}

/* Start CSS */

header{   background-color: var(--RedColor); border-top: 3px solid #fff;}

.contact-information_design select {    border: 1px dashed var(--GrayColor);    font-weight: bold;    width: 100%;    padding: 3px;}

a.VIpgJd-ZVi9od-l4eHX-hSRGPd {    display: none !important;}

.goog-te-gadget .goog-te-combo {    margin: 4px 0;}

.sticky{position: sticky; width: 100%; z-index: 999; top: 0px;  background-color: #fff;}

/* Navigation */

.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: capitalize;  position: relative;  z-index: 1;  margin: 0; font-size: 16px;}

.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: var(--BlackColor);   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; }

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%;  padding-left: 12px;}

.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, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {color: #fff; }

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

.button-deisgn a {    background: var(--BlackColor);    padding: 10px 30px;  color: #fff; transition: 0.5s;}

.button-deisgn a:hover{background-color: var(--GrayColor);}



.logos-design ul li{width: 11%;}

.logos-design ul li img{width: 100%;}

.about-us{background-color: #f1f1f1;}

.about-us:after{        background-image: url(img/triangle.svg);        background-position: 50%;        background-repeat: no-repeat;        background-size: cover;        bottom: 0;        content: "";        height: 100%;        left: 0;        position: absolute;        width: 100%;}

.about_us img {    z-index: 9; border-radius: 500px; padding: 5px; }

span.title-about {    font-size: 30px; font-family: var(--Orbitron); font-weight: 500;}

.about_content {    z-index: 9;}

.about_content p {    line-height: 30px;    text-align: justify;}

.rotate-part{position: relative;}

.rotate-part:after{    -webkit-animation: rotating 15s     linear infinite normal;    -moz-animation: rotating 15s linear infinite normal;    -ms-animation: rotating 15s linear infinite normal;    -o-animation: rotating 15s linear infinite normal;    animation: rotating 15s     linear infinite normal;    -webkit-animation-duration: 60s;    animation-duration: 60s;   border: 1px dashed var(--GrayColor);    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%;    border-radius: 50%;    content: "";    height: 400px;    position: absolute;    top: -2px;    width: 400px;    left: 63px;    z-index: 9;}

@keyframes rotating {    

0% {-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}

to { -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); -o-transform: rotate(1turn); transform: rotate(1turn);}

}

.about-btn a{background-color: var(--RedColor); padding: 12px 25px;  transition: 0.5s;}

.about-btn a:hover{background-color: var(--BlackColor);}



.our-core-values{ background: url(img/our-value-bg.png) no-repeat; background-size: cover; padding: 0px 0px 395px 0px;}

.core_box span {    font-weight: 600;    font-size: 20px;    display: block;    margin-top: 10px;    margin-bottom: 5px;}





/* .subtitle:before{    position: absolute;    left: 0;    content: '';    display: block;    top: 50%;    transform: translateY(-50%);    animation: blinkingText 1s infinite;    content: '';    position: absolute;    width: 8px;    height: 8px;    background: var(--RedColor);    border-radius: 20px;    -moz-border-radius: 20px;    -webkit-border-radius: 20px;} */

@keyframes blinkingText{

0%    { background: var(--RedColor);}

50%   { background: rgba(var(--RedColor), 0); }

100%    { background: var(--RedColor);}

}

.subtitle {    padding-left: 15px;}

.subtitle small{font-size: 18px;}

.subtitle small:before{content: '';    display: inline-block;    transform: translateY(-50%);    animation: blinkingText 1s infinite;    content: '';    width: 8px;    height: 8px;   background: var(--RedColor);    border-radius: 20px;    -moz-border-radius: 20px;    -webkit-border-radius: 20px;    display: inline-block;    margin-right: 10px;}

/* .featured-design .title .custom-width-design {    width: 11%;} */

.box{    background: #333;    font-family: var(--Orbitron);    text-align: center;    overflow: hidden;    position: relative;    transition: all 0.35s ease-in-out;}

.box:before,

.box:after{    content: "";    background: #272727;    width: 100%;    height: 0;    position: absolute;    opacity: 0.3;    transition: all 0.4s ease-in-out;   z-index: 1;}

.box:before{    right: 0;    bottom: 0;}

.box:after{    top: 0;    left: 0;}

.box:hover:before,.box:hover:after{    width: 100%;    height: 100%;}

.box img{    width: 100%;    height: auto;    transform: scale(1.1) translateY(4%);    transition: all 0.35s ease-in-out;}

.box:hover img{     opacity: 0.3;    transform: scale(1.1) translateY(-4%);}

.box-content{    color: #fff;    width: 100%;    opacity: 0;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;    z-index: 2;    transition: all 0.25s ease 0s;}

.box:hover .box-content{ opacity: 1; }

.box .title{    font-size: 22px;    font-weight: 600;    text-transform: capitalize;    margin: 0; font-family: var(--Roboto);}

.box .post{    font-size: 16px;    font-weight: 300;    text-transform: capitalize;    margin: 0 0 10px;    display: block;}

.box .icon{    padding: 0;    margin: 0;    list-style: none;}

.box .icon li{    margin: 0 3px;    display: inline-block;}

.box .icon li a{    color: var(--RedColor);    background: #fff;    font-size: 14px;   line-height: 29px;    width: 32px;    height: 32px;    border: 3px solid transparent;    display: block;    position: relative;    transition: all 0.25s ease;}

.box .icon li a:hover{     color: #fff;    background: var(--BlackColor);    border: 3px solid #fff;    text-shadow: 3px 3px 3px rgba(0,0,0,0.4); }

.box .icon li  a i{line-height:inherit;}

/* About Btn */

.about-btn a {    overflow: hidden;    font-size: 14px;    color: #000;    transition: 0.5s;}

.about-btn a span {    position: relative;    display: inline-block;    -webkit-transition: -webkit-transform 0.3s;    -moz-transition: -moz-transform 0.3s;    transition: transform 0.3s;}

.about-btn a span::before {    position: absolute;    top: 132%;    content: attr(data-hover);    -webkit-transform: translate3d(0,0,0);    -moz-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}

.about-btn a:hover span, .about-btn a:focus span {    -webkit-transform: translateY(-145%);    -moz-transform: translateY(-145%);    transform: translateY(-145%);}

/* Our Core Values */

/* .our-core-values .custom-width-design {width: 12%;}

.our-products .custom-width-design {width: 10%;}

.featured-design .custom-width-design {width: 22%;}

.our-clients .custom-width-design {width: 8%;}

.faqs-design .custom-width-design {width: 5%;}

.location-we-serve .custom-width-design {width: 12%;} */

/* FAQs Design */

.our-core-values .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}

.our-products .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}

.featured-design .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}

.our-clients .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}

.faqs-design .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}



.location-we-serve .title span.heading-custom{font-size: 30px; font-family: var(--Orbitron); font-weight: 600;}

/* main-clients-design-2 */

.main-clients-design-2 {  direction: rtl;}

.client-item img {    width: 30%;}

.carousel-overlay-white {    z-index: 2;    pointer-events: none;  background-image: linear-gradient(90deg, #fff, #faf9f900 20%, #f9f7f700 80%, #fff);    position: absolute;    inset: 0%;}

.featured-design{background: #f9f9f9 url(img/bg-footer.png) no-repeat; background-repeat: repeat; background-position: 50% 50%;     padding: 50px 0 450px 0;}

.our-products{background: #fff url(img/footer1_bg.png) no-repeat; background-repeat: repeat; background-position: 50% 50%;}

#toTop {    position: fixed;    bottom: 15px;    right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}

/*Whatsapp-popup*/

#whatsapp .wtsapp:focus {    border: none;    outline: none;}

#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);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 141px;    left: 25px;    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;

}

}

/* Faqs */

.faqs-design{background: url(img/bg-img.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}

.faq {width: 100%; border: 1px solid #222;}

.faqitem .header { padding: 15px; background: var(--BlackColor);  color: #fff;      border-bottom: 1px solid #4b4b4b; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

.faqitem .header .fa.fa-minus { display: none;  }

.faqitem.jquery-accordion-active .fa.fa-minus {display: block;}

.faqitem.jquery-accordion-active .fa.fa-plus {  display: none; }        

.faqitem .content {padding: 15px;  display: none;  text-align: justify;}

.content{font-family: var(--Roboto);}

.location_innner li {    width: 9%; margin-right: 0px !important;}

.location_innner img {    transition: 0.5s;}

.location_innner img:hover {    transform: scale(1.1);}

/* Footer */

.footer-top {    background-color: var(--BlackColor);    position: relative;    z-index: 2;    padding: 30px 0px;}

.logo-bg {    position: absolute;    left: 0;    top: 0;    background-color: #fff;    height: 100%;   width: 35%;    z-index: -1;    -webkit-clip-path: polygon(100% 0, calc(100% - 60px) 50%, 100% 100%, 0 100%, 0 0);    clip-path: polygon(100% 0, calc(100% - 60px) 50%, 100% 100%, 0 100%, 0 0);}

.footer-contact-wrap{        display: grid;    grid-template-columns: auto auto auto;    -webkit-box-pack: justify;    -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;}

.footer-contact_icon {    width: 60px;    height: 60px;    line-height: 60px;    min-width: 60px;    font-size: 30px;    background-color: #fff;    color:var(--BlackColor);    border-radius: 5px;    text-align: center;    position: relative;}

.footer-contact_link {    display: inline-block;    color:#fff;    font-size: 16px;    font-weight: 600;}

.footer-contact_link:hover{color: var(--GrayColor) !important;}

.footer-contact_text {    display: block;    color: #fff;    margin-bottom: 5px;}

.footer-contact_icon:before {    content: "";    height: 100%;    width: 100%;    background-color: var(--RedColor);    border-radius: inherit;    position: absolute;    top: -10px;    left: -10px;    z-index: -1;    -webkit-transition: 0.3s ease-in-out;    transition: 0.3s ease-in-out;}

.footer-contact {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;    gap: 20px;}

.footer-contact_icon:hover:before {    top: 0;    left: 0}

footer{background:url(img/shape-13.png) no-repeat;}

.widget span a{color: #000; font-weight: 400;}

.widget p{text-align: justify;}

.btn-footer a {    font-style: italic;    color: var(--RedColor);}

.widget a {    color: #000;    line-height: 25px;}

.widget ul li i {    font-size: 12px;}

.widget ul li {    margin-bottom: 10px;}

.widget span {    font-weight: 400;}

.widget a{transition: 0.5s;}

.widget a:hover{color: var(--RedColor); padding-left: 10px;}

.copy-right{background-color: var(--RedColor);}

/* form-design_inner */

.form-design_inner{background: url(img/graident-img.jpg) no-repeat; background-position: top center; background-repeat: no-repeat; background-size: cover;}

.content-side-contact-us span {    font-family: var(--Orbitron);    text-transform: capitalize;    font-size: 23px;    display: block;    margin-bottom: 25px;}

/* Blur Ness */

.bluer-ness span { font-family: var(--Orbitron);   display: block;    text-align: center;    font-size: 30px;    color: #fff;    margin-bottom: 18px;}

.bluer-ness input{font-family: var(--Roboto);   background: transparent;    border-bottom: 1px solid #fff;    border: none;}

.bluer-ness textarea{font-family: var(--Roboto);    background: transparent;    border-bottom: 1px solid #fff;    border: none;}

.bluer-ness input:focus{outline: none;}

.bluer-ness textarea:focus{outline: none;}

.bluer-ness {    background: transparent;    padding: 40px;}

.bluer-ness:after{filter: blur(5px) brightness(0.9) contrast(1.1) saturate(1.1) hue-rotate(10deg);    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    content: '';    width: 100%;    height: 500px;    position: absolute;    top: 0;    left: 0;}

.bluer-ness input {    color: #fff;    height: 45px;    border-bottom: 1px solid #ccc; margin-bottom: 15px;}

.bluer-ness textarea{color: #fff; height: 100px;  border-bottom: 1px solid #fff; }

.bluer-ness input::placeholder{color: #fff;}

.bluer-ness textarea::placeholder{color: #fff;}

.input-better select {    border: none;    height: 38px;    padding-left: 0;    background: transparent;    border-bottom: 1px solid #ccc;    color: #fff;}

.input-better option{color: #000;}

.input-better select:focus{outline: none;}

.bluer-ness button {    border: none; background-color: var(--RedColor); font-family: var(--Roboto); padding: 12px 0;}

.content-side-contact-us ul li:first-child {  background: var(--BlackColor);    padding: 10px 30px;}

.content-side-contact-us ul li:last-child {background: #0f6359;    padding: 10px 30px;}

.bluer-ness form {    z-index: 9;    position: relative;}



.phone_lefts-side a {    position: fixed;    bottom: 232px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    background-color: var(--RedColor);    color: white;   padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}

/*Call Me*/.phone_lefts-side {    position: relative;}

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

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

}

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

}

/* Send Enquire */

.enquiry {    position: fixed;    z-index: 1000;    bottom: 45px;    left: 25px;    height: 50px;    color: #fff;    font-size: 18px;    text-align: center;    text-decoration: none;   cursor: pointer;}

.enquiry i {    float: left;    z-index: 999;    position: absolute;    left: 0;    width: 50px;    height: 50px;    border-radius: 50%;    color: #fff;    font-size: 24px;    line-height: 50px;    text-align: center;    text-decoration: none;    cursor: pointer;    background: #000;   transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

.enquiry strong {    background-color: #0680ce;    line-height: 28px;    color: #000;    padding: 10px 20px;    border-radius: 0 30px 30px 0;    height: 45px;    float: left;    font-size: 15px;    margin-top: 3px;    margin-left: 35px;   box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}

.modal-header{background-color: var(--RedColor); border-bottom: 1px solid #c65757;}

.modal-body{background-color: var(--RedColor);}

.modal-body input{height: 45px; background-color: transparent; border: none; color: #fff; border-bottom: 1px solid #c65757; margin-bottom: 10px;}

.modal-body select{height: 45px; background-color: transparent; border: none; color: #fff; border-bottom: 1px solid #c65757; margin-bottom: 10px;}

.modal-body select option{color: #000;}

.modal-body select:focus{outline: none;}

.modal-body textarea{height:100px; background-color: transparent; border: none; color: #fff; border-bottom: 1px solid #c65757;}

.modal-body input::placeholder{color: #fff;}

.modal-body textarea::placeholder{color: #fff;}

.modal-body input:focus{outline: none;}

.modal-body textarea:focus{outline: none;}

.modal-body button {    width: 100%;    border: none;    padding: 10px 0; background-color: var(--BlackColor);}

.modal-header span {    font-size: 25px; font-family: var(--Orbitron);}

.red-design:before{   background-color: var(--RedColor);    border-radius: 150px;    width: 85%;    position: absolute;    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    height: 300px;    content: '';    left: 7%;    top: 0px;    margin: 0px auto;}

.red-design ul li:first-child{ width: 40%;    z-index: 99;    left: -50px;    position: absolute;    width: 50%;    text-align: left;    top: 50px;}

.red-design ul li:first-child img {width: 35%; filter: drop-shadow(0px 7px 29px rgba(0, 0, 0, 0.5)); left: 50px; position: relative; }

.red-design ul li:nth-child(2){     width: 50%;    z-index: 99;    left: 0px;    position: absolute;    width: 60%;    text-align: left;    top: 22px;    text-align: center;}

.red-design ul li:nth-child(2) img{width: 17%;}

.red-design ul li:nth-child(3){      width: 100%;    z-index: 99;    left: 58px;    position: absolute;    text-align: left;    top: -25px;    text-align: center;}

.red-design ul li:nth-child(3) img{width: 35%;}

.red-design ul li:last-child{   width: 50%;    z-index: 99;    right: -75px;    position: absolute;    width: 40%;    text-align: left;    top: 10px;    text-align: center;}

.red-design ul li:last-child img {    width: 65%;}

.featured-design_inner {    margin-top: 65px;}

.page-title::before {    opacity: 0.9;    position: absolute;    top: 0px;    left: 0px;    content: "";    width: 100%;    height: 100%;    background: linear-gradient(90deg, #000000 42%, #00000080 50%, rgb(255 255 255 / 0%) 60%);    opacity: 0.7;    z-index: -1;}



.page-title {    background: #010101;    position: relative;    overflow: hidden;    display: block;    padding: 150px 0;    z-index: 1;}

.breadcrumb {    padding: 6px 10px;    background: #fff;    display: inline-block;    margin: 0;    text-transform: uppercase;    font-size: 14px;    color: #000;    font-weight: 600;    z-index: 9;}

.breadcrumb-item {    display: inline-block;}

li.breadcrumb-item a {    color: #000;}



.contact-info {    background: #fff;    padding: 25px;    border-radius: 5px;}

.contact-filed input {    outline: none;    border: none;    height: 42px;    padding-left: 15px;   margin-bottom: 15px;}

.contact-filed i {    position: absolute;    top: 12px;    left: 24px;}

div#contact-form {    padding: 35px;    background-color: var(--RedColor); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.contact-filed-btn button {    border: none;    outline: none;    cursor: pointer;    background: var(--BlackColor);    color: #fff;    padding: 8px 20px 8px 20px;}

.single-contact-info a {    color: #000;}

.contact-info-icon a {    height: 65px;    width: 65px;    background: var(--GrayColor);   display: inline-block;    line-height: 65px;    text-align: center;    border-radius: 50%;    font-size: 20px;    color: #3e4096;    -webkit-transition: all 0.3s linear 0s;    -moz-transition: all 0.3s linear 0s;    -o-transition: all 0.3s linear 0s;    transition: all 0.3s linear 0s;}

.contact-info-text span {    display: block;    font-size: 16px;    font-weight: bold;    text-transform: capitalize;}

.single-contact-info a {    color: #000;}

div#contact-form textarea {    height: 100px;    padding-left: 15px;    padding-top: 10px;}

div#contact-form textarea:focus{outline: none;}

.contact-text > p {    font-size: 30px;}



.color-site {    background: var(--RedColor);}

.skin-color {    background-color: var(--BlackColor);}



.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    text-align: center;    padding-bottom: 10px;}

.full-width-type {    background-color: var(--RedColor);    margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

.hvr-radial-out {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;   overflow: hidden;    background-color: var(--BlackColor);    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}

ul.stlyed-exporter li a {    background: var(--GrayColor);    padding: 10px 30px;}

ul.stlyed-exporter li {    width: 32%;}



/* pbmit-service-style-1 */

.pbmit-service-style-1 .pbmit-service-image-wrapper .pbmit-service-btn,

.pbmit-service-style-1 .pbmit-featured-wrapper img{	position: relative;	-webkit-transition: all .25s ease-in-out;	transition: all .25s ease-in-out;}

.pbmit-service-style-1 .pbmit-image-wrap{	z-index: 0;	position: relative;}

.pbmit-service-style-1 .pbmit-box-content-wrap{	position: relative;	overflow: hidden;	padding: 12px;	border: 1px solid #ccc;	border-radius: 10px;}

.pbmit-service-style-1 .pbmit-service-content-wrap{	padding: 25px 20px 15px;}

.pbmit-service-style-1 .pbmit-service-content-wrap .pbmit-link{	z-index: -1;}

.pbmit-service-style-1 .pbmit-featured-wrapper{	overflow: hidden;	border-radius: 10px;}

.pbmit-service-style-1 .pbmit-featured-wrapper img{	width: 100%;}

.pbmit-service-style-1:hover .pbmit-featured-wrapper img{	transform: scale(1.02);}

.pbmit-service-style-1 .pbmit-service-image-wrapper{	position: relative;}

.pbmit-service-style-1 .pbmit-service-image-wrapper a.pbmit-link{	z-index: 0;}

.pbmit-service-style-1 .pbmit-service-title{	font-size: 24px;	line-height: 30px;	margin-bottom: 0;}

.pbmit-service-style-1 .pbmit-service-description p,

.pbmit-service-style-1 .pbmit-service-title,

.pbmit-service-style-1 .pbmit-service-title a{	overflow: hidden;	display: -webkit-box;	-webkit-line-clamp: 1;	line-clamp: 1;	-webkit-box-orient: vertical;	word-break: break-word;}

.pbmit-service-style-1 .pbmit-service-icon-wrapper{	position: absolute;	top: 0;	right: 0;	padding: 0 0 8px 8px;border-radius: 0 10px 0 10px;	background-color:#ffffff;}

.pbmit-service-style-1 .pbmit-service-icon-wrapper::after,

.pbmit-service-style-1 .pbmit-service-icon-wrapper::before{	content: "";	position: absolute;	background-color: transparent;	top: 0;height: 40px;	width: 20px;	box-shadow: 0 -20px 0 0 #ffffff;}

.pbmit-service-style-1 .pbmit-service-icon-wrapper::before{	right: 100%;	border-top-right-radius: 10px;}

.pbmit-service-style-1 .pbmit-service-icon-wrapper::after{	left: calc(100% - 20px);	top: 100%;	border-top-right-radius: 10px;}

.pbmit-service-style-1 .pbmit-service-description{	padding: 15px 0 0;	margin: 15px 0 0;	border-top: 1px solid #16222d;}

.pbmit-service-style-1 .pbmit-service-description p{	-webkit-line-clamp: 3;	line-clamp: 3;}

.pbmit-service-style-1 .pbmit-service-btn .pbmit-button-inner{	display: flex;	align-items: center;	gap: 5px;}

.pbmit-service-style-1 .pbmit-service-btn i{	font-size: 30px;	line-height: 30px;}

.pbmit-service-style-1 .pbmit-service-title a:hover,.pbmit-service-style-1 .pbmit-button-inner:hover{	color: var(--RedColor);}

.pbmit-element-posts-wrapper .pbmit-service-style-1{	margin-bottom: 30px;}

/** Style 2 **/

.pbmit-service-style-2 .pbmit-service-title,

.pbmit-service-style-2 .pbmit-service-title a,

.pbmit-service-style-2 .pbminfotech-post-item{	-webkit-transition: all .25s ease-in-out;	transition: all .25s ease-in-out;}

.pbmit-service-style-2 .pbminfotech-post-item {	position: relative;	overflow: hidden;}

.pbmit-service-style-2 .pbmit-image-wrap{	position: relative;}

.pbmit-service-style-2 .pbmit-featured-wrapper{	overflow: hidden;	border-radius: 10px;}

.pbmit-service-style-2 .pbmit-service-icon img{	max-width: 60px;	height: 60px;}

.pbmit-service-style-2 .pbmit-service-title{	position: relative;	font-size: 24px;	line-height: 30px;	margin-bottom: 0;max-width: 180px;}

h3.pbmit-service-title a {    font-size: 22px;    color: #000;}

a.pbmit-button-inner i {    font-size: 13px !important;}

a.pbmit-button-inner{color: #000;}


.become-a-dealers span {   font-family: var(--Orbitron);   font-size: 30px;    font-weight: 600;    margin-bottom: 30px;}


.become-input input {    width: 100%;    height: 45px;    padding-left: 15px;    border: 1px solid #ccc;    margin-bottom: 15px;}

.become-input select{    width: 100%;    height: 45px;    padding-left: 15px;    border: 1px solid #ccc;    margin-bottom: 15px; color: #6d6d6d;}

.become-input textarea{    width: 100%;    height: 100px;    padding-left: 15px;    border: 1px solid #ccc;    margin-bottom: 15px; padding-top: 10px;}

.become-input input:focus{outline: none;}

.become-input select:focus{outline: none;}

.become-input textarea:focus{outline: none;}

.become-input button {    width: 20%;    border: none;    padding: 10px 0; background-color: var(--RedColor);}

.become-a-dealers_inner{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.parent-divison h3 {    font-size: 22px;}

.sitema-links-item h2 {    font-size: 22px;}

/* card */

.card-style04 .blog-img img {    will-change: transform;    -webkit-transition: -webkit-transform .3s ease;    -ms-transition: -ms-transform .3s ease;    transition: transform .3s ease;    -webkit-transition: all .5s ease;    -ms-transition: all .5s ease;    transition: all .5s ease;    -webkit-transform: scale(1.01, 1.01);    -ms-transform: scale(1.01, 1.01);    transform: scale(1.01, 1.01);}

.card-style04 .card-body {    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06);}

.card-style04 .post-date {    position: absolute;    right: 30px;    top: -42px;    background: var(--RedColor);    color: #fff;    border-radius: 3px;    line-height: normal;    text-align: center;    text-transform: uppercase;    font-weight: bold;    padding: 14px 15px;}

.card-body h4 a {    color: #000;    font-size: 22px;    display: block;    line-height: 35px;}



.card-style04:hover .blog-img img {    -webkit-transform: scale(1.07, 1.07);    -ms-transform: scale(1.07, 1.07);    transform: scale(1.07, 1.07);}

.overflow-hidden {    overflow: hidden !important;}





.text-primary, .text-primary-hover:hover {    color: #FC5220 !important;}

.blog-sidebar .widget {    padding: 30px 25px;    border-radius: 0.375rem;}

.blog-sidebar .widget {    padding: 30px 25px;    border-radius: 0.375rem;}

.card-body p {    margin-bottom: 20px;    text-align: justify;}

.card-body h2 {    margin-top: 35px;}

.side_widget{background-color: #f1f1f1;}

.page-error a {    background-color: var(--RedColor);    padding: 15px 30px;    transition: 0.5s;}

.page-error a:hover {    background-color: var(--BlackColor);}

.page-error span {    font-size: 25px;}

.white-wrap .form {    background-color: var(--RedColor);    padding: 1px 20px 1px 20px;    position: relative;}

.inputBox button {    padding: 10px 0px;    background-color: var(--BlackColor);}

.img-side-details {    width: 40%;    float: left;    margin-right: 25px;}

.img-side-details img {    width: 100%;    float: left;}

.datails-content h2 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}

.datails-content h3 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}

.datails-content h4 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}

.datails-content h5 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}

.datails-content h6 {    font-size: 20px;    margin-top: 10px;    margin-bottom: 10px;}

.datails-content ul li {    margin-bottom: 10px;    list-style-type: disc;}

.datails-content ul {    padding-left: 15px;}



.related_img img {    width: 100%;    object-fit: contain;    height: 250px;    margin: 10px 0px;   border: 1px solid #f1f1f1;    padding: 2px;}

.read-btn a {    background: var(--BlackColor);    padding: 7px 15px;    color: #fff;}

p.related-heading {    background-color: var(--RedColor);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}

.inputBox input {    height: 45px;    padding-left: 15px;}

.inputBox textarea {    height: 80px;    padding-left: 15px;    padding-top: 10px;}

.inputBox input:focus{outline: none;}

.inputBox textarea:focus{outline: none;}

.installation-site_inner span{font-family: var(--Orbitron); font-weight: 500; font-size: 30px;}

.box-shaodw-design{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.box-shaodw-design a {    font-size: 18px;    font-weight: 400;    display: block;}

.why-choose-us_box .bg-white {    min-height: 322px;}



.main-timeline {    position: relative}

.main-timeline::after,.main-timeline::before {    content: "";    height: 40px;    width: 40px;    background-color: #e7e7e7;    border-radius: 50%;    border: 10px solid #303334;    transform: translatex(-50%);    position: absolute;   left: 50%;    top: -15px;    z-index: 2}

.main-timeline::after {    top: auto;    bottom: 15px;}

.main-timeline .timeline {    padding: 35px 0;    margin-top: -30px;    position: relative;    z-index: 1;}

.main-timeline .timeline::after,.main-timeline .timeline::before {    content: "";    height: 100%;    width: 50%;    border-radius: 110px 0 0 110px;    border: 15px solid #46b2bc;    border-right: none;    position: absolute;    left: 0;    top: 0;   z-index: -1;}

.main-timeline .timeline::after {    height: calc(100% - 30px);    width: calc(50% - 12px);    border-color: #65c7d0;    left: 12px;   top: 15px;}

.main-timeline .timeline-content {    display: inline-block;    width: 100%;}

.main-timeline .timeline-content:hover {    text-decoration: none;}

.main-timeline .timeline-year {    color: #65c7d0;    font-size: 50px;    font-weight: 600;    display: inline-block;    transform: translatey(-50%);    position: absolute;    top: 50%;   left: 10%;}

.main-timeline .timeline-icon {    color: #65c7d0;    font-size: 70px;    display: inline-block;    transform: translateY(-50%);    position: absolute;   left: 30%;    top: 50%;}

.main-timeline .content {    color: #909090;    width: 50%;    padding: 20px;    display: inline-block;    float: right;}

.main-timeline .title {    color: #65c7d0;    font-size: 20px;    font-weight: 600;    margin: 0 0 5px;}

.main-timeline .description {    font-size: 16px;    margin: 0;}

.main-timeline .timeline:nth-child(2n)::before {    left: auto;    right: 0;   border-radius: 0 110px 110px 0;    border: 15px solid red;    border-left: none;}

.main-timeline .timeline:nth-child(2n)::after {    left: auto;    right: 12px;    border-radius: 0 100px 100px 0;   border: 15px solid green;    border-left: none;}

.main-timeline .timeline:nth-child(2n) .timeline-year {    left: auto;    right: 10%;}

.main-timeline .timeline:nth-child(2n) .timeline-icon {    left: auto;    right: 0;}

.main-timeline .timeline:nth-child(5n+1)::before {    border-color: #46b2bc;}

.main-timeline .timeline:nth-child(5n+1)::after {    border-color: #65c7d0;}

.main-timeline .timeline:nth-child(5n+1) .timeline-icon,.main-timeline .timeline:nth-child(5n+1) .timeline-year,.main-timeline .timeline:nth-child(5n+1) .title {    color: #65c7d0;}

.main-timeline .timeline:nth-child(5n+2)::before {    border-color: #ea3c14;}

.main-timeline .timeline:nth-child(5n+2)::after {    border-color: #ef5720;}

.main-timeline .timeline:nth-child(5n+2) .timeline-icon,.main-timeline .timeline:nth-child(5n+2) .timeline-year,.main-timeline .timeline:nth-child(5n+2) .title {    color: #ea3c14;}

.main-timeline .timeline:nth-child(5n+3)::before {    border-color: #8cc63e;}

.main-timeline .timeline:nth-child(5n+3)::after {    border-color: #6caf29;}

.main-timeline .timeline:nth-child(5n+3) .timeline-icon,.main-timeline .timeline:nth-child(5n+3) .timeline-year,.main-timeline .timeline:nth-child(5n+3) .title {    color: #8cc63e;}

.main-timeline .timeline:nth-child(5n+4)::before {    border-color: #f99324;}

.main-timeline .timeline:nth-child(5n+4)::after {  border-color: #fbb03b;}

.main-timeline .timeline:nth-child(5n+4) .timeline-icon,.main-timeline .timeline:nth-child(5n+4) .timeline-year,.main-timeline .timeline:nth-child(5n+4) .title {    color: #f99324;}

.main-timeline .timeline:nth-child(5n+5)::before {    border-color: #0071bd;}

.main-timeline .timeline:nth-child(5n+5)::after {    border-color: #0050a3;}

.main-timeline .timeline:nth-child(5n+5) .timeline-icon,.main-timeline .timeline:nth-child(5n+5) .timeline-year,.main-timeline .timeline:nth-child(5n+5) .title {    color: #0071bd;}



@media screen and (max-width: 1200px) {

.main-timeline .timeline:after { border-radius:88px 0 0 88px;}

.main-timeline .timeline:nth-child(2n):after {border-radius: 0 88px 88px 0; }

}

@media screen and (max-width: 767px) {

.main-timeline .timeline {        margin-top:-19px;}

.main-timeline .timeline:before {border-radius: 50px 0 0 50px; border-width: 10px;}

.main-timeline .timeline:after {        height: calc(100% - 18px);        width: calc(50% - 9px);        border-radius: 43px 0 0 43px;        border-width: 10px;        top: 9px;        left: 9px;}

.main-timeline .timeline:nth-child(2n):before {  border-radius: 0 50px 50px 0;  border-width: 10px;}

.main-timeline .timeline:nth-child(2n):after {height: calc(100% - 18px); width: calc(50% - 9px); border-radius: 0 43px 43px 0;  border-width: 10px;     top: 9px;        right: 9px;}

.main-timeline .timeline-icon {font-size: 60px}

.main-timeline .timeline-year {font-size: 40px;}

}



@media screen and (max-width: 479px) {

.main-timeline .timeline-icon {font-size:50px;transform: translateY(0); top: 25%; left: 10%;}

.main-timeline .timeline-year {font-size: 25px; transform: translateY(0); top: 65%; left: 9%;}

.main-timeline .content { width: 68%;  padding: 10px;}

.main-timeline .title {font-size: 18px;}

.main-timeline .timeline:nth-child(2n) .timeline-icon {right: 10%;}

.main-timeline .timeline:nth-child(2n) .timeline-year {right: 9%;}

}

.flex-space-custom {    justify-content: space-between;}

nav.mobile-menu {    display: none;}



.content-side p{text-align: justify;}

.content-side span {    font-size: 20px;    font-weight: 600;}

.mission_inner .bg-white {    min-height: 220px;}



.our-core-values-about-page{background-color: var(--RedColor);}



.our-core-values-about-page .title span{font-size: 30px; }



.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: var(--RedColor); color: #fff !important;}

.tab-content-side p {    line-height: 32px;    text-align: justify;}



.mobile-three-item {    text-align: center;    display: none;    position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}

.mobile-three-item li {    display: inline-block;    margin-right: 0;    width: 32%;}

.mobile-three-item li:nth-child(1) {    background-color: var(--RedColor);}

.mobile-three-item li:nth-child(2) {    background-color: #64b161;}

.mobile-three-item li:last-child {background-color: var(--BlackColor);}

.mobile-three-item li a {    padding: 5px 0;    color: #fff;}

.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    z-index: 1000;    background-color: #000;}

.mobile-btn-animation a {    color: white;}

#mobile-call-container a {    width: 100%;    min-width: 100%;}

.side-bar-category span{font-size: 17px; border-bottom: 1px solid #fff;}
.under-div-color{background: var(--RedColor);}
.under-div-color ul li a{font-size: 14px;}
.under-div-color ul li {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #a51b20;}

.custom-bg{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.btn-read-more a{background-color: var(--RedColor); padding: 7px 20px; color: #fff; transition: 0.5s; font-size: 13px;}
.btn-read-more a:hover{background-color: var(--BlackColor);}
.content-side-pattern p{margin-bottom: 15px; font-size: 14px;}


.category-details_content span{font-size: 30px;}
.category-details_content small{color: var(--RedColor);}
.category-details_content p{margin-bottom: 18px; color: #333; line-height: 25px;}


.btn-brochure ul li:first-child a{background: var(--RedColor); padding: 7px 20px; }
.btn-brochure ul li:last-child a{background: var(--BlackColor); padding: 7px 20px; }
.about_content P {    margin-bottom: 15px;}
.footer-contact {    padding-right: 35px;}
.featured-design {    overflow: hidden;}
.footer-contact_link{ font-size: 13px;}
.category-details_content p {    text-align: justify;}
.category-details_content h2 {margin-bottom: 20px; font-weight: 500; font-size: 25px;}
.category-details_content h3 {margin-bottom: 20px; font-weight: 500; font-size: 25px;}
.category-details_content h4 {margin-bottom: 20px; font-weight: 500; font-size: 25px;}
.category-details_content h5 {margin-bottom: 20px; font-weight: 500; font-size: 25px;}
.category-details_content h6 {margin-bottom: 20px; font-weight: 500; font-size: 25px;}
/* .category-details_img {    position: sticky;    top: 70px;    z-index: 9;    height: 100%;} */
.Category_box {    margin-bottom: 25px;}
div#contact-form select {    height: 45px;    padding-left: 10px;    color: #666;    margin-bottom: 15px;   border: none;}
div#contact-form select:focus{outline: none;}
.more-cotnent-design h2 {    font-size: 25px;    margin-bottom: 12px;}
.more-cotnent-design h3 {    font-size: 25px;    margin-bottom: 12px;}
.more-cotnent-design h4 {    font-size: 25px;    margin-bottom: 12px;}
.more-cotnent-design h5 {    font-size: 25px;    margin-bottom: 12px;}
.more-cotnent-design h6 {    font-size: 25px;    margin-bottom: 12px;}
.more-cotnent-design p {    margin-bottom: 23px; text-align: justify;}

.product-lins-side-bar select {    height: 45px;    border: none;    color: #555;    padding-left: 10px;}
.product-lins-side-bar select:focus{outline: none;}
.g-recaptcha {    overflow: scroll; overflow-x: hidden;}
.inputBox {    margin-bottom: 30px;}
.related_content p {    text-align: justify;}