@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@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);
@import url(css/animate.css);
/*Custom CSS*/
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;   font-family: "Ubuntu", sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;}
a{font-size: 15px;     font-family: "Ubuntu", sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px;    font-family: "Ubuntu", sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box; background: url(img/bg-2.jpg);}
span{padding: 0px; margin: 0px;      font-family: "Ubuntu", sans-serif;}
div{     font-family: "Ubuntu", sans-serif;}
*{    scroll-behavior: smooth;     margin: 0; padding: 0;}
:root {    --theme-color: #C10000;    --white-text: #fff;    --light-theme-color: #ffe5e5;    --main-font-family:   font-family: "Raleway", sans-serif;    --linear-gradient: linear-gradient(to right, rgba(0, 170, 255, 0.3), rgba(1, 133, 255, 0.5));}
#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: 30px;    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;}
}
.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:#25D366; color: #ffffff;}
.mobile-three-item li:last-child {    background-image: linear-gradient(to right, #36D1DC, #5B86E5);}
.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%;}
/*Call Me*/
.phone_lefts-side {    position: relative;}
.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 30px;      background: #000;   color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.glow {    font-size: 80px;    color: #fff;    text-align: center;    -webkit-animation: glow 1s ease-in-out infinite alternate;    -moz-animation: glow 1s ease-in-out infinite alternate;    animation: glow 1s ease-in-out infinite alternate;}
@-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: 30px;    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-image: linear-gradient(to right, #004b79, #45c0e1);    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: #000}
.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, #004b79, #45c0e1); 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 !important;    font-size: 25px !important;}
.modal-header {   background-image: linear-gradient(to right, #004b79, #45c0e1); padding: 0px;}
.quick_box{        /*padding: 30px 0;*/        background-position: center;        background-repeat: no-repeat;        background-size: cover;        background-color: #e7fcfd;}    
.quick_big{        font-size: 30px;        font-weight: 600;        color: #232331;        line-height: 40px;   }
.flex_quick_left{        width: 30%;        display: none;    }
.flex_quick_right{        width: 100%;    }
.flex_small_boxes{        display: flex;        justify-content: flex-start;        align-items: flex-start;       gap:20px;    }
.smll_boxes{        background-color: #fff;        padding: 30px 0 30px 0;        border-radius: 10px;        width: 25%;        position: relative;        box-shadow: 0 5px 40px rgb(0 0 0 / 7%);        margin: 30px auto;        transition: 0.5s;        overflow: hidden;       display: flex;        justify-content: center;        align-items: center;        gap: 20px;    }    
.smll_boxes:hover{        box-shadow: 0 5px 30px rgb(0 0 0 / 20%);    }
.smll_box_img{        height: 50px;        position: relative;        z-index: 999;    }
.smll_box_img img{        height: 100%;        width: 100%;       object-fit: contain;    }
.flex_2{        display: flex;        justify-content: flex-start;        gap:10px;        align-items: center;   }
.smll_head{        font-size: 16px;        color: #232331;        font-weight: 600;       /*padding: 10px 10px 0 10px;*/        position: relative;       z-index: 999;   }
.smll_boxes::after{        position: absolute;        content: "";        right: 0;        left: 0;        margin: 0 auto;        top: -50px;        height: 86px;        width: 86px;        border-radius: 50% 50%;        background-color: var(--light-theme-color);        transition: all 300ms ease;        opacity: 0.2;    }    
.smll_boxes:hover::after{        top: 10px;    }
.top_stk {    background: #fff;    padding: 5px 10px;    border: 1px solid #ddd;    border-radius: 5px;    color: #000;    font-size: 16px;    letter-spacing: 0.5px;    font-weight: 600;}
.main_abt_stock {    font-size: 30px;    font-weight: 600;    color: #000;    line-height: 35px;    padding-top: 15px;    margin-bottom: 30px;   }
.phone_call{        background-color:#166ac7;        position: relative;    }
.phone_call::before{        position: absolute;        content: '';        top: -5px;        left: -5px;        background: rgba(22, 106, 199, 0.5);        width: 70px;        height: 70px;        border-radius: 50%;        transform: scale(0);       animation: bubble 2s linear infinite;        z-index: -1;    }
.phone_call::after{        position: absolute;        content: '';        top: -5px;        left: -5px;        background: rgba(22, 106, 199, 0.5);        width: 70px;        height: 70px;        border-radius: 50%;       transform: scale(0);        animation: bubble 2s linear infinite;        animation-delay: 0.5s;        z-index: -1;    }    
@keyframes bubble{
0%{            opacity: 1;            transform: scale(0.5);     }
50%{        opacity: 0.5;         transform: scale(1.2);        }
100%{            opacity: 0.1;            transform: scale(1.5);        }
}
.phone_call svg{        width:35px;        height:35px;        align-items:center;        position:relative;        top:2px;        left:2px;        display:flex;    }
#whatsapp{        right:60px;        left:auto;        position:absolute;        bottom:10px;    overflow: hidden;}
#whatsapp::before{        position: absolute;        content: '';        top: -5px;        left: -5px;        background: rgba(49, 175, 93, 0.5);        width: 70px;        height: 70px;        border-radius: 50%;        transform: scale(0);        animation: bubble 2s linear infinite;        z-index: -1;    }    
#whatsapp::after{        position: absolute;        content: '';        top: -5px;        left: -5px;        background: rgba(49, 175, 93, 0.5);        width: 70px;        height: 70px;       border-radius: 50%;        transform: scale(0);        animation: bubble 2s linear infinite;        animation-delay: 0.5s;        z-index: -1;    }    
#whatsapp svg{        height:40px;        width:40px;    }
/*img-effects-products*/
.img-effects-products {  position: relative;  width: 100%;}
.image-effects-design {  display: block;  width: 100%;  height: auto;}
.overlay-product {  position: absolute;  bottom: 0;  left: 0;  right: 0;    background-image: linear-gradient(to right, #004b79cb, #45bfe1c5);  overflow: hidden;  width: 100%;  height: 0;  transition: .5s ease;}
.img-effects-products:hover .overlay-product {  height: 100%;}
.text-lap {  color: white;  font-size: 20px;  position: absolute;  top: 50%;  width: 100%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;}
.box-shadow-type {    background: #fff;    padding: 15px;}
.product-content > a {    font-size: 20px;    margin-bottom: 10px;    display: block;    color: #000;    font-weight: 600;}
.product-content p{    font-size: 16px;    line-height: 20px;   color: rgba(0, 0, 0, 0.9);    display: -webkit-box;    -webkit-line-clamp: 2; line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    height: 45px;    }
.product-btn a{    background: #005f55;    text-align: center;    padding: 10px 30px;    border-radius: 5px;    width: 100%;}
.product-btn ul li:first-child a{    background-image: linear-gradient(to right, #004b79, #45c0e1);}
.product-btn ul {    display: flex;    justify-content: space-between;}
.cta_footer{             background-image: linear-gradient(to right, #004b79, #45c0e1);      position: relative;        padding: 15px 0;        overflow: hidden;    }
.shimmer{        animation: ease-in-out infinite;        animation-duration: 5s;        animation-name: shimmer-effect;        background: rgba(255,255,255,0.2);        border-radius: 640px;        left: 0;        min-height: 250px;        min-width: 640px;        position: absolute;        top: -100px;        transform: rotate(-45deg);        z-index: 102;    }    
@keyframes shimmer-effect{         
0%{left: -700px; }
100% {left: 110%;}
}
    .flex_in_cta{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        position: relative;
        z-index: 999;
    }
    .ct_p{
        font-size: 30px;
           font-family: "Ubuntu", sans-serif;
        font-weight: 600;
        color: #fff;
    }
    .cta_footer .btn_explore_n{
        margin-top: 0;
        border: 2px solid #fff;
        padding: 0px;
        text-decoration:none ;
    }


     .btn_explore_n{
    background-image: linear-gradient(to right, #004b79, #45c0e1);
    padding: 2px;
    display: flex;
    margin-top: 20px;
    border-radius: 7px;
    position: relative;
    justify-content: center;
    margin: 0px auto;
    }

     .our-states .btn_explore_n {
	background-image: linear-gradient(to right, #36D1DC, #5B86E5);
    padding: 2px;
    display: flex;
    margin-top: 20px;
    border-radius: 7px;
    position: relative;
    justify-content: center;
    width: 16%;
    margin: 0px auto;
    }

    .btn_explore_n span{
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn_explore_n span svg{
        color: #fff;
        width: 20px;
        height: 20px;
        transform: rotate(-45deg);
        transition: 0.5s;
    }
    .btn_explore_n::before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 0;
        height: 100%;
        border-radius: 8px;
        background: #222222;
        transition: all 0.4s ease-in-out;
        z-index: 0;
    }
    .btn_explore_n:hover::before{
        width: 100%;
        left: 0;
        right: 0;
    }
    .ferry_btn::before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: 0;
        height: 100%;
        border-radius: 5px;
        background: #000;
        transition: all 0.4s ease-in-out;
        z-index: 0;
    }
    .ferry_btn:hover::before{
        width: 100%;
        left: 0;
        right: 0;
    }
    .ferry_btn span{
        position: relative;
        z-index: 999;
    }
    .ferry_btn:hover span{
        color: #fff;
    }
    .btn_explore_n:hover span svg{
        transform: rotate(0deg);
    }

    .ferry_btn {
    background: #fff;
    color: #000;
    border: 0;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.float-center {
    margin: 0 auto;
    text-align: center;
}
.counter_ferry .main_abt_stock {
    color: #fff;
}
.main_abt_stock {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 55px;
    padding-top: 15px;
 font-family: "Ubuntu", sans-serif;
}
p.left-text {
    font-size: 24px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 10px;
    line-height: 28px;
}
.flex_in_counter {
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.float-center {
    margin: 0 auto;
}

.ptext p
 {
    color: #000;
}
.w75 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    justify-content: space-between;
}
.counter_n_box {
    background: #fff;
    padding: 25px 0;
    border: 1px solid #ddd;
    position: relative;
    margin: 5px auto;
    overflow: visible;
    cursor: pointer;
}
.counter_count {
    color: #000;
    font-size: 35px;
    font-weight: 600;
       font-family: "Ubuntu", sans-serif;
}
.counter_count {
    color: #000;
    font-size: 35px;
    font-weight: 600;
       font-family: "Ubuntu", sans-serif;
}
/* .counter_side_image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
} */
.counter_side_image {
    height: 60px;
    width: 60px;
}
.flex_counter_text {
    display: flex
;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.counter_count {
    color: #000;
    font-size: 35px;
    font-weight: 600;
       font-family: "Ubuntu", sans-serif;
}
.counter_n_box::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: transparent;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 3px solid #41b9db;
    border-left: 3px solid #41b9db;
    transition: 0.5s;
}
.counter_n_box::after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: transparent;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-right: 3px solid #085884;
    border-bottom: 3px solid #085884;
    transition: 0.5s;
}
.counter_n_box:hover::before {
    width: 25px;
    height: 25px;
}

.counter_n_box:hover::after {
    width: 25px;
    height: 25px;
}

.counter_main_div {
    margin-top: -60px;
}
.our-states {
    margin-bottom: 40px;
}
.w25 {
    width: 23%;
    min-height: 1px;
    overflow: hidden;
    margin-right: 15px;
}
.exp {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    color: #7A7A7A;
       font-family: "Ubuntu", sans-serif;
}

 .count_fl span{
        font-size:25px;
        font-weight: 600;
        color: #000;
    }
    .counter_count{
        color: #000;
        font-size: 35px;
        font-weight: 600;
           font-family: "Ubuntu", sans-serif;
    }
    .exp{
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
        text-align:center;
        color: #7A7A7A;
           font-family: "Ubuntu", sans-serif;
    }
    .plane_abst img{
        width:100%;
        height: 100%;
        object-fit: contain;
    }
    .plane_abst{
        position: absolute;
        top: 0;
        z-index: -1;
        right: 10px;
    }

   .our-industry{background: #f1f1f1; position: relative;}
    .new_industry{
        padding: 50px 0;
        margin: 100px auto 30px auto;
    }
    .indus_card{
        position: relative;
        cursor: pointer;
        border-radius: 20px;
    }
    .indus_image{
        height: 400px;
        overflow: hidden;
        position: relative;
    }
    .indus_image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .gradient_bottom{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: -webkit-fill-available;
        background: linear-gradient(to top, #333333 0%, rgba(227, 20, 35, 0) 100%);
        z-index: 1;
        opacity: 0;
        transition: 0.4s;
    }
    .industry_name{
        font-size: 22px;
        padding: 10px 28px;
        font-weight: 600;
        color: #fff;
           font-family: "Ubuntu", sans-serif;
    }
    .indus_card:hover .gradient_bottom{
        animation: fade_grade 0.5s linear;
        animation-fill-mode: forwards;
    }
    @keyframes fade_grade{
        from{
            opacity: 0;
        }
        to{
            opacity: 1;
        }
    }
    .industry_carousel{
        margin: 40px 0;
    }

.free-consultation_border {border: 1px solid #4b89df;}

.reason_box {
    /* background-color: #F9FAFB; */
    border-radius: 50px;
    padding: 10px;
    display: flex;
	padding-right: 15px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.15);
    margin: 10px auto 20px auto;
    border-left: 3px solid #085884;
    width: 95%;
}
.bg_head {
    font-size: 14px;
    font-weight: 600;
    color: #000;
       font-family: "Ubuntu", sans-serif;
}
.check_box svg {
    color: #000;
    height: 20px;
    width: 20px;
}
.check_box {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e7fcfd;
}
.content_bx > p {
    font-size: 14px;
}
.free-consultation_border ul {    display: flex;    align-items: center;    justify-content: space-between;}

.ziehharmonika span {	        background-image: linear-gradient(to right, #004b79, #45c0e1);	color: #fff;	display: block;	text-align: left;	border-radius: 4px;	padding: 10px 12px;	cursor: pointer;	margin-top: 0;	font-size: 18px;	margin-bottom: 9px;	padding-right: 40px;	transition: 0.25s all;	position: relative;	}
.ziehharmonika span.active {	margin-bottom: 21px;	color: #fff;	background: #000;}
.ziehharmonika span::before {	content: attr(data-prefix);	margin-right: 9px;}
.ziehharmonika span.alignLeft {	padding-left: 35px;}
.ziehharmonika > div {	display: none;	    background: rgba(75, 137, 223, 0.05);	border-radius: 4px;	border: 1px solid #f1f1f1; text-align: left;	padding: 31px 33px;	margin-bottom: 9px;}
.ziehharmonika .arrowDown {	width: 0;	height: 0;	border-style: solid;	border-width: 13.0px 7.5px 0 7.5px;	border-color: #272e35 transparent transparent transparent;	position: absolute;	bottom: 0;	left: 40px;	transition: 0.25s all;	opacity: 0;}
.ziehharmonika .active .arrowDown {	bottom: -13px;	border-color: #000 transparent transparent transparent;	opacity: 1;}
.ziehharmonika .collapseIcon {	position: absolute;	right: 20px;	top: 45%;	font-size: 35px;	font-weight: 300;	-ms-transform: translate(0, -50%);	    transform: translate(0, -50%);}
.ziehharmonika .collapseIcon.alignLeft {	right: initial;	left: 20px;}
.ziehharmonika ul {    margin-top: 28px; padding-left: 15px; margin-bottom: 28px;}
.ziehharmonika ul li {    list-style-type: circle;}
.ziehharmonika p {    text-align: justify;}

 .rs_text{        font-size: 14px;        padding: 5px 0;        color: rgba(0,0,0,0.8);    }
 .genuine_form{        background-color: #fff;        padding: 20px 0;        border-radius: 15px;        overflow: hidden;        position: relative;        border: 1px solid #ddd;    }    
 .mails_container .post_btn:hover{       color: #fff;        background: var(--theme-color);}
.mails_container{        display: flex;        justify-content: center;        align-items: center;        width: 100%;    }
.mails_container a{        text-decoration: none;    }
.genuine_form p{        font-size: 20px;        font-weight: 600;        color: #000;        padding-bottom: 20px;        text-align: center;       font-family: "Ubuntu", sans-serif; }    
.input_mail{       position: relative;        width: 100%;    }
.input_mail i{        position: absolute;        right: 20px;        top: 12px;        width: 18px;        height: 18px;        color: #000;        stroke-width:1.5px;        z-index: 9;    }    
.input_mail input{
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto 15px auto;
        border: 1px solid #e6e2e3;
        border-radius: 10px;
        font-size: 14px;
        color: #757072;
        padding: 12px 10px;
        padding-right: 50px;
        outline: none;
        /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);*/
    }
    .input_mail select{
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto 15px auto;
        border: 1px solid #e6e2e3;
        border-radius: 10px;
        font-size: 14px;
        color: #757072;
        padding: 12px 10px;
        padding-right: 50px;
        outline: none;
        /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);*/
    }
    .input_mail textarea{
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto 15px auto;
        border: 1px solid #e6e2e3;
        border-radius: 10px;
        font-size: 14px;
        color: #757072;
        padding: 12px 10px;
        padding-right: 50px;
        outline: none;
        /*box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);*/
        resize: none;
    }
    .input_mail input:focus{
        border: 1px solid #085884;
    }
    .input_mail textarea:focus{
        border: 1px solid  #085884;
    }
    .form_box_mail{
        position: relative;
        display: block;
        background: #fff;
        border-radius: 15px;
        padding: 25px 0 40px 0;
    }
    .mail_head{
        color: #1e2c36;
        font-size: 40px;
        font-weight: 600;
    }
    .mail_smll_text{
        font-size: 15px;
        color: rgba(0,0,0,0.7);
        line-height: 25px;
    }
    .faqs-side h4 {
    font-size: 22px;
}

.testimonial{background: url(img/test_pattern.webp) no-repeat;}

 .testimonial_stocks{
        padding: 50px 0;
        /*margin: 30px auto;*/
        position: relative;
        overflow: hidden;
        background: linear-gradient(180deg, rgba(237, 242, 248, 0.22) 0%, rgba(29, 41, 81, 0.06) 50%), url(https://www.ferry-international.com/images/test_pattern.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .box_testimonial{
        padding: 0px 0;
        background: #fff;
        border: 2px solid transparent;
        box-shadow: 0px 5px 40px 0px rgba(29, 41, 81, 0.06);
        border-radius: 16px;
        margin: 5px auto;
        transition: all 0.3s ease-out;
        position: relative;
    }
    .stock_testimonial{
        margin: 30px auto;
    }
    .stock_testpara{
        color: #424242;
        font-size: 14px;
        line-height: 25px;
    }
    .para_stk{
        padding-bottom: 20px;
        border-bottom: 1px solid #E6EDFB;
    }
    .box_testimonial:hover{
        border: 2px solid #085884;
    }
    .quote_svg{
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    .quote_svg svg{
        width: 50px;
        height: 50px;
        opacity: 0.5;
        color: #4b89df;
        transform: rotate(180deg);
        transition: all 0.3s ease-out;
    }
    .box_testimonial:hover .quote_svg svg{
        opacity: 1;
    }
    .viewmore_div{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .viewmore_div a{
        padding: 10px 20px;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        border-radius: 5px;
        background: var(--theme-color);
        position: relative;
        overflow: hidden;
    }
    .viewmore_div a:after{
        position: absolute;
        background: #fff;
        content: "";
        height: 155px;
        left: -75px;
        opacity: 0.2;
        top: -50px;
        transform: rotate(35deg);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: 99;
    }
    .viewmore_div a:hover:after{
        left: 120%;
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    }
    .faq_acc{
        padding: 50px 0;
    }
    .stock_testimonial .owl-item.active.center{
        transform: scale(1.2,1.2);
    }
    .stock_testimonial .owl-item{
        transform: scale(0.7,0.7);
        transition: 0.5s;
    }
    .flex_btm_test .w90{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap:10px;
        margin-top: 10px;
    }
    .testimonial_stocks .tp_mid{
        color: #000;
    }
    .testimonial_stocks .flex_all_center{
        width: 100%;
    }
    .testimonial_back{
        position: absolute;
        bottom: 0;
        right: 0px;
        z-index: 1;
    }
    .testimonial_back2{
        position: absolute;
        bottom: 0;
        left: 0px;
        z-index: 1;
    }
    .testimonial_back2 .test_back_img{
        transform: rotateY(180deg);
    }
    .test_back_img{
        height: 550px;
        opacity: 0.5;
    }
    .test_back_img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .rotate_img{
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .tot_image{
        height: 250px;
        width: 250px;
        animation: rotate_img 5s linear infinite;
    }
    .tot_image img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    @keyframes rotate_img{
        from{
            transform: rotate(0deg);
        }
        to{
            transform: rotate(360deg);
        }
    }
    .image_testim img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.image_testim {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #41b9db;
}
.stock_testpara {
    color: #424242;
    font-size: 14px;
    line-height: 25px;
}
.client_name_flex {
    text-align: left;
}
.main-testimonial .slick-slide {
  position: relative;
}

@keyframes popUp {
  0% { transform: translateX(-50%) scaleY(0); }
  100% { transform: translateX(-50%) scaleY(1); }
}
.slick-slide.slick-current::before {
  animation: popUp 0.3s ease;
}


.main-testimonial .testimonial-item.slick-center {
    transform: scale(1.1, 1.1);
    margin-top: 15px;
}

.main-testimonial .testimonial-item {    transform: scale(0.7, 0.7);    transition: 0.5s;    }
footer{	background: url(img/brick-bg.jpg);	background-size: cover;	background-attachment: fixed;	padding: 50px 0 0 0;}
ul.social-media li:first-child{background: #3266a8; width: 35px; height: 35px; line-height: 35px; text-align: center;}
ul.social-media li:nth-child(2){background: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center;}
ul.social-media li:last-child{background: #cf0830; width: 35px; height: 35px; line-height: 35px; text-align: center;}
.widget ul li {    line-height: 30px;  }
.widget ul li a{    line-height: 30px;    color: #000;}
.widget p {    line-height: 25px;    color: #000;    text-align: justify;}
.widget .media i {    margin-top: 5px;    color: #fff;}
#toTop {    position: fixed;    bottom: 50px;   right: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}
.main-industry button {       background-image: linear-gradient(to right, #004b79, #45c0e1);   width: 50px;    height: 50px;    border-radius: 50px;}
.main-industry button:hover{background: #000;}
.main-industry button:focus{     background-image: linear-gradient(to right, #004b79, #45c0e1); }
.main-industry .slick-next:before {    content: #f105;   font-family: "FontAwesome";}
.main-industry .slick-prev:before {    content: #f105;   font-family: "FontAwesome";}

.main-testimonial button:hover{background: #000;}
.main-testimonial button:focus{        background-image: linear-gradient(to right, #004b79, #45c0e1);}
.main-testimonial .slick-next:before {    content: #f105;   font-family: "FontAwesome";}
.main-testimonial .slick-prev:before {    content: #f105;   font-family: "FontAwesome";}

.main-testimonial .slick-next {  width: 50px; height: 50px; border-radius: 50px;  right: 43px;         
        background-image: linear-gradient(to right, #004b79, #45c0e1);}
.main-testimonial .prev { width: 50px;   height: 50px;  border-radius: 50px;   right: 40px;       
        background-image: linear-gradient(to right, #004b79, #45c0e1);}
.main-testimonial  .slick-prev { width: 50px; height: 50px; left: 40px;  border-radius: 50px;      
        background-image: linear-gradient(to right, #004b79, #45c0e1); position: relative; z-index: 99;}
.slick-dots{left: 0px;}

.top-header {    background: #000;    padding: 5px 15px;  border-radius: 0 10px 0 10px;}
.shadow-sticky{    background-color: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);    border-radius: 10px;    z-index: 9;    }


.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: normal;    color: #000;    text-transform: capitalize;    padding: 20px 12px;    position: relative;    z-index: 1;    margin: 0;    font-size: 17px;}
.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: #000; position: absolute;  border: none;  top: 80px;  left: 0;  width: 400px;  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;}

.navigation-mbtn{   background-image: linear-gradient(to right, #004b79, #45c0e1);   text-align: center;    border-radius: 0 0 10px 0;    position: relative;    right: 14px;}
.navigation-mbtn a {    font-weight: bold;    color: #fff;    line-height: 60px;}


.main-slider-owl button:hover{background: #000;}
.main-slider-owl button:focus{background: #000;}
.main-slider-owl .slick-next:before {    content: #f105;   font-family: "FontAwesome";}
.main-slider-owl .slick-prev:before {    content: #f105;   font-family: "FontAwesome";}


.main-slider-owl .slick-next {  width: 50px; height: 50px; border-radius: 50px;  right: 43px;       background: #000; top: 58%;}
.main-slider-owl .prev { width: 50px;   height: 50px;  border-radius: 50px;   right: 40px;      background: var(--theme-color);}
.main-slider-owl  .slick-prev { width: 50px; height: 50px; left: 40px;  border-radius: 50px;     background: #000; position: relative; z-index: 99; top: 58%;}
.slick-dots{left: 0px;}
.hero-slider {    margin-top: -165px;}
.main-products button:hover{background: #000;}
.main-products button:focus{background: #000;}
.main-products .slick-next:before {    content: #f105;   font-family: "FontAwesome";}
.main-products .slick-prev:before {    content: #f105;   font-family: "FontAwesome";}
.main-products .slick-next {  width: 50px; height: 50px; border-radius: 50px;  right: -53px;       background-image: linear-gradient(to right, #004b79, #45c0e1); top: 50%;}
.main-products .prev { width: 50px;   height: 50px;  border-radius: 50px;   right: 40px;      background: var(--theme-color);}
.main-products  .slick-prev { width: 50px; height: 50px; left: -75px;  border-radius: 50px;      background-image: linear-gradient(to right, #004b79, #45c0e1); position: relative; z-index: 99; top: 50%;}
.slick-dots{left: 0px;}
/* .about-img::after {    content: "";    width: 250px;    height: 200px;       background-image: linear-gradient(to right, #004b79, #45c0e1);   position: absolute;    bottom: 86px;    z-index: -1;    left: 0;} */
.about-img {    position: relative;}

.hm-satisfaction {  padding-top: 80px;  padding-bottom: 80px; background: url(img/satisfaction-bg.jpg) no-repeat center center fixed;  -webkit-background-size: cover;  background-size: cover;  position: relative;}
/*.hm-satisfaction:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #282828;
  opacity: 0.9;
  z-index: -1;
}*/
.hm-satisfaction-head h2 {    color: #fff;    font-size: 35px;    text-align: right;    line-height: 48px;}
.hm-satisfaction-dtl {  position: relative;  margin-top: -12px;}
.hm-satisfaction-dtl img {  margin: 0 auto;  display: table;}
.hm-satisfaction-dtl h2 {    color: #ffffff;    text-align: center;   font-size: 20px;   margin-bottom: 10px;}
.hm-satisfaction-dtl h4 {  color: #fff;  font-size: 20px;  text-align: center;  }

.cursor-outer {  margin-left: -20px;  margin-top: -20px;  width: 30px;  height: 30px;  border: 1px solid #000;  box-sizing: border-box;  z-index: 10000000;  opacity: 0.5;  transition: all 0.08s ease-out;}
.mouseCursor {  position: fixed;  left: 0;  top: 0;  right: 0;  bottom: 0;  pointer-events: none;  border-radius: 50%;  transform: translateZ(0);  visibility: hidden;  text-align: center;}
@media (max-width: 767px) {
.mouseCursor {    display: none; }
}
.cursor-inner {  margin-left: -3px;  margin-top: -3px;  width: 6px;  height: 6px;  z-index: 10000001;     background-image: linear-gradient(to right, #36D1DC, #5B86E5);  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.cursor-inner span {  color: #fff;  line-height: 80px;  opacity: 0;  text-transform: uppercase;  letter-spacing: 1px;  font-size: 12px;}
.cursor-inner.cursor-big span {  opacity: 1;}
.mouseCursor.cursor-big {  width: 80px;  height: 80px;}
.mouseCursor.cursor-big.cursor-outer {  display: none;}
.tp-cursor-point-area {  cursor: none;}
ul.list-circle.maplist {    column-count: 2;    margin-top: 25px;}
ul.list-circle.maplist li {    line-height: 35px; list-style-type: disc;}
ul.maplist {    padding-left: 15px;}
h2.maphead {    font-size: 22px;}
.inr-banner {    position: relative;}
.inr-banner-dtl h1 {    font-weight: 700;    font-size: 45px;    color: #000;    font-family: "Ubuntu", sans-serif;   margin-bottom: 0.7rem;   }
.inr-banner-dtl a {    color: #000;}


.contact {  padding: 80px 0 100px;}
.contact-form h4 {  font-weight: 700;  font-size: 35px;  color: #4a88df;  margin-bottom: 0.7rem;
}
.contact-form p {
  font-weight: 600;
  padding-bottom: 10px;
}
.contact-form form label {
  color: #2b2b2b;
  margin-top: 15px;
}
.contact-form form input,
.contact-form form textarea {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 0px;
}
.btn-primary {
background-image: linear-gradient(to right, #36D1DC, #5B86E5);
  border: none;
  margin-top: 20px;
}
.contact-dtl h4 {
  font-weight: 700;
  font-size: 35px;
  color: #4a88df;
  margin-bottom: 0.7rem;
}
.contact-dtl p {
  font-weight: 600;
  padding-bottom: 10px;
}
.cont-info {
  background-color: #f0f3f7;
  padding: 12px 50px 25px 100px;
  clear: both;
  transform: skew(-20deg);
  -ms-transform: skew(-20deg);  -webkit-transform: skew(-20deg);
  height: 140px;
  margin-top: 40px;
}
.cont-info span {  display: inline-block;}
.cont-info span:first-child {  background-color: #282828;  padding: 10px 30px;  position: absolute; left: -40px;  top: 28px;  transform: skew(2deg);  -ms-transform: skew(2deg);  -webkit-transform: skew(2deg);}
.cont-info span img {  position: relative;  transform: skew(20deg) !important;  -ms-transform: skew(20deg) !important; -webkit-transform: skew(20deg) !important;}
.cont-info section:nth-child(2) {  padding-left: 10px;  position: relative;  transform: skew(19deg) !important;  -ms-transform: skew(19deg) !important;  -webkit-transform: skew(19deg) !important;}
.cont-info section ul li {  float: left;  color: #7a7a7a;  padding-right: 8px;}
.cont-info section a {    color: #7a7a7a;}


@media screen and (max-width: 768px) {
  .cont-info {
    height: 175px;
    padding: 25px 50px 25px 85px;
  }
  .cont-info section a {
    font-size: 15px;
  }
  .cont-info {
    transform: none;
  }
  .cont-info section:nth-child(2) {
    transform: none !important;
  }
  .cont-info section:first-child {
    top: auto;
    left: -5px;
    padding: 10px 20px;
  }
  .cont-info span img {
    transform: none !important;
  }
  .contact-dtl {
    margin-top: 40px;
  }
  .cont-info span ul li {
    float: none;
  }
  .num-none {
    display: none;
  }
}
/* Contact us end */
.cont-info h5 {
    font-size: 18px;
}
.contact-form button {
    padding: 10px 0;
        background-image: linear-gradient(to right, #004b79, #45c0e1);
}
.color-site {
    background: #000;
}
.white-wrap .form {
        background-image: linear-gradient(to right, #004b79, #45c0e1);
    padding: 1px 20px 1px 20px;
    position: relative;
}
.inputBox button {
    padding: 10px 0px;
    background: #000;
}
.skin-color {
        background-image: linear-gradient(to right, #004b79, #45c0e1);
}
.inputBox input {
    height: 45px;
}

.inputBox input:focus{outline: none;}
.inputBox textarea:focus{outline: none;}

.inputBox textarea {
    height: 100px;
}
.sitema-links-item h2 {    font-size: 20px;}
.sitema-links-item h3 {    font-size: 20px;}

ul.coloring li a {
    background: #000;
    padding: 15px;
    color: #fff;
    font-size: 18px;
}
.full-width-type {
    background-color: #000;
    margin-top: 20px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
}
.full-width-type h3 {
    color: #fff;
    margin: 0px;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}
.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-image: linear-gradient(to right, #004b79, #45c0e1);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.inner-products {
    border: 2px solid #e5e5e5;
    padding: 35px;
}

.heading-line{
    background-color: #fff;
    box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
    }

 .heading-line a {    color: #000;}

 p.related-heading {
    background-image: linear-gradient(to right, #004b79, #45c0e1);
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: 700;
}
.related_img img {
    width: 100%;
    object-fit: contain;
    height: 250px;
    margin: 10px 0px;
    border: 1px solid #f1f1f1;
    padding: 2px;
}
.read-btn a {
    background: #000;
    padding: 7px 15px;
    color: #fff;
}
.read-btn a {
    border-radius: 5px;
}
.related_content p {
    text-align: justify;
}


.quick-links ul li a{
    background: #fff;
    border-radius: 0px 10px 0px 10px;
    display: block;
    padding: 10px 15px;
    }

.quick-links {
        background-image: linear-gradient(to right, #004b79, #45c0e1);
    padding: 15px;
}
.quick-links span {
    font-size: 30px;
    color: #fff;
}
.about-content p {    margin-bottom: 20px;}
.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 {padding-left: 15px;}
.datails-content ul li {    margin-bottom: 10px;    list-style-type: disc;}


table {   border-collapse: collapse;  width: 100%;   font-family: "Ubuntu", sans-serif; margin-bottom: 30px;}
table td, table th {  border: 1px solid #ddd;  padding: 8px;}
table tr:nth-child(even){background-color: #f2f2f2;}
table tr:hover {background-color: #ddd;}
table th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #04AA6D;  color: white;}
.datails-content p {    margin-bottom: 12px;}
.location-part h2 {    font-size: 18px;    margin-bottom: 12px;}
.location-part h3 {    font-size: 18px;    margin-bottom: 12px;}
.location-part h4 {    font-size: 18px;    margin-bottom: 12px;}
.location-part h5 {    font-size: 18px;    margin-bottom: 12px;}
.location-part h6 {    font-size: 18px;    margin-bottom: 12px;}
.location-part ul li {    margin-bottom: 15px;    list-style-type: disc;}
.location-part ul{padding-left: 15px;}
nav.mobile-menu {    display: none;}
.img-side-details {  width: 40%;  float: left;  margin-right: 25px;}
.img-side-details img{  width: 100%;  float: left;}

.inr-bnr{background-image: url(img/breadcumb-new.jpg);  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  padding:100px 0px;}
.inr-bnr h1{text-align:center; color:#fff; width:100%;}
.inr-bnr ul li{color:#fff;}
.inr-bnr ul li a{color:#fff;}
.inr-banner-dtl {  width: 100%;  text-align: center;}
ul.maplist li a {    color: #000;}
.header-logo img {    width: 70%;}

.venom-button {    position: fixed;    bottom: 15px;    left: 15px;    font-size: 14px;    transition: bottom .2s;}
.venom-button .venom-button-button {position: relative;    border-radius: 50%;    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);    transition: box-shadow .2s;    cursor: pointer;    overflow: hidden;    top: -120px;    z-index: 999;    left: 7px;}
.venom-button .venom-button-button img,.venom-button .venom-button-button svg {    position: absolute;    width: 80%;    height: auto;    object-fit: cover;    top: 50%;    left: 50%;    transform: translate3d(-50%, -50%, 0);   border-radius: 50%;}
.venom-button:hover {    bottom: 17px;}
.venom-button:hover .venom-button-button {    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4);}
.venom-button .venom-button-popup {    border-radius: 6px;    background-color: #e5ddd5;    position: absolute;    overflow: hidden;    padding: 0;    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);    width: 0;    height: 0;    bottom: 0;   opacity: 0;    transition: bottom .1s ease-out, opacity .2s ease-out;    transform-origin: bottom;}
.venom-button .venom-button-popup.active {    padding: 0 12px 12px 12px;    width: 300px;    height: auto;   bottom: 195px;   opacity: 1;}
.venom-button .venom-button-popup .venom-button-message {    background-color: #fff;    padding: 8px;    border-radius: 0 5px 5px 5px;    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);    opacity: 0;    transition: opacity .2s;}
.venom-button .venom-button-popup.active .venom-button-message {    opacity: 1;    transition-delay: .2s;}
.venom-button .venom-button-popup .venom-button-head {      text-align: right;
    color: #fff;
    margin: 0 -15px 10px -15px;
    padding: 6px 12px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    justify-content: space-around;
    align-items: center;}
.venom-button .venom-button-input-message { justify-content: space-between;   background-color: #fff;    margin: 10px -15px -15px -15px;    padding: 20px 15px;   display: flex;    align-items: center};
.venom-button .venom-button-input-message textarea {    border: 1px solid #ccc;   border-radius: 5px;    box-shadow: none;    padding: 8px;    margin: 10px 0;   width: 100%;    max-width: 100%;    font-family: inherit;    font-size: inherit;    resize: none;}
.venom-button .venom-button-input-message textarea:focus{    outline: none;}
.venom-button .venom-button-btn-send {    margin-left: 12px;    font-size: 0;    cursor: pointer;}
.venom-button-input-message textarea {    width: 100%;    padding: 12px;    border: 1px solid #ccc;}

.about-img img{border-radius: 10px; width: 100%; height: auto ;}

.hm-satisfaction-dtl span {    font-size: 18px; display: block;  margin-bottom: 10px;  margin-top: 8px;}
.hm-satisfaction-dtl p {font-size: 14px;}
.setup-design {    position: relative;    top: -10px;}

.para_stk h4 {    font-size: 20px;    padding-top: 34px;}

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

.content-side > a {    font-size: 20px;    text-align: center;    display: block;    margin-bottom: 15px;}
.content-side p{text-align: justify;}

.btn-design a{background-image: linear-gradient(to right, #004b79, #45c0e1); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.btn-design{margin-top: 12px;}
.btn-design a {    padding: 10px 30px;}
.content-side{    background-color: #fff;    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.btn-design a:hover{background-color: #000;}

.page-error a{        background-image: linear-gradient(to right, #004b79, #45c0e1); padding: 15px 30px;}

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

.full-content .row {    margin-bottom: 42px;}

.services_box-design-content span {    font-size: 22px;    display: block;    margin-bottom: 12px;}

/* Float Button */
.flaot-button{display: none; position: fixed; z-index: 99; bottom: 0;  width: 100%;}
.flaot-button ul {    display: flex; width: 95%;   justify-content: space-between;    align-items: center;    justify-items: center; margin-bottom: 0px; margin: 0px auto;}
.flaot-button ul li { width: 48%; text-align: center; padding: 5px 0;}
.flaot-button ul li:first-child {      background-image: linear-gradient(to right, #004b79, #45c0e1);}
.flaot-button ul li:last-child  { background-color: #199082;}

.about-img {    float: left;    width: 450px;   margin-right: 25px;}
.our-products .title p {    font-size: 30px;}
.small-link a {    background: #000;    padding: 10px 0;}