@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/*i{*/
/*    color: red !important;*/
/*}*/
@font-face {
    font-family: 'Neue Einstellung Regular';
    src: url('fonts/HankenDesignCo-NeueEinstellungRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* --bg1: #f3dca2; */.banner-section .left-content .text
    /*--fontFamily: 'Viga', sans-serif;*/
    /*--fontFamily2: 'Roboto', sans-serif;*/
    --title: #ffc107;
    --bg3: #e30086;
    --btn-all: #f15c30;
    --bg4: #494949;
    --para: #666666;
}

h1,h2,h3,h4,h5{
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    color: #333333;
}
h5{
    font-size: 25px
}

a {
    text-decoration: none;
}

.text-black-100 {
    color: #000;
}

p {
    color: #333333;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
}

body {
        font-family: Neue Einstellung Regular;
    /*font-family: 'Rubik', sans-serif;*/
}

.nav-item {
    position: relative;
}

.card-body {
    /* background-color: aliceblue; */
    background: url(../image/danatech-img/product/p1.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 5px;
}


.style-1 {
    background-color: #cbcbcb;
    background: url(../image/danatech-img/product/p1.jpg);
    background-position: center, center;
    padding: 50px 0;
}

.style-1 p {
    color: #fff;
}


/* ============================================ */
/* CUSTOM SHAPE DEVIDER STARTS HERE */
/* ============================================ */
.custom-shape-divider-bottom-1683630688 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1683630688 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 130px;
    display: block;
}

.custom-shape-divider-bottom-1683630688 .shape-fill {
    fill: #FFFFFF;
}

header {

    position: sticky;
    box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 30%);
    /* background-color: #f8f9fa !important; */
    background-color: #0D0D0D;
    top: 0px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999999;
}

.partner_section {
    padding: 50px 0;
}

/* ================================= */
/* top header bar STARTS HERE */
/* ================================= */
#top {
min-height: auto;
    margin: 0px;
    border-bottom: none;
    background-color: #1A1A1A;
    position: relative;
    z-index: 9999;
    line-height: 2;
border-bottom: 0.1px solid #666666b8;
}



#header_phone {
    padding-top: 2px;
}

#header_phone a {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;

}

#header_phone a i {
    margin-right: 6px;
    /* font-size: 12px; */
}

/* .srch-bar-top {
    width: 100%;
    position: relative;
    border-radius: 10px;
    left: 0;
    transform: translateX(0);
} */

/* .srch-bar-top input {
    display: block;
    width: 100%;
    border: none;
    background: none;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 4px;
    outline: none;
    background: #fff;
    font-weight: 400;
} */

/* .srchbtn {
    position: absolute;
    top: 0px;
    right: 2px;
    padding: 4px 15px;
    color: #aaa;
    font-size: 20px;
    background: none;
    border: none;
} */

.social-size {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
}

.social-icon li a i {
    color: #fff;
}


.social-icon li {
    display: inline-block;
    margin-right: 20px;
}

.social-icon li a {
    display: block;
    color: #000;
    font-size: 24px;
}

.social-icon li a i:hover {
    background-color: #000;
    color: #ffc107;
    line-height: 0;
}






/* ================================= */
/* DROPDOWN MENU STARTS HERE */
/* ================================= */
.navbar-nav {
    position: relative;
}

.navbar {
    padding: .2rem 0 !important;
}

.navbar-nav .dropdown-menu {
  left: -25px;
    top: 100%;
    z-index: 99;
    width: 224px;
    border: none;
    display: block;
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: rotateX(-20deg);
    transform: rotateX(-20deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0px 0px 15px rgb(255, 255, 255); */
    /* box-shadow: 1px 3px 7px -2px #337ab7; */
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-color: #f8f9fa !important;
    /* background-color: #fff !important; */
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1)
}

nav .navbar-nav li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 120%;
    border-bottom-right-radius: 30px !important;
    transition: all 0.5s ease-in-out;
}

.navbar-nav .dropdown-menu li:hover a {
    /* background-color: #ddd !important; */
    /* color: #00baf2 !important; */

}

.navbar-nav .dropdown-menu li a {

    display: block;
    padding: 7px 20px;
    color: #000;
    border-bottom: 1px dashed transparent;
    font-size: 15px;
    font-weight: 600;
}


/* ================================= */
/* MOBILE BUTTON STARTS HERE */
/* ================================= */
.mobcont {
    display: none;
}

/* ================================= */
/* TEXT ANIMATION STARTS HERE */
/* ================================= */
.word {
    color: #4eadec;
    font-weight: 700;
    font-size: 46px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    /* text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324; */
}

/*.navbar-brand {*/
/*    width: 6%;*/
/*}*/

.navbar-brand img {
    width: 100%;
    height: 100%;
}

.sepmenu {
    margin-right: 0%;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    font-family: "Bebas Neue", sans-serif;
    margin-right: 5px;
    font-size: 19px;
    line-height: 26px;
}

.alsr-img {
    height: 480px;
    overflow: hidden;
    width: 100%;
    transform: rotate(8deg);
    text-align: center;
}

.alsr-img img {
    height: 100%;
}

.alhdin .h1hding {
    font-size: 58px;
    text-align: right;
}

.alhdin p {
    text-align: right;
    font-size: 26px;
}

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

.btns {
 display: inline-block;
    padding: 4px 12px;
    transition: all 300ms;
    color: #ffffff;
    /* background: #0093d2; */
    z-index: 1;
    border: unset;
    position: relative;
    overflow: hidden;
    transition: all 300ms;
    color: #000;
    /* background: #161F32; */
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-size: 22px;
    margin-top: 6px;
    border-radius: 5px;
    /* box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px, rgb(0 0 0 / .3) 0 30px 60px -30px, rgb(10 37 64 / .35) 0 -2px 6px 0 inset; */
}
.btn1 {
    display: inline-block;
    padding: 7px 20px;
    transition: all 300ms;
    background: black;
    z-index: 1;
    border: unset;
    position: relative;
    overflow: hidden;
    transition: all 300ms;
    color: #000;
    background: #ffc107;
}

.btn1:hover {
    text-decoration: none;
    background-color: transparent;
    outline: 1px solid #fff;
    color: #fff;
}



.btns::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    border: unset;
    /* border-radius: 10px; */
    transition: all 300ms;
    background-color: #fff;
}

.btns:hover {
    color: black;
    text-decoration: none;
    background-color: silver;
    color: #000 !important;
    background-color:black;
}



.style-1 .btns:hover {
    text-decoration: none;
    background-color: transparent !important;
    outline: 1px solid silver !important;

    /* box-shadow: 0 8px 20px 0 rgb(33 94 160 / 60%); */
    /* transform: translate(0px, -2px); */
    /* color: #fff; */
}

.btns:hover::before {
    width: 100%;
    overflow: hidden;
}



.logbtn {
    margin-left: 40px;
}

.banner_section {
    /* background-color: #e1f7fe; */
    background: #fff;
    /* box-shadow: 0px 0px 10px -2px #ddd; */
    padding: 40px 0;
}

.banner_section .m-top {

    margin-top: 15px;
}

.bnrdhfing {
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: black;
    margin-top: 15px;
}



.bnrdhfing {
	font-size: 30px;
	padding: 0;
	margin: 0;
	margin-left: 32%;
	transform: translateX(-200%);
	opacity: 0;
	animation: slide-in-anim 1.5s ease-out forwards;
}


@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-45%);
	}
	75% {
		transform: translateX(-52%);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%);
	}
}





.bannr_btns {
    display: flex;
    align-items: center;
    margin: 30px 0px 0px;
}

.bannr_btns .income a {
    /* background: #025ccb; */
    /* background: linear-gradient(45deg, #239742, #4eadec); */
    /* background: linear-gradient(45deg, #E40746, #EE4171); */
    background-color: black;
    background: black overflow;
}



.bannr_btns .income a:hover {
    background-color: silver;
    color: black;
}

/* .bannr_btns .income a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    transition: all 300ms;
    background: var(--para);
    overflow: hidden;
} */

.bannr_btns .income a:hover {
    /* filter: invert(1); */
    color: black !important;
    /* background-color: #4eadec !important; */
    /* background: var(--para); */
    border: 0;
}

.bannr_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
    /* height: 620px; */
    height: auto;
    border-radius: 10px;
}

.bannr_img img {
    border-radius: 10px;
}

.banner_section .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #025ccb;
    background: linear-gradient(45deg, #e30086, #DE0945);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    box-shadow: 0px 2px 7px -1px #2f2f2fc9;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #3fa4ea;
    background: #cf1313;
}





.mobil_img {
    background-image: url(/assets/image/mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    min-width: 100%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    padding: 34px 12px;
    transform: rotate(-10deg);
    position: relative;
    background-color: #fff;
    border-radius: 34px;
    box-shadow: -3px 8px 14px 0px rgb(173 189 210);

}


/* Style tab links */
.tablink {
    background-color: transparent;
    color: #025ccb;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 10px;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.h1tag {
    margin: 0px;
    padding: 0px;
    background-color: #025ccb;
    color: #f8f9fa;
    padding: 5px 10px;
    font-size: 30px;
    text-transform: capitalize;
    text-align: center;
    border-radius: 5px;
}

.tablink:hover {
    background-color: #e7e8e8;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: #333;
    display: none;
    padding-left: 40px;
    height: 100%;
}

.span {
    display: block;
    /* background-color: gray; */
    position: absolute;
    bottom: -50px;
    left: 43px;
    width: 96%;
    height: 40px;
    border-radius: 58%;
    background: linear-gradient(45deg, #002d55cc, #025ccb61);
    transform: rotate(-4deg);
}

.activmenu,
.navbar-light .navbar-nav .nav-link:hover {
    /* background-color: #025ccb; */
    /* color: #fff !important; */
    /* background: linear-gradient(45deg, #e81717bd, #063d82ad);*/
    /* background: linear-gradient(45deg, #cf1313, #ffd30d); */
    /* border-radius: 20px; */
    /* color: blue; */
    /* color: #cf1313; */
    /* color: var(--title); */
    transition: all 0.5s;
    color: #D71920 !important;

}

.activmenu {
    color: var(--title);
}


/* #Home {
    background-color: red;
}

#News {
    background-color: green;
}

#Contact {
    background-color: blue;
}

#About {
    background-color: orange;
} */


.imgtol img {

    height: 100%;
    width: 100%;
}

.h1hding {
    /* background: linear-gradient(45deg, #00baf2, #1c599c); */
    /* color: var(--para); */

    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color:white;
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Bebas Neue", sans-serif;
}

.h4hding {
    font-size: 30px;
    font-weight: 300;
    margin: 20px 0px;
}

.ptag {
    text-align: justify;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;
}

.imgtol {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 500px;
}

.cntdiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.allserv_sec {
    padding-top: 25px;
    padding-bottom: 0px;
}

.sld {
    margin-top: 30px;
}

.solu_sec {
    padding-top: 80px;
}

.solu_sec .container {
    margin-top: 50px;
}

.main_hding {
    margin: 0px auto;
    width: 50%;
    position: relative;
}

.main_hding h1 {
    text-align: center;
    /* filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); */
    color:black;
    font-family: "Bebas Neue", sans-serif;
}


.main_hding p {
    text-align: center;
    font-weight: 400;
    width: 117%;
    margin: 0px auto;
    border-top: 1px dashed #ffffffb0;
    padding-top: 10px;
    color: #000;
    font-family: Neue Einstellung Regular;
    font-size: 18px;

}

.twodiv ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;

}

.twodiv ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    padding: 4px 0px;
    font-size: 15px;
    position: relative;
}

.twodiv ul li i {

    position: relative;
    left: 0px;
    font-size: 15px;
    top: 5px;
    margin-right: 1px;
    background: linear-gradient(45deg, #DE0945, #F14777);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0px 2px;
}

.twodiv h4 {
    font-size: 16px;
    font-weight: 400;
    color: #484646;
    line-height: 25px;
    text-align: left;
    /* max-height: 37px; */
    /* overflow: hidden; */
    padding-bottom: 10px;
    padding-top: 5px;
}

.img_sol {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.img_sol img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.twodiv h1 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.conttt .btns {
    font-size: 22px;
}

.conttt .logbtn {
    margin-left: 15px;
}

.margn {
    margin-top: 50px;
}

.financ_secton {
    /* background: linear-gradient(45deg, #063d82, #4797d0); */
    background: linear-gradient(45deg, #f7f7f7, #f7f7f787);

    /* margin-top: 50px; */
    padding: 50px 0px;
    position: relative;
}

.map {
    display: flex;
    width: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 100%;
    top: 0px;
    z-index: 0;
}

.map img {
    height: 100%;
    max-width: 100%;
}

/* .financ_secton .main_hding h1 {
    background: linear-gradient(45deg, #e5effb, #e0dddd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
} */

.financ_secton .main_hding p {
    color: #333;

}

.box_1 {
    /* background: linear-gradient(45deg, var(--para), var(--btn-all)); */
    background: linear-gradient(45deg, var(--para), #62272c);
    /* background-color: #fff; */
    border-radius: 20px;
    width: 85%;
    margin: 0px auto;
    padding: 40px 20px;
    box-shadow: 0px 0px 10px #333333b5;
    height: 180px;
    margin-top: 40px;
}

.box_1 h1 {
    background: linear-gradient(45deg, #e5effb, #e0dddd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    /* color: #fafafa; */
    font-size: 32px;
    border-bottom: 1px dashed #aaa;
    margin: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;

}

.box_1 p {
    text-align: center;
    color: #ddd;
}


.h1hding2 {
    /* background: none; */
    /* color: #063d82; */
    color: #000;
    text-align:center;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    /* -webkit-background-clip: unset;
    -webkit-text-fill-color: unset; */
}

.srv_innrcont {
    padding: 20px;
    box-shadow: 0px 3px 11px -5px rgb(0 0 0 / 20%), 2px 1px 17px -3px rgb(0 0 0 / 30%);
    width: 100%;
    margin: 0px auto;
    border-radius: 3px 3px 20px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    height: 436px;
        background: #00285d;
}

.service-sec-new .srv_innrcont {
        height: 100%;
    display: flex;
    flex-direction: column;
}

.img_cntinnr {
       display: flex;
    align-items: center;
    height: 90px;
    width: 100%;
    justify-content: center;

}

.imgsrv {
    width: 100px;
    overflow: hidden;
    height: auto;
    margin-right: 20px;
    max-height: 90px;
}

.imgsrv img {
    width: 100%;
    height: 100%;
}

.solution_section .imgsrv img {
    width: auto;
    height: 100%;
}

.img_cntinnr h4 {
      font-size: 24px;
    font-weight: 300;
    text-align:center;

}


.srv_innrcont p {
    text-align: center;
        margin: -20px 0px 0px;
    font-size: 18px;
    line-height: 25px;
    color: white;
    font-family: Neue Einstellung Regular;
}


.srv_innrcont p a{color:#0093d2 ;}

.backanimation {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    /* height: 100%; */
    opacity: 0.3;
}

.ourservice_sec {
    /* margin-bottom: 10px;
    margin-top: 10px; */
    background-color: #315876;
    padding: 50px;
     background-color: #fff;

}

.ourservice_sec22 {
    /* margin-bottom: 10px;
    margin-top: 10px; */
    background-color: #e9ecef;
    padding: 50px;

}




.ourservice_sec33 {
    /* margin-bottom: 10px;
    margin-top: 10px; */
    background-color: #e9ecef;
    padding: 50px;

}

.service-sec {
    padding: 20px 0;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
}


.service-sec h4{
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
}

.ourservice_sec .service-sec .style-2 .srv_product {
    min-height: 360px;
    box-shadow: 0px 3px 11px -5px rgb(0 0 0 / 20%), 2px 1px 17px -3px rgb(0 0 0 / 30%);
    width: 90%;
    margin: 0px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding: 20px;
    transition: all 0.6s alternate ease-in;
}


.ourservice_sec22 .service-sec .style-2 .srv_product {
    min-height: 360px;
    box-shadow: 0px 3px 11px -5px rgb(0 0 0 / 20%), 2px 1px 17px -3px rgb(0 0 0 / 30%);
    width: 90%;
    margin: 0px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding: 20px;
    transition: all 0.6s alternate ease-in;
}

.ourservice_sec22 .container .main_hding h3 {color: black;}


.ourservice_sec33 .service-sec .style-2 .srv_product {
    min-height: 360px;
    box-shadow: 0px 3px 11px -5px rgb(0 0 0 / 20%), 2px 1px 17px -3px rgb(0 0 0 / 30%);
    width: 90%;
    margin: 0px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    padding: 20px;
    transition: all 0.6s alternate ease-in;
}

.ourservice_sec33 .container .main_hding h5 {color: black;}



.owl-carousel .owl-item img {
    border-radius: 10px;
}

.style-2 .product-img {
    transition: all 0.8s alternate ease-in;
}

.style-2 .h5hding {
    margin: 0;
    margin: 8px 0;
}

.style-2 .srv_product img {
    width: 100%;
    height: 200px;
    /* padding: 0; */
    transition: all 0.8s alternate ease-in;

}

.style-2 .srv_product img:hover {
    filter: brightness(0.8);
    /* transform: scale(.9); */
    transition: all 0.8s alternate ease-in;
}



.backanimation span {

    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0px;
}

.backanimation span:nth-child(1) {
    background: linear-gradient(45deg, var(--para), var(--btn-all));

    /* clip-path: polygon(0% 63%, 19% 63%, 29% 65%, 39% 69%, 53% 72%, 63% 69%, 74% 62%, 83% 56%, 93% 54%, 100% 53%, 100% 100%, 0 100%); */
    animation: spanone 4s ease infinite;
    z-index: 1;
}

/* .backanimation span:nth-child(2) {

    background: linear-gradient(45deg, rgb(210 227 249), rgb(61 137 232));
    animation: spanone2 7s ease infinite;
    z-index: 0;

} */

/* ============style-3 Area Starts here========== */
.style-3 {
    padding: 20px 0;
    background-color: #fff !important;

}

.style-3 .container .main_hding h1{color: #333333;}

.style-3 .container .main_hding p {color: black;}


.style-3 .cutting-tool-section {
    padding: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    background-color: #fff;
}

.style-3 .cutting-tool-section:hover {
    /* filter: brightness(0.9); */
    /* transform: scale(1.04); */
}

.style-3 .cutting-tool-section .title {
    /* border-top: solid 1px #ccc; */
    margin: 30px 0 0 0;
    padding: 15px 0;
    font-size: 12px;
    background-color: #f9f9f9;
    background-color: #f6f6f6;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
}

.style-3 .cutting-link {
    /*box-shadow: 0 5px 10px -3px black;*/
    color: #fff;
    overflow: hidden;
    /*background-color: #fff;*/
}

.style-3 .cutting-tool-section img {
    min-height: 280px;
    /*object-fit: cover;*/
    height:253px;
    width: 100%;
    padding: 40px;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.style-3 .cutting-tool-section img:hover {
    transform: scale(0.9);

}

.mt-50 {
    margin-top: 50px;
}







@keyframes spanone {

    0%,
    100% {
        clip-path: polygon(0 55%, 8% 60%, 14% 63%, 21% 66%, 27% 68%, 35% 69%, 43% 69%, 49% 66%, 56% 63%, 63% 60%, 69% 59%, 77% 60%, 90% 64%, 98% 67%, 100% 70%, 100% 100%, 0 100%);

    }



    50% {
        clip-path: polygon(0 55%, 9% 57%, 17% 60%, 25% 64%, 29% 67%, 36% 69%, 43% 72%, 53% 72%, 61% 69%, 67% 66%, 74% 62%, 80% 60%, 87% 57%, 92% 56%, 100% 55%, 100% 100%, 0 100%);

    }


}

@keyframes spanone2 {

    0%,
    100% {

        clip-path: polygon(0 55%, 9% 57%, 17% 60%, 25% 64%, 29% 67%, 36% 69%, 43% 72%, 53% 72%, 61% 69%, 67% 66%, 74% 62%, 80% 60%, 87% 57%, 92% 56%, 100% 55%, 100% 100%, 0 100%);


    }



    50% {
        clip-path: polygon(0 55%, 8% 60%, 14% 63%, 21% 66%, 27% 68%, 35% 69%, 43% 69%, 49% 66%, 56% 63%, 63% 60%, 69% 59%, 77% 60%, 90% 64%, 98% 67%, 100% 70%, 100% 100%, 0 100%);

    }
}

.slimgr {
    width: 100%;
    height: 80px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px 7px;
    box-shadow: 0px 0px 3px -1px #aaa;
    padding: 5px;
}

.slimgr img {
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
}

.app_innr h3 {
    text-align: left;
    margin: 0px;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-weight: 700;
    /* font-size: 40px; */
    font-size: 80px;

}

.app_innr p {
    text-align: justify;
    margin: 0px;
    margin-bottom: 20px;
}

.app_innr input {
    background: none;
    border: none;
    border: 1px solid #333;
    border-radius: 4px;
    display: block;
    padding: 8px 15px;
    width: 60%;

}

.maincor .app_innr h3 {
    color: #ddd;
}

.maincor .app_innr p {
    color: #fff;
}

.maincor .app_innr input {
    background-color: #fff;
}

.apimg {
    overflow: hidden;
    width: 100%;
    height: 415px;
    text-align: center;
}

.apimg img {
    width: auto;
    height: 100%;
}

.app_section {
    /* margin-top: 120px; */
    margin-top: 40px;
    position: relative;
}

.moform {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.moform a {
    padding: 10px 20px;
    margin-left: 10px;
}

.gol {
    text-align: left;
    width: 36%;
    margin: 20px 0px;
}

.gol img {
    width: 100%;
    height: 100%;
}

.fotrlingk ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
        font-family: Neue Einstellung Regular;
    text-transform: capitalize;
}

.fotrlingk ul li {
    display: inline-block;
}

.fotrlingk ul li a {
    display: inline-block;
    color: #fff;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    margin: 5px 0;
}

footer {

    background-color: #000;
    text-align: center;
    /* position: relative; */
    /* margin-top: 20px; */


}

.fotrlingk p {
    margin: 0px;
    padding: 5px 0px;
    color: #fff;
}

.fotrimg {
    /* background-image: url(../image/fotterimage.png); */
    /* position: absolute;
    bottom: 0px;
    width: 100%;
    height: 120px; */
    /* z-index: 9;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 0;
    left: 0px;
    display: block; */
    background-color: #000;
}

/* =================================== */
/* footer main starts here */
/* =================================== */
.footer-main {
    /* background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../image/glo/ranger-4df6c1b6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%; */
    text-align: left;
    background-color:#0D0D0D;
    /* background-color: #ddd; */
    color: #fff;
    padding: 50px 0;
    position: relative;

}

.footer-logo {
    width: 100%;
    height: auto;
}

.footer-logo-area p {
    margin-top: 15px;
    color: #64686d;
}

.footer-main h3 {
    font-weight: 700;
    font-size: 27px;
    text-align: left;
    background: #fff;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-main h3::before {
    content: '';
    height: 2px;
    width: 15%;
    background-color: #fff;
    position: absolute;
    left: 15px;
    bottom: 180px;
}

.footer-main p {

    text-align: justify;
    color: black;
    font-family: Montserrat, Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5rem;
}

.list-unstyled {
    margin-top: 20px;
}

.list-unstyled li i {
    font-size: 14px;
    margin-right: 5px;
    color: #fff;
}



.list-unstyled li {
    margin-bottom: 8px;
}

.list-unstyled li a {
    color:white;
    /* line-height: 15px; */
    font-size: 17px;
    transition: all 0.5s;
    font-size: 16px !important;
    font-family: Neue Einstellung Regular;
        text-transform: capitalize;
        color:#fff !important;
}

.list-unstyled li a:hover {
    color: #0093d2;
    background-color: transparent;
}

.corpo_innr .apimg {
    height: auto;
}

.corpo_innr .apimg img {
    width: 100%;
    height: 100%;
}

.corporatebanner_section {
    position: relative;
    padding-top: 80px;
    overflow: hidden;
    /* height: 700px; */
}

.solution_section {}

.solution_section .srv_innrcont {
    padding: 20px;
    box-shadow: 0px 3px 11px -5px rgb(0 0 0 / 20%), 2px 1px 17px -3px rgb(0 0 0 / 30%);
    width: 97%;
    margin: 0px auto;
    border-radius: 3px 3px 20px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    min-height: 415px;
    height: auto;
    max-height: 415px;
    background-color: #fff;

}

.solution_section .srv_innrcont>span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #025ac8;
    z-index: 0;
    border: 10px solid #cf1313;
    opacity: 0.2;
    top: -52%;
    left: 16%;
    transform: rotate(-65deg);
    border-radius: 1%;
}


.solution_section .img_cntinnr h4 {
    font-size: 22px;
    text-align: center;
    height: 50px;
    overflow: hidden;
    margin-top: 20px;
}

.solution_section .img_cntinnr {
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    flex-direction: column;
}

.solution_section .imgsrv {
    width: 100%;
    overflow: hidden;
    height: 140px;
    margin-right: 0;
    max-height: 140px;
    text-align: center;
    padding: 7px;
}

.why_section .box_1 {
    background: #fafafa;
    background-color: #f8f9fa;
    border-radius: 15px;
    width: 98%;
    margin: 0px auto;
    padding: 40px 20px;
    box-shadow: 4px 0px 8px -3px #025ccb, 0px 4px 8px -4px #cf1313;
    height: auto;
    margin-top: 40px;
    min-height: 290px;
    max-height: 290px;
}

.why_section .box_1 h1 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    text-align: center;
    color: var(--bg4);
    font-size: 32px;
    border-bottom: 1px dashed #b92323;
    margin: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.why_section .box_1 p {
    text-align: center;
    color: #333;
}

.why_section {

    padding: 50px 0px;
    background-color: aliceblue;

}

.animsec {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    position: relative;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.animsec span {
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #ddd;
    display: inline-block;
    position: relative;
    overflow: hidden;


}

.animsec span:nth-child(2n) {
    animation: spin 10s ease infinite;
}

@keyframes spin {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    15% {
        transform: translateY(-8px);
        opacity: 0.5;
    }

    30% {
        transform: translateY(35px);
        opacity: 0.8;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }


}

.animsec span:nth-child(4n+1) {
    animation: spin 10s ease infinite;
}

@keyframes spin {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    15% {
        transform: translateY(-8px);
        opacity: 0.5;
    }

    30% {
        transform: translateY(35px);
        opacity: 0.8;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }


}

.animsec span:nth-child(5n-2) {
    animation: spin2 4s ease infinite;

}

@keyframes spin2 {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }



    20% {
        transform: translateY(35px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.animsec span:nth-child(2n+1) {
    animation: spin2 4s ease infinite;

}

@keyframes spin2 {

    0% {
        transform: translateY(0px);
        opacity: 1;
    }



    20% {
        transform: translateY(35px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.animsec span::before {
    content: "";
    background-color: #025ccb;
    background: linear-gradient(45deg, #e81717, #063d82);
    position: absolute;
    width: 100%;
    height: 100%;

    opacity: 0.5;
    animation: dots 15s ease infinite;
}

@keyframes dots {

    0%,
    100% {
        left: 0%;
        top: 0%;
        filter: hue-rotate(0deg);
    }

    20% {
        left: 100%;
        top: 0%;
        filter: hue-rotate(90deg);
    }

    40% {
        left: 0%;
        top: 0%;
        right: 100%;
        filter: hue-rotate(180deg);
    }

    60% {
        left: 0%;
        top: 100%;
        right: 0%;
        filter: hue-rotate(270deg);
    }

    80% {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 100%;
        filter: hue-rotate(360deg);
    }

}

.ourservice {
    padding: 50px 0px 50px;
    background-color: #f8f9fa;
    box-shadow: 0px 0px 10px -2px #ddd;
    margin-top: 80px;
}

.parner_innr {
    position: relative;
    margin-top: 15px;

}

.partn_img {
    display: flow-root;

}

.partn-img {
    width: 75px;
    max-height: max-content;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 15px;
    /* border: 1px solid; */
    float: left;
}

.partn-img img {
    width: 100%;
    height: 100%;

}

.partn_img h1 {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    background: linear-gradient(45deg, #025ccb, #cf1313);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 700;
    text-transform: capitalize;
}

.parner_innr p {
    text-align: justify;
    font-size: 13px;
    margin: 0px;
    margin-top: 5px;
}

.partnrImg {
    text-align: center;
    width: 100%;
    max-height: 500px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background-color: #025ccb54;
}

.partnrImg img {
    max-width: 100%;
    max-height: 100%;
}

.parner_section {
    /* margin-top: 50px; */
    background-color: #fff;
    /*padding: 50px 0;*/

}


.back-section {background-color:#fff; padding:00px 0;margin-top:26px;}

.back-section .container .row .conttt .under-font {
    height: 50px;
    width: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 20px;}

.back-section .container .row .conttt .under-font h1 { color:#333333; 
        padding:6px;
        font-size:30px;
        text-align: center;
        
}


.back-section .cock img {
    width: 100%;
    height:100%;
    border-radius: 10px;
}

.parner_section .container .row .conttt .under-font { height:50px;     width: 260px; margin-top:20px; margin-bottom:20px;}

.parner_section .container .row .conttt .under-font h1 { 
      color:#333333; 
      padding:6px;
     font-size:30px;
     text-align: left;
     }



.ernok {
    width: 100%;
    overflow: hidden;
    /*height:100%;*/
    object-fit: cover;
    /* text-align: center; */
}

.ernok img {
    width: 100%;
    height: 400px;
    border-radius: 10px;
}

.profit-_sec {
    margin-top: 60px;
    padding-bottom: 80px;
    background-color: #f3f4f5;
    padding-top: 50px;
}

.prof_innr {
    background-color: transparent;
    /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
    height: 200px;
    width: 66%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    filter: drop-shadow(-8px 18px 7px rgba(0, 0, 0, 0.4));
    padding: 30px;
    background: linear-gradient(45deg, #b2d4fd8f, #f4f7fb33);
    box-shadow: 0px 0px 0px 5px #025ccb, 0px 0px 9px -1px #e2e2e2 inset;
    transform: rotate(-8deg);
    margin-top: 50px;
}

.prof_innr h1 {
    text-align: center;
}

.prof_innr p {
    color: #333;
    text-transform: capitalize;
    text-align: center;

}

.forms {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.forms h3 {
    font-weight: 700;
    font-size: 35px;

}

.retlist h1 {
    font-size: 30px;
}

.retlist ul {
    display: block;
}

.retlist ul li {
    margin-bottom: 8px;
    width: 100%;
}

.retlist ul li i {
    margin-right: 10px;
    font-size: 18px;
}

.fom_sec {
    margin-top: 60px;
    margin-bottom: 80px;
}

.cont_sec {
    margin-top: 0px;
    padding: 25px 0;
    background-color: #F7F7F7;
}


.cont_sec .main_hding h1 {color: black; }

.cont_sec .main_hding p {color: black;}


.adprof h4 {
    font-weight: 700;
    font-size: 24px;
    /* background: linear-gradient(45deg, #1c599c, #3fa4ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    font-size: 26px;
       color: #111;
    font-weight: 500;
    text-transform: capitalize;
}

.adprof p {
    display: flex;
    align-items: center;
        text-align: left;
        font-family: Neue Einstellung Regular;
        font-size: 17px;
}

.adprof p i {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 10px;
    color: #333333;
}

.adprof p a {
    color: #333;
        /*display: block;*/
    /*margin: auto;*/
}

.adprof {
    margin-bottom: 40px;
}

.soclicn {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    display: block;
}

.soclicn li {
    display: inline-block;
}

.soclicn li a {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    margin-right: 10px;
}

.soclicn li a img {
    width: 100%;
    height: 100%;
    /* filter: drop-shadow(2px 9px 6px #aaa); */
    color: #fff;
    display: block;
    margin-bottom: 14px;
}

.cont_box {
    box-shadow: 0px 4px 25px -7px #b1b0b0;
    padding: 30px;
    /* filter: drop-shadow(2px 4px 6px black); */
    margin: 30px 0px;
    /*background-color: #f4f8fd;*/
    margin-bottom: 60px;
    background: #fff;
}

.bg_box {
    width: 50%;
    height: 700px;
    position: absolute;
    right: 5px;
    top: -45%;
    background-color: #063d82;
    border-radius: 30px;
    border: 10px solid #ddd;
    transform: rotate(75deg);
    opacity: 0.5;
}

.anim_sec {
    margin: 60px 0px 20px;
}

.animmbanr {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    /* height: 460px; */
    height: 385px;
    align-content: baseline;
    animation-fill-mode: forwards;
    /* animation: seprate 3s ease infinite; */
}

.animmbanr div:nth-child(1) {
    animation: anim1 7s ease 0.7s;
    animation-fill-mode: forwards;

}

.plan {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../image/glo/ranger-4df6c1b6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

@keyframes anim1 {

    0% {
        transform: translate(0px, 0px) rotate(0deg);


    }

    100% {
        transform: translate(-30px, -27px) rotate(360deg);

    }
}

.animmbanr div:nth-child(2) {
    animation: anim2 7s ease 0.9s;

    animation-fill-mode: forwards;
}

@keyframes anim2 {

    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    100% {
        transform: translate(30px, -27px) rotate(360deg);
    }
}

.animmbanr div:nth-child(3) {
    animation: anim3 7s ease 1.1s;
    animation-fill-mode: forwards;
}

@keyframes anim3 {

    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    100% {
        transform: translate(-30px, 27px) rotate(360deg);
    }
}

.animmbanr div:nth-child(4) {
    animation: anim4 7s ease 1.3s;
    animation-fill-mode: forwards;
}

@keyframes anim4 {

    0% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(30px, 27px) rotate(360deg);
    }
}



.banr_img {
    width: 33%;
    height: 160px;
    overflow: hidden;
    box-shadow: 2px 0px 2px 0px #025ccb, -2px 0px 2px 0px #cf1313;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px;
    flex-direction: column;
    position: relative;
    /* background-color: rgba(256,256,256,0.6); */
    border-radius: 6px;
    background-color: rgba(256, 256, 256, 0.5);
}

.banr_img img {
    width: 100%;
    height: 100%;
}

.banr_img p {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 500;
    color: #063d82;
    font-size: 14px;
    width: 100%;
    padding: 5px 0px;
    background-color: rgba(256, 256, 256, 0.6);
}

.dropdn {
    position: relative;
}


.dropdn ul {
    list-style-type: none;
    position: absolute;
    background-color: #fafafa;
    min-width: 150px;
    box-shadow: 0px 3px 10px -3px #949292;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in;


}

.dropdn:hover ul {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.dropdn ul li {
    display: block;

}


.dropdn ul li a {
    display: block;
    color: #063d82;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 20px;

    border-bottom: 1px dashed #bdbdbd;

}

.dropdn ul li a:hover {
    background-color: #ddd;

}

.form_logo {
    width: 75px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 10px;
}

.form_logo img {
    width: 100%;
    height: 100%;

}

.form_section {
    background-color: #fff;
    padding: 20px 20px 30px;
    width: 65%;
    margin: 0px auto;
    border-radius: 15px;
    box-shadow: 0px 4px 10px -5px #333;
    box-shadow: 1px 2px 10px -4px #025ccb, 2px 3px 4px -1px #bd7272, -2px -1px 10px #33333359;
}

.form_section .bannr_btns {
    justify-content: space-between;
    margin-top: 20px;
}

.logi_cntleft {
    padding: 50px 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 70%;
    margin-left: auto;
}

.logi_cntleft h1 {
    color: #025ccb;
    font-weight: 500;
    font-size: 30px;
    text-shadow: 0px 1px 1px #0a0a0a66;
    margin: 0px;
    letter-spacing: 2px;
    text-transform: capitalize;

}

.logi_cntleft h1 span {

    background: linear-gradient(45deg, #025ccb, #cf1313);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 10px;
    font-weight: 700;
    text-transform: capitalize;
    display: block;
    font-size: 40px;
    text-shadow: none;
}

.bgimglog {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../image/distributors/img1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100vh;
    left: 0px;
    top: 0px;
    opacity: 0.3;
}

.logform {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 40%;
    width: 100%;
    z-index: 1;

}

.bgimglog2 {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../image/plans.jpg);
}

.bgimglog3 {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), url(../image/traingale.JPG);
}

.fotrpartnr {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
    background-color: #fff;
}

.forgot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forgot input {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.forgot label {
    font-size: 14px;
    margin: 0px;
}

.forgot a {
    color: #063d82;
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize;
}

.hdingform {
    text-align: left;
}

.hdingform h3 {
    color: #242d7a;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
}

.hdingform p {
    color: #333;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
}



.carousel-control-prev,
.carousel-control-next {

    /*display: none;*/
}

.banner-section img {
    object-fit: cover;
    height:100%;
    /* filter: brightness(0.5); */
    /* opacity: 0.8; */
}

.carousel-indicators{
    bottom:30px;
    left:-50px;
}

.carousel-indicators li.active {
    background-color: black;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: #0093d2;
    transition: opacity .6s ease;
}

.carousel-inner{
    padding:0px;
}





.banner-section .left-content {
    width: 50%;
    margin: 0 auto;
    position: absolute;
    left: 7%;
    top: 70px;
    padding: 20px;
}

.banner-section .bnrdhfing {
    color: black;
}


.banner-section .left-content .text {
    color: #0093d2;
    font-size:18px;
    font-weight:600;
}



.banner-section .left-content .text {
	font-size: 25px;
	padding: 0;
	margin: 0;
	margin-left: 32%;
	transform: translateX(-200%);
	opacity: 0;
	animation: slide-in-anim 1.9s ease-out forwards;
}


@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-45%);
	}
	75% {
		transform: translateX(-52%);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%);
	}
}






.banner-section .left-content .text2 { font-size:14px; 
                                    color:#000; 
                                    /*width:370px; */
                                    text-align:justify;}



.banner-section .left-content .text2 {
	/*font-size: 18px;*/
	padding: 0;
	margin: 0;
	margin-left: 32%;
	transform: translateX(-200%);
	opacity: 0;
	animation: slide-in-anim 1.9s ease-out forwards;
}


@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-45%);
	}
	75% {
		transform: translateX(-52%);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%);
	}
}




.for_mob {
    display: none;
}

/* =========================================== */


/* =========================================== */
@media(max-width:768px) {
    
          
.conttt .logbtn2 .btns2 {
    width: 300px;
    height: 50px;
    font-size: 20px;
    display: in line-block;
    padding: 12px 20px;
    transition: all 300ms;
    color: #ffffff;
    background: black;
    z-index: 1;
    border: unset;
    position: relative;
    overflow: hidden;
    transition: all 300ms;
    color: #ffffff;
    /* background: #161F32; */
}


 .conttt .bannr_btns .logbtn2 {
        margin-left: 5px;
        margin-top: 0px;
    }

    .conttt .bannr_btns .logbtn2 {
        margin-left: 15px;
        display:grid;
        gap: 20px;
    }
    
    
    .fotrpartnr {
        position: relative;
    }

    .logi_cntleft {
        padding: 50px 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        margin-left: auto;
        padding-top: 0;
    }

    .form_section {
        width: 100%;
    }

    .corporatebanner_section {
        position: relative;
        padding-top: 80px;
        overflow: hidden;
        height: auto;
    }

    footer {
        /* text-align: center;
        position: relative;
        margin-top: 30px;
        background-color: #063d82;
        padding: 20px 0px; */
        /* -------------------- */
        text-align: center;
        position: relative;
        margin-top: 0px;
        background-color: black;
        padding-bottom: 61px;
        padding-top: 20px;

    }

    .fotrimg {
        display: none;
    }

    .apimg {

        height: auto;
        margin-top: 10px;

    }

    .apimg img {
        width: 100% !important;
        height: auto;
    }

    .moform {
        flex-wrap: wrap;
    }

    .moform a {
        margin-left: 0px;
        margin-top: 10px;
    }

    .srv_innrcont {
        height: auto;
    }

    .slimgr {
        width: 100%;
        max-height: 200px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0px 7px;
        box-shadow: none;
        min-height: 200px;
        height: 100%;

    }

    .navbar-brand {
        width: 60%;
        margin-bottom: -150px !important;
    }

    .logbtn {
        margin-left: 5px;
        margin-top: 0px;
    }

    .mynv {
        padding: 20px 0px;
    }

    .sepmenu {
        margin-right: 0%;
    }

    /* .banner_section {
    padding: 100px 0px 50px;
} */

    .bannr_img {
        margin-top: 30px;
    }

    /* .bannr_img img {
        height: 100%;
    } */

    .alhdin .h1hding {
        font-size: 38px;
        text-align: center;
    }

    .alhdin p {
        text-align: center;
        font-size: 20px;
    }

    .alsr-img img {
        height: auto;
    }

    .alsr-img {
        height: auto;
        overflow: hidden;
        width: 100%;
        transform: rotate(0deg);
        text-align: center;
    }

    .mobil_img {
        background-image: url(/assets/image/mobile.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        min-width: fit-content;
        min-height: 500px;
        display: flex;
        flex-direction: column;
        padding: 34px 12px;
        transform: rotate(0deg);
        position: relative;
        background-color: #fff;
        border-radius: 34px;
        box-shadow: -3px 8px 14px 0px rgb(173 189 210);
        width: 90%;
        margin: 0px auto;
    }


    .span {
        left: 0px;
    }

    .tabcontent {
        padding-left: 0px;
    }

    .cntdiv {
        margin-top: 80px;
    }

    .imgtol {

        height: auto;
        margin-top: 30px;
    }

    .solu_sec {
        padding-top: 0px;
    }

    .main_hding {

        width: 100%;
    }

    .img_sol {
        height: auto;
    }

    .twodiv h4 {
        margin-top: 10px;
    }

    .animmbanr {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        height: 460px;
        align-content: baseline;
        animation-fill-mode: forwards;
        margin-top: 30px;
        /* animation: seprate 3s ease infinite; */
    }

    .banr_img {
        width: 42%;
    }

    .banner_section .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 40px;
    }

    .animmbanr div:nth-child(1) {
        animation: anim1 7s ease 0.7s;
        animation-fill-mode: forwards;

    }


    @keyframes anim1 {

        0% {
            transform: translate(0px, 0px) rotate(0deg);


        }

        100% {
            transform: translate(-10px, 20px) rotate(360deg);

        }
    }

    .animmbanr div:nth-child(2) {
        animation: anim2 7s ease 0.9s;

        animation-fill-mode: forwards;
    }

    @keyframes anim2 {

        0% {
            transform: translate(0px, 0px) rotate(0deg);
        }

        100% {
            transform: translate(10px, 20px) rotate(360deg);
        }
    }

    .animmbanr div:nth-child(3) {
        animation: anim3 7s ease 1.1s;
        animation-fill-mode: forwards;
    }

    @keyframes anim3 {

        0% {
            transform: translate(0px, 0px) rotate(0deg);
        }

        100% {
            transform: translate(-10px, 40px) rotate(360deg);
        }
    }

    .animmbanr div:nth-child(4) {
        animation: anim4 7s ease 1.3s;
        animation-fill-mode: forwards;
    }

    @keyframes anim4 {

        0% {
            transform: translate(0px, 0px);
        }

        100% {
            transform: translate(10px, 40px) rotate(360deg);
        }
    }

    .imgsrv img {
        width: 100%;
        height: 100%;
    }

    .bnrdhfing {
        font-size: 30px;
    }

    .h1hding {
        font-size: 30px;
    }

    .box_1 {
        width: 100%;
    }

    .box_1 h1 {
        font-size: 24px;
    }


}

/* =========================================== */

@media (max-width: 576px) {


    .bannr_img {
        height: 100%;
    }

    .box_1 {
        width: 100%;
    }

    .custom-shape-divider-bottom-1683630688 svg {
        display: none;
    }

    .banner_section {
        /*padding: 100px 0px 50px;*/

    }

    header .navbar h5 {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        left: -15PX;

    }

    nav .navbar-nav li:hover .dropdown-menu {
        top: 70px;
        border-radius: 0 !important;
    }

    .for_mob {
        position: absolute;
        left: 100px;
        top: 35px;
        z-index: 1;
        display: none !important;
    }

    .ourservice_sec {
        padding-left: 0;
        padding-right: 0;
    }

    .soclicn {
        margin-bottom: 20px;
    }

    .footer-main h3::before {
        bottom: 180px;
        display:none !important;
    }


}


/* =========================================== */

@media screen and (max-width:460px) {
    .mobcont {
        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;
        display: flex !important;
        z-index: 9999999;
        width: 100%;
        overflow: hidden;
        font-size: 16px;
        display: none !important;

    }
    .srv_innrcont {
        height: auto;
    }
    .mob-btn {
        padding: 16px 15px;

        background: linear-gradient(45deg, #f10606, #4eadec);
        font-size: 19px;
        font-weight: 500;
        display: flex;
        align-items: center;
        color: #fff;
    }
   .mob-btn:hover {
        color: #fff;
        text-decoration: none;
    }
    .mob-btn span i {
        margin: 0 11px;

    }

    .clr2 {
        background-color: var(--title);
        color: #fff;
    }

    .clr2 {
        /* background: linear-gradient(45deg, #f10606, #4eadec); */
        background: linear-gradient(45deg, #239742, #1c599c);
        color: #fff;
    }



    #top {
        display: none;
    }

    .banner-section .left-content {
        width: 200%;
       
        position: static !important;
        left: 0;
        top: 70px;
        padding: 15px;
    }
    
      .bnrdhfing {
        font-size: 23px;
        margin-left: 20% !important;
        width: 32%;
    }
    .danatec{
        width:100% !important;
        left: 0px !important;
    }
    
    
      
      .banner-section .left-content .text2 {
    /* font-size: 18px; */
    padding: 0;
    margin: 0;
    margin-left: 25% !important;
    width: 40% !important;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim 1.9s ease-out forwards;
}

.banner-section .left-content .text {
    font-size: 15px;
    padding: 0;
    width: 33% !important;
    margin: 0;
    margin-left: 21% !important;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim 1.9s ease-out forwards;
}
    
    
        .forms h3{
        font-size:22px;
    }
    .forms{
        padding:20px;
        
    }
    .img_cntinnr h4{
         font-size:20px;
        
    }
        .service-sec-new .srv_innrcont {
        height: auto;
    }

}

/*==== line-function start =====*/

.line-function ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #FFF transparent transparent;
}


.line-function ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.line-function ul li:nth-child(even) div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #FFF;
}

.line-function ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}


.line-function ul {
    background: 0 0;
    padding: 0px 0;
      margin-bottom: 100px;
}

.line-function ul li {
    list-style-type: none;
    position: relative;
    width: 1px;
    margin: 0 auto;
    padding-top: 50px;
    background: red;
}


.line-function ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}


.line-function ul li:nth-child(odd) div {
    left: 45px;
    /*transform: translate3d(200px, 0, 0);*/
}

.line-function ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: #FFF;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 29%);
   /* visibility: hidden;
    opacity: 0;*/
    transition: all .5s ease-in-out;
}


.line-function ul li:nth-child(even) div {
    left: -439px;
   /* transform: translate3d(-200px, 0, 0);*/
}

.line-function ul li.in-view::after {
    background: #000;
}


.line-function ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: black;
    transition: background .5s ease-in-out;
}


.line-function ul li.in-view::after {
    background: #000;
}


time {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 8px;
    color:black;
}


/** {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.line-function ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}

.line-function ul li {
    list-style-type: none;
    position: relative;
    width: 1px;
    margin: 0 auto;
    padding-top: 50px;
    background: black;
}


@media (max-width: 580px){


 

.line-function ul li {
    list-style-type: none;
    position: relative;
    width: 1px;
    margin: 50px;
    padding-top: 50px;
    background:white;
}


.line-function ul li div {
    position: relative;
    bottom: 0;
    width: 325px;
    padding: 15px;
    background: #FFF;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 29%);
   /* visibility: hidden;
    opacity: 0;*/
    transition: all .5s ease-in-out;
}


    .line-function ul li:nth-child(odd) div {
    left: -35px;
    /*transform: translate3d(200px, 0, 0);*/
}


    .line-function ul li:nth-child(even) div {
    left: -35px;
   /* transform: translate3d(-200px, 0, 0);*/
}
   

.line-function ul li:nth-child(odd) div::before {
    left: 0px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #FFF transparent transparent;
}


.line-function ul li:nth-child(even) div::before {
    left: 0px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #FFF transparent transparent;
}

.line-function ul {
    background: 0 0;
    padding: 0px 0;
}

.line-function ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: none;
    transition: background .5s ease-in-out;
}

}


/*==== line-function end =====*/

/* ==== slider section start ==== */

.testimonials-wrap {
    padding: 40px 0;
    background-color: #F7F7F7;
}

.heading-section {
    text-align: center;
}

.sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.heading-section h2 {
    font-size: 28px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
}

.testimonial-box {
    display: block;
    position: relative;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}

.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    min-width: 80px;
    background-size: 100%;
}

.carousel-testimonial .item {
    padding: 30px 10px;
}

.carousel-testimonial .item a {
       text-decoration: none;
       }

.carousel-testimonial .item .text-box {
    background: black;
    color: white;
    height: auto;
}

.carousel-testimonial .item h5 {
    text-align: center;
    padding-top: 12px;
        color: #fff;

}


.quote {
    position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px;
}

.name {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}

.position {
    color: #adadad;
    font-size: 14px;
}

.carousel-testimonial .owl-nav {
    text-align: center;
}

.carousel-testimonial .owl-nav button.owl-next,
.carousel-testimonial .owl-nav button.owl-prev {
    padding: 0 12px !important;
}

.carousel-testimonial .owl-nav button {
    outline: none;
    padding: 0;
}

.carousel-testimonial .owl-nav button.owl-next span,
.carousel-testimonial .owl-nav button.owl-prev span {
    display: block;
    font-size: 40px;
    width: 25px;
    height: 25px;
    vertical-align: 0px;
    line-height: 16px;
}

.carousel-testimonial .owl-nav button.owl-next.disabled,
.carousel-testimonial .owl-nav button.owl-prev.disabled {
    opacity: 0.5;
}

/* ==== slider section end ==== */





.logbtn2 {
    margin-left: 40px;
}


.conttt .logbtn2 {
    margin-left: 0px;
    display: flex;
    gap: 65px;
}




.btns2 {
    text-align: center;
    /*width: 500px;*/
    /*height: 50px;*/
    font-size: 24px;
    display: in line-block;
    padding: 12px 20px;
    transition: all 300ms;
    color: #ffffff;
    /* background: #0093d2; */
    border: 1px solid red;
    z-index: 1;
    border: unset;
    position: relative;
    overflow: hidden;
    transition: all 300ms;
    color: #000;
    /* background: #161F32; */
    border: 2px solid #0093d2;
    border-radius: 40px;
}

.btns2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    border: unset;
    /* border-radius: 10px; */
    transition: all 300ms;
    background-color:black;
}




.btns2:hover {
    color: black;
    text-decoration: none;
    background-color: silver;
    color:white;
    background-color:gray;
}


.style-1 .btns2:hover {
    text-decoration: none;
    background-color: transparent !important;
    outline: 1px solid silver !important;

    /* box-shadow: 0 8px 20px 0 rgb(33 94 160 / 60%); */
    /* transform: translate(0px, -2px); */
    /* color: #fff; */
}

.btns2:hover::before {
    width: 100%;
    overflow: hidden;
}



/* ===== pop-up form start ==== */

section .container #popupForm {z-index: 111111111;}
.modal-content {
    background-color: #f8f9fa; 
  }

  .modal-header {
    background-color: #000000; 
    color: #fff;
    
  }

  button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    color:white;
}




 #popupForm .modal-body .form-group textarea.form-control {
    height: 85px;
   }

  .btn-primary {
    background-color: #000000; 
  }

  .btn-primary:hover {
    background-color: #000000; 
  }

  /* ===== pop-up form end ==== */


/* Main dropdown menu (dropdown-menu2) */
.navbar-nav .dropdown-menu2 {
    left: 223px;
    top: 100%;
    z-index: 99;
    width: 238px;
    border: none;
    display: block;
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: rotateX(-20deg);
    transform: rotateX(-20deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-color: #f8f9fa !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}


.dropdown-menu4 {
    display: none; 
    position: absolute;
    left: 100%; 
    top: 0;
    padding: 0;
    background-color: #f8f9fa;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
    width: 155px; 
}


/*.navbar-nav li:hover .dropdown-menu2 {*/
   
/*}*/


.navbar-nav .nav-item:hover > .dropdown-menu2{
     opacity: 1;
    visibility: visible;
    top: -35%;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    border-bottom-right-radius: 30px !important;
}


.navbar-nav .nav-item:hover > .dropdown-menu4 {
    display: block;
     top: 5%;
       transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    border-bottom-right-radius: 30px !important;
}


.dropdown-menu4 li:hover {
    background-color: #e9ecef;
}


.navbar-nav .dropdown-menu2 li:hover {
    background-color: #e9ecef;
}





.navbar-nav .dropdown-menu2 li {

    list-style: none;
}

.navbar-nav .dropdown-menu2 li a {

    display: block;
    padding: 7px 20px;
    color: #000;
    border-bottom: 1px dashed transparent;
    font-size: 15px;
    font-weight: 600;
    list-style: none;
}




@media (max-width:580px) {

    .navbar-nav li .dropdown-menu li:hover .dropdown-menu2 {
        opacity: 1;
        visibility: visible;
        top: 35px;
        border-bottom-right-radius: 30px !important;
        transition: all 0.5s ease-in-out;
    }
    
    
    .navbar-nav li .dropdown-menu li:hover .dropmm {
        opacity: 1;
        visibility: visible;
        top: -155px !important;
        border-bottom-right-radius: 30px !important;
        transition: all 0.5s ease-in-out;
    }
        
         .fa-chevron-down:before{
             margin-left:2px;
         }


    .navbar-nav .dropdown-menu2 {
        left: 0px;
        top: 100%;
        z-index: 99;
        width: 238px;
        border: none;
        display: block;
        border-radius: 0px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        -webkit-transform: rotateX(-20deg);
        transform: rotateX(-20deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); */
        /* box-shadow: 0px 0px 15px rgb(255, 255, 255); */
        /* box-shadow: 1px 3px 7px -2px #337ab7; */
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        background-color: #f8f9fa !important;
        /* background-color: #fff !important; */
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1)
    }

}




.style-3 .container .col-sm-4 .service-icon img {width:100%;}

.style-3 .container .col-sm-4 .service-icon img:hover {transform: scale(0.9); transition: all 0.3s ease 0s;}



.style-3 .container .col-sm-4 h4 {color:black; font-size:14px; padding-top:20px; text-align:center;}




.parner_section .container .row .conttt table tbody tr td  {padding:2px;
    vertical-align: middle;
    text-align: center;
}


.parner_section .container .row .conttt table tbody tr td h2 span {font-size:24px;}


.back-section .container h5 {text-align:center; font-size:26px; color: #333333;}



.back-section .container .row p {line-height: 25px;
    margin-bottom: 4px; margin-left: 40px;}
    
    
    
@media (max-width:580px){
    
    
    .back-section .container .row p {line-height: 25px;
    margin-bottom: 4px; margin-left: 0px;}
    
}






.carousel-control-prev-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}



.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}



.danatec{
 width:50%;
 position: relative;
 left:50%;
 border-radius:20px;
 /*height:100%;*/
 
}





.dansdfgdatec{
    width:100% !important;
    /*height: 600px !important;*/
}

.whatsapp {
    /* border: 2px solid red; */
    position: fixed;
    z-index: 1010101;
    right: 20px;
    bottom: 100px;
    z-index: 101010;
    /* bottom: -30px; */
}




.whatsapp img {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
}


.dnt1{
    /*border: 2px solid red;*/
        padding-left: 0px;
    padding-right: 0px;
   border-right: 0.3px solid grey;
}



.dnt2{
    /*border: 2px solid red;*/
        padding-left: 0px;
    padding-right: 0px;
    background-color: #fff;
    /*border-right:2px solid grey;*/
}

.dnt3{
    /*border: 2px solid red;*/
        padding-left: 0px;
    padding-right: 0px;
      border-right: 0.3px solid grey;
    border-top:0.3px solid grey;
}

.dnt4{
    /*border: 2px solid red;*/
        padding-left: 0px;
    padding-right: 0px;
    border-top:0.3px solid grey; 
}






.service-icon {
    overflow: hidden;
    /*background-color: #fff;*/
    /* border: 2px solid red; */
    text-align: center;
    display: block;
    margin: auto;
}


.service-icon h4 {
    position: absolute;
    top: 89%;
    left: 35%;
    color: #000 !important;
}


.service-icon img{
    padding: 38px 0px !important;
    /*background-color: #fff;*/
    overflow:hidden;
    width:300px;
    aspect-ratio:1;
    object-fit:cover;
       transition: all 1s linear 0s ;
}

 
 
/*.iconn h4 {*/
/*    position: absolute;*/
/*    top: 92%;*/
/*    left: 41%;*/
/*    color: #000 !important;*/
/*}*/



/*.service-icon img:hover{*/
/* transform: scale(1.04);*/
/*}*/




.icccc h4{
    position: absolute;
    top: 87%;
    font-size: 17px;
    left: 20%;
    color: #000 !important;
}




.carousel {
    position: relative;
    /*border: 2px solid red !important;*/
    /*height: 600px !important;*/
}


.carousel-inner {
    width:100% !important;
    padding: 0px;
    /*height: 78vh !important;*/
}


/*.carar{*/
/*    height: 660px !important;*/
/*}*/




@media screen and (min-width:1400px){
    
    .carousel-inner{
           /*height: 550px !important;*/
    }
    
    .banner-section .left-content{
        top: 50% !important;
        left: 9% !important;
    }
   
}




.swiper-pagination {
    /*display: none */
}




    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* background: #444; */
 
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .swiper-slide {
      width: 100%;
    }

    .swiper-slide:nth-child(2n) {
      width: 100%;
    }

    .swiper-slide:nth-child(3n) {
      width: 100%;
    }



    .text-link {
    text-transform: uppercase;
    color: #ce2223;
    font-weight: 300;
       font-size: 1.2rem;
    display: inline-flex
;
    align-items: center;
    position: relative;
}



.content h3{
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    margin-top:20px;
}


.content p{
       font-family: Neue Einstellung Regular;
       text-transform: capitalize;
    font-size: 18px !important;
}


.content a{
   background-color: red; 
   padding:7px;
   border-radius: 10px;
   color: #fff;
    font-family: "Bebas Neue", sans-serif;
       text-transform: uppercase;
}



.abt {
    background-color: red;
    padding: 4px;
    border-radius: 10px;
    color: #fff;
    margin-top: 11px;
    display: block;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    width: 40%;
    margin-top: auto;
    text-align: center;
    position: relative;
    bottom: 5px;
    left: 30%;
}

.abt:hover{
        color: aquamarine;
    text-decoration: none;
}

.content a:hover{
      color: aquamarine;
    text-decoration: none;
}


.imgggl {
    width: 60px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 10px;
    text-align: center;
    display: block;
      margin: -7px auto;
}






.our-clients h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #0077b6;
  letter-spacing: 2px;
}

.client-slider img {
  width: 160px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.2));
  transition: transform 0.3s ease;
}

.client-slider img:hover {
  transform: scale(1.1);
}

.ouudyiud img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  margin: 0 auto;
}
.slick-slide {
  text-align: center;
}
    
    .contsec p{
        font-size: 18px;
    }
    
    .form-control{
        font-family: Neue Einstellung Regular;
    text-transform: capitalize;
        font-size: 18px;
    }
    
    
    
    
@media(max-width:1024px) {
    .srv_innrcont {
        width: 100%;
        height: 450px !important;
    }
    .srv_innrcont p{
        margin: 0px !important;
    }
}


@media screen and (max-width:460px){
     .srv_innrcont {
        width: 100%;
        height: auto !important;
    }
}


.ajaja input{
    width:100%;
}



.content a{
    
margin-top:auto;
align-self: center;
margin-bottom: 10px;
}


.mySwiper {
  width: 100%;
  padding: 40px 0;
}
.mySwiper .swiper-slide {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: all 0.3s ease;
}
.mySwiper .swiper-slide:hover {
  transform: translateY(-5px);
}
.mySwiper .swiper-slide img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.mySwiper .content {
  padding: 15px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.mySwiper .content h3 {
  font-size: 18px;
  /*font-weight: 600;*/
  color: #111;
  margin-bottom: 8px;
}
.mySwiper .content p {
  font-size: 15px;
  color: #444;
  margin-bottom: 12px;
  line-height: 1.4;
}
.mySwiper .text-link {
  display: inline-block;
  /*background: #000;*/
  color: #fff;
  text-decoration: none;
  /*font-size: 14px;*/
  /*font-weight: 500;*/
  /*padding: 8px 16px;*/
  /*border-radius: 6px;*/
  transition: 0.3s;
}
.mySwiper .text-link:hover {
  background: #333;
}
.swiper-button-next,
.swiper-button-prev {
  color: #000;
  top: 45%;
}
.swiper-pagination-bullet {
  background: #000;
}

.intl-tel-input{

    width: 100%;
    margin-bottom: 1.5rem;
}


.btn-success{
    font-family: "Bebas Neue", sans-serif;
       text-transform: uppercase;
           font-size: 18px;
}

.top-heading h5{
    text-align: center;
}


.dnt1 {
      transition: all .3s ease-out;
      padding: 30px;
}
.dnt1:hover {
    background-image: url(https://sdconstructionmachinery.in/dana/upload/pages/product/dsad.png), linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);
    background-position: 0 0;
    background-repeat: no-repeat;
    box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1);
}

.dnt1:hover h4 {
    color: #fff !important; 
}

.dnt1 h4{
    color: #555 !important;
        font-size: 23px !important;
        font-weight: 300 !important;
}

.dnt1:hover h2 {
    color: #fff !important; 
}


.dnt1 h2{
    font-size: 30px;
    text-align: center;
}



/*.dnt1 h4:hover{*/
/*    color: #fff;*/
/*}*/



.dnt2{
    transition: all .3s ease-out;
    padding: 30px;
}

.dnt2:hover{
 background-image: url(https://sdconstructionmachinery.in/dana/upload/pages/product/dsad.png), linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);

    background-position: 0 0;
    background-repeat: no-repeat;
 
     box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.15);
             -webkit-transform: scale(1);
}

.dnt2:hover h4 {
    color: #fff !important; /* White color for the title text */
}


.dnt2:hover h2 {
    color: #fff !important; 
}


.dnt2 h2{
    font-size: 30px;
    text-align: center;
}




.dnt2 h4{
    color: #555 !important;
        font-size: 23px !important;
          font-weight: 300 !important;
}



.dnt3{
    transition: all .3s ease-out; 
    padding: 30px;
}

.dnt3:hover{
         background-image: url(https://sdconstructionmachinery.in/dana/upload/pages/product/dsad.png), linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);
    background-position: 0 0;
    background-repeat: no-repeat;
     box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.15);
     -webkit-transform: scale(1);
}

.dnt3:hover h4 {
    color: #fff !important; /* White color for the title text */
}


.dnt3:hover h2 {
    color: #fff !important; 
}


.dnt3 h2{
    font-size: 30px;
    text-align: center;
}



.dnt3 h4{
    color: #555 !important;
        font-size: 23px !important;
          font-weight: 300 !important;
}


.dnt4{
    transition: all .3s ease-out; 
    padding: 30px;
}

.dnt4:hover{
     background-image: url(https://sdconstructionmachinery.in/dana/upload/pages/product/dsad.png), linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);

    background-position: 0 0;
    background-repeat: no-repeat;
 
     box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.15);
             -webkit-transform: scale(1);
}

.dnt4:hover h4 {
    color: #fff !important; /* White color for the title text */
}


.dnt4:hover h2 {
    color: #fff !important; 
}


.dnt4 h2{
    font-size: 30px;
    text-align: center;
    
}



.dnt4 h4{
    color: #555 !important;
        font-size: 23px !important;
          font-weight: 300 !important;
}


.ssk{
      padding-left: 0px;
    padding-right: 0px;
    border-top:0.3px solid grey; 
}


 
  @media screen and (max-width:460px){
      .main_hding p{
          width: 100% !important;
      }
      .abt{
              bottom: -8px;
      }
      
      .dropdown-menu4 {
    display: none; 
    position: absolute;
    left: 100%; 
    top: 0;
    padding: 0;
    background-color: #f8f9fa;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
    width: 130px; 
}
  }
  
  
  
.line-function ul li div{
      font-family: Neue Einstellung Regular;
    font-size: 18px;
}


.dansdfhghgfgdatec{
    width:100%;
}



.enqiryform {
    position: fixed;
    right: 23px;
    bottom: 155px;
    z-index: 11111;
}

.enqiryform img {
    width: 35px;
}

  /* Button Styling */
    .bdnt8 {
      background: none;
      border: none;
      cursor: pointer;
    }

    .bdnt8 img {
      /*width: 150px;*/
      transition: transform 0.3s;
    }

    /*.bdnt8 img:hover {*/
    /*  transform: scale(1.1);*/
    /*}*/

    /* Modal Styling */
    .modal {
      display: none; /* Initially hidden */
      position: fixed;
      z-index: 10101;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      /*overflow: auto;*/
      background-color: rgba(0, 0, 0, 0.5); /* Background overlay */
    }

   .modal-content {
    background-color: white;
    margin: 10% auto;
    padding: 11px;
    border-radius: 10px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

    .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 2px solid #f0f0f0;
    }

    .modal-header h5 {
      margin: 0;
      color: #fff;
    }

    .close-btn {
      background: none;
      border: none;
      font-size: 30px;
      font-weight: bold;
      color: #fff;
      cursor: pointer;
    }

    .close-btn:hover {
      color: #e74c3c;
    }

    /* Form Styling */
    .form-label {
      font-size: 16px;
      color: #333;
    }

    .form-control {
      width: 100%;
      padding: 10px;
      margin: -3px 0;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 16px;
    }

    .form-control:focus {
      border-color: #007bff;
    }

    .btn-submit {
      width: 100%;
      padding: 12px;
      background-color: #007bff;
      border: none;
      color: white;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
    }

    .btn-submit:hover {
      background-color: #0056b3;
    }

    /* Responsive Modal */
    @media (max-width: 768px) {
      .modal-content {
        width: 90%;
      }
      .modal{
          z-index:1011001010;
      }
    }


   .modal-header{
       padding:0.4rem !important;
        border-radius: 10px;
   }

.conttt table th {
    text-align: center;
    background: #F5F5F5;
    color: #000;
    vertical-align: middle;
}

 /*.conttt table{*/
     /*width:100%;*/
 /*    overflow-x:auto !important;*/
 /*}*/
 
 
 
 /*.conttt table tr{*/
 /*    font-weight: bold;*/
 /*}*/


.mySwiper .swiper-slide img{
    height:201px !important;
}





.conttt ul li{
      list-style-position: inside;
}


.conttt ol li{
      list-style-position: inside;
}





@media screen and (max-width:1400px){
    .navbar-nav .dropdown-menu {
    left: -1vw !important;
    top: 100%;
    z-index: 99;
    width: 224px;
    border: none;
    display: block;
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: rotateX(-20deg);
    transform: rotateX(-20deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0px 0px 15px rgb(255, 255, 255); */
    /* box-shadow: 1px 3px 7px -2px #337ab7; */
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-color: #f8f9fa !important;
    /* background-color: #fff !important; */
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    font-weight: 400;
    padding: 2px 10px;
    font-family: "Bebas Neue", sans-serif;
    margin-right: 0px;
    font-size: 19px;
    line-height: 23px;
}
}


@media screen and (max-width:1300px){
 .navbar-nav .dropdown-menu {
    left: -22vw !important;
    top: 100%;
    z-index: 99;
    width: 224px;
    border: none;
    display: block;
    border-radius: 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    -webkit-transform: rotateX(-20deg);
    transform: rotateX(-20deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); */
    /* box-shadow: 0px 0px 15px rgb(255, 255, 255); */
    /* box-shadow: 1px 3px 7px -2px #337ab7; */
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-color: #f8f9fa !important;
    /* background-color: #fff !important; */
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
}












/*==============================
        OK MEGA MENU
==============================*/

.ok-mega{
    position:relative;
}

.ok-mega>a{
    display:flex;
    align-items:center;
    gap:0px;
}

.ok-mega-menu {
    position: absolute;
    top: 101%;
    left: 0%;
    transform: translateX(-50%);
    width: 1300px;
    max-width: 85vw;
    background: #fff;
    border: 1px solid #ddd;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  opacity:0;
    visibility:hidden;
    /*pointer-events:none;*/
    transition: .35s;
    z-index: 12;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
}

.ok-mega:hover .ok-mega-menu{
    opacity:1;
    visibility:visible;
    top:185%;
}

.ok-mega-column{
    border-right:1px solid #e5e5e5;
}

.ok-mega-column:last-child{
    border-right:none;
}

.ok-mega-column a{
    display:block;
padding: 10px 8px;
    color:#222;
    text-decoration:none;
    font-size:15px;
    line-height:1.4;
    border-bottom:1px solid #efefef;
    transition:.3s;
            color: rgba(0, 0, 0, .9);
        text-transform: uppercase;
        font-weight: 400;
        padding: 7px 18px;
        font-family: "Bebas Neue", sans-serif;
        margin-right: 0px;
        font-size: 19px;
        line-height: 23px;
}

.ok-mega-column a:last-child{
    border-bottom:none;
}

.ok-mega-column a:hover{
    background:#f5f5f5;
    color:#898989;
    padding-left:24px;
}

/* Tablet */

@media(max-width:1200px){

.ok-mega-menu{
    grid-template-columns:repeat(3,1fr);
    width:95%;
}

}

/* Mobile */

@media(max-width:768px){

.ok-mega-menu{
    position:static;
    transform:none;
    width:100%;
    grid-template-columns:1fr;
    opacity:1;
    visibility:visible;
    display:none;
    border:none;
    box-shadow:none;
}

.ok-mega.active .ok-mega-menu{
    display:grid;
    height: 350px;
    overflow-y: scroll;
}

.ok-mega-column{
    border-right:none;
}

.ok-mega-column a{
    padding:13px 15px;
}

}



.chotabbner{
    position: relative;
    overflow: hidden;
        background: #F7F7F7;
    padding: 55px 0 60px;
        height: 350px;
}

/* Breadcrumb */

.chotabbner-breadcrumb{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
        top: 240%;
}

.chotabbner-breadcrumb a {
    /* background: #000; */
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 3px;
    line-height: 1;
    transition: .3s;
    border-radius: 20px;
}

.chotabbner-breadcrumb a:hover{
    /*background:#163f8d;*/
    color: #163f8d !important;
}

.chotabbner-breadcrumb span{
    color:#444;
    font-weight:600;
}

/* Title */

.chotabbner-title{
    font-size:35px;
    font-weight:700;
    color:#000;
    margin-bottom:12px;
    position: relative;
    z-index: 2;
}

/* Underline */

.chotabbner-line{
    width:75px;
    height:3px;
    background:#000;
    position: relative;
    z-index:2;
}

.chotabbner-line span{
    display:block;
    width:38px;
    height:3px;
    background:#F35C27;
    margin-left:38px;
}

/* Background Circles */

.chotabbner-shape{
    position:absolute;
    background:rgba(188,201,224,.35);
    border-radius:50%;
    z-index:1;
}

.shape1{
    width:230px;
    height:230px;
    right:170px;
    top:-70px;
}

.shape2{
    width:150px;
    height:150px;
    right:70px;
    top:45px;
}

.shape3{
    width:170px;
    height:170px;
    right:310px;
    top:80px;
}

.shape4{
    width:130px;
    height:130px;
    right:450px;
    top:20px;
}

.shape5{
    width:200px;
    height:200px;
    right:-70px;
    bottom:-70px;
}

.shape6{
    width:120px;
    height:120px;
    right:520px;
    bottom:-40px;
}

/* Responsive */

@media(max-width:992px){

    .chotabbner{
        padding:45px 0;
    }

    .chotabbner-title{
        font-size:48px;
    }

    .shape1,
    .shape2,
    .shape3,
    .shape4,
    .shape5,
    .shape6{
        opacity:.4;
    }
}

@media(max-width:768px){

    .chotabbner-title{
        font-size:38px;
    }

    .chotabbner-breadcrumb{
        gap:5px;
    }

    .chotabbner-breadcrumb a{
        font-size:12px;
        padding:4px 6px;
    }

    .shape1,
    .shape2,
    .shape3,
    .shape4,
    .shape5,
    .shape6{
        display:none;
    }
}





.uju-alipjo{
        background: #F5F5F5;
       margin-top: 35px;
    margin-bottom: -60px;
}

.uju-alipjo-title{
   font-size: 30px;
    font-weight: 500;
    color: #000;
        margin-bottom: -10px;
    /*background: #0093d2;*/
    width: 22%;
    padding: 5px;
    border-radius: 30px;
}

.uju-alipjo-line{
 width: 90px;
    height: 4px;
  background: #777777;
    margin: 10px;
    /*border-radius:30px;*/
}

.uju-alipjo-box{
    background:#fff;
    border-radius:18px;
    padding:20px;
    margin-bottom:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    overflow:hidden;
    position:relative;
}

.uju-alipjo-box::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background-color: #777777;
    /*background:linear-gradient(#0093d2,#0093d2);*/
}

.uju-alipjo-box:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 55px rgba(0,0,0,.14);
}

.uju-alipjo-tag{
    display:inline-block;
    background:#eef5ff;
    color:#1f65c4;
    padding:8px 18px;
    border-radius:40px;
        font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.uju-alipjo-box h4{
    font-size:28px;
    font-weight:700;
    color:#333333;
}

.uju-alipjo-box p{
   color: #333;
    line-height: 22px;
    font-size: 18px;
}

.uju-alipjo-box p span{
    color: #333;
    line-height: 22px;
    font-size: 18px !important;
}

.uju-alipjo-list{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.uju-alipjo-list li{
    position:relative;
    padding-left:32px;
    margin-bottom:15px;
    color:#444;
    font-weight:500;
}

.uju-alipjo-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:0;
    width:22px;
    height:22px;
   background: #D71920;
    color: #fff;
    border-radius:50%;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.uju-alipjo img{
    border-radius:18px;
    transition:.5s;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.uju-alipjo-box:hover img{
    /*transform:scale(1.04);*/
}

@media(max-width:991px){

.uju-alipjo-box{
    padding:30px;
}

.uju-alipjo-title{
    font-size:30px;
}

.uju-alipjo-box img{
    margin-top:25px;
}

}


#ki{
    scroll-margin-top:100px;
     scroll-behavior: smooth;

    
}


#kii{
    scroll-margin-top:100px;
    scroll-behavior: smooth;
}




.conttt span{
    display: inline-block;
    padding: 10px 20px;
    /*background: #f5f5f5;*/
    color: #333333 !important;
     border-radius: 50px;
    transition: all .35s ease;
    cursor: pointer;
      box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px, rgb(0 0 0 / .3) 0 30px 60px -30px, rgb(10 37 64 / .35) 0 -2px 6px 0 inset;
      border: none !important;
}

.conttt span:hover{
  background: #D71920 !important;
    color: #fff !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0,0,0,.25);
}





.chuju-banner {
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
    padding: 30px 0 55px;
    height: 450px;
}

.lkll{
     position: relative;
    overflow: hidden;
    background: #f7f7f7;
    padding: 30px 0 55px;
    height: 450px;
    position: relative;
    background: linear-gradient( 90deg,#000000 0%,#000000 58%, #111111 64%,#2f2f2f 70%, #555555 76%, #808080 82%, #aaaaaa 88%,#d0d0d0 94%,#eeeeee 100%);
    padding: 45px 0 50px;
    height:400px;
}

.chuju-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://demowebpage.in/cnc/assets/image/danatech-img/logo/imag13.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100% !important; /* ya contain */
}

.chuju-banner-content{
    position:relative;
    z-index:2;
}

.chuju-banner h1{
    font-size:40px;
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:8px;
    letter-spacing:.5px;
}

.lkll h1{
      font-size:42px;
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:8px;
    letter-spacing:.5px;
}

.chuju-line{
    width:90px;
    height:4px;
    background:#111;
    position:relative;
    margin-bottom:50px;
}

.chuju-line span{
    position:absolute;
    left:40px;
    top:0;
    width:40px;
    height:4px;
    background:#ff5c1b;
}

.chuju-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:15px;
    position: absolute;
    bottom: 3%;
        left: 9%;
}

.chuju-breadcrumb a,
.chuju-breadcrumb strong{
    text-decoration:none;
    color:#fff;
    font-weight:700;
    font-size:16px;
}

.chuju-breadcrumb span{
    color:#666;
}

.chuju-banner-image{
    position:relative;
    /*min-height:420px;*/
    display:flex;
    align-items:center;
    justify-content:center;
}

.chuju-banner-image img{
      width: 100%;
    max-width: 520px;
    position: relative;
    z-index: 5;
    filter: drop-shadow(0 30px 45px rgba(0, 0, 0, .15));
    /* border-radius: 20px; */
    height: 400px;
}

/* Decorative Circles */

.chuju-circle{
    position:absolute;
    border-radius:50%;
    background:rgba(33,91,255,.08);
}

.c1{
    width:190px;
    height:190px;
    top:-20px;
    right:60px;
}

.c2{
  width: 170px;
    height: 170px;
    top: 40px;
    right: -41%;
}

.c3{
    width:170px;
    height:170px;
    top:80px;
    left:20px;
}

.c4 {
    width: 120px;
    height: 120px;
    bottom: -53px;
    left: -69px;
}
.c5{
     width: 110px;
    height: 110px;
    top: 116%;
    left: 120px;
}

@media(max-width:991px){

.chuju-banner{
    padding:80px 0 60px;
    text-align:center;
}

.chuju-banner h1{
    font-size:34px;
}

.chuju-line{
    margin:20px auto 40px;
}

.chuju-breadcrumb{
    justify-content:center;
}

.chuju-banner-image{
    margin-top:50px;
    min-height:320px;
}

.c1,
.c2,
.c3,
.c4,
.c5{
    transform:scale(.8);
}
}

@media(max-width:576px){

.chuju-banner h1{
    font-size:28px;
}

.chuju-breadcrumb{
    gap:6px;
}

.chuju-breadcrumb a,
.chuju-breadcrumb strong{
    font-size:14px;
}
}



/*==========================
      WHY US SECTION
===========================*/

.ourservice_sec{
    /*padding:80px 0;*/
    background:#fff;
}

.main_hding{
    margin-bottom:50px;
}

.main_hding h5{
    font-size:42px;
    font-weight:700;
    color:#111;
    position:relative;
    display:inline-block;
    margin:0;
}

.main_hding h5::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:80px;
    height:4px;
    background:#ff6418;
    border-radius:20px;
}

/* Card */

.service-sec{
   display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #777777;
    border-radius: 18px;
    padding: 8px 8px;
    margin: 0px 0px;
    height: 100%;
    transition: .35s ease;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
    position: relative;
    overflow: hidden;
}

.service-sec::before{
       content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: #888888;
    transform: scaleY(0);
    transform-origin: top;
    transition: .4s;
}

.service-sec:hover{
    transform:translateY(-8px);
    /*box-shadow:0 18px 35px rgba(255,100,24,.18);*/
}

.service-sec:hover::before{
    transform:scaleY(1);
}


/* Content */

.service-content{
    flex:1;
}

.service-content h4{
    font-size:22px;
    font-weight:500;
    color:#333333;
    margin-bottom:0px;
    line-height:1.3;
}

.service-content p{
      margin: 0;
    color: #333333;
    font-size: 21px;
    line-height: 26px;
    text-transform: capitalize;
}

/*==========================
      Tablet
===========================*/

@media(max-width:991px){

    .main_hding h5{
        font-size:34px;
    }

    .service-sec{
        padding:18px;
        gap:18px;
    }

    .service-icon{
        width:85px;
        min-width:85px;
        height:85px;
    }

    .service-icon img{
        width:60px !important;
        height:60px !important;
    }

    .service-content h4{
        font-size:19px;
    }

}

/*==========================
      Mobile
===========================*/

@media(max-width:767px){

    .ourservice_sec{
        padding:60px 0;
    }

    .main_hding{
        text-align:center;
    }

    .main_hding h5{
        font-size:30px;
    }

    .main_hding h5::after{
        left:50%;
        transform:translateX(-50%);
    }

    .service-sec{
        flex-direction:column;
        text-align:center;
        gap:15px;
        padding:25px 20px;
    }

    .service-icon{
        width:90px;
        min-width:90px;
        height:90px;
    }

    .service-icon img{
        width:60px !important;
        height:60px !important;
    }

    .service-content h4{
        font-size:20px;
    }

    .service-content p{
        font-size:14px;
    }

}




















.cfhdsbfds{
    position:relative;
    padding:100px 0;
    background:url("https://demowebpage.in/cnc/upload/pages/imagg.png?v1.1") center center/cover no-repeat;
    overflow:hidden;
}

.cfhdsbfds-overlay{
    position:absolute;
    inset:0;
          background: #000000a6;
}

.cfhdsbfds .container{
    position:relative;
    z-index:2;
}

.cfhdsbfds-tag{
    display:inline-block;
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
}

.cfhdsbfds-title{
    color:#fff;
    font-size:54px;
    font-weight:800;
    margin-bottom:8px;
}

.cfhdsbfds-text{
     color: #ffffffc4;
    /*max-width: 340px;*/
    line-height: 25px;
    margin-bottom: 20px;
        font-size: 21px;

}

.cfhdsbfds-info{
    display:flex;
    flex-direction:column;
    gap:28px;
}

.cfhdsbfds-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.cfhdsbfds-icon{
        width: 35px;
    height: 35px;
    background: #f7f7f7;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0;
    transition: .35s;
    border-radius: 10px;
}

/*.cfhdsbfds-item:hover .cfhdsbfds-icon{*/
/*    transform:translateY(-5px) rotate(6deg);*/
/*}*/

.cfhdsbfds-item h5{
    color:#fff;
    margin-bottom:5px;
    font-size:28px;
    font-weight:700;
}

.cfhdsbfds-item p{
   color: #fff;
    margin: 0;
    line-height: 28px;
    font-size: 21px;
}

.cfhdsbfds-form input,
.cfhdsbfds-form textarea{
    width:100%;
    background:transparent;
    border:1px solid rgba(255,255,255,.45);
    color:#fff;
    border-radius:5px;
    padding:14px 18px;
    outline:none;
    transition:.35s;
}

.cfhdsbfds-form input{
    height:58px;
}

.cfhdsbfds-form textarea{
    resize:none;
}

.cfhdsbfds-form input::placeholder,
.cfhdsbfds-form textarea::placeholder{
    color:#e3e3e3;
}

.cfhdsbfds-form input:focus,
.cfhdsbfds-form textarea:focus{
    border-color:#ff6726;
    box-shadow:0 0 18px rgba(255,103,38,.35);
}

.cfhdsbfds-btn{
    background:#D71920;
    color:#fff;
    border: 1px solid #f35c27;
    border:none;
        padding: 5px 15px;
    border-radius:5px;
    font-size:17px;
    font-weight:700;
    transition:.35s;
}

.cfhdsbfds-btn:hover{
    background:#fff;
    color:#ff6726;
    transform:translateY(-3px);
}

@media(max-width:991px){

.cfhdsbfds{
padding:70px 0;
}

.cfhdsbfds-title{
font-size:42px;
}

.cfhdsbfds-item h5{
font-size:22px;
}

}

@media(max-width:767px){

.cfhdsbfds-title{
font-size:34px;
}

.cfhdsbfds-item{
gap:14px;
}

.cfhdsbfds-icon{
width:45px;
height:45px;
font-size:20px;
}

.cfhdsbfds-form input{
height:52px;
}

}




#cjmcontact{
    scroll-margin-top:100px ;
}



/*==================================================
        MACHINE SECTION
==================================================*/

.fdsh-machine-section{
    background:#F5F5F5;
    padding:70px 0;
}


/*=========================================
      LEFT COLUMN BORDER
=========================================*/

.fdsh-machine-section .col-lg-4{
    /*border-right:1px solid #dcdcdc;*/
    margin-bottom: 00px;
}


/*=========================================
        SIDEBAR
=========================================*/

.fdsh-sidebar{

    background:#5b5f63;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);

}


/*=========================================
        ACCORDION ITEM
=========================================*/

.fdsh-item{

    border-bottom:1px solid rgba(255,255,255,.08);

}

.fdsh-item:last-child{

    border:none;

}


/*=========================================
        TITLE
=========================================*/

.fdsh-title{
  display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 12px 20px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: .35s;

}

.fdsh-title:hover{

    background:linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);

}


/*=========================================
        ARROW
=========================================*/

.fdsh-icon{

    font-style:normal;
    font-size:18px;

}

/* Down Arrow */

.fdsh-icon::before{

    content:"▼";

}

/* Up Arrow */

.fdsh-item.active .fdsh-icon::before{

    content:"▲";

}


/*=========================================
        ACTIVE TITLE
=========================================*/

.fdsh-item.active .fdsh-title{

    background:linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%);

}


/*=========================================
        CONTENT
=========================================*/

.fdsh-content{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

    background:#F7F7F7;

}

.fdsh-item.active .fdsh-content{

    max-height:700px;

}


/*=========================================
        UL
=========================================*/

.fdsh-content ul{

    margin:0;
    padding:0;

    list-style:none;

}


/*=========================================
        LI
=========================================*/

.fdsh-content li{

    color:#000;
padding: 0px 0px 0px 6px;


    position:relative;

    border-top:1px solid rgba(255,255,255,.05);

    transition:.35s;
    margin-bottom: -7px !important;

}


/* Blue Dot */

/*.fdsh-content li::before{*/

/*    content:"";*/

/*    width:7px;*/
/*    height:7px;*/

/*    background:#0d6efd;*/

/*    border-radius:50%;*/

/*    position:absolute;*/

/*    left:25px;*/
/*    top:50%;*/

/*    transform:translateY(-50%);*/

/*}*/

.fdsh-content li:hover{
 background: rgba(255, 255, 255, .04);
    color: #6c757d !important;
    padding-left: 7px;
    cursor: pointer;

}


/*=========================================
        RIGHT SIDE
=========================================*/

.fdsh-right{

    padding-left:25px;

}


/*=========================================
        HEADING
=========================================*/

.fdsh-right h2{

    font-size:55px;

    font-weight:800;

    color:#111;

    margin-bottom:18px;
    margin-top: 10px;

    text-transform:uppercase;

}


/*=========================================
        PARAGRAPH
=========================================*/

.fdsh-right p{

    color:#666;

    font-size:18px;

    line-height:34px;

    max-width:900px;

}


/*=========================================
        CARD
=========================================*/

.fdsh-card{

    background:#fff;

    border-radius:18px;

    padding:5px;

    text-align:center;

    border:1px solid #ececec;

    transition:.35s;

    height:100%;

}

.fdsh-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}


/*=========================================
        IMAGE
=========================================*/

.fdsh-img{

    height:220px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.fdsh-card img{

    max-width:100%;

    transition:.4s;

}

.fdsh-card:hover img{

    transform:scale(1.06);

}


/*=========================================
        CARD TITLE
=========================================*/

.fdsh-card h5{

    margin-top:18px;

    font-size:28px;

    font-weight:500;

    color:#111;

}


/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:991px){

.fdsh-machine-section .col-lg-4{

border-right:none;

margin-bottom:35px;

}

.fdsh-right{

padding-left:0;

}

.fdsh-right h2{

font-size:38px;

}

.fdsh-title{

font-size:18px;

padding:18px 22px;

}

.fdsh-content li{

padding: 7px 24px 15px 35px;

}

.fdsh-img{

height:180px;

}

}


















/*extra design */



.fdsh-right{
    background:#fff;
    padding:20px 0 0;
}

.fdsh-top-content{
    padding:0 25px 5px;
}

.fdsh-top-content h2{

    font-size:52px;
    font-weight:800;
    color:#111;
    text-transform:uppercase;
    margin-bottom:15px;

}

.fdsh-top-content p{

    color:#666;
    font-size:18px;
    line-height:32px;

}

.fdsh-product-card{

    min-height:340px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    padding:35px 20px;

    border-right:1px solid #dcdcdc;
    border-top:1px solid #dcdcdc;

    transition:.35s;

}

.fdsh-product-card img{

    width:210px;
    transition:.4s;

}

.fdsh-product-card:hover img{

    transform:scale(1.08);

}

.fdsh-product-card h4{

    font-size:20px;
    /*font-weight:700;*/
    margin-top:20px;
    text-transform:uppercase;
    line-height:30px;

}

.fdsh-product-card span{

    font-size:17px;
    color:#555;
    margin-top:8px;

}

/* 3rd card ka right border remove */
.fdsh-product-wrapper .col-lg-4:nth-child(3n) .fdsh-product-card{

    border-right:none;

}

@media(max-width:991px){

.fdsh-product-card{

border-right:none;

}

}


.fdsh-product-card{
    transition:0.4s ease;
}

.fdsh-product-card h4,
.fdsh-product-card span{
    transition:0.4s ease;
}

/* Card Hover */
.fdsh-product-card:hover{
    background:linear-gradient(to right, var(--gray) 0%, var(--bg4) 100%) !important;
}

/* Heading White */
.fdsh-product-card:hover h4{
    color:#fff;
}

/* Span White */
.fdsh-product-card:hover span{
    color:#fff;
}

/* Image Zoom */
.fdsh-product-card:hover img{
    transform:scale(1.08);
}




.conttt{
    margin-top: 20px !important;
}











/*==================================================
            SIDEBAR WRAPPER
==================================================*/

.fdsh-sidebar{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #d9d9d9;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/*==================================================
            SCROLL AREA
==================================================*/

.fdsh-sidebar-inner{
    max-height:720px;
    overflow-y:auto;
    overflow-x:hidden;
}

/* Scrollbar */

.fdsh-sidebar-inner::-webkit-scrollbar{
    width:8px;
}

.fdsh-sidebar-inner::-webkit-scrollbar-track{
    background:#efefef;
}

.fdsh-sidebar-inner::-webkit-scrollbar-thumb{
    background:#b7b7b7;
    border-radius:20px;
}

.fdsh-sidebar-inner::-webkit-scrollbar-thumb:hover{
    background:#8b8b8b;
}


/*==================================================
            ACCORDION ITEM
==================================================*/

.fdsh-item{
    border-bottom:1px solid #e5e5e5;
}

.fdsh-item:last-child{
    border-bottom:none;
}


/*==================================================
            ACCORDION HEADER
==================================================*/

.fdsh-title{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:18px 22px;

    cursor:pointer;

    background:#5b5f63;

    color:#fff;

    font-size:19px;

    font-weight:600;

    transition:.35s;

}

.fdsh-title span{

    display:block;
    line-height:28px;

}


/*==================================================
            HOVER
==================================================*/

.fdsh-title:hover{

    background:linear-gradient(90deg,#666 0%,#3f4348 100%);

}


/*==================================================
            ACTIVE HEADER
==================================================*/

.fdsh-item.active .fdsh-title{

    background:linear-gradient(90deg,#666 0%,#3f4348 100%);

}


/*==================================================
            ICON
==================================================*/

.fdsh-icon{

    width:28px;
    height:28px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.12);

    font-style:normal;

    transition:.35s;

}


/* Closed */

.fdsh-icon::before{

    content:"+";

    font-size:22px;

    font-weight:300;

}


/* Open */

.fdsh-item.active .fdsh-icon::before{

    content:"−";

}


/* Rotate */

.fdsh-item.active .fdsh-icon{

    transform:rotate(180deg);

}


/*==================================================
            ACCORDION BODY
==================================================*/

.fdsh-content{

    background:#ffffff;

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.fdsh-item.active .fdsh-content{

    max-height:800px;

}


/*==================================================
            BODY INNER
==================================================*/

.fdsh-content-inner{

    padding:15px 0;

}


/*==================================================
            RESPONSIVE
==================================================*/

@media(max-width:991px){

.fdsh-sidebar{
    margin-bottom:30px;
}

.fdsh-sidebar-inner{
    max-height:500px;
}

.fdsh-title{

    font-size:17px;

    padding:16px 18px;

}

.fdsh-icon{

    width:24px;
    height:24px;

}

}















/*==================================================
            SEARCH BOX
==================================================*/

.fdsh-search{
    padding:18px;
    background:#f7f7f7;
    border-bottom:1px solid #ececec;
}

.fdsh-search input{
    width:100%;
    height:46px;
    border:1px solid #d8d8d8;
    border-radius:8px;
    background:#fff;
    padding:0 15px;
    font-size:15px;
    color:#333;
    outline:none;
    transition:.3s ease;
}

.fdsh-search input::placeholder{
    color:#999;
}

.fdsh-search input:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 3px rgba(13,110,253,.12);
}


/*==================================================
            LIST
==================================================*/

.fdsh-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.fdsh-content li{
    border-bottom:1px solid #eeeeee;
    transition:.3s;
}

.fdsh-content li:last-child{
    border-bottom:none;
}


/*==================================================
            LABEL
==================================================*/

.fdsh-content label{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:13px 18px;
    cursor:pointer;
    transition:.3s;
    position:relative;
}

/*.fdsh-content label:hover{*/
/*    background:#f8f9fb;*/
/*}*/


/*==================================================
            CHECKBOX
==================================================*/

.fdsh-content input[type="checkbox"]{
    width:18px;
    height:18px;
    accent-color:#0d6efd;
    cursor:pointer;
    flex-shrink:0;
}


/*==================================================
            TEXT
==================================================*/

.fdsh-content label span{
    flex:1;
    color:#333;
    font-size:15px;
    line-height:24px;
    transition:.3s;
}

.fdsh-content label:hover span{
       color: rgb(108, 117, 125);
}


/*==================================================
            COUNT
==================================================*/

.fdsh-content label small{
    float:right;
    margin-left:8px;
    background:#f1f3f6;
    color:#666;
    padding:2px 8px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    transition:.3s;
}

.fdsh-content label:hover small{
    background:#4d5053;
    color:#fff;
}


/*==================================================
            CHECKED STYLE
==================================================*/

.fdsh-content input[type="checkbox"]:checked + span{
    color:#0d6efd;
    font-weight:600;
}


/*==================================================
            ACTIVE ROW
==================================================*/

.fdsh-content li.active label{
    background:#eef5ff;
}

.fdsh-content li.active span{
    color:#0d6efd;
    font-weight:600;
}


/*==================================================
            SMOOTH EFFECT
==================================================*/

.fdsh-content li{
    transition:all .25s ease;
}

.fdsh-content label{
    transition:all .25s ease;
}

.fdsh-content span{
    transition:all .25s ease;
}

.fdsh-content small{
    transition:all .25s ease;
}


/*==================================================
            MOBILE
==================================================*/

@media(max-width:991px){

.fdsh-search{
    padding:15px;
}

.fdsh-search input{
    height:42px;
    font-size:14px;
}

.fdsh-content label{
    padding:12px 15px;
}

.fdsh-content label span{
    font-size:14px;
}

.fdsh-content label small{
    font-size:11px;
    padding:2px 7px;
}

}





.chuju-banner p{
    color:#fff;
}




.chuju-feature-list{
    display:flex;
    flex-wrap:wrap;
    gap:18px 25px;
    margin-top:20px;
}

.chuju-feature-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    /*width:calc(50% - 13px);*/
}

.chuju-feature-item i {
    width: 35px;
    height: 35px;
    background: var(--white);
    color: #D71920;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex-shrink: 0;
    transition: .3s;
}

/*.chuju-feature-item:hover i{*/
/*    transform:rotateY(180deg);*/
/*    background:#111;*/
/*}*/

.chuju-feature-item h6{
    margin:0 0 5px;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.chuju-feature-item span{
    display:block;
    color:rgba(255,255,255,.85);
    font-size:14px;
    line-height:1.6;
}

@media(max-width:767px){

.chuju-feature-item{
    width:100%;
}

.chuju-feature-item i{
    width:48px;
    height:48px;
    font-size:18px;
}

.chuju-feature-item h6{
    font-size:16px;
}

}





























/*==================================
        OK TAB MEGA MENU
==================================*/

.ok-mega{
    position:relative;
}

.ok-mega>a{
    display:flex;
    align-items:center;
    gap:0px;
}

.ok-mega-menu {
    position: absolute;
    top: 190%;
    left: -60%;
    transform: translateX(-50%);
    width: 1250px;
    max-width: 95vw;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
    display: flex;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    z-index: 999;
}

.ok-mega:hover .ok-mega-menu{
    opacity:1;
    visibility:visible;
    top:165%;
}


/*==============================
        LEFT TAB
==============================*/

.ok-tab-menu{
    width:280px;
    background:#f7f7f7;
    border-right:1px solid #ececec;
    padding:15px 0;
}

.ok-tab-btn{
    width:100%;
    border:none;
    background:none;
    text-align:left;
    
    padding: 5px 17px;
    cursor:pointer;
    transition:.3s;
    font-size:18px;
    font-family:"Bebas Neue", sans-serif;
    letter-spacing:.5px;
    color:#222;
    position:relative;
}

.ok-tab-btn::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#898989;
    transform:scaleY(0);
    transition:.3s;
}

.ok-tab-btn:hover{
    background:#fff;
    color:#898989;
    padding-left:20px;
}

.ok-tab-btn.active{
    background:#fff;
    color:#D71920;
}

.ok-tab-btn.active::after{
    transform:scaleY(1);
}


/*==============================
        RIGHT CONTENT
==============================*/

.ok-tab-content{
    flex: 1;
    padding: 4px 15px;
    background: #fff;
    min-height: auto;

}

.ok-tab-panel{
    display:none;
    animation:fade .35s ease;
}

.ok-tab-panel.active{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:8px 35px;
}

.ok-tab-panel a{
        display: flex;
    align-items: center;
    color: #222;
    text-decoration: none;
    font-size: 17px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: .4px;
    padding: 3px 0;
    transition: .3s;
    position: relative;
        margin-top: -5px;
}

.ok-tab-panel a::before{
    content:"➜";
    color:#343a40;
    margin-right:10px;
    transition:.3s;
    display: none;
}

.ok-tab-panel a:hover{
       color: #D71920;
    padding-left: 3px;
}


/*==============================
        ANIMATION
==============================*/

@keyframes fade{

    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/*==============================
        TABLET
==============================*/

@media(max-width:1199px){

.ok-mega-menu{

    width:95vw;

}

.ok-tab-menu{

    width:240px;

}

.ok-tab-panel.active{

    grid-template-columns:1fr;

}

}


/*==============================
        MOBILE
==============================*/

@media(max-width:991px){

.ok-mega-menu{

    position:static;
    transform:none;
    display:block;
    opacity:1;
    visibility:visible;
    width:100%;
    border-radius:0;
    box-shadow:none;
    display:none;

}

.ok-mega.active .ok-mega-menu{

    display:block;

}

.ok-tab-menu{

    width:100%;
    border-right:none;
    border-bottom:1px solid #eee;
    padding:0;

}

.ok-tab-btn{

    border-bottom:1px solid #eee;
    padding:15px 20px;

}

.ok-tab-content{

    padding:20px;
    min-height:auto;

}

.ok-tab-panel.active{

    grid-template-columns:1fr;

}

.ok-tab-panel a{

    padding:12px 0;

}

}



.ok-tab-panel a i{
    font-size: 14px;
    margin-right: 5px;
    color: #000;

}





.dfkajf-bread{
    background:#f3f3f3;
    border-bottom:1px solid #e5e5e5;
    padding:12px 0;
}

.dfkajf-bread .breadcrumb{
    margin:0;
    padding:0;
    background:transparent;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.dfkajf-bread .breadcrumb-item{
    font-size:14px;
    font-weight:500;
    color:#1f2937;
}

.dfkajf-bread .breadcrumb-item a{
    color:#111827;
    text-decoration:none;
    transition:.3s;
}

.dfkajf-bread .breadcrumb-item a:hover{
    color:#0d6efd;
}

.dfkajf-bread .breadcrumb-item.active{
    color:#000;
    font-weight:600;
}

.dfkajf-bread .breadcrumb-item + .breadcrumb-item::before{
    content:"›";
    color:#666;
    padding:0 10px;
    font-size:15px;
}

@media(max-width:768px){

.dfkajf-bread{
    padding:10px 0;
}

.dfkajf-bread .breadcrumb-item{
    font-size:13px;
}

.dfkajf-bread .breadcrumb-item + .breadcrumb-item::before{
    padding:0 6px;
}

}

@media(max-width:576px){

.dfkajf-bread .breadcrumb{
    row-gap:5px;
}

.dfkajf-bread .breadcrumb-item{
    font-size:12px;
}

}








.djfhsd-chuj-section{
    background:#f7f7f7;
}

.djfhsd-chuj-head h2{
    font-size:30px;
    font-weight:700;
}

.djfhsd-chuj-card{

    background:#fff;

    border-radius:8px;

    overflow:hidden;

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

    transition:.35s;
}

.djfhsd-chuj-card:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.djfhsd-chuj-image{

    padding:20px;

    text-align:center;

    /*height:190px;*/

    display:flex;

    align-items:center;

    justify-content:center;

}

.djfhsd-chuj-image img{

    /*max-height:160px;*/

    transition:.4s;

}

.djfhsd-chuj-card:hover img{

    transform:scale(1.05);

}

.djfhsd-chuj-bottom{

    display:flex;

}

.djfhsd-chuj-blue {
    width: 110px;
background: #D71920 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.djfhsd-chuj-content{

    flex:1;

    padding:15px;

}

.djfhsd-chuj-content h4{

        font-size: 19px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 24px;
    font-family: "Bebas Neue", sans-serif;
    color: #333333;

}

.djfhsd-chuj-content p{

  margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 23px;

}

.swiper-slide{

    height:auto;

}

@media(max-width:991px){

.djfhsd-chuj-image{

height:170px;

}

}

@media(max-width:767px){

.djfhsd-chuj-content h4{

font-size:15px;

}

.djfhsd-chuj-content p{

font-size:13px;

}

}

















/*==============================
        DAF SERVICE
==============================*/

.daf-service-section{
    padding:35px 0;
    background:#fff;
    overflow:hidden;
}

.daf-service-left{
    padding-right:25px;
}

.daf-service-subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#d32f2f;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:18px;
}

.daf-service-subtitle i{
    font-size:8px;
}

.daf-service-heading{
    font-size:52px;
    line-height:1.05;
    font-weight:800;
    color:#111;
 margin-bottom: 5px;
}

.daf-service-text{
       font-size: 17px;
    color: #333333;
    line-height: 23px;
    margin-bottom: 35px;
    font-weight: 400;
    font-family: auto;
    font-family: 'Neue Einstellung Regular';
}

.daf-service-btn{
    display:inline-block;
    text-decoration:none;
    color:#777777;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:31px;
    transition:.35s;
}

.daf-service-btn:hover{
    color:#D71920;
    text-decoration:none;
}

.daf-service-navigation{
    display:flex;
    align-items:center;
    gap:12px;
}

.daf-service-prev,
.daf-service-next{
    width:48px;
    height:48px;
    border:1px solid #ddd;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.35s;
    border-radius: 50%;
}

.daf-service-prev:hover,
.daf-service-next:hover{
    /*background:#111;*/
    color:#fff;
    border-color:#111;
}

/*=========================
        SLIDER
=========================*/

.daf-service-slider{
    overflow:hidden;
}

.daf-service-card{
    background:#fff;
    transition:.4s;
    height:100%;
    border:1px solid #ececec;
}

.daf-service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.daf-service-image{
    overflow:hidden;
}

.daf-service-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:.5s;
}

.daf-service-card:hover .daf-service-image img{
    transform:scale(1.08);
}

.daf-service-content{
        padding: 10px 10px;

}

.daf-service-content h4{
   font-size: 25px;
    line-height: 32px;
    font-weight: 500;
    color: #000;
    margin-bottom: 3px;
    text-align: justify;
}

.daf-service-content p{
  color: #333333;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 3px;
    text-align: left;
    /*letter-spacing: 1px;*/
    text-align: left;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;

}

.daf-service-content a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none;
    color:#111;
    font-weight:700;
    font-size:15px;
    border-top:1px solid #ececec;
    padding-top:18px;
    transition:.35s;
}

.daf-service-content a:hover{
    color:#D71920;
}

.daf-service-content a span{
    width:34px;
    height:34px;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    font-size:18px;
}

.daf-service-content a:hover span{
    background:#D71920;
    border-color:#000;
    color:#fff;
}

/*=========================
        SWIPER
=========================*/

.daf-service-slider .swiper-slide{
    height:auto;
}

.daf-service-slider .swiper-wrapper{
    align-items:stretch;
}

.daf-service-slider .swiper-slide{
    display:flex;
}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:1199px){

    .daf-service-heading{
        font-size:42px;
    }

    .daf-service-image img{
        height:200px;
    }

}

@media(max-width:991px){

    .daf-service-left{
        margin-bottom:50px;
        padding-right:0;
    }

    .daf-service-heading{
        font-size:38px;
    }

    .daf-service-content{
        padding:20px;
    }

}

@media(max-width:767px){

    .daf-service-section{
        padding:15px 0;
    }

    .daf-service-heading{
        font-size:32px;
    }

    .daf-service-image img{
        height:200px;
    }

    .daf-service-content h4{
        font-size:20px;
        line-height:30px;
    }

}











.ksfdd{
    background:#f7f7f7;
}

.ksfdd-title{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:0px;
}

.ksfdd-card{

    /* background: #fff; */
    /* position: relative; */
    transition: .35s;
    /* overflow: hidden; */
    /* box-shadow: 0 8px 25px rgba(0, 0, 0, .08); */

}

/*.ksfdd-card:hover{*/

/*    transform:translateY(-8px);*/

/*    box-shadow:0 18px 45px rgba(0,0,0,.18);*/

/*}*/

.ksfdd-img{

    height:250px;

    overflow:hidden;

}

.ksfdd-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;

}

.ksfdd-card:hover img{

    transform:scale(1.08);

}

.ksfdd-content{

   position: relative;
    background: #fff;
    padding: 40px 10px;
    /* margin-top: -10px; */
    /* right: -20px; */
    /* top: -32px; */
    /* border-radius: 16px; */
    height: 200px;

}

.ksfdd-number {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 34px;
    font-weight: 800;
    color: #f35c27;
    line-height: 1;
}

.ksfdd-content h3{

  font-size: 25px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #000;
        text-transform: uppercase;
    

}

.ksfdd-content p {
    color: #333333;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 9px;
    text-align: justify;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;

}

.ksfdd-content a{

    text-decoration:none;

    color:#555;

    font-weight:600;

    transition:.3s;

}

.ksfdd-content a:hover{

    color:#f35c27;

}

@media(max-width:991px){

.ksfdd-title{

font-size:34px;

}

.ksfdd-img{

height:220px;

}

}

@media(max-width:767px){

.ksfdd-title{

font-size:28px;

}

.ksfdd-content{

padding:18px;

}

.ksfdd-content h3{

font-size:22px;

}

}





.ksfdd-slider{
    overflow:hidden;
    padding-bottom:10px;
}

.ksfdd-slider .swiper-slide{
    height:auto;
}

.ksfdd-card{
    transition:.4s;
    overflow:hidden;
}

.ksfdd-number{

    position:absolute;
    right:5px;
    top:10px;

    font-size:34px;
    font-weight:800;
    color:#f35c27;

    opacity:0;
    transform:translateY(20px);

    transition:.35s;

}

.ksfdd-card:hover .ksfdd-number{

    opacity:1;

    transform:translateY(0);

}

.ksfdd-card:hover{

    transform:translateY(-8px);

}

.ksfdd-card:hover .ksfdd-img img{

    transform:scale(1.08);

}





.ksfdd-pagination{

    margin-top:25px;
    text-align:center;

}

.ksfdd-pagination .swiper-pagination-bullet{

    width:14px;
    height:14px;

    background:#d6d6d6;

    opacity:1;

    border-radius:50%;

    margin:0 8px !important;

    position:relative;

    transition:.35s;

}

.ksfdd-pagination .swiper-pagination-bullet::before{

    content:"";

    position:absolute;

    width:26px;
    height:26px;

    border:2px solid transparent;

    border-radius:50%;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    transition:.35s;

}

.ksfdd-pagination .swiper-pagination-bullet-active{

   
background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important;

    transform:scale(1.2);

}

.ksfdd-pagination .swiper-pagination-bullet-active::before{
border-color: #343a40;
/*background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important;*/

}








.ksfdd-card{
    height:100%;
    display:flex;
    flex-direction:column;
    background:#fff;
}


.ksfdd-img{
    height:220px;  
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.ksfdd-img img{
    max-height:100%;
    width:100%;
    object-fit:contain;
}


.ksfdd-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:30px 18px;
    position:relative;
}


.ksfdd-content h3{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-transform:uppercase;
    font-weight:500;
}


.ksfdd-content p{
    flex:1;             
    margin-bottom:0px;
}


.ksfdd-content a{
    margin-top:auto;     
    display:inline-block;
    font-weight:700;
    text-decoration:none;
}





/*=========================
 Industry Section
==========================*/

.dsahfkd-indutry{
    background:#fff;
    overflow:hidden;
}

.dsahfkd-indutry-heading{
    font-size:56px;
    font-weight:800;
    color:#111;
    margin-bottom:15px;
}

/*=========================
LEFT PANEL
==========================*/

.dsahfkd-indutry-location{
    height:100%;
}

.dsahfkd-indutry-location h3{
    font-size:42px;
    font-weight:800;
    color:#1d1d1d;
    margin-bottom:5px;
}

.dsahfkd-indutry-location h4{
    font-size:34px;
    color:#f36b1c;
    font-weight:800;
    margin-bottom:10px;
}

.dsahfkd-indutry-location>p{
    color:#555;
    font-size:15px;
    margin-bottom:25px;
}

/*=========================
MAP
==========================*/

.dsahfkd-indutry-map{
    position:relative;
    margin-bottom:30px;
}

.dsahfkd-indutry-map img{
    width:100%;
    display:block;
}

.dsahfkd-indutry-pin{
    position:absolute;
    top:48%;
    left:60%;
    width:40px;
    height:40px;
    background:#ff6a00;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    animation:dsahfkdPin 1.5s infinite;
}

@keyframes dsahfkdPin{

0%{
transform:scale(.9);
}

50%{
transform:scale(1.15);
}

100%{
transform:scale(.9);
}

}

/*=========================
CONTACT BOX
==========================*/

.dsahfkd-indutry-contact{

    background:#fff;
    border-radius:16px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    padding:25px;
    margin-bottom:25px;

}

.dsahfkd-indutry-contact-item{

display:flex;
gap:15px;
margin-bottom:18px;
align-items:flex-start;

}

.dsahfkd-indutry-contact-item:last-child{
margin-bottom:0;
}

.dsahfkd-indutry-icon{

width:46px;
height:46px;
background:#fff2e8;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#ff6a00;
font-size:18px;
flex:0 0 46px;

}

.dsahfkd-indutry-contact-item h5{

font-size:18px;
font-weight:700;
margin-bottom:8px;

}

.dsahfkd-indutry-contact-item p{

font-size:14px;
line-height:1.7;
color:#666;
margin:0;

}

/*=========================
COUNTRY BOX
==========================*/

.dsahfkd-indutry-country-box{

background:linear-gradient(90deg,#fff6ee,#fff);
padding:22px;
border-radius:16px;
border:1px solid #ffe1c8;

}

.dsahfkd-indutry-country-box h6{

font-size:16px;
font-weight:700;
margin-bottom:15px;
color:#ff6a00;

}

.dsahfkd-indutry-country-list{

display:flex;
flex-wrap:wrap;
gap:12px;
padding:0;
margin:0;
list-style:none;

}

.dsahfkd-indutry-country-list li{

padding:8px 18px;
background:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
border:1px solid #eee;
transition:.35s;

}

.dsahfkd-indutry-country-list li:hover{

background:#ff6a00;
color:#fff;
transform:translateY(-4px);

}

/*=========================
RIGHT SIDE
==========================*/

.dsahfkd-indutry-slider-wrapper{

background:#d85c11;
padding:15px;
border-radius:18px;
position:relative;

}

.dsahfkd-indutry-top-title{

color:#fff;
font-size:30px;
font-weight:800;
margin-bottom:12px;

}

/*=========================
SWIPER
==========================*/

.dsahfkd-indutry-slider{

border-radius:15px;
overflow:hidden;

}

.dsahfkd-indutry-card{

position:relative;
height:620px;
overflow:hidden;
border-radius:15px;

}

.dsahfkd-indutry-card img{

width:100%;
height:100%;
object-fit:cover;
transition:1s;

}

.dsahfkd-indutry-card:hover img{

transform:scale(1.08);

}

.dsahfkd-indutry-card::after{

content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(to right,
rgba(0,0,0,.75),
rgba(0,0,0,.35),
transparent);

}

.dsahfkd-indutry-overlay{

position:absolute;
left:40px;
bottom:50px;
z-index:5;
color:#fff;
max-width:420px;

}

.dsahfkd-indutry-overlay h2{

font-size:46px;
font-weight:800;
margin-bottom:18px;

}

.dsahfkd-indutry-overlay p{

font-size:16px;
line-height:1.8;
margin-bottom:25px;
opacity:.95;

}

.dsahfkd-indutry-overlay a{

display:inline-flex;
align-items:center;
gap:10px;
background:#fff;
padding:14px 30px;
border-radius:40px;
color:#ff6a00;
font-weight:700;
text-decoration:none;
transition:.35s;

}

.dsahfkd-indutry-overlay a:hover{

background:#ff6a00;
color:#fff;

}

/*=========================
ARROWS
==========================*/

.dsahfkd-indutry-prev,
.dsahfkd-indutry-next{

position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
background:rgba(0,0,0,.65);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:20;
color:#fff;
transition:.35s;

}

.dsahfkd-indutry-prev{

left:15px;

}

.dsahfkd-indutry-next{

right:15px;

}

.dsahfkd-indutry-prev:hover,
.dsahfkd-indutry-next:hover{

background:#ff6a00;

}

/*=========================
PAGINATION
==========================*/

.dsahfkd-indutry-pagination{

position:absolute;
bottom:18px!important;
left:0;
width:100%;
text-align:center;
z-index:50;

}

.dsahfkd-indutry-pagination .swiper-pagination-bullet{

width:12px;
height:12px;
background:#fff;
opacity:.35;
transition:.4s;

}

.dsahfkd-indutry-pagination .swiper-pagination-bullet-active{

width:34px;
border-radius:30px;
background:#fff;
opacity:1;

}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.dsahfkd-indutry-heading{

font-size:42px;

}

.dsahfkd-indutry-location{

margin-bottom:35px;

}

.dsahfkd-indutry-card{

height:500px;

}

.dsahfkd-indutry-overlay{

left:25px;
bottom:30px;

}

.dsahfkd-indutry-overlay h2{

font-size:34px;

}

}

@media(max-width:767px){

.dsahfkd-indutry-heading{

font-size:34px;

}

.dsahfkd-indutry-location h3{

font-size:30px;

}

.dsahfkd-indutry-location h4{

font-size:24px;

}

.dsahfkd-indutry-card{

height:420px;

}

.dsahfkd-indutry-overlay{

max-width:100%;
left:20px;
right:20px;

}

.dsahfkd-indutry-overlay h2{

font-size:28px;

}

.dsahfkd-indutry-overlay p{

font-size:14px;

}

.dsahfkd-indutry-overlay a{

padding:12px 22px;
font-size:14px;

}

}





.tsetionmal-section{
    background:#F5F5F5 !important;
    position:relative;
    overflow:hidden;
    padding:40px 0;
}

.tsetionmal-title{
    font-size:58px;
    font-weight:800;
    color:#111;
    text-transform:uppercase;
    margin-bottom:20px;
    letter-spacing:1px;
}

.tsetionmal-small{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    color:#e53935;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
}

.tsetionmal-heading{
    font-size:46px;
    font-weight:700;
    color:#222;
    margin-bottom:0;
        font-weight: 500;
    color: #222;
    line-height: 1.2;
    margin-bottom: -8px;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

.tsetionmal-slider{
    padding:0px 5px 19px;
}

.tsetionmal-card{
    background:#fff;
    border-radius:18px;
    padding:35px 28px;
    height:100%;
    transition:.4s;
    position:relative;
    overflow:hidden;
    border:1px solid #ececec;
}

.tsetionmal-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#ffffff,#eef7ff);
    opacity:0;
    transition:.4s;
}

.tsetionmal-card:hover::before,
.tsetionmal-card.active-card::before{
    opacity:1;
}

.tsetionmal-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.tsetionmal-card>*{
    position:relative;
    z-index:2;
}

.tsetionmal-top{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.tsetionmal-user{
    display:flex;
    align-items:center;
    gap:15px;
}

.tsetionmal-user img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #eef3ff;
}

.tsetionmal-user h4 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: -3px;
}

.tsetionmal-stars{
    color:#ffc107;
    font-size:14px;
    letter-spacing:3px;
}

.tsetionmal-card p{
 color: #333333;
    font-size:15px;
    line-height:20px;
    margin-bottom:35px;
     text-align: left;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;
}

.tsetionmal-bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}

.tsetionmal-bottom h5{
     margin: 0;
    font-size: 20px;
    font-weight: 500;
    color:#333333;
    text-align: justify;
}

.tsetionmal-bottom span{
    color:#777777;
    font-size:14px;
}

.tsetionmal-quote{
    font-size:70px;
    font-weight:800;
    line-height:1;
    color:#D71920;
    transition:.4s;
}

.tsetionmal-card:hover .tsetionmal-quote{
    color:#D71920;
    transform:scale(1.1);
}

/* Swiper */

.tsetionmal-slider .swiper-slide{
    height:auto;
}

.tsetionmal-slider .swiper-pagination{
    bottom:0 !important;
}

.tsetionmal-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#c8c8c8;
    opacity:1;
    transition:.3s;
}

.tsetionmal-slider .swiper-pagination-bullet-active{
    width:34px;
    border-radius:20px;
    background:#f35c27;
}

/* Responsive */

@media(max-width:991px){

.tsetionmal-title{
    font-size:42px;
}

.tsetionmal-heading{
    font-size:34px;
}

.tsetionmal-card{
    padding:30px 22px;
}

}

@media(max-width:767px){

.tsetionmal-section{
    padding:70px 0;
}

.tsetionmal-title{
    font-size:34px;
}

.tsetionmal-heading{
    font-size:28px;
}

.tsetionmal-user h4{
    font-size:18px;
}

.tsetionmal-card p{
    font-size:14px;
}

.tsetionmal-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
}

.tsetionmal-quote{
    font-size:55px;
}

}






.blog-section{
    background:#F5F5F5 !important;
}

.blog-section-subtitle{
    font-size:14px;
    color:#777777;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
}

.blog-section-title{
     /* font-size: 25px; */
    font-weight: 500;
    color: #222;
    line-height: 1.2;
    margin-bottom: -8px;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

.blog-section-card{
    background:#fff;
    overflow:hidden;
    transition:.4s;
    border:1px solid #eee;
}

.blog-section-img{
    position:relative;
    overflow:hidden;
}

.blog-section-img img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.6s;
}

.blog-section-img span{
    position:absolute;
    left:20px;
    bottom:15px;
   background: #D71920 !important;
    color:#fff;
    padding:6px 14px;
    font-size:12px;
    font-weight:600;
}

.blog-section-content{
    padding: 15px 15px;
}

.blog-section-content h4{
  font-size: 23px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    margin-bottom: 18px;
    transition: .3s;
}

.blog-section-meta{
    display:flex;
    align-items:center;
    gap:10px;
    color:#777;
    font-size:14px;
    flex-wrap:wrap;
}

.blog-section-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.blog-section-card:hover img{
    transform:scale(1.08);
}

.blog-section-card:hover h4{
    color:#4e5154;
}

/* Responsive */

@media(max-width:991px){

.blog-section-title{
    font-size:38px;
}

.blog-section-content h4{
    font-size:21px;
}

}

@media(max-width:767px){

.blog-section-title{
    font-size:30px;
}

.blog-section-content{
    padding:20px;
}

.blog-section-content h4{
    font-size:19px;
}

.blog-section-img img{
    height:220px;
}

}












/*=========================
        SECTION
=========================*/

.enuiry-form-section{
    background:#fff;
    overflow:hidden;
    position:relative;
}

.enuiry-form-main-title{
        font-size: 36px;
    font-weight: 500;
    color: #111;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #000;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;

}

/*=========================
        HEADING
=========================*/

.enuiry-form-heading{
    margin-bottom:35px;
}

.enuiry-form-heading h3{
       font-size: 40px;
    font-weight: 700;
    color: #000;
    line-height: 1.1;;
}

.enuiry-form-heading h3 span{
    color:#000;
}

/*=========================
        PROCESS
=========================*/

.enuiry-form-process{
    position:relative;
}

.enuiry-form-process::before{
    content:"";
    position:absolute;
    left:22px;
    top:25px;
    bottom:25px;
    width:1px;
    background:#d7d7d7;
}

/*=========================
        ITEM
=========================*/

.enuiry-form-item{
    display:flex;
    gap:25px;
    margin-bottom:42px;
    position:relative;
}

.enuiry-form-number{
    width:44px;
    min-width:44px;
    height:44px;
    border-radius:8px;

    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}

.enuiry-form-number span{
    font-size:12px;
    font-weight:700;
    color:#7b7b7b;
}

.enuiry-form-item.active .enuiry-form-number{
    background:#4e5154;
}

.enuiry-form-item.active .enuiry-form-number span{
    color:#fff;
}

.enuiry-form-content{
    flex:1;
}

.enuiry-form-content h4 {
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    color: #333333;
    margin-bottom: 0;
    text-transform: capitalize;
}

.enuiry-form-content p{
    font-size:15px;
    color:#666;
    line-height:1.8;
    margin:0;
    padding-right:30px;
    max-width: 680px;
    margin: 0 0 13px;
    color: #666b70;
    font-size: 10px;
    line-height: 22px;
    text-align: justify;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;
     color: #333333
}

/*=========================
        RIGHT SIDE
=========================*/

.enuiry-form-right{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding-right:20px;
}

/* Background Image */

.enuiry-form-overlay{
    position:absolute;
    inset:0;
    background:url("https://demowebpage.in/cnc/upload/pages/Machineins.png") center center;
    background-size:cover;
    border-radius:0;
}

/* Dark Overlay */

.enuiry-form-overlay::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

/*=========================
        FORM BOX
=========================*/

.enuiry-form-box{
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 470px;
          background: #d71920 !important;
    border-radius: 10px;
    padding: 22px 30px;
    color: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
    left: -12%;
}

.enuiry-form-box h3{
    font-size:38px;
    font-weight:700;
    margin-bottom:10px;
    color: #fff !important;
}

.enuiry-form-box p{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
    color: #fff;
}

/*=========================
        FORM
=========================*/

.enuiry-form-box .form-control,
.enuiry-form-box .form-select{

    height:52px;
    border:none;
    border-radius:2px;
    box-shadow:none;
    padding:12px 18px;
    font-size:14px;
}

.enuiry-form-box textarea.form-control{
    height:120px;
    resize:none;
    padding-top:15px;
}

.enuiry-form-box .form-control:focus,
.enuiry-form-box .form-select:focus{

    box-shadow:none;
    border:none;
}

.enuiry-form-box ::placeholder{
    color:#888;
}

/*=========================
        BUTTON
=========================*/

.enuiry-form-btn{
    background:#D71920;
    color:#fff;
    border-radius:2px;
    padding:12px 30px;
    font-weight:700;
    transition:.4s;
    border:none;
}

.enuiry-form-btn:hover{
    background:#fff;
    color:#000;
}

/*=========================
        RESPONSIVE
=========================*/

@media(max-width:1199px){

.enuiry-form-content h4{
    font-size:20px;
}

.enuiry-form-heading h3{
    font-size:42px;
}

.enuiry-form-main-title{
    font-size:46px;
}

}

@media(max-width:991px){

.enuiry-form-right{
    margin-top:50px;
    min-height:550px;
}

.enuiry-form-heading h3{
    font-size:38px;
}

.enuiry-form-content p{
    padding-right:0;
}

}

@media(max-width:767px){

.enuiry-form-main-title{
    font-size:34px;
}

.enuiry-form-heading h3{
    font-size:30px;
}

.enuiry-form-item{
    gap:18px;
}

.enuiry-form-item .row>div{
    margin-bottom:15px;
}

.enuiry-form-content h4{
    font-size:20px;
}

.enuiry-form-content p{
    font-size:14px;
}

.enuiry-form-box{
    padding:25px;
}

.enuiry-form-box h3{
    font-size:28px;
}

}







/*======================================
INDUSTRY WE SERVE
======================================*/

.indhd-we-swerve{
    background:#F5F5F5;
    position:relative;
    overflow:hidden;
}

.indhd-we-swerve-title{
       font-size: 40px;
    font-weight: 500;
    color: #111;
       margin-bottom: -15px;
    letter-spacing: -1px;
}

/*=========================
LEFT CARD
==========================*/

.indhd-we-swerve-map-card{
    /*background:#fff;*/
    border-radius:18px;
    /*box-shadow:0 10px 35px rgba(0,0,0,.08);*/
    overflow:hidden;
    height:100%;
}

.indhd-we-swerve-map-head{
    padding:25px 25px 10px;
}

.indhd-we-swerve-map-head h3{
      font-size: 30px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 3px;
}

.indhd-we-swerve-map-head h4{
   color:#333333;
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 0px;
}

.indhd-we-swerve-map-head p{
     color: #333333
    line-height:28px;
    font-size:18px;
    margin:0;
}

.indhd-we-swerve-map-image{
    padding:15px;
    text-align:center;
}

.indhd-we-swerve-map-image img{
     width: 100%;
    height: 390px;
    object-fit: fill;
}

/*=========================
CONTACT BOX
==========================*/

.indhd-we-swerve-contact{
   display: flex;
    gap: 8px;
    padding: 18px 11px;
    align-items: flex-start;
    background: #fff;
    margin: 3px 10px;
    border-radius: 12px;
    border: 1px solid #ececec;
    transition: .35s;
}

.indhd-we-swerve-contact:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.indhd-we-swerve-contact-icon{
     width: 35px;
    height: 35px;
    /*background: #4e5154;*/
    color: #D71920;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.indhd-we-swerve-contact-icon i{
    font-size:18px;
}

.indhd-we-swerve-contact-content h5{
       font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #000;
}

.indhd-we-swerve-contact-content p{
    font-size:14px;
    line-height:26px;
    color:#666;
    margin:0;
        color: #333333;
    font-size: 17px;
    line-height: 24px;
}

/*=========================
COUNTRY BOX
==========================*/

.indhd-we-swerve-country{
      display: flex;
    gap: 18px;
    margin: 10px;
      padding: 20px 10px;
    border-radius: 12px;
    background: #4e5154;
    border: 1px solid var(--white);
}

.indhd-we-swerve-country-icon{
    width:40px;
    height:40px;
    background:#fff;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    flex-shrink:0;
}

.indhd-we-swerve-country-icon i{
    font-size:18px;
}

.indhd-we-swerve-country-content h6{
      color: #fff;
    font-weight: 400;
    margin-bottom: 12px;
}

.indhd-we-swerve-country-content ul{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    list-style:none;
    padding:0;
    margin:0;
}

.indhd-we-swerve-country-content ul li{
    position:relative;
    font-size:14px;
    color:#fff;
    padding-left:14px;
}

.indhd-we-swerve-country-content ul li::before{
    content:"";
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:0;
    top:9px;
}

/*=========================
RIGHT CARD
==========================*/

.indhd-we-swerve-slider-box{
       /* background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important; */
    border-radius: 18px;
    padding: 25px;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px, rgb(0 0 0 / .3) 0 30px 60px -30px, rgb(10 37 64 / .35) 0 -2px 6px 0 inset;
}

.indhd-we-swerve-slider-head{
    margin-bottom:12px;
}

.indhd-we-swerve-slider-head h3{
     color: #000;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
}

.indhd-we-swerve-slider{
    position:relative;
}

/*=========================
SLIDE
==========================*/

.indhd-we-swerve-slide{
    /*height:250px;*/
    border-radius:14px;
    overflow:hidden;
    position:relative;
}

.indhd-we-swerve-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s;
}

.indhd-we-swerve-slide:hover img{
    transform:scale(1.08);
}

/*=========================
OVERLAY
==========================*/

.indhd-we-swerve-overlay{
    position:absolute;
    inset:0;
    padding:35px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

}

.indhd-we-swerve-icon{
     width: 62px;
    height: 62px;
    /* border: 2px solid rgba(255, 255, 255, .6); */
    border-radius: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -33px;
    margin-left:15px;
}

.indhd-we-swerve-icon i{
    font-size:28px;
    display: none;
}

.indhd-we-swerve-overlay h3{
       color: #fff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 12px;
}

.indhd-we-swerve-overlay p{
    color:#f2f2f2;
    line-height:23px;
    /*max-width:470px;*/
    margin-bottom:24px;
}

.indhd-we-swerve-overlay a{
        display: inline-flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    padding: 8px 17px;
    border-radius: 40px;
    background: #D71920 !important;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    transition: .35s;

}

.indhd-we-swerve-overlay a:hover{
    background:#111;
    color:#fff;
}

.indhd-we-swerve-overlay a i{
    transition:.3s;
}

.indhd-we-swerve-overlay a:hover i{
    transform:translateX(5px);
}





/*=========================================
SWIPER NAVIGATION
==========================================*/

.indhd-we-swerve-prev,
.indhd-we-swerve-next{
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(0,0,0,.75);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    position:absolute;
    top:25%;
    transform:translateY(-50%);
    z-index:20;
    transition:.35s ease;
}

.indhd-we-swerve-prev{
    left:5px;
}

.indhd-we-swerve-next{
    right:5px;
}

.indhd-we-swerve-prev:hover,
.indhd-we-swerve-next:hover{
    background:#f26522;
    transform:translateY(-50%) scale(1.08);
}

.indhd-we-swerve-prev i,
.indhd-we-swerve-next i{
    font-size:15px;
}

/*=========================================
PAGINATION
==========================================*/

.indhd-we-swerve-pagination{
    position:absolute !important;
    bottom:18px !important;
    left:50% !important;
    transform:translateX(-50%);
    z-index:25;
}

.indhd-we-swerve-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#ffffff;
    opacity:.45;
    margin:0 5px !important;
    transition:.35s;
}

.indhd-we-swerve-pagination .swiper-pagination-bullet-active{
    width:30px;
    border-radius:30px;
    background:#ffffff;
    opacity:1;
}

/*=========================================
SLIDER EFFECT
==========================================*/

.indhd-we-swerve-slide{
    transition:.45s;
}

.indhd-we-swerve-slide:hover{
    transform:translateY(-4px);
}

.indhd-we-swerve-slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(0,0,0,.65),
    rgba(0,0,0,.15),
    transparent);
    pointer-events:none;
}

/*=========================================
IMAGE EFFECT
==========================================*/

.indhd-we-swerve-slide img{
    will-change:transform;
}

.indhd-we-swerve-slide:hover img{
    filter:brightness(1.05);
}

/*=========================================
BUTTON EFFECT
==========================================*/

.indhd-we-swerve-overlay a{
    box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.indhd-we-swerve-overlay a:hover{
    box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/*=========================================
CARD HOVER
==========================================*/

.indhd-we-swerve-map-card{
    transition:.35s;
}

.indhd-we-swerve-map-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.indhd-we-swerve-slider-box{
    transition:.35s;
}

/*.indhd-we-swerve-slider-box:hover{*/
/*    box-shadow:0 20px 45px rgba(242,101,34,.28);*/
/*}*/

/*=========================================
RESPONSIVE
==========================================*/

@media(max-width:1199px){

.indhd-we-swerve-title{
    font-size:46px;
}

.indhd-we-swerve-map-head h3{
    font-size:32px;
}

.indhd-we-swerve-map-head h4{
    font-size:24px;
}

.indhd-we-swerve-overlay h3{
    font-size:34px;
}

.indhd-we-swerve-slide{
    height:310px;
}

}

@media(max-width:991px){

.indhd-we-swerve-title{
    font-size:40px;
}

.indhd-we-swerve-map-card{
    margin-bottom:35px;
}

.indhd-we-swerve-slider-head h3{
    font-size:26px;
}

.indhd-we-swerve-slide{
    height:300px;
}

.indhd-we-swerve-overlay{
    padding:28px;
}

.indhd-we-swerve-overlay h3{
    font-size:30px;
}

.indhd-we-swerve-overlay p{
    font-size:15px;
    line-height:26px;
}

}

@media(max-width:767px){

.indhd-we-swerve{
    padding:70px 0;
}

.indhd-we-swerve-title{
    font-size:34px;
}

.indhd-we-swerve-map-head{
    padding:20px;
}

.indhd-we-swerve-map-head h3{
    font-size:28px;
}

.indhd-we-swerve-map-head h4{
    font-size:22px;
}

.indhd-we-swerve-contact{
    margin:12px;
    padding:15px;
}

.indhd-we-swerve-country{
    margin:12px;
}

.indhd-we-swerve-slider-box{
    padding:10px;
}

.indhd-we-swerve-slide{
    height:260px;
}

.indhd-we-swerve-overlay{
    padding:22px;
}

.indhd-we-swerve-icon{
    width:54px;
    height:54px;
    margin-bottom:15px;
}

.indhd-we-swerve-overlay h3{
    font-size:26px;
}

.indhd-we-swerve-overlay p{
    display:none;
}

.indhd-we-swerve-overlay a{
    padding:10px 22px;
    font-size:14px;
}

.indhd-we-swerve-prev,
.indhd-we-swerve-next{
    width:38px;
    height:38px;
}

}

@media(max-width:575px){

.indhd-we-swerve-title{
    font-size:30px;
}

.indhd-we-swerve-slide{
    height:230px;
}

.indhd-we-swerve-overlay{
    padding:18px;
}

.indhd-we-swerve-overlay h3{
    font-size:22px;
}

.indhd-we-swerve-icon{
    width:46px;
    height:46px;
}

.indhd-we-swerve-icon i{
    font-size:20px;
}

.indhd-we-swerve-contact{
    flex-direction:column;
    gap:12px;
}

.indhd-we-swerve-country{
    flex-direction:column;
}

.indhd-we-swerve-country-content ul{
    gap:8px 12px;
}

.indhd-we-swerve-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
}

.indhd-we-swerve-pagination .swiper-pagination-bullet-active{
    width:24px;
}

}

/*=========================================
END
==========================================*/




/*==============================
    ABOUT SECTION
==============================*/

.jsuju-ok-about{
    padding:80px 0;
    overflow:hidden;
}

.jsuju-ok-img-wrapper{
    position:relative;
}

.jsuju-ok-main-img{
    width:100%;
    border-radius:10px;
    display:block;
}

/*==============================
    ENGINEER CARD
==============================*/

.jsuju-ok-engineer-box{
    position:absolute;
    left:-10px;
    bottom:25px;
    background:linear-gradient(135deg,#041e42,#0b2d63);
    color:#fff;
    width:270px;
    padding:22px;
    border-radius:0 18px 18px 0;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.jsuju-ok-engineer-icon{
    width:58px;
    height:58px;
    background:#ff6b00;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    margin-right:15px;
}

.jsuju-ok-engineer-box h2{
    font-size:34px;
    margin:0;
    font-weight:700;
}

.jsuju-ok-engineer-box p{
    margin:0;
    font-size:15px;
    line-height:1.5;
}

.jsuju-ok-engineer-box span{
    color:#ff8d32;
    font-weight:600;
}

/*==============================
    CONTENT
==============================*/

.jsuju-ok-small-title{
    color:#ff6b00;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.jsuju-ok-heading{
    font-size:46px;
    line-height:1.2;
    font-weight:700;
    color:#0d1b3e;
    margin:15px 0 20px;
}

.jsuju-ok-heading span{
    color:#ff6b00;
}

.jsuju-ok-description{
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

/*==============================
     TABS
==============================*/

.jsuju-ok-tabs{
    display:flex;
    align-items:center;
    gap:15px;
    border-bottom:1px solid #ececec;
    margin-bottom:28px;
}

.jsuju-ok-tab{
    background:none;
    border:none;
    padding:16px 18px;
    color:#444;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.35s;
    position:relative;
}

.jsuju-ok-tab i{
    color:#ff6b00;
    margin-right:8px;
}

.jsuju-ok-tab:hover{
    color:#ff6b00;
}

.jsuju-ok-tab.active{
    color:#ff6b00;
}

.jsuju-ok-tab.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background:#ff6b00;
}

/*==============================
    TAB CONTENT
==============================*/

.jsuju-ok-tab-content{
    display:none;
    animation:fade .4s;
}

.jsuju-ok-tab-content.active{
    display:block;
}

@keyframes fade{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

.jsuju-ok-tab-content p{
    color:#666;
    line-height:1.9;
}

.jsuju-ok-list{
    list-style:none;
    padding:0;
    margin-top:20px;
}

.jsuju-ok-list li{
    position:relative;
    padding-left:28px;
    margin-bottom:15px;
    color:#444;
    font-weight:500;
}

.jsuju-ok-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ff6b00;
    font-weight:700;
}

/*==============================
      RESPONSIVE
==============================*/

@media(max-width:991px){

    .jsuju-ok-heading{
        font-size:36px;
    }

    .jsuju-ok-engineer-box{
        position:relative;
        width:100%;
        left:0;
        bottom:0;
        margin-top:20px;
        border-radius:12px;
    }

}

@media(max-width:767px){

    .jsuju-ok-heading{
        font-size:30px;
    }

    .jsuju-ok-tabs{
        flex-direction:column;
        align-items:flex-start;
    }

    .jsuju-ok-tab{
        width:100%;
        text-align:left;
    }

}








/*==============================
      COUNTER AREA
==============================*/

.jsuju-ok-counter-area{

    /*margin-top:60px;*/

    border:1px solid #ececec;

    border-radius:8px;

    overflow:hidden;

}

.jsuju-ok-counter-box{

    text-align:center;

    padding: 27px 5px;

    background:#fff;

    border-right:1px solid #ececec;

    transition:.35s;

    height:100%;

}

.jsuju-ok-counter-box:last-child{

    border-right:none;

}

.jsuju-ok-counter-box i{

    font-size:38px;

    color:#ff6b00;

    margin-bottom:18px;

}

.jsuju-ok-counter-box h3{

    font-size:34px;

    font-weight:700;

    color:#0d1b3e;

    margin-bottom:8px;

}

.jsuju-ok-counter-box p{

    margin:0;

    color:#555;

    line-height:1.7;

    font-size:15px;

}

.jsuju-ok-counter-box:hover{

    background:#0d1b3e;

    transform:translateY(-6px);

}

.jsuju-ok-counter-box:hover h3,

.jsuju-ok-counter-box:hover p{

    color:#fff;

}

.jsuju-ok-counter-box:hover i{

    color:#ff7b00;

}

@media(max-width:991px){

    .jsuju-ok-counter-box{

        border-right:none;

        border-bottom:1px solid #ececec;

    }

}








/* =========================================================
   NEW SECTION - MAIN
========================================================= */

.new-section-about {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    /*font-family: "Arial", sans-serif;*/
    padding: 70px 0px;
}

.new-section-main-wrapper {
    width: 100%;
    margin: 0 auto;
}

.new-section-main-row {
    min-height: 405px;
}


/* =========================================================
   LEFT IMAGE AREA
========================================================= */

.new-section-left-col {
    position: relative;
    z-index: 5;
}

.new-section-image-area {
position: relative;
    width: 100%;
/*height: 515px;*/
    overflow: hidden;
    /*background: #101b25;*/
}


/* CNC IMAGE */

.new-section-machine-image {
position: static !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: top center;
    display: block;
}


/* =========================================================
   WHITE DIAGONAL CUT
========================================================= */

.new-section-image-area::after {

       content: "";
    position: absolute;
    z-index: 2;
    top: -5px;
    right: -2px;
    /*width: 10%;*/
    height: 200%;
    background: #ffffff;
    /*clip-path: polygon(42% 0, 100% 0, 100% 100%, 0 100%);*/
}


/* =========================================================
   ORANGE DIAGONAL BORDER
========================================================= */

.new-section-diagonal-border {

      position: absolute;
    z-index: 4;
    top: -15px;
    right: 5.1%;
    width: 3px;
    height: 110%;
    background: #D71920;
    transform: rotate(4deg);
    transform-origin: top center;
    display: none !important;

}


/* =========================================================
   15+ ENGINEERS BLUE CARD
========================================================= */

.new-section-engineer-card {
    position: absolute;
    z-index: 10;
    left: 0px;
    bottom: -10px;
    width: 89%;
    height: 86px;
    background: #071d38;
    display: flex;
    align-items: center;
    padding: 20px 25px;
    clip-path: none !important;

}


/* =========================================================
   ORANGE VERTICAL LINE
========================================================= */

.new-section-engineer-card::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 9px;
    width: 2px;
    height: 51px;
    background: #fff;

}


@media screen and (max-width:1400px){
    .new-section-engineer-card::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 17px;
    width: 2px;
    height: 51px;
    background: #fff;
}


}

/* =========================================================
   ENGINEER ICON
========================================================= */

.new-section-engineer-icon {

    width: 55px;

    min-width: 55px;

    height: 55px;

    margin-left: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 31px;

}


/* =========================================================
   ENGINEER NUMBER
========================================================= */

.new-section-engineer-number {

    margin-left: 4px;

}


.new-section-engineer-number h3 {

    margin: 0;

    color: #ffffff;

  font-size: 50px;

    line-height: 1;

    font-weight: 700;

}


/* =========================================================
   ENGINEER TEXT
========================================================= */

.new-section-engineer-info {

    /*margin-left: 13px;*/

}


.new-section-engineer-info p {

    margin: 0;
    color: #ffffff;
    font-size: 16px !important;
    line-height: 1.35;
    font-weight: 400 !important;
        text-transform: uppercase;

}


.new-section-engineer-info span {

    color: #fff;

}


/* =========================================================
   RIGHT CONTENT AREA
========================================================= */

.new-section-right-col {

    position: relative;

    background: #ffffff;

    z-index: 1;

}


.new-section-content-area {

    position: relative;

    /*height: 405px;*/

    overflow: hidden;

    background: #ffffff;

}


/* =========================================================
   WORLD MAP BACKGROUND
========================================================= */

.new-section-map-bg {

    position: absolute;

    top: 0;

    right: 0;

    width: 65%;

    height: 100%;

    opacity: 0.22;

    background-image: url("images/world-map-dots.png");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: right center;

    pointer-events: none;

}


/*
   Agar world-map image available nahi hai,
   to ye subtle dotted effect use hoga.
*/

.new-section-map-bg::after {

    content: "";

    position: absolute;

    inset: 0;

    background-image: radial-gradient(
        #d8dce0 0.8px,
        transparent 0.8px
    );

    background-size: 6px 6px;

    opacity: 0.28;

    mask-image: linear-gradient(
        to left,
        #000000,
        transparent
    );

}


/* =========================================================
   RIGHT CONTENT INNER
========================================================= */

.new-section-content-inner {

    position: relative;
    z-index: 5;
    /*padding: 10px 0% 20px 0%;*/

}


/* =========================================================
   ABOUT LABEL
========================================================= */

.new-section-label {

    margin-bottom: 8px;

}


.new-section-label span {

    position: relative;

    display: inline-block;

    color: #000;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

}


.new-section-label span::after {

    content: "";

    display: block;

    width: 26px;

    height: 1px;

    margin-top: 5px;

    background: #777777 !important;

}


/* =========================================================
   MAIN HEADING
========================================================= */

.new-section-heading {
    /* margin: 0 0 10px; */
    color: #003366;
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    letter-spacing: -0.5px;
     text-align: center; 
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 25px;
}


.new-section-heading span {

    color: #003366;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.new-section-description {
    /*max-width: 680px;*/
    margin: 0 0 13px;
    color: #666b70;
    font-size: 10px;
    line-height: 22px;
    text-align: justify;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;
        color: #333333;
}


/* =========================================================
   TABS
========================================================= */

.new-section-tabs {

    width: 100%;

    max-width: 650px;

    display: flex;

    align-items: stretch;

    margin-bottom: 14px;

}


.new-section-tab {

    flex: 1;

    min-height: 40px;

    border: 0;

    border-bottom: 1px solid #e5e5e5;

    background: #f8f8f8;

    color: #000;

    font-size: 16px;

    font-weight: 500;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;
        font-family: Neue Einstellung Regular;

    cursor: pointer;

    transition: all 0.3s ease;

}


.new-section-tab i {

    font-size: 17px;

    color: #333b43;

}


.new-section-tab:hover {

    color: #6c757d;

}


.new-section-tab:hover i {

       color: #6c757d;

}


.new-section-tab.active {
    color: #fff;
    background: #D71920 !important;
/*background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important;*/
    border-bottom: 2px solid #6c757d;

}


.new-section-tab.active i {

    color: #fff;

}


/* =========================================================
   TAB CONTENT
========================================================= */

.new-section-tab-panel {

    display: none;

}


.new-section-tab-panel.active {

    display: block;

}


.new-section-tab-panel > p {
    /*max-width: 680px;*/
    margin: 0 0 10px;
    color: #333333;
    font-size: 10px;
    line-height: 1.5;
        text-align: justify;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;


}


/* =========================================================
   CONTENT LIST
========================================================= */

.new-section-content-list {
   padding: 0;

    margin: 0;

    list-style: none;
       font-family: Neue Einstellung Regular;

}


.new-section-content-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #60656a;
    font-size: 10px;
    font-family: Neue Einstellung Regular;
    font-size: 18px;
    font-weight: 400;
    color: #333333;

}


.new-section-content-list li i {

    color: #D71920;

    font-size: 17px;

}


/* =========================================================
   BOTTOM STATISTICS
========================================================= */

.new-section-statistics {
    width: 100%;
    min-height: 98px;
    display: flex;
    align-items: stretch;
    background: #fff !important;
    border-top: 1px solid #eeeeee;
    margin-top: 14px;

}


.new-section-stat-item {

    flex: 1;

    min-width: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 12px 20px;

    border-right: 1px solid #e0e0e0;

}


.new-section-stat-item:last-child {

    border-right: 0;

}


/* =========================================================
   STAT ICON
========================================================= */

.new-section-stat-icon {

    flex-shrink: 0;

    width: 47px;

    height: 47px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

}


.new-section-stat-icon i {

    font-size: 38px;

}


/* =========================================================
   STAT CONTENT
========================================================= */

.new-section-stat-content {

    min-width: 80px;

}


.new-section-stat-content h3 {

    margin: 0 0 2px;

    color: #142238;

    font-size: 30px;

    line-height: 1.1;

    font-weight: 700;

}


.new-section-stat-content p {
    margin: 0;
    color: #60656a;
       font-size: 17px;
    line-height: 16px;
    color: #333333;


}


/* =========================================================
   LARGE DESKTOP
========================================================= */

/*@media (min-width: 1400px) {*/

/*    .new-section-main-row {*/

/*        min-height: 500px;*/

/*    }*/

/*    .new-section-image-area {*/

/*        height: 500px;*/

/*    }*/

/*    .new-section-content-area {*/

/*        height: 500px;*/

/*    }*/

/*    .new-section-content-inner {*/

/*        padding-top: 42px;*/

/*    }*/

/*    .new-section-heading {*/

/*        font-size: 34px;*/

/*    }*/

/*    .new-section-description,*/
/*    .new-section-tab-panel > p {*/

/*        font-size: 12px;*/

/*    }*/

/*    .new-section-tab {*/

/*        font-size: 11px;*/

/*    }*/

/*}*/


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .new-section-main-row {

        min-height: auto;

    }


    .new-section-image-area {

        height: 500px;

    }


    .new-section-content-area {

        height: auto;

        min-height: 450px;

    }


    .new-section-content-inner {

        padding: 40px 35px;

    }


    .new-section-heading {

        font-size: 32px;

    }


    .new-section-statistics {

        flex-wrap: wrap;

    }


    .new-section-stat-item {

        flex: 0 0 33.333%;

        min-height: 90px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .new-section-image-area {

        height: 420px;

    }


    /*
       Mobile par diagonal cut
       narrow rakha gaya hai
    */

    .new-section-image-area::after {

        width: 15%;

    }


    .new-section-diagonal-border {

        right: 5%;

    }


    .new-section-engineer-card {

        width: 92%;

        height: 100px;

    }


    .new-section-content-area {

        min-height: auto;

    }


    .new-section-content-inner {

        padding: 35px 0px;

    }


    .new-section-heading {

        font-size: 28px;

    }


    .new-section-description {

        font-size: 11px;

    }


    .new-section-tabs {

        flex-direction: column;

    }


    .new-section-tab {

        min-height: 45px;

    }


    .new-section-statistics {

        display: grid;

        grid-template-columns: 1fr 1fr;

    }


    .new-section-stat-item {

        width: 100%;

        flex: none;

        border-bottom: 1px solid #e0e0e0;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .new-section-image-area {

        height: 360px;

    }


    .new-section-engineer-card {

        width: 96%;
        bottom: -20px;
        padding-left: 15px;
    

    }


    .new-section-engineer-number h3 {

        font-size: 27px;

    }


    .new-section-engineer-info p {

        font-size: 11px;

    }


    .new-section-heading {

        font-size: 17px;

    }


    .new-section-statistics {

        grid-template-columns: 1fr;

    }


    .new-section-stat-item {

        justify-content: flex-start;

        padding: 15px 25px;

    }

}





/* =====================================================
   OKSD-DEVLOEPR : GLOBAL RESET
===================================================== */


.oksd-devloepr-section {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.oksd-devloepr-section .container-fluid {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 12px;
}


/* =====================================================
   LEFT SIDE
===================================================== */

.oksd-devloepr-left {
    width: 100%;
    padding: 5px 15px 5px 10px;
}


/* =====================================================
   LEFT HEADING
===================================================== */

.oksd-devloepr-heading {
    padding-left: 10px;
    margin-bottom: 5px;
}

.oksd-devloepr-heading h2 {
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
    color: #17202b;
    margin-bottom: 2px;
}

.oksd-devloepr-heading h3 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
    color: #f15b22;
    margin-bottom: 4px;
}

.oksd-devloepr-heading h3 span {
    color: #17202b;
}

.oksd-devloepr-heading p {
    font-size: 11px;
    line-height: 1.4;
    color: #333333;
    margin-bottom: 0;
}

.oksd-devloepr-heading p strong {
    color: #f15b22;
    font-weight: 700;
}


/* =====================================================
   MAP WRAPPER
===================================================== */

.oksd-devloepr-map-wrapper {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
    margin-top: 2px;
}

.oksd-devloepr-map {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}


/* =====================================================
   LOCATION PIN
===================================================== */

.oksd-devloepr-location-pin {
    position: absolute;
    left: 57%;
    top: 49%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
}

.oksd-devloepr-location-pin i {
    width: 28px;
    height: 28px;
    background: #ffffff;
    color: #f15b22;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.oksd-devloepr-location-pin span {
    font-size: 8px;
    font-weight: 600;
    color: #222222;
    margin-top: 2px;
}


/* =====================================================
   CONTACT CARD
===================================================== */

.oksd-devloepr-contact-card {
    width: 100%;
    min-height: 72px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    padding: 9px 12px;
    display: flex;
    align-items: center;
    gap: 15px;
}


/* Contact Item */

.oksd-devloepr-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.oksd-devloepr-contact-item:first-child {
    flex: 1;
}

.oksd-devloepr-contact-icon {
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f15b22;
    font-size: 17px;
}

.oksd-devloepr-contact-content {
    min-width: 0;
}

.oksd-devloepr-contact-content h5 {
    font-size: 10px;
    font-weight: 700;
    color: #202831;
    margin-bottom: 2px;
}

.oksd-devloepr-contact-content p {
    font-size: 8px;
    line-height: 1.45;
    color: #444444;
    margin-bottom: 0;
    white-space: nowrap;
}


/* =====================================================
   GCC REGION CARD
===================================================== */

.oksd-devloepr-region-card {
    width: 100%;
    min-height: 47px;
    margin-top: 8px;
    padding: 7px 12px;
    background: #fff4ee;
    border: 1px solid #ffe2d3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.oksd-devloepr-region-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f15b22;
    font-size: 19px;
}

.oksd-devloepr-region-content {
    min-width: 0;
}

.oksd-devloepr-region-content h5 {
    font-size: 9px;
    font-weight: 700;
    color: #f15b22;
    margin-bottom: 2px;
}

.oksd-devloepr-region-content p {
    font-size: 8px;
    color: #333333;
    margin: 0;
}

.oksd-devloepr-region-content p span {
    color: #f15b22;
    margin: 0 3px;
}


/* =====================================================
   RIGHT INDUSTRY SECTION
===================================================== */

.oksd-devloepr-industry {
    width: 100%;
    height: 430px;
    background: linear-gradient(
        135deg,
        #df520d 0%,
        #d94c09 100%
    );
    border-radius: 8px;
    padding: 12px 12px 9px;
    position: relative;
    overflow: hidden;
}


/* =====================================================
   INDUSTRY HEADER
===================================================== */

.oksd-devloepr-industry-header {
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 2;
}

.oksd-devloepr-industry-header h2 {
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 7px;
}

.oksd-devloepr-heading-line {
    width: 39px;
    height: 2px;
    display: block;
    background: #ffffff;
    border-radius: 5px;
}


/* =====================================================
   SWIPER
===================================================== */

.oksd-devloepr-industry-swiper {
    width: 100%;
    height: calc(100% - 35px);
    padding-bottom: 25px;
}

.oksd-devloepr-industry-swiper .swiper-wrapper {
    height: 100%;
}

.oksd-devloepr-industry-swiper .swiper-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}


/* =====================================================
   INDUSTRY CARD
===================================================== */

.oksd-devloepr-industry-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    background: #222222;
}


/* =====================================================
   INDUSTRY IMAGE
===================================================== */

.oksd-devloepr-industry-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
}


/* =====================================================
   IMAGE OVERLAY
===================================================== */

.oksd-devloepr-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.48) 38%,
        rgba(0, 0, 0, 0.12) 75%,
        rgba(0, 0, 0, 0.05) 100%
    );
}


/* =====================================================
   INDUSTRY CONTENT
===================================================== */

.oksd-devloepr-industry-content {
    position: absolute;
    left: 20px;
    bottom: 18px;
    width: 48%;
    z-index: 2;
}

.oksd-devloepr-industry-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 28px;
}

.oksd-devloepr-industry-content h3 {
    color: #ffffff;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 7px;
}

.oksd-devloepr-industry-content p {
    color: #ffffff;
    font-size: 9px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
    max-width: 290px;
}


/* =====================================================
   LEARN MORE BUTTON
===================================================== */

.oksd-devloepr-learn-btn {
    min-width: 88px;
    height: 26px;
    padding: 0 10px;
    background: #ffffff;
    color: #f15b22;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.oksd-devloepr-learn-btn i {
    font-size: 11px;
}

.oksd-devloepr-learn-btn:hover {
    background: #f15b22;
    color: #ffffff;
}


/* =====================================================
   SWIPER ARROWS
===================================================== */

.oksd-devloepr-prev,
.oksd-devloepr-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: rgba(20, 20, 20, 0.8);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
}

.oksd-devloepr-prev {
    left: 2px;
}

.oksd-devloepr-next {
    right: 2px;
}

.oksd-devloepr-prev i,
.oksd-devloepr-next i {
    font-size: 12px;
    line-height: 1;
}

.oksd-devloepr-prev:hover,
.oksd-devloepr-next:hover {
    background: #ffffff;
    color: #f15b22;
}


/* =====================================================
   SWIPER PAGINATION
===================================================== */

.oksd-devloepr-pagination {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    z-index: 10;
}

.oksd-devloepr-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 !important;
    opacity: 1;
    background: transparent;
    border: 1px solid #ffffff;
    transition: all 0.3s ease;
}

.oksd-devloepr-pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-color: #ffffff;
}


/* =====================================================
   RESPONSIVE : LARGE DESKTOP
===================================================== */

@media (min-width: 1400px) {

    .oksd-devloepr-section .container-fluid {
        max-width: 1450px;
    }

    .oksd-devloepr-industry {
        height: 450px;
    }

    .oksd-devloepr-map-wrapper {
        height: 235px;
    }
}


/* =====================================================
   RESPONSIVE : TABLET
===================================================== */

@media (max-width: 991px) {

    .oksd-devloepr-section {
        padding: 15px 0;
    }

    .oksd-devloepr-left {
        padding: 5px 10px 15px;
    }

    .oksd-devloepr-industry {
        height: 430px;
        margin-top: 5px;
    }

    .oksd-devloepr-map-wrapper {
        height: 260px;
    }

    .oksd-devloepr-contact-card {
        flex-wrap: wrap;
    }

    .oksd-devloepr-contact-item:first-child {
        width: 100%;
        flex-basis: 100%;
    }

    .oksd-devloepr-contact-content p {
        white-space: normal;
    }
}


/* =====================================================
   RESPONSIVE : MOBILE
===================================================== */

@media (max-width: 767px) {

    .oksd-devloepr-section {
        padding: 10px 0;
    }

    .oksd-devloepr-section .container-fluid {
        padding: 0 10px;
    }

    .oksd-devloepr-left {
        padding: 0 0 15px;
    }

    .oksd-devloepr-heading {
        padding-left: 5px;
    }

    .oksd-devloepr-heading h2 {
        font-size: 23px;
    }

    .oksd-devloepr-heading h3 {
        font-size: 19px;
    }

    .oksd-devloepr-map-wrapper {
        height: 230px;
    }

    .oksd-devloepr-contact-card {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .oksd-devloepr-contact-item:first-child {
        width: 100%;
    }

    .oksd-devloepr-region-card {
        align-items: flex-start;
    }

    .oksd-devloepr-industry {
        height: 450px;
        padding: 12px 10px 8px;
        border-radius: 7px;
    }

    .oksd-devloepr-industry-content {
        left: 15px;
        bottom: 20px;
        width: 65%;
    }

    .oksd-devloepr-industry-content h3 {
        font-size: 20px;
    }

    .oksd-devloepr-industry-content p {
        font-size: 9px;
    }
}


/* =====================================================
   RESPONSIVE : SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .oksd-devloepr-map-wrapper {
        height: 190px;
    }

    .oksd-devloepr-heading h2 {
        font-size: 21px;
    }

    .oksd-devloepr-heading h3 {
        font-size: 18px;
    }

    .oksd-devloepr-industry {
        height: 400px;
    }

    .oksd-devloepr-industry-content {
        width: 75%;
    }

    .oksd-devloepr-industry-content p {
        max-width: 220px;
    }
}






.indhd-we-swerve-pagination{
    display: block !important;
}




@media screen and (min-width:1400px){
  .new-section-diagonal-border {
        position: absolute;
        z-index: 4;
        top: -15px;
        right: 39px;
        width: 3px;
        height: 110%;
        background:#D71920;
        transform: rotate(3deg);
        transform-origin: top center;
    }

.enuiry-form-box {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 470px;
    background: #d71920 !important;
    /*background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important;*/
    border-radius: 10px;
    padding: 22px 30px;
    color: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
    left: -20%;
}
}








/* SECOND SLIDER PAGINATION */

.indhd-we-swerve-slider-two{
    position:relative;
}

.indhd-we-swerve-two-pagination{
    position:absolute !important;
    bottom:15px !important;
    left:50% !important;
    transform:translateX(-50%);
    z-index:50;
}

.indhd-we-swerve-two-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#fff;
    opacity:.55;
    margin:0 4px !important;
    transition:.3s;
}

.indhd-we-swerve-two-pagination .swiper-pagination-bullet-active{
    width:24px;
    border-radius:20px;
    background:#fff;
    opacity:1;
}












.indhd-we-swerve-slider-two{
    position:relative;
}

.indhd-we-swerve-two-pagination{
    position:absolute !important;
    left:50% !important;
    bottom:15px !important;
    transform:translateX(-50%);
    z-index:50;
    width:auto !important;
}

.indhd-we-swerve-two-pagination .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:#fff;
    opacity:.5;
    margin:0 5px !important;
    transition:.3s;
}

.indhd-we-swerve-two-pagination
.swiper-pagination-bullet-active{
    width:25px;
    border-radius:20px;
    opacity:1;
}









/* ================================
   KSFDD PRODUCT SECTION
================================ */

.ksfdd {
    background:#F5F5F5;
    overflow: hidden;
}

.ksfdd-title {
    font-size: 42px;
    font-weight: 700;
    color: #222;
    margin-bottom: 0px;
    text-transform: uppercase;
}


/* ================================
   SLIDER
================================ */

.ksfdd-slider {
    overflow: visible;
    padding: 0px 0 45px;
}

.ksfdd-slider .swiper-wrapper {
    align-items: stretch;
}

.ksfdd-slider .swiper-slide {
    height: auto;
}


/* ================================
   CARD
================================ */

.ksfdd-card {
    position: relative;
    height: 100%;
    background: transparent;
    overflow: visible;
    transition: .4s ease;
}


/* ================================
   IMAGE
================================ */

.ksfdd-img {
    height: 280px;
    width: 100%;
    overflow: hidden;
    background: #fff !important;
    position: relative;
    border-radius: 10px;
}

.ksfdd-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .6s ease;
}


/* image zoom */

.ksfdd-card:hover .ksfdd-img img {
    transform: scale(1.06);
}


/* ================================
   CONTENT BOX
================================ */

.ksfdd-content {
position: relative;
    z-index: 2;
    background: #fff;
    width: calc(76% - 40px);
    min-height: 185px;
    margin: -55px auto 0;
    padding: 20px 30px 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: .4s ease;
    right: -78px;
    border-radius: 17px;
}

/* ================================
   NUMBER
   DEFAULT HIDDEN
================================ */

.ksfdd-number {
    position: absolute;

    right: 10px;
    top: -20px;

    font-size: 34px;
    line-height: 1;

    font-weight: 800;

    color: #D71920;

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition: all .35s ease;

    z-index: 5;
}


/* NUMBER ONLY ON HOVER */

.ksfdd-card:hover .ksfdd-number {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* ================================
   TITLE
================================ */

.ksfdd-content h3 {
    font-size: 22px;
    line-height: 1.2;

    font-weight: 600;

    color: #111;

    margin: 0 0 12px;

    text-transform: uppercase;

    min-height: auto;

    display: block;

    text-align: left;
}


/* ================================
   DESCRIPTION
================================ */

.ksfdd-content p {
        color: #333333;
    font-size: 18px;
    line-height: 1.55;
    margin: 0 0 0px;
    text-align: left;
    flex: 1;
}


/* ================================
   VIEW DETAILS
================================ */

.ksfdd-content a {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    color: #555;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: .3s ease;
}

.ksfdd-content a:hover {
    color: #D71920;
}


/* ================================
   CARD HOVER
================================ */

.ksfdd-card:hover .ksfdd-content {
    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}


/* ================================
   PAGINATION
================================ */

.ksfdd-pagination {
    margin-top: 20px;
    text-align: center;
}

.ksfdd-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;

    background: #d1d1d1;

    opacity: 1;

    border-radius: 50%;

    margin: 0 5px !important;

    position: relative;

    transition: .35s ease;
}

.ksfdd-pagination .swiper-pagination-bullet-active {
    background: #343a40 !important;

    transform: scale(1.15);
}


/* active bullet outer ring */

.ksfdd-pagination .swiper-pagination-bullet-active::before {
    content: "";

    position: absolute;

    width: 18px;
    height: 18px;

    border: 1px solid #343a40;

    border-radius: 50%;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .ksfdd-title {
        font-size: 34px;
    }

    .ksfdd-img {
        height: 270px;
    }

    .ksfdd-content {
        width: calc(100% - 30px);
        margin-top: -45px;

        padding: 25px 20px 18px;
    }

    .ksfdd-content h3 {
        font-size: 20px;
    }

    .ksfdd-content p {
        font-size: 14px;
    }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .ksfdd {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ksfdd-title {
        font-size: 28px;
    }

    .ksfdd-slider {
        padding-top: 20px;
    }

    .ksfdd-img {
        height: 250px;
    }

    .ksfdd-content {
        width: calc(100% - 25px);
        margin-top: -35px;

        padding: 22px 18px 18px;

        min-height: 175px;
    }

    .ksfdd-content h3 {
        font-size: 19px;
    }

    .ksfdd-content p {
        font-size: 14px;
        line-height: 1.45;
    }

    .ksfdd-number {
        font-size: 30px;
        right: 8px;
        top: -17px;
    }

}




.new-section-content-list li span{
    font-family: Neue Einstellung Regular;
}




.indhd-we-swerve-contact{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.indhd-we-swerve-contact-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.indhd-we-swerve-contact-right{
    display:flex;
    flex-direction:column;
    gap:10px;
}

/*.indhd-we-swerve-contact-icon{*/
/*    width:50px;*/
/*    height:50px;*/
/*    min-width:50px;*/
/*    border-radius:50%;*/
/*    background:#ff5b15;*/
/*    display:flex;*/
/*    align-items:center;*/
/*    justify-content:center;*/
/*}*/

.indhd-we-swerve-contact-icon i{
    color:#D71920;
    font-size:20px;
}

.indhd-we-swerve-contact-content h5{
    margin:0 0 8px;
    font-size:22px;
    font-weight:700;
}

.indhd-we-swerve-contact-content p{
    margin:0;
    color:#333333;
    line-height:1.6;
}




















.view-details{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    transition: 0.3s;
}

.view-details .arrow{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background: #e5e5e5;
    border-radius: 2px;
    transition: 0.3s;
}

.view-details:hover .arrow{
    transform: translateX(4px);
}









.indhd-we-swerve-slide{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.indhd-we-swerve-slide img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}

/* Dark Overlay */
.indhd-we-swerve-slide::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 1;
}

/* Content */
.indhd-we-swerve-overlay{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.indhd-we-swerve-overlay h3{
    color: #fff;
    font-size: 40px;
    margin-bottom: 15px;
}

.indhd-we-swerve-overlay p{
    color: #fff;
    margin-bottom: 25px;
}

.indhd-we-swerve-overlay a{
       display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 40px;
    font-weight: 600;
    text-align: center;
    margin: auto;
}

.indhd-we-swerve-icon{
    font-size: 45px;
    color: #fff;
    margin-bottom: 20px;
}



.iti{
    width: 100% !important;
}





/*.indhd-we-swerve-slider {*/
    height: 500px; /* apni requirement ke hisaab se */
/*}*/

/*.indhd-we-swerve-slider .swiper-wrapper {*/
/*    align-items: stretch;*/
/*}*/
















/* ===============================
   OIL & GAS SECTION
================================ */

.oildi-hdj-section {
    width: 100%;
    background: #fff;
}

.oildi-hdj-row {
    align-items: stretch;
    margin-top:20px;
}


/* LEFT IMAGE */

.oildi-hdj-image-box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 450px;
    overflow: hidden;
}

.oildi-hdj-image {
    width: 100%;
    border-radius: 20px;
    /*height: 100%;*/
    /*min-height: 450px;*/
    object-fit: cover;
    display: block;
}

.oildi-hdj-image-title {
    position: absolute;
    top: 0;
    left: 0;

    margin: 0;
    padding: 5px 8px;

    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .5px;

    text-transform: uppercase;

    text-shadow: 1px 1px 3px rgba(0,0,0,.8);
    display: none;
}


/* RIGHT CONTENT */

.oildi-hdj-content {
    width: 100%;
    height: 100%;
    padding: 7px;
    background: #fff;
}


/* TABS */

.oildi-hdj-tabs {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
}

.oildi-hdj-tab {
border: 1px solid #ddd;
border-bottom: none;
  color: #fff;

    border-bottom: 2px solid #6c757d;
padding: 5px 10px;
    font-size: 16px;
     font-family: Neue Einstellung Regular;
    cursor: pointer;
line-height: 1.2;
color: #333;
cursor: pointer;
 transition: all .25s ease;
}

.oildi-hdj-tab + .oildi-hdj-tab {
    margin-left: 2px;
}

.oildi-hdj-tab.active {
     background: linear-gradient(135deg, #898989 0%, #4d5053 30%, #111111 70%, #000000 100%) !important;
    /*border-color: #ff7f3f;*/
    color: #fff;
}


/* TAB CONTENT */

.oildi-hdj-tab-content {
    width: 100%;
}

.oildi-hdj-panel {
    display: none;
    animation: oildiHdjFade .3s ease;
}

.oildi-hdj-panel.active {
    display: block;
}

.oildi-hdj-panel p {
    margin: 0 0 7px;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
}

.oildi-hdj-panel strong {
  display: block;
    font-size: 16px;
    margin-top: -5px;
    margin-bottom: 3px;
    font-weight: 700;
}


/* LIST */

.oildi-hdj-list {
    margin: 0;
    padding-left: 15px;
}

.oildi-hdj-list li {
    font-size: 18px;
    line-height: 1.3;
    color: #333333;
    font-family: Neue Einstellung Regular;
}


/* APPLICATION IMAGES */

.oildi-hdj-applications {
    /*display: grid;*/
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;

    margin-top: 8px;
}

.oildi-hdj-application-item {
    width: 100%;
    /*height: 85px;*/

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.oildi-hdj-application-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* FADE */

@keyframes oildiHdjFade {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {

    .oildi-hdj-image-box,
    .oildi-hdj-image {
        min-height: 350px;
    }

    .oildi-hdj-content {
        padding: 12px;
    }

}


@media (max-width: 767px) {

    .oildi-hdj-image-box,
    .oildi-hdj-image {
        min-height: 280px;
    }

    .oildi-hdj-image-title {
        font-size: 17px;
    }

    .oildi-hdj-panel p,
    .oildi-hdj-list li {
        font-size: 11px;
    }

    .oildi-hdj-applications {
        grid-template-columns: repeat(2, 1fr);
    }

}


.oildi-hdj-section{
    padding: 2rem !important;
}



#oill{
    scroll-margin-top:100px;
}

#aerospace{
    scroll-margin-top:100px;
}

#automotive{
       scroll-margin-top:100px;
}

#medical{
     scroll-margin-top:100px;
}

#mold{
     scroll-margin-top:100px;
}



#energy{
     scroll-margin-top:100px;
}

#marine{
        scroll-margin-top:100px;
}


.ksfdd-title {
    opacity: 0;
    will-change: transform, opacity, color;
}

.ksfdd-title + p {
    opacity: 0;
    will-change: transform, opacity;
}







.daf-service-heading {
    opacity: 0;
    will-change: transform, opacity, color;
}

.daf-service-text {
    opacity: 0;
    will-change: transform, opacity;
}




.enuiry-form-number {
    width: 44px;
    height: 44px;

    background-color: #f4f4f4;

    border-radius: 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 2;
}

.enuiry-form-number span {
    position: relative;
    z-index: 3;
    color: #fff;
}




.indhd-we-swerve-map-head {
    opacity: 0;
    transform: translateX(-80px);
    will-change: transform, opacity;
}



.indhd-we-swerve-title {
    opacity: 0;
    transform: translateY(40px);
    will-change: opacity, transform;
}





.enuiry-form-heading h3 {
    opacity: 0;
    transform: translateY(35px) scale(0.96);
    will-change: opacity, transform;
}

.enuiry-form-heading h3 span {
    display: inline-block;
}





.enuiry-form-main-title {
    opacity: 0;
    transform: translateY(40px);
    will-change: opacity, transform;
}




.blog-section-title {
    opacity: 0;
    transform: translateY(40px);
    will-change: opacity, transform;
}



.h1hding {
    opacity: 1;
    transform: translateY(40px);
    will-change: opacity, transform;
}

.tsetionmal-heading {
    opacity: 0;
    transform: translateY(40px);
    will-change: opacity, transform;
}





.indhd-we-swerve-slider {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.indhd-we-swerve-slider .swiper-wrapper {
    height: 100%;
}

.indhd-we-swerve-slider .swiper-slide {
    height: 100%;
}







/* =====================================================
   CHUJU BANNER
===================================================== */

.chuju-banner {
    width: 100%;
    background: #000;
    padding: 45px 0 50px;
    overflow: hidden;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.chuju-banner-content {
    /*padding-right: 30px;*/
}


/* =====================================================
   MAIN TITLE
===================================================== */

.chuju-banner-content h1 {
 margin: 0;
 padding: 0;
 text-transform: uppercase;
 font-family: Arial, sans-serif;
font-weight: 900;
line-height: 0.95;
 letter-spacing: -1px;
}


/* 5-AXIS */

.chuju-title-blue {
    display: block;

    font-size: 58px;

    font-style: italic;

    font-weight: 900;

    background: linear-gradient(
        180deg,
        #67b9ff 0%,
        #1976c9 50%,
        #064d8d 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-shadow:
        0 0 25px rgba(24, 126, 213, 0.25);
}


/* HORIZONTAL */

.chuju-title-white {
    display: block;

    color: #fff;

    font-size: 44px;

    font-weight: 800;

    letter-spacing: 2px;
}


/* MACHINING CENTER */

.chuju-title-grey {
    display: block;

    color: #8f9297;

    font-size: 31px;

    font-weight: 700;

    letter-spacing: 7px;

    margin-top: 5px;
}


/* =====================================================
   BLUE LINE
===================================================== */

.chuju-heading-line {
    width: 45px;
    height: 3px;

    background: #1683d8;

    margin: 20px 0 15px;

    position: relative;
}


/* small glow */

.chuju-heading-line::after {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 45px;
    height: 3px;

    background: #fff;

    /*box-shadow:*/
    /*    0 0 10px rgba(22, 131, 216, 0.7);*/
}


/* =====================================================
   DESCRIPTION
===================================================== */

.chuju-banner-content > p {
       margin: 0 0px 15px;
    color: #ffff;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
    font-family: Neue Einstellung Regular;
}




/* =====================================================
   FEATURE LIST
===================================================== */

.chuju-feature-list {

    display: grid;
    grid-template-columns:
        repeat(4, 1fr);
    width: 100%;
    margin-top: 5px;
    margin-left: -19px;
}


/* =====================================================
   FEATURE ITEM
===================================================== */

.chuju-feature-item {

    min-height: 72px;

    padding: 0 0px;

    border-right:
        1px solid rgba(255,255,255,0.28);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;
}


/* Remove last border */

.chuju-feature-item:last-child {
    border-right: none;
}


/* =====================================================
   FEATURE ICON
===================================================== */

.chuju-feature-icon {

    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 8px;

    color: #e7e7e7;

    font-size: 18px;
}


/* =====================================================
   FEATURE CONTENT
===================================================== */

.chuju-feature-content h6 {

    margin: 0;

    color: #dedede;

    font-size: 18px;

    line-height: 1.25;

    font-weight: 400;
    color: #fff;
    font-family: Neue Einstellung Regular;
}


.chuju-feature-content span {

    display: block;

    color: #fff;

    font-size: 18px;

    line-height: 1.25;

    margin-top: 1px;
     font-family: Neue Einstellung Regular;
}


/* =====================================================
   ICON HOVER
===================================================== */

.chuju-feature-item:hover .chuju-feature-icon {

    color: #2d91dc;

    transform: translateY(-2px);

    transition: all 0.3s ease;
}


/* =====================================================
   RIGHT IMAGE
===================================================== */

.chuju-banner-image {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    overflow: hidden;
}


.chuju-banner-image img {

    width: 100%;

    height: auto;

    display: block;

    object-fit: contain;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .chuju-banner-content {
        padding-right: 0;

        margin-bottom: 35px;
    }

    .chuju-title-blue {
        font-size: 52px;
    }

    .chuju-title-white {
        font-size: 45px;
    }

    .chuju-title-grey {
        font-size: 27px;
        letter-spacing: 5px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .chuju-banner {
        padding: 7px 0;
    }


    .chuju-title-blue {
        font-size: 42px;
    }


    .chuju-title-white {
        font-size: 35px;

        letter-spacing: 1px;
    }


    .chuju-title-grey {
        font-size: 21px;

        letter-spacing: 3px;
    }


    .chuju-banner-content > p {
        font-size: 14px;
    }


    .chuju-feature-list {

        grid-template-columns:
            repeat(2, 1fr);

        row-gap: 20px;
    }


    .chuju-feature-item:nth-child(2) {
        border-right: none;
    }


    .chuju-feature-item:nth-child(3) {
        border-top: 1px solid rgba(255,255,255,0.15);

        padding-top: 15px;
    }


    .chuju-feature-item:nth-child(4) {
        border-top: 1px solid rgba(255,255,255,0.15);

        padding-top: 15px;
    }


    .chuju-banner-image {
        margin-top: 25px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .chuju-title-blue {
        font-size: 35px;
    }

    .chuju-title-white {
        font-size: 29px;
    }

    .chuju-title-grey {
        font-size: 17px;
        letter-spacing: 2px;
    }

    .chuju-feature-item {
        padding: 0 8px;
    }

}




.fa-caret-down:before{
    position: relative;
    right: -3px;
    top: -1px;
}



.navbar h5{
    color:#fff !important;
}




.navbar-light .navbar-nav .nav-link{
    color:#fff;
}




.dropdown-menu li a{
    color: #000 !important;
}



.bi-tools{
    color: #d71920;
}

i{
    color: #d71920;
}

.fa-caret-down{
    color: #fff !important;
}



.fa-chevron-up{
    color: #fff !important;
}

.fa-chevron-down{
    color: #fff !important;
}



.indhd-we-swerve-overlay i{
    color: #fff !important;
}

.indhd-we-swerve-title{
    color: #333333;
}

.indhd-we-swerve-map-head p{
    color: #777777;
}




.new-section-tab.active:focus{
    outline: none !important;
}



.sgdf{
    margin-top:-40px;
}


.fdsh-icon{
    color: #fff !important;
}


.sgdf h4{
    color: #fff !important;
}




.navbar-light .navbar-toggler{
    background: #fff !important;
}



@media screen and (max-width:460px){
    
.new-section-about {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    /* font-family: "Arial", sans-serif; */
    padding: 0px 0px;
}

.ksfdd-content{
    right: 0px !important;
}

.indhd-we-swerve-map-image img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.enuiry-form-box{
    position: static !important;
}
}



.asdsa p{
    margin-left: 7px !important;
}





.asdsa ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.asdsa ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.asdsa ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 3px;

    width: 18px;
    height: 18px;

    border: 1.5px solid #e51f2a;
    border-radius: 50%;

    color: #e51f2a;
    font-size: 11px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;
}



.uju-alipjo-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uju-alipjo-box ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
        font-family: Neue Einstellung Regular;
        color: #333;
}

.uju-alipjo-box ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 2px;

    width: 18px;
    height: 18px;

    border: 1.5px solid #e51f2a;
    border-radius: 50%;

    color: #e51f2a;
    font-size: 11px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;
}




/* ==========================================
   PRODUCT SPECIFICATION TABLE
========================================== */

.conttt {
    width: 100%;
}

/* Table wrapper */
.conttt table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 30px 0 10px !important;
    background: #fff;
    border: 1px solid #e4e7eb !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
    font-family: inherit;
}

/* All cells */
.conttt table td,
.conttt table th {
    padding: 13px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid #e8eaed !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    vertical-align: middle !important;
}

/* ==========================================
   MAIN SPECIFICATION TITLE
   First row - SPECIFICATION
========================================== */

.conttt table tr:first-child td,
.conttt table tr:first-child th {
    background: linear-gradient(135deg, #898989 0%, #898989 100%) !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center !important;
    padding: 15px 20px !important;
    border: 0 !important;
}



/* ==========================================
   ITEM / VALUE HEADER
   Second row
========================================== */

.conttt table tr:nth-child(2) td,
.conttt table tr:nth-child(2) th {
    background: #f4f6f8 !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 12px 18px !important;
}

/* ==========================================
   FIRST COLUMN - ITEM
========================================== */

.conttt table tr:not(:first-child) td:first-child {
    width: 50%;
    font-weight: 500 !important;
    color: #292929 !important;
    background: #fafafa !important;
}

/* ==========================================
   SECOND COLUMN - VALUE
========================================== */

.conttt table tr:not(:first-child) td:nth-child(2) {
    width: 50%;
    font-weight: 500 !important;
    color: #4d5053 !important;
    background: #fff !important;
}

/* ==========================================
   HOVER EFFECT
========================================== */

.conttt table tr:not(:first-child):not(:nth-child(2)):hover td {
       background: #89898900 !important;
    transition: all 0.25s ease;
}

.conttt table tr:not(:first-child):hover td:first-child {
    color: #d71920 !important;
}

/* ==========================================
   LAST ROW BORDER REMOVE
========================================== */

.conttt table tr:last-child td {
    border-bottom: 0 !important;
}

/* ==========================================
   MOBILE RESPONSIVE
========================================== */

@media (max-width: 767px) {

    .conttt {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .conttt table {
        min-width: 650px !important;
        margin-top: 25px !important;
    }

    .conttt table td,
    .conttt table th {
        padding: 11px 14px !important;
        font-size: 14px !important;
    }

    .conttt table tr:first-child td,
    .conttt table tr:first-child th {
        font-size: 15px !important;
        padding: 13px !important;
    }
}







/*===============================*/

/* ==========================================
   INSTALLED FOR PERFORMANCE
========================================== */

.fkdsfg {
    background: #f5f5f5;
    border-left: 4px solid #222;
     padding: 30px 20px 45px;
    width: 100%;
}

.fkdsfg-content {
    max-width: 900px;
    margin: 0 auto;
}

.fkdsfg-title {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
}

.fkdsfg-text {
        margin: 10px auto 0px;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
}

.fkdsfg-text-bottom {
    margin-bottom: 0;
}

.fkdsfg-text strong {
 font-weight: 400;
    color: #333333;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .fkdsfg {
        padding: 25px 20px 30px;
    }

    .fkdsfg-content {
        max-width: 800px;
    }

    .fkdsfg-title {
        font-size: 27px;
        margin-bottom: 18px;
    }

    .fkdsfg-text {
        font-size: 18px;
        line-height: 1.08;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .fkdsfg {
        padding: 22px 15px 25px;
        border-left-width: 3px;
    }

    .fkdsfg-title {
        font-size: 23px;
        line-height: 1.25;
        margin-bottom: 16px;
    }

    .fkdsfg-text {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 16px;
    }
}


/* ==========================================
   DANATECH INSTALLATION SUPPORT
========================================== */

.sdfashgdfdfs-dd {
    width: 100%;
    padding: 31px 0 0;
    background: #fff;
    border-left: 2px solid #222;
    border-right: 2px solid #222;
    overflow: hidden;
}


/* ---------- HEADING ---------- */

.sdfashgdfdfs-dd-head {
    padding: 0 15px 16px;
}

.sdfashgdfdfs-dd-head h2 {
     margin: 0 0 9px;
    font-size: 29px;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
}

.sdfashgdfdfs-dd-head p {
    /*max-width: 850px;*/
    margin: 0 auto;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
}


/* ---------- IMAGE ---------- */

.sdfashgdfdfs-dd-image {
    width: 100%;
    height: 294px;
    overflow: hidden;
}

.sdfashgdfdfs-dd-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /*border-radius: 20px;*/
}


/* ---------- POINTS ---------- */

/*.sdfashgdfdfs-dd-points {*/
/*    padding: 5px 65px 5px 35px;*/
/*}*/

.sdfashgdfdfs-dd-point {
   display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.sdfashgdfdfs-dd-point:last-child {
    margin-bottom: 0;
}


/* ---------- CHECK ICON ---------- */

.sdfashgdfdfs-dd-icon {
       flex: 0 0 20px;
    width: 27px;
    height: 20px;
    border: 1px solid #e52b2f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e52b2f;
    position: relative;
}

.sdfashgdfdfs-dd-icon span {
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    transform: rotate(-8deg);
}


/* ---------- TEXT ---------- */

.sdfashgdfdfs-dd-text {
    font-size: 21px;
    line-height: 25px;
    color: #333333;
    font-weight: 400;
    color: #333333;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    /* max-width: 280px; */
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .sdfashgdfdfs-dd-head h2 {
        font-size: 20px;
    }

    .sdfashgdfdfs-dd-head p {
        font-size: 11px;
    }

    .sdfashgdfdfs-dd-image {
        height: 270px;
    }

    .sdfashgdfdfs-dd-points {
        padding: 10px 25px;
    }

    .sdfashgdfdfs-dd-point {
        margin-bottom: 25px;
    }

    .sdfashgdfdfs-dd-text {
        font-size: 13px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .sdfashgdfdfs-dd {
        padding-top: 15px;
    }

    .sdfashgdfdfs-dd-head {
        padding: 0 15px 18px;
    }

    .sdfashgdfdfs-dd-head h2 {
        font-size: 19px;
        line-height: 1.2;
    }

    .sdfashgdfdfs-dd-head p {
        font-size: 11px;
        line-height: 1.2;
    }

    .sdfashgdfdfs-dd-image {
        height: 250px;
    }

    .sdfashgdfdfs-dd-points {
        padding: 25px 25px 10px;
    }

    .sdfashgdfdfs-dd-point {
        gap: 12px;
        margin-bottom: 25px;
        align-items: flex-start;
    }

    .sdfashgdfdfs-dd-icon {
        flex: 0 0 27px;
    }

    .sdfashgdfdfs-dd-text {
        font-size: 14px;
        line-height: 1.15;
    }
}




/* ==========================================
   TIMELINE JJ
========================================== */

.timelinejj {
    width: 100%;
    padding: 0 0 60px;
    background: #f5f6f8;
    overflow: hidden;
}

.timelinejj .container {
    max-width: 1100px;
}


/* ==========================================
   HEADING
========================================== */

.timelinejj-head {
    padding: 0 15px 28px;
}

.timelinejj-head h2 {
  margin: 30px 0 4px;
    color: #333333;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 500;
}

.timelinejj-head p {
    margin: 0 auto;
    color: #333333;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
}


/* ==========================================
   TIMELINE WRAPPER
========================================== */

.timelinejj-wrap {
    position: relative;
    width: 100%;
    padding: 10px 0 20px;
}


/* CENTER LINE */

.timelinejj-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: #000;
    transform: translateX(-50%);
}


/* ==========================================
   TIMELINE ITEM
========================================== */

.timelinejj-item {
    position: relative;
    width: 100%;
    min-height: 105px;
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}

.timelinejj-item:last-child {
    margin-bottom: 0;
}


/* LEFT */

.timelinejj-left {
    justify-content: flex-start;
}

.timelinejj-left .timelinejj-card {
    margin-right: calc(50% + 35px);
}


/* RIGHT */

.timelinejj-right {
    justify-content: flex-end;
}

.timelinejj-right .timelinejj-card {
    margin-left: calc(50% + 35px);
}


/* ==========================================
   CARD
========================================== */

.timelinejj-card {
    width: 100%;
    min-height: 106px;
    padding: 11px 12px;
    background: #000;
    border-radius: 8px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 2;
}


/* Orange border */

.timelinejj-left .timelinejj-card {
    border-left: 3px solid #000;
}

.timelinejj-right .timelinejj-card {
    border-right: 3px solid #000;
}


/* CARD HEADING */

.timelinejj-card h3 {
  margin: 0 0 4px;
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    text-align: left;
}


/* LIST */

.timelinejj-card ul {
    margin: 0;
    padding-left: 16px;
    text-align: left;
}

.timelinejj-card li {
   margin: 2px 0;
    color: #fff;
    font-size: 21px;
    line-height: 25px;
    font-family: Neue Einstellung Regular;
    font-weight: 400;

}

.timelinejj-card li::marker {
    color: #fff;
}


/* ==========================================
   YEAR PILL
========================================== */

.timelinejj-year {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;

    min-width: 54px;
    padding: 4px 8px;

    background: #000;
    color: #ff0000;

    border-radius: 20px;

    text-align: center;
    white-space: nowrap;

    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .timelinejj .container {
        max-width: 900px;
    }

    .timelinejj-head h2 {
        font-size: 29px;
    }

    .timelinejj-card {
        width: 360px;
    }

    .timelinejj-left .timelinejj-card {
        margin-right: calc(50% + 30px);
    }

    .timelinejj-right .timelinejj-card {
        margin-left: calc(50% + 30px);
    }

    .timelinejj-card li {
        font-size: 13px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .timelinejj {
        padding-bottom: 40px;
    }

    .timelinejj-head {
        padding: 0 15px 25px;
    }

    .timelinejj-head h2 {
        font-size: 26px;
    }

    .timelinejj-head p {
        font-size: 13px;
    }


    /* Move line to left */

    .timelinejj-wrap {
        padding-left: 42px;
        padding-right: 10px;
    }

    .timelinejj-wrap::before {
        left: 18px;
        transform: none;
    }


    /* All cards become same side */

    .timelinejj-item,
    .timelinejj-left,
    .timelinejj-right {
        width: 100%;
        min-height: auto;
        display: block;
        margin-bottom: 28px;
    }


    .timelinejj-left .timelinejj-card,
    .timelinejj-right .timelinejj-card {
        width: 100%;
        margin: 0;
    }


    .timelinejj-card {
        min-height: auto;
        padding: 12px 12px;
    }


    /* Year */

    .timelinejj-year {
        left: -24px;
        top: 18px;
        transform: translate(-50%, -50%);
        min-width: 50px;
        font-size: 10px;
        padding: 4px 7px;
    }


    .timelinejj-card h3 {
        font-size: 14px;
    }

    .timelinejj-card li {
        font-size: 13px;
        line-height: 1.3;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .timelinejj-head h2 {
        font-size: 23px;
    }

    .timelinejj-head p {
        font-size: 12px;
    }

    .timelinejj-wrap {
        padding-left: 38px;
    }

    .timelinejj-wrap::before {
        left: 15px;
    }

    .timelinejj-year {
        left: -23px;
        min-width: 48px;
    }

    .timelinejj-card {
        padding: 11px 10px;
    }

    .timelinejj-card li {
        font-size: 12px;
    }
}



.sdgs-hujdyhr {
    width: 100%;
    background: #dcdcdc;
    overflow: hidden;
        padding-top: 25px;
}

.sdgs-hujdyhr-title {
    text-align: center;
    padding: 0 15px 2px;
}

.sdgs-hujdyhr-title h2 {
       margin: 0;
    color: #333333;
    font-size: 29px;
    line-height: 22px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.sdgs-hujdyhr-row {
    border-bottom: 1px solid #929292;
}

.sdgs-hujdyhr-item {
    /*min-height: 135px;*/
    padding: 20px 38px 20px;
    background: #dcdcdc;
}

.sdgs-hujdyhr-item h3 {
  /*margin: -28px 0 20px; */*/
    padding: 0 5px;
    position: relative;
    text-align: center;
    color: #333333;
    font-size: 24px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    background: #dcdcdc;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.sdgs-hujdyhr-item p {
margin: 0;
    color: #333333;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    /*max-width: 520px;*/
}

/* Vertical divider */
/*.sdgs-hujdyhr-row > div:first-child {*/
/*    border-right: 1px solid #929292;*/
/*}*/


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .sdgs-hujdyhr-title h2 {
        font-size: 25px;
    }

    .sdgs-hujdyhr-item {
        min-height: 145px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .sdgs-hujdyhr-item h3 {
        font-size: 18px;
    }

    .sdgs-hujdyhr-item p {
        font-size: 16px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .sdgs-hujdyhr-title {
        padding: 10px 15px;
    }

    .sdgs-hujdyhr-title h2 {
        font-size: 22px;
    }

    .sdgs-hujdyhr-row {
        border-top: 2px solid #929292;
    }

    .sdgs-hujdyhr-row > div:first-child {
        border-right: 0;
        border-bottom: 2px solid #929292;
    }

    .sdgs-hujdyhr-item {
        min-height: auto;
        padding: 35px 20px 25px;
    }

    .sdgs-hujdyhr-item h3 {
        margin: -47px auto 18px;
        font-size: 17px;
    }

    .sdgs-hujdyhr-item p {
        font-size: 16px;
        line-height: 1.2;
    }
}





/* ==========================================
   DIAGNOSE → RESTORE SECTION
========================================== */

.fdg-dfagfj {
    width: 100%;
    background: #fff;
    padding: 0 15px 22px;
    text-align: center;
    overflow: hidden;
        margin-top: -30px;
}

.fdg-dfagfj .container {
    max-width: 1100px;
    margin: 0 auto;
}


/* Diamond Icon */

.fdg-dfagfj-icon {
    color: #000;
    font-size: 15px;
    line-height: 1;
    height: 15px;
    margin-bottom: 16px;
}


/* Heading */

.fdg-dfagfj-title {
       margin: 0 0 12px;
    color: #333333;
    font-size: 26px;
    line-height: 22px;
    font-weight: 400;
}


/* Description */

.fdg-dfagfj-text {
    margin: 0;
    color: #333333;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .fdg-dfagfj {
        padding-bottom: 20px;
    }

    .fdg-dfagfj-title {
        font-size: 23px;
    }

    .fdg-dfagfj-text {
        font-size: 17px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .fdg-dfagfj {
        padding: 0 15px 20px;
    }

    .fdg-dfagfj-icon {
        font-size: 13px;
        margin-bottom: 13px;
    }

    .fdg-dfagfj-title {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .fdg-dfagfj-text {
        font-size: 15px;
        line-height: 1.35;
    }
}









/* ==========================================
   ANNUAL MAINTENANCE CONTRACT
========================================== */

.prerefdr {
    width: 100%;
    background: #fff;
    padding: 0 15px 30px;
    overflow: hidden;
        margin-top: -40px;
}

.prerefdr .container {
    max-width: 1000px;
}


/* ==========================================
   TOP DIAMOND
========================================== */

.prerefdr-diamond {
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 1;
    height: 16px;
    margin-bottom: 5px;
}


/* ==========================================
   RED TITLE
========================================== */

.prerefdr-title {
    width: fit-content;
    margin: 0 auto 26px;
    padding: 14px 10px;
    background: #d71920;
    color: #fff;
    border-radius: 8px;
    font-size: 23px;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}


/* ==========================================
   SUBTITLE
========================================== */

.prerefdr-subtitle {
    margin: 0 0 3px;

color: #333333;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 500;

    text-align: center;
}


/* ==========================================
   DESCRIPTION
========================================== */

.prerefdr-description {
   margin: 0 auto;
    max-width: 900px;
    /* color: #111; */
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}

.prerefdr-description strong {
    font-weight: 400;
    color: #333333;
}


/* ==========================================
   FEATURES
========================================== */

.prerefdr-features {
    margin-top: 20px;
}

.prerefdr-features > div {
       padding-left: 17%;
    padding-right: 6%;
}


/* ==========================================
   FEATURE ITEM
========================================== */

.prerefdr-feature {
      display: flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 12px;
    gap: 8px;
}


/* ==========================================
   CHECK ICON
========================================== */

.prerefdr-check {
       position: relative;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    border: 1px solid #df0011;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #df0011;
}


/* Tick */

.prerefdr-check span {
  font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    transform: rotate(-8deg);
    margin-top: -5px;
}

/* ==========================================
   FEATURE TEXT
========================================== */

.prerefdr-feature-text {
   color: #333333;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .prerefdr-title {
        font-size: 21px;
        padding: 15px 12px;
    }

    .prerefdr-description {
        font-size: 16px;
    }

    .prerefdr-features {
        margin-top: 35px;
    }

    .prerefdr-features > div {
           padding-left: 17%;
    padding-right: 6%;
    }

    .prerefdr-feature-text {
        font-size: 21px;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .prerefdr {
        padding: 0 15px 25px;
    }

    .prerefdr-title {
        width: 100%;
        max-width: 360px;

        padding: 14px 10px;
        margin-bottom: 18px;

        font-size: 18px;
    }

    .prerefdr-subtitle {
        font-size: 17px;
        margin-bottom: 12px;
    }

    .prerefdr-description {
        font-size: 14px;
        line-height: 1.25;
    }

    .prerefdr-desktop-break {
        display: none;
    }

    .prerefdr-features {
        margin-top: 30px;
    }

    .prerefdr-features > div {
           padding-left: 17%;
    padding-right: 6%;
    }

    .prerefdr-feature {
        min-height: 60px;
        margin-bottom: 20px;
        gap: 14px;
    }

    .prerefdr-check {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        border-width: 3px;
    }

    .prerefdr-check span {
        font-size: 35px;
    }

    .prerefdr-feature-text {
        font-size: 19px;
        line-height: 1.1;
    }
}





.sdfashgdfdfs-dd .row{
    margin-top:20px !important;
}




.intl-tel-input.separate-dial-code .selected-dial-code{
 background: #fff !important;
}


.intl-tel-input .selected-flag{
    padding: 0px !important;
}



select{
    height: 60px !important;
}

select.form-control {
    color: #fff !important;
    background-color: transparent; /* agar background transparent chahiye */
}

select.form-control option {
    color: #000;
    background-color: #fff;
}


select.form-control:focus {
    color: #fff !important;
    background-color: transparent !important;
    border-color: inherit !important;
    outline: 0 !important;
    box-shadow: none !important;
}





.navbar-light .navbar-nav .nav-link:focus{
    color: #fff !important;
}




@media screen and (min-width:1400px){
    .fkdsfg-text {
    margin: 10px auto 0px;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: #333333;
}
}





.cfd-gallery-item img{
    width: 100% !important;
}




  .sdfaf-ctara {
        background: #000;
        min-height: 200px;
        padding: 30px 40px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .sdfaf-ctara .container-fluid {
        width: 100%;
    }

    .sdfaf-ctara__title {
        margin: 0;
        color: #fff;
        font-size: 36px;
        line-height: 1.15;
        font-weight: 500;
        letter-spacing: -1px;
    }

    .sdfaf-ctara__content {
        text-align: center;
        padding-left: 20px;
    }

    .sdfaf-ctara__text {
       margin: 0 0 22px;
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    }

    .sdfaf-ctara__button {
        width: 205px;
        height: 36px;
        border: 0;
        border-radius: 5px;
        background: #e50909;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .sdfaf-ctara__button:hover {
        background: #ff1b1b;
        transform: translateY(-1px);
        box-shadow: 0 5px 15px rgba(229, 9, 9, 0.25);
    }

    /* Tablet */
    @media (max-width: 991px) {
        .sdfaf-ctara {
            padding: 50px 30px;
        }

        .sdfaf-ctara__title {
            font-size: 30px;
        }

        .sdfaf-ctara__content {
            padding-left: 10px;
        }

        .sdfaf-ctara__text {
            font-size: 12px;
        }
    }

    /* Mobile */
    @media (max-width: 767px) {
        .sdfaf-ctara {
            min-height: auto;
            padding: 45px 20px;
        }

        .sdfaf-ctara__title {
            font-size: 28px;
            text-align: center;
            margin-bottom: 30px;
        }

        .sdfaf-ctara__content {
            padding-left: 0;
        }

        .sdfaf-ctara__text {
            font-size: 13px;
            line-height: 1.35;
        }

        .sdfaf-ctara__button {
            width: 205px;
        }
    }
    
    
    
    
    
    
    
     .cfd-gallery {
        width: 100%;
    }

    .cfd-gallery-item {
        width: 100%;
        overflow: hidden;
    }

    .cfd-gallery-item a {
        display: block;
        width: 100%;
        cursor: pointer;
    }

    .cfd-gallery-img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        display: block;

        transition: transform 0.4s ease;
    }

    .cfd-gallery-item:hover .cfd-gallery-img {
        transform: scale(1.05);
    }
    
    
    
    .lightbox {
    width: 100%;
    z-index: 101010101010101010 !important;
    font-weight: 400;
    outline: 0;
    top:1070px !important;
}




#lightbox .lb-outerContainer {
    position: relative !important;
}


#lightbox .lb-close {
      /*position: absolute !important;*/
    top: -14px !important;
    right: 28% !important;
    width: 30px !important;
    height: 30px !important;
    z-index: 999999 !important;
    background: #222 !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Default Lightbox close image hatao */
#lightbox .lb-close {
    background-image: none !important;
}

/* Apna × */
#lightbox .lb-close::after {
    content: "×";
}




.prerefdr-title a:hover{
    text-decoration: none !IMPORTANT;
}




.ksfdd-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 25px;
}

.ksfdd-arrows button {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.ksfdd-arrows button i {
    font-size: 17px;
    color: #e31b23;
    transition: all 0.3s ease;
}

.ksfdd-arrows button:hover {
    background: #e31b23;
    border-color: #e31b23;
}

.ksfdd-arrows button:hover i {
    color: #fff;
}





 
        /* =========================================
           DETAIL PAGE
        ========================================= */

        .detail-page {
            background: #f5f6f8;
            /*min-height: 100vh;*/
            padding: 10px 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        .detail-page .product-card {
            position: relative;
            background: #ffffff;
            border-radius: 20px;
            min-height: 250px;
            overflow: hidden;
            box-shadow:
                0 4px 12px rgba(0, 0, 0, 0.06),
                0 12px 30px rgba(0, 0, 0, 0.10);
            transition: all 0.3s ease;
                margin-bottom: 20px;
        }

        .detail-page .product-card:hover {
            transform: translateY(-3px);
            box-shadow:
                0 8px 20px rgba(0, 0, 0, 0.08),
                0 18px 40px rgba(0, 0, 0, 0.13);
        }

        /* =========================================
           PRODUCT IMAGE
        ========================================= */

        .detail-page .product-image-box {
            width: 100%;
            /*height: 270px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            /*padding: 15px;*/
        }

        .detail-page .product-image {
            width: 100%;
            /*height: 240px;*/
            /*object-fit: contain;*/
            object-position: center;
            display: block;
        }

        /* =========================================
           PRODUCT CONTENT
        ========================================= */

        .detail-page .product-content {
            height: 100%;
                padding: 16px 13px 10px 0px;
        }

        .detail-page .product-title {
              margin: 0 0 5px;
    color: #333333;
    font-size: 25px;
    line-height: 31px;
    font-weight: 550;
        }

 .detail-page .product-subtitle {
       margin-bottom: 14px;
    color: #818c8d;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
}

      .detail-page .product-description {
    color: #818c8d;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-bottom: 1;
    /* max-width: 850px; */
}
        /* =========================================
           REQUEST QUOTE BUTTON
        ========================================= */

        .detail-page .quote-btn {
            position: absolute;
            top: 20px;
            right: 20px;

            min-width: 285px;
            height: 63px;

            border: 0;
            border-radius: 5px;

            background: #3988df;
            color: #fff;

            font-size: 19px;
            font-weight: 700;

            display: flex;
            align-items: center;
            justify-content: center;

            box-shadow:
                0 7px 16px rgba(57, 136, 223, 0.30);

            transition: all 0.25s ease;
        }

        .detail-page .quote-btn:hover {
            background: #2677cf;
            transform: translateY(-2px);
            box-shadow:
                0 10px 22px rgba(57, 136, 223, 0.38);
        }

        /* =========================================
           SPECS
        ========================================= */

        .detail-page .specs-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            margin-top: 20px;
            margin-right: 20px;
        }

        .detail-page .spec-item {
            min-height: 80px;
            padding: 7px 25px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            border-left: 1px solid #d6dbe0;
            text-align: center;
        }

        .detail-page .spec-item:first-child {
            border-left: 0;
        }

        .detail-page .spec-value {
            color: #5c6268;
            font-size: 25px;
            line-height: 1.2;
            font-weight: 700;
            margin-bottom: 7px;
        }

        .detail-page .spec-label {
            color: #202020;
            font-size: 17px;
            line-height: 1.3;
            font-weight: 400;
        }

        /* =========================================
           RESPONSIVE
        ========================================= */

        @media (max-width: 1199px) {

            .detail-page .quote-btn {
                min-width: 230px;
            }

            .detail-page .product-title {
                font-size: 23px;
            }

            .detail-page .product-subtitle {
                font-size: 17px;
            }

            .detail-page .product-description {
                font-size: 16px;
            }

            .detail-page .spec-value {
                font-size: 22px;
            }

            .detail-page .spec-label {
                font-size: 15px;
            }
        }

        @media (max-width: 991px) {

            .detail-page .product-card {
                padding-bottom: 20px;
            }

            .detail-page .product-image-box {
                height: 250px;
            }

            .detail-page .product-content {
                padding: 10px 25px 20px;
            }

            .detail-page .quote-btn {
                position: static;
                width: 100%;
                margin: 0 0 15px;
            }

            .detail-page .specs-row {
                margin-right: 0;
            }
        }

        @media (max-width: 767px) {

            .detail-page {
                padding: 15px 0;
            }

            .detail-page .product-card {
                border-radius: 14px;
            }

            .detail-page .product-image-box {
                height: 220px;
            }

            .detail-page .product-image {
                height: 210px;
            }

            .detail-page .product-content {
                padding: 10px 20px 20px;
            }

            .detail-page .product-title {
                font-size: 22px;
            }

            .detail-page .product-subtitle {
                font-size: 16px;
            }

            .detail-page .product-description {
                font-size: 15px;
            }

            .detail-page .specs-row {
                grid-template-columns: repeat(2, 1fr);
                row-gap: 15px;
            }

            .detail-page .spec-item {
                border-left: 0;
                border-right: 1px solid #d6dbe0;
            }

            .detail-page .spec-item:nth-child(2n) {
                border-right: 0;
            }

            .detail-page .spec-value {
                font-size: 20px;
            }

            .detail-page .spec-label {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {

            .detail-page .product-image-box {
                height: 190px;
            }

            .detail-page .product-image {
                height: 180px;
            }

            .detail-page .specs-row {
                grid-template-columns: 1fr;
            }

            .detail-page .spec-item,
            .detail-page .spec-item:nth-child(2n) {
                border: 0;
                border-bottom: 1px solid #e1e4e7;
                padding: 12px;
            }

            .detail-page .spec-item:last-child {
                border-bottom: 0;
            }
        }
   







@media screen and (max-width:460px){
    .cfd-gallery-img{
        margin-bottom:15px !important;
    }
}




@media screen and (min-width:1400px){
    
     .new-section-engineer-card {
        position: absolute;
        z-index: 10;
        left: 0px;
        bottom: -14px;
        width: 88%;
        height: 79px;
        background: #071d38;
        display: flex;
        align-items: center;
        padding: 0px 20px;
        clip-path: none !important;
    }
    .new-section-image-area {
    position: relative;
    width: 100%;
    /*height: 554px;*/
    overflow: hidden;
    /*background: #101b25;*/
}
}

@media screen and (min-width:1530px){
    .new-section-image-area {
    position: relative;
    width: 100%;
    /*height: 615px;*/
    overflow: hidden;
    /*background: #101b25;*/
}
}







@media (min-width: 992px) {
    .col-lg-5col {
        flex: 0 0 20%;
        max-width: 20%;
        padding-left: 0px;
        padding-right: 5px;
    }
}



.txr,
.txr:hover,
.txr:focus {
    text-decoration: none !important;
}




.new-section-engineer-info{
    margin-top: -10px !important;
}


.nhfdnfh {
    transition: all 0.3s ease;
        display: inline-block;
    padding: 4px 12px;
    transition: all 300ms;
    color: #ffffff;
    /* background: #0093d2; */
    z-index: 1;
    border: unset;
    position: relative;
    overflow: hidden;
    transition: all 300ms;
    color: #000;
    /* background: #161F32; */
    font-family: "Bebas Neue", sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-size: 22px;
    margin-top: 6px;
    border-radius: 5px;
    /* box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px, rgb(0 0 0 / .3) 0 30px 60px -30px, rgb(10 37 64 / .35) 0 -2px 6px 0 inset; */
}


.nhfdnfh:hover {
    background-color: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
}






/* =========================================
   GYTD CNC PRODUCT SECTION
========================================= */

.gytd-cnc-section {
    width: 100%;
    padding: 25px 20px;
    background: #ffffff;
}

.gytd-cnc-row {
    row-gap: 22px;
}

/* Card */

.gytd-cnc-card {
    background: #dedede;
    border-radius: 27px;
    padding: 15px 17px 12px;
    height: 100%;
    min-height: 300px;

    display: flex;
    flex-direction: column;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

/* Card Hover */

.gytd-cnc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}


/* Content */

.gytd-cnc-content {
    padding: 0 2px 6px;
}

.gytd-cnc-content h3 {
    
    margin: 0;
    color: #333333;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 5px;
}

.gytd-cnc-content p {
    margin: 1px 0 0;
    color: #333333;
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    /* font-family: Arial, sans-serif; */
}


/* Image Box */

.gytd-cnc-image {
    width: 100%;
    height: 200px;

    background: #ffffff;
    border-radius: 17px;

    overflow: hidden;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* Image */

.gytd-cnc-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}


/* Image Hover */

.gytd-cnc-card:hover .gytd-cnc-image img {
    transform: scale(1.04);
}


/* Footer */

.gytd-cnc-footer {
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
    padding: 8px 1px 0;
    margin-top: auto !important;
}


/* View Details */

.gytd-cnc-details {
 color: #333333;
    font-size: 17px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.3s ease;
}

.gytd-cnc-details:hover {
    color: #111111;
}


/* Inquiry Button */

.gytd-cnc-inquiry {
color: #f32727;
    font-size: 13px;
    line-height: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.gytd-cnc-inquiry:hover {
    color: #c90000;
    transform: translateX(-2px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .gytd-cnc-section {
        padding: 20px 15px;
    }

    .gytd-cnc-card {
        min-height: 245px;
    }

    .gytd-cnc-image {
        height: 155px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .gytd-cnc-section {
        padding: 15px 12px;
    }

    .gytd-cnc-row {
        row-gap: 15px;
    }

    .gytd-cnc-card {
        min-height: 250px;
        border-radius: 22px;
        padding: 14px;
    }

    .gytd-cnc-image {
        height: 165px;
        border-radius: 15px;
    }

    .gytd-cnc-content h3 {
        font-size: 22px;
    }

    .gytd-cnc-content p {
        font-size: 20px;
    }
}



.sddki:hover{
    text-decoration: none !important;
}














/* =========================================
   SDGAH BRAND MARQUEE
========================================= */

.sdgah-maeerquurr-section {
     width: 100%;
    background: #ffffff;
    /* border-top: 3px solid #d5d5d5; */
    /* border-bottom: 3px solid #d5d5d5; */
    overflow: hidden;
   padding: 15px 0;
    margin-top: 10px;
    box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px, rgb(0 0 0 / .3) 0 30px 60px -30px, rgb(10 37 64 / .35) 0 -2px 6px 0 inset;
}


/* Marquee Wrapper */

.sdgah-maeerquurr-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}


/* Moving Track */

.sdgah-maeerquurr-track {
    display: flex;
    align-items: center;
    width: max-content;

    animation: sdgah-maeerquurr-scroll 28s linear infinite;

    will-change: transform;
}


/* Logo Item */

.sdgah-maeerquurr-item {
    width: auto;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    margin: 0 20px;
}


/* Logo */

/*.sdgah-maeerquurr-item img {*/
/*    width: auto;*/
/*    max-width: 125px;*/
/*    height: 40px;*/

/*    object-fit: contain;*/
/*    display: block;*/
/*}*/


/* Continuous Marquee */

@keyframes sdgah-maeerquurr-scroll {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* Pause On Hover */

.sdgah-maeerquurr-wrapper:hover .sdgah-maeerquurr-track {
    animation-play-state: paused;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .sdgah-maeerquurr-item {
        margin: 0 7px;
    }

    /*.sdgah-maeerquurr-item img {*/
    /*    max-width: 110px;*/
    /*    height: 36px;*/
    /*}*/

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .sdgah-maeerquurr-section {
        padding: 2px 0;
    }

    .sdgah-maeerquurr-item {
        height: 38px;
        margin: 0 6px;
    }

    /*.sdgah-maeerquurr-item img {*/
    /*    max-width: 90px;*/
    /*    height: 34px;*/
    /*}*/

    .sdgah-maeerquurr-track {
        animation-duration: 20s;
    }

}




@media screen and (max-width:460px){
    .lkll h1{
        font-size: 23px !important;
            line-height: 28px !important;
    }
    .lkll{
        height: auto !important;
    }
    
    .lkll .chuju-banner-image{
                margin-top: -60px !important;
    }
}

























.new-section-machine-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: top center;
    display: block;
    border-right: 3px solid red !important;
    
}

.new-section-machine-image::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 4px;
    height: 100%;
    background: #000;
    transform: rotate(8deg);
    transform-origin: center;
}




.blog-seeeu-section {
  width: 100%;
  padding: 50px 0;
  background: #eefbfe;
}


/* ================================
   BLOG CARD
================================ */

.blog-seeeu-card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  overflow: hidden;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.10);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.blog-seeeu-card:hover {
  transform: translateY(-5px);

  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.16);
}


/* ================================
   IMAGE
================================ */

.blog-seeeu-image-wrap {
  position: relative;
  width: 100%;
  height: 272px;
  overflow: hidden;
  background: #f5f5f5;
}

.blog-seeeu-image {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.4s ease;
}

.blog-seeeu-card:hover .blog-seeeu-image {
  transform: scale(1.03);
}


/* ================================
   DATE
================================ */

.blog-seeeu-date {
  position: absolute;
  top: 0;
  right: 0;

  padding: 8px 12px;

  background: rgba(255, 255, 255, 0.96);

  color: #333;

  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;

  border-bottom-left-radius: 5px;
}


/* ================================
   CONTENT
================================ */

.blog-seeeu-content {
  padding: 8px 8px 14px;
}


/* ================================
   TITLE
================================ */

.blog-seeeu-title {
    margin: 0px 0 10px;
    color: #333333;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    min-height: 10px;
}


/* ================================
   META
================================ */

.blog-seeeu-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
    color: #333333;
    font-size: 14px;
    line-height: 1.4;
}

.blog-seeeu-meta span {
  display: inline-flex;
  align-items: center;
}

.blog-seeeu-meta i {
  margin-right: 5px;

  font-size: 13px;
  color: #000;
}

.blog-seeeu-divider {
  color: #555;
  margin: 0 1px;
}


/* ================================
   EXCERPT
================================ */

.blog-seeeu-excerpt {
  margin: 0 0 2px;

  color: #111;

  font-size: 14px;
  line-height: 1.55;

  font-weight: 400;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ================================
   READ MORE
================================ */

.blog-seeeu-read-more {
  display: inline-block;

  color: #0000ff;

  font-size: 14px;
  font-weight: 500;

  text-decoration: none;

  transition: color 0.2s ease;
}

.blog-seeeu-read-more:hover {
  color: #0056d6;
  text-decoration: underline;
}


/* ================================
   RESPONSIVE
================================ */

@media (max-width: 991px) {

  .blog-seeeu-image-wrap {
    height: 250px;
  }

}


@media (max-width: 767px) {

  .blog-seeeu-section {
    padding: 35px 0;
  }

  .blog-seeeu-image-wrap {
    height: 260px;
  }

  .blog-seeeu-content {
    padding: 12px 14px 16px;
  }

}


@media (max-width: 575px) {

  .blog-seeeu-section {
    padding: 25px 10px;
  }

  .blog-seeeu-image-wrap {
    height: 230px;
  }

  .blog-seeeu-title {
    font-size: 17px;
  }

  .blog-seeeu-excerpt {
    font-size: 13px;
  }

}



.blog-details-section {
  width: 100%;
  background: #ffffff;
  padding: 18px 0 60px;
  color: #202020;
  font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   CONTAINER
========================================= */

.blog-details-section .container {
  max-width: 1140px;
}


/* =========================================
   BREADCRUMB
========================================= */

.blog-details-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;

  margin-bottom: 10px;

  font-size: 17px;
  color: #777;
}

.blog-details-breadcrumb a {
  color: #555;
  text-decoration: none;
}

.blog-details-breadcrumb a:hover {
  color: #0066cc;
}

.blog-details-breadcrumb span {
  color: #888;
}


/* =========================================
   HEADER
========================================= */

.blog-details-header {
  margin-bottom: 12px;
}

.blog-details-title {
     margin: 0 0 8px;
    max-width: 950px;
    color: #333333;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 500;
}


/* =========================================
   META
========================================= */

.blog-details-meta {
     display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #333333;
    font-size: 15px;
}

.blog-details-meta span {
  display: inline-flex;
  align-items: center;
}

.blog-details-meta i {
  margin-right: 4px;
  color: #222;
  font-size: 11px;
}

.blog-details-author {
  color: #333;
}

.blog-details-author-icon {
  font-size: 14px;
  margin-right: 4px;
}

.blog-details-meta-divider {
  color: #aaa;
}


/* =========================================
   BLOG WRAPPER
========================================= */

.blog-details-wrapper {
  width: 100%;
  max-width: 1000px;
  /*margin: 0 auto;*/
}


/* =========================================
   FEATURED IMAGE
========================================= */

.blog-details-featured {
  width: 100%;
  margin: 10px 0 15px;

  overflow: hidden;

  border-radius: 30px;
}

.blog-details-featured-image {
  width: 100%;
  height: 400px;

  display: block;

  object-fit: cover;
}


/* =========================================
   ARTICLE
========================================= */

.blog-details-article {
  color: #333;

  font-size: 12px;
  line-height: 1.65;
}

.blog-details-article p {
  margin: 0 0 0px;
}


/* =========================================
   HIGHLIGHT
========================================= */

.blog-details-highlight {
  display: flex;
  align-items: flex-start;

  gap: 12px;

  margin: 18px 0;
  padding: 15px;

  background: #f5fbff;

  border: 1px solid #dceef8;
  border-left: 4px solid #008aca;

  border-radius: 3px;
}

.blog-details-highlight-icon {
  width: 32px;
  height: 32px;

  flex: 0 0 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #008aca;
  color: #fff;

  border-radius: 50%;

  font-size: 14px;
}

.blog-details-highlight-content h4 {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 500;
    color: #111;
}

.blog-details-highlight-content p {
margin: 0;
    font-size: 17px;
    line-height: 22px;
}


/* =========================================
   NOTIFICATION BOX
========================================= */

.blog-details-notification {
  position: relative;

  display: flex;
  gap: 10px;

  margin: 20px 0;

  padding: 14px 18px;

  background: #fff8f4;

  border-left: 3px solid #ff6b2c;
}

.blog-details-notification-quote {
  color: #ff5a1f;

  font-size: 30px;
  line-height: 25px;

  font-weight: 700;
}

.blog-details-notification h4 {
  margin: 0 0 4px;

  color: #333;

  font-size: 13px;
  font-weight: 700;
}

.blog-details-notification p {
  margin: 0;

  color: #444;

  font-size: 11px;
  line-height: 1.5;
}


/* =========================================
   HEADINGS
========================================= */

.blog-details-heading {
    margin: 25px 0 9px;
    color: #33333;
    font-size: 25px;
    line-height: 19px;
    font-weight: 500;
}

.blog-details-heading::after {
  content: "";

  display: block;

  width: 38px;
  height: 2px;

  margin-top: 5px;

  background: #087fbd;
}


/* =========================================
   LIST
========================================= */

.blog-details-list {
  margin: 8px 0 16px;
  padding-left: 22px;
}

.blog-details-list li {
  margin-bottom: -1px;
    color: #333;
    font-size: 17px;
}

.blog-details-list li::marker {
  color: #087fbd;
}


/* =========================================
   COMPLIANCE BOX
========================================= */

.blog-details-compliance {
  margin: 20px 0;

  padding: 15px 18px;

  background: #f2f9fc;

  border: 1px solid #d8edf5;
  border-radius: 4px;
}

.blog-details-compliance h3 {
  display: flex;
  align-items: center;
  gap: 7px;

  margin: 0 0 7px;

  color: #0874a8;

  font-size: 14px;
  font-weight: 700;
}

.blog-details-compliance h3 i {
  font-size: 17px;
}

.blog-details-compliance p {
  margin: 0;

  font-size: 12px;
  line-height: 1.6;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

  .blog-details-section {
    padding: 15px 0 45px;
  }

  .blog-details-title {
    font-size: 22px;
  }

  .blog-details-wrapper {
    max-width: 100%;
  }

}


@media (max-width: 767px) {

  .blog-details-section {
    padding: 12px 0 35px;
  }

  .blog-details-title {
    font-size: 20px;
    line-height: 1.3;
  }

  .blog-details-meta {
    gap: 5px;
    font-size: 10px;
  }

  .blog-details-article {
    font-size: 12px;
    line-height: 1.6;
  }

  .blog-details-heading {
    font-size: 16px;
  }

}


@media (max-width: 575px) {

  .blog-details-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-details-breadcrumb {
    font-size: 9px;
    line-height: 1.4;
  }

  .blog-details-title {
    font-size: 18px;
  }

  .blog-details-meta {
    font-size: 9px;
  }

  .blog-details-meta-divider {
    display: none !important;
  }

  .blog-details-featured {
    margin-top: 8px;
  }

  .blog-details-article {
    font-size: 11px;
    line-height: 1.65;
  }

  .blog-details-highlight {
    padding: 11px;
  }

  .blog-details-notification {
    padding: 12px;
  }

  .blog-details-heading {
    font-size: 15px;
    margin-top: 20px;
  }

}





.bi-megaphone-fill{
    color: #fff !important;
}






.asg-dhk-section {
    width: 100%;
    padding: 0 0 30px;
    background: #fff;
}

/*.asg-dhk-section .container {*/
/*    max-width: 1000px;*/
/*}*/

/* Heading */
.asg-dhk-heading {
    margin: 0 0 8px;
    padding: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
        font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #333333;
}

/* Row */
.asg-dhk-row {
    margin: 0 -15px;
}

/* Item */
.asg-dhk-item {
    padding: 0 15px;
}

/* Image */
.asg-dhk-image-box {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.asg-dhk-image {
    display: block;
    width: 100%;
    height: 272px;
    object-fit: cover;
    object-position: center;
}

/* Title */
.asg-dhk-title {
     margin: 0 0 2px;
    padding: 0;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 500;
    color: #333333;
}

/* Description */
.asg-dhk-text {
      margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #333333;
    text-align: justify;
}

/* ================================
   TABLET
================================ */

@media (max-width: 991.98px) {

    .asg-dhk-section .container {
        max-width: 95%;
    }

    .asg-dhk-heading {
        font-size: 19px;
    }

    .asg-dhk-image {
        height: 250px;
    }

    .asg-dhk-text {
        font-size: 15px;
    }
}

/* ================================
   MOBILE
================================ */

@media (max-width: 767.98px) {

    .asg-dhk-section {
        padding: 10px 0 30px;
    }

    .asg-dhk-heading {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .asg-dhk-item {
        margin-bottom: 30px;
    }

    .asg-dhk-image {
        height: auto;
        max-height: 300px;
        object-fit: cover;
    }

    .asg-dhk-title {
        font-size: 17px;
    }

    .asg-dhk-text {
        font-size: 15px;
        line-height: 1.5;
        text-align: left;
    }
}

/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 575.98px) {

    .asg-dhk-section .container {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .asg-dhk-heading {
        font-size: 17px;
    }

    .asg-dhk-image {
        width: 100%;
    }
}





.djh-sdsa-section {
    width: 100%;
    padding: 0 0 45px;
    background: #fff;
    color: #111;
}

/*.djh-sdsa-section .container {*/
/*    max-width: 1000px;*/
/*}*/

/* Main Heading */
.djh-sdsa-heading {
       margin: 0 0 15px;
    padding: 0;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
}

/* Row */
.djh-sdsa-row {
    margin: 0;
}

/* Columns */
/*.djh-sdsa-column {*/
/*    padding-left: 48px;*/
/*    padding-right: 48px;*/
/*}*/

/* Model Title */
.djh-sdsa-title {
      margin: 0 0 10px;
    padding: 0;
    text-align: center;
    font-size: 25px;
    line-height: 10px;
    font-weight: 500;
    color: #333333;
}

/* Content */
.djh-sdsa-content {
    font-size: 16px;
    line-height: 1.48;
    font-weight: 400;
    color: #111;
}

.djh-sdsa-content p {
    margin: 0;
    padding: 0;
}

/* Applications */
.djh-sdsa-application {
    margin-top: 3px !important;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 991.98px) {

    .djh-sdsa-section .container {
        max-width: 95%;
    }

    .djh-sdsa-column {
        padding-left: 30px;
        padding-right: 30px;
    }

    .djh-sdsa-heading {
        font-size: 20px;
    }

    .djh-sdsa-content {
        font-size: 15px;
    }
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 767.98px) {

    .djh-sdsa-section {
        padding: 15px 0 35px;
    }

    .djh-sdsa-heading {
        margin-bottom: 30px;
        font-size: 19px;
    }

    .djh-sdsa-column {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 35px;
    }

    .djh-sdsa-title {
        margin-bottom: 15px;
        font-size: 17px;
    }

    .djh-sdsa-content {
        font-size: 15px;
        line-height: 1.5;
    }

    .djh-sdsa-application {
        margin-top: 20px !important;
    }
}


/* =====================================
   SMALL MOBILE
===================================== */

@media (max-width: 575.98px) {

    .djh-sdsa-section .container {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .djh-sdsa-heading {
        font-size: 18px;
    }

    .djh-sdsa-column {
        padding-left: 5px;
        padding-right: 5px;
    }
}





.gdsaj-section {
    width: 100%;
    padding: 15px 0 20px;
    background: #fff;
}

/*.gdsaj-section .container {*/
/*    max-width: 1000px;*/
/*}*/

.gdsaj-row {
    margin: 0 -7px;
}

.gdsaj-col {
    padding: 0 7px;
}


/* ================================
   PRODUCT
================================ */

.gdsaj-product {
    width: 100%;
}


/* ================================
   TITLE
================================ */

.gdsaj-title {
    height: 23px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 500;
    color: #111;
    text-align: center;
}


/* ================================
   GREY PRODUCT BODY
================================ */

.gdsaj-body {
        position: relative;
    width: 100%;
    height: 480px;
    padding: 0 13px 8px;
    background: #ddd;
    border-radius: 20px;
}


/* ================================
   IMAGE AREA
================================ */

.gdsaj-image-area {
    position: relative;
    width: 100%;
    /* height: 111px; */
    background: #fff;
    /* border-radius: 0 0 18px 18px; */
    overflow: hidden;
    border-radius: 18px !important;
    /* border: 2px solid red; */
    top: 8px;
}

.gdsaj-image {
    display: block;

    width: 100%;
    height: 250px;

    object-fit: contain;
}


/* Side curved grey portions */
.gdsaj-image-area::before,
.gdsaj-image-area::after {
    content: "";

    position: absolute;

    top: 0;

    /*width: 14px;*/
    height: 100%;

    background: #ddd;

    z-index: 2;
}

.gdsaj-image-area::before {
    /*left: -7px;*/
    /*border-radius: 0 15px 15px 0;*/
}

.gdsaj-image-area::after {
    /*right: -7px;*/
    /*border-radius: 15px 0 0 15px;*/
}


/* ================================
   SPECIFICATIONS
================================ */

.gdsaj-specs {
    padding: 16px 8px 0;
}

.gdsaj-spec-row {
      display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    font-size: 17px;
    line-height: 1;
    color: #333333;
}

.gdsaj-spec-row span:first-child {
    text-align: left;
}

.gdsaj-spec-row span:last-child {
    text-align: right;
}


/* ================================
   FOOTER
================================ */

.gdsaj-footer {
    position: absolute;
    left: 18px;
    right: 13px;
    bottom: 14px;
    height: 26px;
    border-top: 1px solid #777;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.gdsaj-details,
.gdsaj-inquiry {
       font-size: 17px;
    line-height: 1;
    text-decoration: none;
    color: #333333;
}

.gdsaj-inquiry {
    color: #ed0000;
}

.gdsaj-details:hover,
.gdsaj-inquiry:hover {
    text-decoration: none;
    opacity: .7;
}


/* ================================
   TABLET
================================ */

@media (max-width: 991.98px) {

    .gdsaj-section .container {
        max-width: 95%;
    }

    .gdsaj-title {
        font-size: 15px;
    }
}


/* ================================
   MOBILE
================================ */

@media (max-width: 767.98px) {

    .gdsaj-row {
        row-gap: 20px;
    }

    .gdsaj-col {
        max-width: 350px;
        margin: 0 auto;
    }

    .gdsaj-title {
        height: 38px;
    }
}



h1 .chuju-title-white:nth-child(2) {
    color: red !important;
}



.hdkajsdf-content p{
    font-weight: 500;
}


.hdkajsdf-feature-name{
    font-size: 18px !important;
    font-weight: 500 !important;
}






.gdsaj-product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 20px;
}

.gdsaj-product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}





.gdsaj-lightbox { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 30px; background: rgba(0, 0, 0, 0.88); opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease; } /* OPEN */ .gdsaj-lightbox.gdsaj-lightbox-show { opacity: 1; visibility: visible; } /* Inner Box */ .gdsaj-lightbox-inner { position: relative; width: auto; max-width: 95vw; max-height: 95vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Popup Image */ .gdsaj-lightbox-image { display: block; max-width: 90vw; max-height: 65vh; width: 400px; height: auto; object-fit: contain; border-radius: 8px; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); transform: scale(0.92); transition: transform 0.25s ease; } /* Image animation */ .gdsaj-lightbox-show .gdsaj-lightbox-image { transform: scale(1); } /* Product Title */ .gdsaj-lightbox-title { color: #fff; font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 15px; letter-spacing: 0.5px; } /* Close Button */ 
.gdsaj-lightbox-close { position: fixed; top: 20px; right: 25px; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.15); color: #fff; font-size: 34px; font-weight: 300; line-height: 44px; cursor: pointer; z-index: 1000000; transition: background 0.2s ease, transform 0.2s ease; } .gdsaj-lightbox-close:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } /* Make product images clickable */ .gdsaj-image { cursor: zoom-in; } /* Prevent page scroll when popup is open */ body.gdsaj-lightbox-open { overflow: hidden; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .gdsaj-lightbox { padding: 15px; } .gdsaj-lightbox-image { max-width: 94vw; max-height: 75vh; } .gdsaj-lightbox-title { font-size: 18px; margin-bottom: 10px; } .gdsaj-lightbox-close { top: 12px; right: 12px; width: 42px; height: 42px; font-size: 30px; line-height: 38px; } }



.gdsaj-lightbox-close {
    position: absolute;
    top: 30px;
    right: -18px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 1);
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    line-height: 31px;
    cursor: pointer;
    z-index: 1000000;
    transition: background 0.2s ease, transform 0.2s ease;
}