@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);
/* Fonts */
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
src: local('FontAwesome'), local('FontAwesome'),
url(../fonts/slick.woff)
format('woff2');
font-display: swap;
}
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none; font-family: "Poppins", sans-serif;}
li{padding: 0px; margin: 0px; font-size: 14px; font-family: "Poppins", sans-serif;}
a{font-size: 14px; font-family: "Poppins", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px;  font-family: "Poppins", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box; font-family: "Poppins", sans-serif;}
span{padding: 0px; margin: 0px; font-family: "Poppins", sans-serif;}
header{background-image: linear-gradient(to right, #5d55c6, #ff7732);}
/*Start*/
/*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: 111px;    left: 20px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;      background-image: linear-gradient(to right, #5d55c6, #ff7732);   color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
/* 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);}
.enquiry i:hover {    color: #fff;    background-image: var(--gradient-color);}
.enquiry strong:hover {    color: #000;    background: #eee;}
div#exampleModal .modal-dialog {    width: 100% !important;}
/* Modal Form*/
.modal-content {    border-radius: 0;}
.close {    float: right;    font-size: 23px;    font-weight: 600;   line-height: 2;    color: #fff;    text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {    color: #fff;    text-decoration: none;    cursor: pointer;    opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;   margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] {    width: 100%;    padding: 5px 12px;    border-radius: 0px;}
.modal-body textarea {    width: 100%;    height: 120px;    padding: 5px 12px;    border-radius: 0px;}
.modal-body select {    width: 100%;}
.pac-container {    z-index: 100000;}
.g-recaptcha {    transform: scale(0.80);    transform-origin: 0 0;    -webkit-transform-origin: 0 0}
.modal_btn {    width: auto;    background: #000;    padding: 8px 25px;    border: none;    color: #fff;    font-size: 14px;    border-radius: 4px;    cursor: pointer;    transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus {       background-image: linear-gradient(to right, #5d55c6, #ff7732); color: #fff;}
.form-group textarea {    height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px;    font-size: 20px;}
.modal-header {         background-image: linear-gradient(to right, #5d55c6, #ff7732);}
a.text-black {    color: #000 !important;}
/*mobile-three-item*/
.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: #000;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {        background-image: linear-gradient(to right, #5d55c6, #ff7732);}
.mobile-three-item li a {    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%;}

.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: #000;  text-transform: capitalize;  padding: 20px 12px; position: relative;  z-index: 1;  margin: 0;     font-size: 16px;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}
.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-image: linear-gradient(to right, #5d55c6, #ff7732); position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;   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;}
.navbar{padding: 0px;}

ul.dropdown-menu li {    border-bottom: 1px solid #5d55c6;}
ul.dropdown-menu li:last-child {border: none;}
nav.mobile-menu {    display: none;}

.button-design ul li:first-child a {   border-radius: 50px;    background-image: linear-gradient(to right, #5d55c6, #ff7732);   padding: 10px 23px;}
.about-content h1{font-size: 25px;}

.about-img { padding: 25px 25px 25px 25px;     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);}
.about-img h3 {    font-size: 24px;    margin-bottom: 15px;}
.about-img p {text-align: justify;}
.about-content p {line-height: 28px;}


.brands-item img{    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.brands-item {margin: 15px;}
/* .our-solutions_inner ul li img {    width: 100px;    height: 100px;    object-fit: contain;    text-align: center;    margin: 0px auto;} */
.our-solutions_inner ul li {    width: 18%;}
.our-solutions_inner ul li{	   text-align: center;	    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);    margin: 10px 10px 10px 10px;    padding: 15px 15px 15px 15px;    min-height: 145px;    object-fit: contain; border-radius: 5px;}

.industries-we-provide {    background: #fff0e8;}
.box-craft span {    font-size: 18px;    text-transform: uppercase;}
.box-craft p {    line-height: 25px;}
.box-shadow-design{box-shadow: 10px 10px 30px -20px rgba(0, 0, 0, 0.5); }
.box-craft .box-shadow-design{    min-height: 415px;}
.acheivements-box i {    font-size: 35px; color: #5d55c6;    text-align: center;}
.acheivements-box {     padding: 20px 20px 20px 20px;   text-align: center;}
.acheivements-box span {    font-weight: 500;    display: block;    margin-bottom: 15px;}
.what-our-clients-say{	    background: #fff0e8;}
.acheivements-box p {    font-size: 40px;    font-weight: 600;}
.testimonial-item p{color: #000; font-size: 1.2em;}
.widget-design p {    text-align: justify;}



.filed-input input { font-size: 14px;  border-radius: 50px; border: none;   padding: 10px 10px;    margin-bottom: 18px;}

.filed-input input:focus{outline: none;}
.filed-input textarea:focus{outline: none;}
.filed-input textarea {font-size: 14px;  border: none;  border-radius: 50px;    border: 1px solid #ccc;     padding: 30px 10px;}


.filed-input button {    padding: 10px 30px;  border:none;  border-radius: 50px; background-color: #000;}
.filed-input button:focus{outline: none;}
.lets-content h5{    font-size: 90px;    font-weight: normal;    line-height: 79px;    }
footer {       background-image: linear-gradient(to right, #5d55c6, #ff7732);  }
.widget-design ul li {    line-height: 30px;}
.widget-design span {    font-size: 20px;}
/* .overlay-design:before{       position: absolute;    width: 75vh;    background: #383838;    content: '';    height: 380px;    top: -48px;    opacity: 0.8;} */
.dell-content h4{font-size: 20px;}
.product_box img {    border-bottom: 1px solid #f1f1f1;}
.read-btn a {    background-image: linear-gradient(to right, #5d55c6, #ff7732);    display: inline-block;    padding: 5px 15px;    border-radius: 5px;    transition: 0.5s;}

.read-btn a:hover{    background-image: linear-gradient(to right, #5d55c6, #ff7732);}
.product_box {    margin-bottom: 30px;}

.box-product{    text-align: center;    border-radius: 5px;     overflow: hidden;    position: relative;    z-index: 1;}
.box-product:before{    content:"";    background: linear-gradient(#5d55c6,#ff7732);    width: 100%;    height: 100%;    border-radius: 5px;    transform-origin: 50% 100%;    transform: translateX(100%)translateY(0);    opacity: 0;    position: absolute;    top: 0;    left: 0;   transition-duration: 0.35s;    transition: all 0.35s ease-in-out;}
.box-product:hover:before{    opacity: 0.7;    animation: imghvr-lightspeed-in-left .4025s ease-in forwards;    animation-duration: 0.35s; }
.box-product img{    width: 100%;    height: auto;}
.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.35s ease-in-out;}
.box-product:hover .box-content{    opacity: 1;    transform: translateX(-50%) translateY(-50%);}
.box-product .title{    font-size: 18px;    font-weight: 600;    text-transform: capitalize;     margin: 0 0 3px;}
.box-product .post{    font-size: 14px;    font-weight: 200;    letter-spacing: 1px;    text-transform: capitalize;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);    margin: 0 0 10px;    display: block;}
.box-product .icon{    padding: 0;    margin: 0;    list-style: none;    transform-origin: top center;    transform: scaleY(0);    position: absolute;    left: 42%;    top: 59%;    transition: all 0.3s ease 0.2s;}
.box-product:hover .icon{ transform: scaleY(1); }
.box-product .icon li{    margin: 0 3px;    display: inline-block;}
.box-product .icon li a{    color: #fff;    font-size: 15px;    line-height: 30px;    width: 34px;    height: 34px;    border: 1px solid #fff;    display: block;    transition: all 0.35s;}
.box-product .icon li a:hover{    color: #fff;     background: linear-gradient(#5d55c6,#ff7732);   border-color: #5d55c6;    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);    box-shadow: 3px 3px 1px rgba(255,255,255,0.5);}
.box-product .icon li a i{ line-height:inherit; }
@keyframes imghvr-lightspeed-in-left {
    0%{ transform: translateX(100%) translateY(0) skewX(-20deg); }
    50%{ transform: translate(0,0) skewX(-20deg);  }
    75%{ transform: translate(0,0) skewX(10deg); }
    100%{ transform: translate(0,0) skewX(0); }
}
@media only screen and (max-width:990px){
  .box-product{ margin: 0 0 30px; }
}
.page-title {    position: relative;    background-size: cover;    background-repeat: no-repeat;    background-position: 50% 0;    padding: 100px 0px;}
.page-title:before {    position: absolute;    content: '';    left: 0px;    top: 0px;    width: 100%;    height: 100%;    display: block;    background-color: #000000;    opacity: .4;}
.page-title h1 {    position: relative;    font-size: 48px;    font-weight: 700;    color: #ffffff;   line-height: 1em; margin-bottom: 20px;}
.page-title .text {    position: relative;    display: block;    font-size: 18px;    line-height: 24px;    color: #ff7e00;    font-weight: 400;}
.page-title .page-info {    position: absolute;    left: 0px;    bottom: 0px;    width: 100%;    z-index: 1;}
.page-info .bread-crumb {    position: relative;    float: none !important;    padding: 25px 0;    padding-left: 90px;    border-radius: 40px 0 0 0;    background-image: linear-gradient(to right, #5d55c6, #ff7732);}
.page-info .bread-crumb li {    position: relative;    display: inline-block;    font-size: 16px;    line-height: 30px;    color: #000;    font-weight: 700;    margin-right: 18px;    padding-right: 18px;}
.page-info .bread-crumb li:last-child {    margin-right: 0px;    padding-right: 0;}
.page-info .bread-crumb li:after {    position: absolute;    content: '|';    top: 0px;    right: -4px;    font-size: 18px;    line-height: 30px;    color: #ffffff;    font-weight: 700;}
.page-info .bread-crumb li:last-child:after {    display: none;}
.page-info .bread-crumb li a {    font-size: 16px;    color: #ffffff;    transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;}
.page-info .bread-crumb li a:hover {    color: #ff7e00;}

.sitemap-list {border-right: 1px solid #ccc;}
.sitemap-list ul li { line-height: 35px;}
.sitemap-list li a {color: #333; transition: 0.5s;}
.sitemap-list li a:hover{padding-left: 5px;}
ul.products-ul {    margin-left: 15px;}

.btn-primary, .badge-primary, .dropdown-item.active, .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {    color: #fff;    background-image: linear-gradient(to right, #5d55c6, #ff7732);    box-shadow: 0 0 0 0;    outline: 0;    border:none;}
.form-group button {    width: 100%;   background-color: #000;}
.form-group button:hover {background: #ea8730;}
.common-form form {  padding: 15px;}

.inner-our-presence {background: #ff9f03;   padding: 15px 0;    text-align: center;    color: #fff;}
.inner-our-presence a{ color: #fff;  font-size: 18px;  font-weight: 500;}
.city{     background-image: linear-gradient(to right, #5d55c6, #ff7732);  padding: 15px 20px 15px 20px;     margin-bottom: 25px;}
.city a{color: #fff;  font-size: 18px;}
.our-presence-row {margin-bottom: 30px; padding: 2px;}
.inner-box{background-color: #333; text-align: center;     padding-bottom: 15px;  padding-top: 15px;}
.inner-box a{color: #fff; font-size: 16px;}
.under-cover{margin-bottom: 15px; width: 100%; float: left;}
.boxes {margin-bottom: 20px; padding: 2px;}
.card:hover, .card-active {    border-bottom: 10px solid #5d55c6;    box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);}
.card {    width: 100%;    border-radius: 5px;    padding: 30px;    margin-bottom: 2rem;    border: 10px solid transparent;    display: inline-block;    box-shadow: 0px 0px 20px 0px rgba(62, 62, 101, 0.13);    transition: all 0.4s;    -webkit-transition: all 0.4s;    -moz-transition: all 0.4s;    -o-transition: all 0.4s;}
.contact-box h5 {    font-size: 20px;    margin-bottom: 15px;}
.min-height {    max-height: 195px;}
.common-form button {    background: #ea8730;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}
.zoom-effect img {    width: 100%;}
.cover-product-this p {    margin-bottom: 20px;    text-align: justify;}
.full-width-content {    margin: 0px auto;}
p.related-heading{     background-image: linear-gradient(to right, #021b79, #0575e6);    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 30px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related_content p {    margin-bottom: 22px;}
.about-content ul {    margin-bottom: 25px;}
.about-content ul li {    list-style-type: disc;   margin-bottom: 15px;}
.about-content ol {    padding-left: 15px;}
.about-content ol li {    margin-bottom: 12px;}
.about-content h4 {    font-size: 25px;    margin-bottom: 10px;}

.final-list-product ul li {    list-style-type: disc;    margin-bottom: 12px;}
.final-list-product ul{padding-left: 15px;}
#innerenquiry-form{  background-image: linear-gradient(to right, #5d55c6, #ff7732); padding: 15px;   border-radius: 5px; padding: 15px;}
.final-list-product ol {    padding: 0;}
div#homeenquiry-form{background-image: linear-gradient(to right, #5d55c6, #ff7732);}

.details-product h2 {  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
.details-product h3 {  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
.details-product h4 {  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
.details-product h5 {  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
.details-product h6 {  font-size: 18px;  margin-bottom: 10px;  margin-top: 10px;}
div#contact-form button { background-image: linear-gradient(to right, #5d55c6, #ff7732);}
.final-list-product p {  margin-bottom: 12px;  line-height: 25px;}
.cover-product-this ul li {  margin-bottom: 15px;  list-style-type: disc;}
.contact-box h3 {  font-size: 20px;  margin-bottom: 12px;}
ul.colum-count {  column-count: 2;}
.lets-content h6 {  font-size: 50px;}
.mobile-three-item ul {  margin-bottom: 0;}
.about-content h2 {    font-size: 25px;}
.about-content h3 {  font-size: 25px;}