/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Kumbh+Sans:wght@100..900&display=swap');


:root {
    --main-font: 'Inter', sans-serif;
    --para-font: "Kumbh Sans", sans-serif;
    --heading-font: "Jost", sans-serif;
    --color-dark-blue: #0B1F4D;
    --dark-blue: #0B1F4D;
    --color-steel-gray: #555;
    --color-dark-gray: #333;
    --color-orange: #D67A1F;
    --color-orange-light: #ffb0a6;
    --color-orange-transparent: #f0752014;
    --color-yellow: #D67A1F;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-light: #fff7f0;
    --color-transparent: #fff0;
    --color-transparent2: rgb(0 51 102 / 94%);
    --color-gray: #ccc;
    --color-dark-black-opacity: rgb(0 51 102 / 8%);
    --color-light-blue: #ecf6ff;
    --color-border: #ef3b2426;
    --color-shadow-blue: rgba(11, 87, 185, 0.4);
    --color-shadow-black: 0px 4px 30px rgba(29, 28, 28, 0.253);
    --gradient-red-orange: linear-gradient(180deg, #D67A1F 0%, #b96612 100%);
    --gradient-navy-blue: linear-gradient(180deg, #0B1F4D 0%, #203c7c 100%);
    --gradient-light-gray: linear-gradient(to right, #eff0f2, #fefefe);
    --color-dark-blue-opacity: #0B1F4D;
    --text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    --text-shadow-light: 0 1px 1px rgb(0 51 102 / 8%);
}

body {
    font-family: var(--main-font);
    background: var(--color-white);
    font-size: 15px;
    overflow: hidden;
    overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--main-font);
    color: var(--color-black);
    margin: 0 0 20px;
}

.fs-1,
.fs-2,
.fs-3,
.fs-4,
.fs-5,
.fs-6 {
    font-family: var(--main-font);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--color-black);
}

p a {
    color: var(--color-steel-gray);
    width: auto;
    display: inline-block;
}

p a:hover {
    text-decoration: underline;
    outline: none;
    color: var(--color-dark-blue);
}

p {
    margin-bottom: 10px;
    font-weight: 400;
    color: var(--color-steel-gray);
    line-height: 24px;
    font-size: 15px;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
    line-height: 24px;
    font-size: 15px;
    color: var(--color-steel-gray);
    font-weight: 400;
    font-family: var(--main-font);
}

a {
    color: var(--color-steel-gray);
    text-decoration: none;
    outline: none;
    display: block;
}

a:hover,
a:focus,
a:active {
    outline: none;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

iframe {
    border: 0;
    width: 100%;
}

blockquote {
    padding: 0;
    border: 0;
}

label {
    color: var(--color-steel-gray);
    display: block;
    font-weight: 400;
    margin: 0;
}

textarea {
    background: var(--color-white);
    height: 100px !important;
}

textarea,
select,
input {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 0;
    background: var(--color-white);
    line-height: 40px;
    box-shadow: none;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px !important;
}

.form-group {
    position: relative;
    margin-bottom: 15px
}

.form-control::-moz-placeholder {
    color: var(--color-steel-gray);
}

.form-control:focus::-moz-placeholder {
    color: var(--color-dark-blue);
}

.form-control:focus {
    border-color: var(--color-dark-blue);
    box-shadow: none;
    outline: 0;
}

h2 {
    font-size: 26px;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: bold;
}

h3 span {
    padding: 0 10px 0 0;
    position: relative;
}

h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize;
    padding: 15px 0;
}

h5 {
    text-transform: capitalize;
}

/* Header*/
.bg-light2 {
    background: var(--color-light)
}

.text-dark-blue {
    color: var(--color-dark-blue)
}

.z-index-1 {
    z-index: 1;
}

.bg-orange {
    background-color: var(--color-orange);
}

.text-blue {
    color: var(--color-dark-blue)
}



ul.social li {
    margin: 0px;
    display: inline-block;
    background: var(--color-white);
    border-radius: 50px;
    width: 24px;
    height: 24px;
}

ul.social li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262b2f;
    background: var(--color-white);
}

ul.social li a svg {
    color: var(--color-dark-blue);
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}

ul.social li.facebook a {
    background: var(--color-white);
}

ul.social li.twitter a {
    background: var(--color-white)
}

ul.social li.linkedin a {
    background: var(--color-white);
}

ul.social li.youtube a {
    background: var(--color-white);
}

ul.social li.instagram a {
    background: var(--color-white);
}

.social-icons {
    overflow: hidden;
    margin: 0;
}

.text-right {
    text-align: right;
}

#web-pulse-scroll-up {
    position: fixed;
    z-index: 9;
    bottom: 70px;
    right: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: var(--color-white);
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
    display: none;
    background: var(--color-orange);
}

#web-pulse-scroll-up svg {
    width: 24px;
    height: 24px;
}

#web-pulse-scroll-up:hover {
    background: var(--color-dark-blue);
    color: var(--color-white);
}

.web-pulse-india address {
    width: 100%;
}

.web-pulse-india address .title_6 {
    font-size: 17px;
    color: var(--color-steel-gray);
    margin: 0 0 10px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 600;
}

.whatapp_btn {
    background: #01e675;
    width: 50px;
    height: 50px;
    color: var(--color-white);
    position: fixed;
    left: 5px;
    bottom: 70px;
    cursor: pointer;
    z-index: 9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}

a.whatapp_btn.whatapp_btn2 {
    bottom: 10px;
    right: 5px;
    left: inherit;
    background: var(--color-dark-blue);
}

.whatapp_btn svg {
    width: 24px;
    height: 24px;
}

.whatapp_btn:focus,
.whatapp_btn:hover {
    background: #01e675;
    color: var(--color-white);
}

#whatsapp .modal-dialog {
    margin-top: 12%;
}

.send_enquiry {
    background: var(--color-white);
    border-radius: 40px;
    bottom: 10px;
    color: var(--color-white);
    display: table;
    height: 50px;
    left: 5px;
    min-width: 50px;
    position: fixed;
    text-align: center;
    z-index: 9;
    transition: all 0.2s linear;
    background: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
}

.send_enquiry svg {
    width: 24px;
    height: 24px;
    line-height: 50px;
}

.send_enquiry:hover {
    color: var(--color-white);
    padding: 0 20px;
}

.send_enquiry:focus {
    color: var(--color-white);
}

.send_enquiry span {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: -15px;
    opacity: 0;
    line-height: 50px;
    transition: all 0.5s;
    text-transform: uppercase;
}

.send_enquiry:hover span {
    opacity: 1;
    letter-spacing: 1px;
    padding-left: 10px;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 0 15px;
    background: var(--color-dark-blue);
    color: var(--color-white);
    border-radius: 0;
}

.modal-header h4 {
    text-align: left;
    font-size: 17px;
    line-height: 18px;
    color: var(--color-white);
}

.modal-header .modal-title {
    text-align: left;
    font-size: 17px;
    line-height: 18px;
    color: var(--color-white);
    padding: 15px 0;
    text-transform: initial;
    letter-spacing: 0.2px;
}

.btn-close {
    width: 1em;
    height: 1em;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    outline: 0;
}

.send_p {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}

.g-recaptcha {
    transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

/* Inner Heading Banner*/
.heading_banner {
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 25px 0 15px;
    margin: 0;
}

.heading_banner:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-dark-black-opacity);
    top: 0;
    left: 0;
    z-index: 0;
    content: '';
}

.heading_banner .container {
    position: relative;
    z-index: 9;
}

.heading_banner h1 {
    margin: 0 0 10px;
    text-transform: capitalize;
    font-size: 36px;
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 10px 20px;
}

.heading_banner h2 {
    margin: 0;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: normal;
    color: var(--color-steel-gray);
    text-align: center;
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 10px 20px;
}

.heading_banner .cat_title {
    margin: 0 0 10px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 0px;
}

.heading_banner .cat_title2 {
    margin: 0;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: normal;
    color: var(--color-steel-gray);
    text-align: center;
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 10px 20px;
}

/* Breadcrumb*/
.inner_breadcrumb {
    width: 100%;
    background: var(--color-white);
    position: relative;
    margin: 0;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 32%);
}

.inner_breadcrumb .breadcrumb {
    background: none;
    border-radius: 0;
    border: none;
    list-style: none;
    padding: 0;
    float: left;
    text-transform: capitalize;
    margin: 0;
    flex-wrap: inherit;
}

.inner_breadcrumb .breadcrumb li {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-steel-gray);
    float: left;
    line-height: normal;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.inner_breadcrumb .breadcrumb li a {
    padding: 0;
    color: var(--color-steel-gray);
    letter-spacing: 0.3px;
}

.inner_breadcrumb .breadcrumb li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    padding: 0 14px;
    color: var(--color-white);
    display: inline-block;
}

.inner_breadcrumb .breadcrumb li.active {
    color: var(--color-dark-blue);
}

.inner_breadcrumb .breadcrumb li+li:before {
    content: "/";
    color: var(--color-white);
    padding: 0 14px;
}

.inner_breadcrumb .breadcrumb li+li:before {
    padding: 20px 10px;
    color: var(--color-steel-gray);
}

.title_h2 {
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    line-height: 30px;
    background: var(--color-dark-blue);
    font-size: 24px;
    color: var(--color-white);
    font-weight: 600;
}

.right_side .title_h2 {
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    line-height: 30px;
    background: var(--color-dark-blue);
    font-size: 24px;
    color: var(--color-white);
    font-weight: 600;
}

.styled-select select {
    color: var(--color-black);
}

button.btn.bd-btn.btn-secondary-white.btn-colored.btn-theme-colored2.text-white.btn-lg.btn-block:hover {
    background: var(--color-white);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}

#slider .owl-prev:hover,
#slider .owl-next:hover,
.owl-next:hover,
.owl-prev:hover {
    background: var(--color-dark-blue);
    color: var(--color-white);
}


.call-now .con-bx span a:hover {
    color: #ffcfbf
}

div#slider .carousel-inner::after {
    background: var(--color-dark-black-opacity);
    /* #000000a6; */
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.py-5.blogs-wps .text-center.mb-3 {
    position: relative;
    z-index: 1;
}

.carousel-caption-left {
    left: 5%;
    right: auto;
    top: 44%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 9;
}

.slide-in-left {
    animation: slideInLeft 1s ease forwards;
    opacity: 0;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }

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


























/* Footer */
/* .web-pulse-india { width: 100%; padding: 60px 0px 10px; position: relative; z-index: 1; background:var(--color-dark-blue) }
.web-pulse-india .copy .container { border-top: 1px solid var(--color-gray); padding-top: 12px; }
.web-pulse-india .copy .copyright i { color: var(--color-orange); }
.web-pulse-india .copy a { display: inline-block; color: var(--light-text); line-height: 20px; }
.web-pulse-india .copy a:hover { display: inline-block; color: var(--color-orange); }
.social-bx { margin-top: 25px; margin-bottom: 25px; }
.social-bx ul { margin: 0 0 15px; padding: 0; list-style: none; display: flex; }
.social-bx ul li a { height: 35px; width: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px dashed var(--color-white); margin-right: 7px; color: var(--color-white); transition: 0.4s; line-height: 35px; }
.social-bx ul li a:hover { border-color: var(--color-orange); background: var(--color-orange); color: var(--color-white); }
.social-bx ul li a i { font-size: 15px; }
.social-bx .title { color: var(--text-color); font-size: 16px; margin-bottom: 15px; font-weight: 700; text-transform: uppercase; }
.web-pulse-india .module { margin-bottom: 25px; }
.web-pulse-india .module .module-title { color: var(--color-dark-blue); font-size: 17px; margin-bottom: 15px; font-weight: 800; text-transform: uppercase; position: relative; letter-spacing: 0.2px; }
.web-pulse-india .module .contact-bx { display: flex; align-items: center; margin-bottom: 15px; }
.web-pulse-india .module .contact-bx img { max-width: 25px; margin-right: 10px;width: 20px; height: 20px; }
.web-pulse-india .module .contact-bx .contact { font-size: 15px; font-weight: 400; color: var(--color-white); }
.web-pulse-india .module .contact-bx .contact a, .web-pulse-india .module .contact-bx .contact p { display: inline-block; color: var(--color-light); font-size: 15px; font-weight: 400; }
footer p{color: var(--color-light);  }
.web-pulse-india .module .contact-bx .contact a:hover { color: var(--color-orange); }
.web-pulse-india .module ul { padding: 0; margin: 0; list-style: none; }
.web-pulse-india .module ul li a { font-size: 15px; padding: 0; font-weight: 400; line-height: 25px; position: relative; padding-left: 0; display: inline-block; color:var(--color-light); transition: 0.4s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.web-pulse-india .module ul li a:hover { color: var(--color-orange); padding-left: 20px; }
.web-pulse-india .instagram-item { float: left; margin-bottom: 6px; padding: 0 3px; position: relative; width: 25%; }
.web-pulse-india .instagram-item img { border: 1px solid var(--color-light); }
.web-pulse-india .instagram-item.first-item { width: 75%; }
.social-icons { float: left; overflow: hidden; margin: 0; }
.text-right { text-align: right; }
.ftlogo img { width: auto; }
.text-pri { color: var(--color-orange); }
footer .moreBtn { position: relative; z-index: 1; overflow: hidden; display: inline-block; text-transform: capitalize; font-size: 15px; transition: all 0.3s; text-shadow: 1px 1px 1px var(--color-dark-black-opacity); background: var(--color-orange); background-color: var(--color-orange); color: var(--color-white); border: 0; padding: 9px 25px; border-radius: 5px; font-weight: 400; margin-top: 10px; }
footer p a{color:var(--color-white)}
footer p a:hover{color:var(--color-orange)}
.col-content .icon svg {color: var(--color-orange);width: 45px; height: 45px;}
.web-pulse-india .module.modules ul { display: flex;flex-wrap: wrap;}
.web-pulse-india .module.modules ul li {margin-right: 1%;width: 49%;overflow: hidden; padding-right: 0%;}
.web-pulse-india .module.modules ul li a{display:block}
.web-pulse-india .module.modules ul li a {display: block; line-height: 30px;}
footer .designer-btn::before {top: -50%;left: -70%;width: 260%;  height: 300%;} */
/* footer end css */

#web-pulse-scroll-up {
    width: 35px;
    height: 70px;
    border-radius: 25px;
    position: fixed;
    bottom: 65px;
    right: 10px;
    z-index: 111;
    cursor: pointer;
    background-color: var(--color-orange);
    text-align: center;
    line-height: 70px;
    border: 3px solid;
    border-color: var(--color-white);
    transition: all 0.3s linear;
}

#web-pulse-scroll-up svg {
    font-size: 16px;
    color: var(--color-white);
    animation: scroll_amini 2s linear infinite alternate;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

@keyframes scroll_amini {
    from {
        bottom: 7px;
    }

    to {
        bottom: 37px;
    }
}

/* footer */
/*************** Footer ***************/
.footer {
    float: left;
    width: 100%;
    background: #17191b;
}

footer ul {
    padding: 0;
    display: flow-root;
}

footer ul li {
    list-style: none;
}

footer ul li a,
.footer_widget .footerContact p,
.footer_widget .footerContact p a,
footer .link-secondary2 {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    transition: 0.3s ease;
}

footer ul li a {
    display: block;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer ul li a:hover,
footer a.link-secondary2:hover,
footer a.link-secondary2:focus,
footer ul.topSocial li a:hover svg {
    color: #f68e29 !important;
    fill: #f68e29;
}

footer ul.topSocial li {
    margin: 0px;
    width: auto;
    display: inline-block;
}

footer .title3,
footer .mb-0.text-white2.fw-bold1.text-uppercase.title3.fs-20.lsp-5 {
    color: #f68e29;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
}

ul.topSocial li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262b2f;
    background: #ffffff;
}

form#emailSubscribe {
    padding: 2px !important;
    background: #22512b;
}

form#emailSubscribe input::placeholder {
    color: #fff;
}

footer .w-100.rounded-5.px-4.py-4.bg-sky.d-block.mb-5 {
    background: #323232;
    border-radius: 10px !important;
    border: 1px solid #cccccc2e;
}

.bg-dark-green,
.btn-dark-green {
    background: #f68e29 !important;
    font-weight: 600;
    transition: 0.4s ease;
}

.bg-dark-green:hover,
.btn-dark-green:hover {
    background: #22512b !important;
}

.border-start1.border-end1.border-light-gray {
    padding: 0 15px;
    border-inline: 1px solid #ebebeb73;
}

.wps_copy {
    padding: 10px 0;
    line-height: 24px;
    background: #000000;
}

.bg-black-transparent {
    background: #000000bf !important;
}

.footer-shadow {
    box-shadow: 0 5px 5px #00000069;
}

.text-gray-light {
    color: #c7c7c7;
}

.text-muted {
    color: #181818 !important;
}

footer p.link-secondary21 {
    color: #999;
}

.post-title.link-secondary2 {
    display: flex;
    font-size: 16px;
    font-weight: 400;
}

.post-title.link-secondary2 a {
    padding-left: 10px;
}

span.post-title.link-secondary2 {
    padding-left: 8px;
    font-family: "Afacad Flux", sans-serif;
}

.w-48 {
    width: 31%;
    margin-right: 10px;
}



.mt-02px {
    margin-top: 2px;
}

.z-index-99 {
    z-index: 99;
}

hr.border-white.bg-white {
    opacity: 0.2;
}

li.pb-1 a.link-secondary2.d-flex.align-items-start {
    font-size: 17px;
    font-weight: 400;
}

.actionContact {
    max-width: 45%;
    min-width: 45%;
}

.actionInfo {
    width: 100%;
    display: flex;
    align-items: center;
}

.actineTagline {
    color: #fff;
    font-size: 20px;
    max-width: 600px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    padding: 7px 0px;
}

.actionContact {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 18px;
    font-weight: 600;
}

.actionContact span.border.rounded-circle.p-1 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.actionContact a {
    font-weight: 700;
    font-size: 16px;
}

.actionContact a,
.actionContact .or {
    color: #fff;
    margin: 0px 5px;
}

.footer_widget .footerContact {
    width: 100%;
    display: flex;
}

.footer_widget .footerContact svg {
    color: #f68e29;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    float: left;
    min-width: 24px;
}

.footer_widget .footerContact .address_place,
.footer_widget .footerContact .email,
.footer_widget .footerContact .number {
    line-height: 15px;
}

.footer_widget .footerContact {
    width: 100%;
    display: flex;
}

.footerContact a:hover {
    color: #f68e29 !important
}








.headtop li a {
    color: #fff;
    padding: 0px 10px;
}

/* Section Heading */
.carousel-control-prev,
.carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: var(--color-dark-blue);
    border-radius: 0%;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid var(--color-orange);
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 18px;
    opacity: 1;
    height: 18px;
}

.designer-btn {
    display: inline-block;
    padding: 9px 15px;
    font-size: 15px;
    font-weight: 400;
    color: var(--color-white);
    background: var(--gradient-navy-blue);
    border: none;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(38, 132, 255, 0.4);
    transition: all 0.3s ease-in-out;
    position: relative;
    width: 140px;
    overflow: hidden;
    text-transform: capitalize;
}

.designer-btn svg {
    transform: rotate(90deg);
    margin-left: 5px;
}

.designer-btn:hover {
    background: var(--gradient-red-orange);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px var(--color-shadow-blue);
}

.designer-btn::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: var(--gradient-red-orange);
    z-index: -1;
    transition: 0.4s ease;
    transform: rotate(45deg) scale(0);
    border-radius: 50%;
}

footer .designer-btn {
    background: var(--gradient-red-orange);
}

footer .designer-btn:hover {
    background: var(--gradient-navy-blue);
    border: 1px solid var(--color-light);
}

.designer-btn:hover::before {
    transform: rotate(45deg) scale(1);
}

.designer-btn:hover {
    color: var(--color-white);
}

.franchiseBtn .designer-btn svg {
    transform: rotate(0deg);
    margin-left: 5px;
}

/* heading */
.max-content {
    max-width: 75%;
    text-align: center;
    margin: 0px auto 20px;
}

.sub-title {
    color: var(--color-orange);
    margin-bottom: 9px;
    position: relative;
    margin-top: 4px;
    padding-top: 0;
    letter-spacing: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
}

.sub-title .double-line:before,
.sub-title:before {
    width: 20px;
    background-color: var(--color-orange);
}

.sub-title .double-line:before,
.sub-title:before,
.sub-title .double-line:after,
.sub-title:after {
    position: absolute;
    content: "";
    height: 2px;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    top: 50%;
    right: -10px;
}

.sub-title .double-line:after,
.sub-title:after {
    margin-top: -5px;
    width: 12px;
    background-color: var(--color-dark-gray);
}

.sub-title .double-line:after {
    left: -36px;
}

.sub-title .double-line:before {
    left: -51px;
}

.title1 {
    margin-top: -3px;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 700;
    color: var(--color-dark-blue);
    margin-bottom: 3px;
}

/* clients */
.webpulse_home_clients .owl-dots {
    display: none;
}

.clients {
    border: 1px solid var(--color-border);
    ;
    border-radius: 5px;
    overflow: hidden;
}

.webpulse_home_clients .item .image {
    position: relative;
    padding: 15px 10px 0px;
    text-align: center;
    min-height: 100px;
    background: var(--color-white);
    max-height: 100px;
    overflow: hidden;
}

.webpulse_home_clients .item .image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
}


.home_slider .bd-about-wrapper.style-one .bd-about-thumb::before {
    display: none;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb-inner {
    margin: 0px 0px 0px 0px;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb-small {
    right: inherit;
    bottom: 60px;
    max-width: 195px;
    left: -130px;
    border-radius: 10px !important;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb-small::before {
    border-radius: 10px;
    width: 215px;
    height: 215px;
    top: -10px;
    left: -10px;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb-small img {
    border-radius: 10px;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb-shape {
    left: inherit;
    right: -30px;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb img {
    height: auto;
    width: 100%;
    aspect-ratio: 350 / 221;
}

.home_slider .bd-about-wrapper.style-one .bd-about-thumb {
    border-radius: 10px;
    border: 5px solid var(--color-light);
}

/* about section start */
.dt-about-new {
    padding: 90px 0;
    background: #ffffff;
    overflow: hidden;
}

.dt-container {
    width: 92%;
    max-width: 1280px;
    margin: auto;
    display: grid;
    grid-template-columns: 42% 58%;
    gap: 50px;
    align-items: center;
}

.dt-left {
    position: relative;
    min-height: 520px;
}

.shape-bg {
    position: absolute;
    width: 330px;
    height: 430px;
    background: #f3e7df;
    border-radius: 55px 55px 180px 55px;
    left: 0;
    top: 0;
}

.main-img {
    position: absolute;
    left: 45px;
    top: 45px;
    width: 330px;
    height: 430px;
    border-radius: 170px 170px 25px 25px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
}

.main-img img,
.side-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.side-img {
    position: absolute;
    right: 0;
    bottom: 35px;
    width: 265px;
    height: 345px;
    border-radius: 150px;
    overflow: hidden;
    border: 10px solid #fff;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}

.exp-badge {
    position: absolute;
    top: 15px;
    right: 55px;
    background: #D67A1F;
    color: #fff;
    padding: 18px 24px;
    border-radius: 50px;
    border: 3px dotted rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 18px 35px rgba(201, 120, 29, 0.35);
}

.exp-badge h3 {
    margin: 0;
    font-size: 40px;
    font-weight: 800;
    color: #fff;
}

.exp-badge p {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: #fff;
}

.sub-title {
    color: #D67A1F;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.dt-right h2,
.dt-right h3,
.dt-right h4 {
    font-size: 22px;
    line-height: normal;
    color: #D67A1F;
    font-weight: 700;
    margin: 10px 0 10px;
    padding: 0px;
}

.dt-right h1 {
    font-size: 28px;
    margin: 10px 0 10px;
    font-weight: 700;
    color: #0B1F4D;
}

.dt-right p {
    color: #444;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
}

/*
.dt-right h4 {
  color: #0a0a5f;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 16px;
} */
.scrollbar-width-home,
.scrollbar-width {
    max-height: 340px;
    overflow-y: auto;
    padding-right: 15px;
    margin-bottom: 10px;
}

.scrollbar-width {
    max-height: 421px;
}

.dt-right ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 28px;
}

.dt-right ul li {
    position: relative;
    padding-left: 28px;
    color: #222;
    font-size: 15px;
    line-height: 1.5;
}

.dt-right ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background: #D67A1F;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dt-btn {
    display: inline-block;
    background: #D67A1F;
    color: #fff;
    padding: 14px 34px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
}

.dt-btn:hover {
    background: #0a0a5f;
    color: #fff;
}

.quote-card .designer-btn:hover {
    color: #ffffff;
    background: var(--gradient-red-orange);
    border: 1px solid #ffffff59;
}

@media(max-width: 991px) {
    .dt-container {
        grid-template-columns: 1fr;
    }

    .dt-left {
        min-height: 500px;
    }

    .dt-right h2 {
        font-size: 34px;
    }
}

@media(max-width: 576px) {
    .dt-about-new {
        padding: 60px 0;
    }

    .dt-left {
        min-height: auto;
    }

    .shape-bg,
    .main-img,
    .side-img,
    .exp-badge {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }

    .shape-bg {
        display: none;
    }

    .main-img,
    .side-img {
        width: 100%;
        height: 320px;
        border-radius: 25px;
        margin-bottom: 20px;
    }

    .side-img {
        border: 6px solid #fff;
    }

    .exp-badge {
        width: fit-content;
        margin-bottom: 25px;
    }

    .dt-right ul {
        grid-template-columns: 1fr;
    }

    .dt-right h2 {
        font-size: 30px;
    }
}

/* about section end */

.quote-card .designer-btn {
    padding: 9px 15px;
    font-size: 15px;
    font-weight: 400;
    color: #D67A1F;
    background: #fff;
    box-shadow: 0 4px 15px rgba(38, 132, 255, 0.4);
    border: 1px solid #D67A1F;
}

/* about section end new secton */
/* .chairman{background:radial-gradient(circle at 15% 25%,rgba(245,130,32,.16),transparent 27%),linear-gradient(135deg,#f8fbff,#fff)} */
.quote-card {
    background: #b96715;
    color: #fff;
    border-radius: 34px;
    padding: 42px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(6, 27, 46, .16)
}

.quote-card:before {
    content: '"';
    position: absolute;
    right: 28px;
    top: -35px;
    font-size: 190px;
    color: rgba(255, 255, 255, .08);
    font-family: serif
}

.quote-card h3 {
    color: #fff
}

.quote-card p {
    color: #ffffff
}

.video-card {
    min-height: 375px;
    border-radius: 34px;
    background-color: #f9f9f9;
    display: grid;
    place-items: center;
    box-shadow: var(--shadow)
}

.play {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #d90707;
    color: #fff;
    font-size: 34px;
    box-shadow: 0 0 0 18px rgb(217 7 7 / 43%);
    animation: pulse 1.8s infinite;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 30px rgba(245, 130, 32, 0)
    }
}





/* product section start */
.services-card {
    background-color: var(--color-white);
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.services-card img {
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
}

.services-card-content {
    position: relative;
    padding: 20px 10px;
    overflow: hidden;
    text-align: center;
    background: #D67A1F14;
}

.services-card-title {
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.services-card-title a {
    color: var(--color-dark-blue);
    text-decoration: none;
    transition: all 0.5s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.services-card-text {
    letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 15px;
}

.services-card-image img {
    aspect-ratio: 1;
    object-fit: contain;
    min-width: 100%;
    min-height: 100%;
}

.services-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    font-size: 16px;
    color: var(--color-orange);
    border-radius: 50%;
    border: 1px solid var(--color-orange);
    transition: all 0.5s ease;
}

.services-card-image {
    height: 275px;
    overflow: hidden;
}

.services-card-icon {
    position: absolute;
    right: 0px;
    top: -8px;
    padding-top: 0px;
    width: 70px;
    padding-left: 16px;
    height: 70px;
    border-radius: 0px 0px 0px 100px;
    background-color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear;
}

.services-card:hover img {
    transform: scale(1.1);
}

.services-card:hover .services-card-icon {
    background-color: var(--color-dark-blue);
}

.services-card-icon svg {
    width: 40px;
    height: 40px;
    /* fill: var(--color-white); */
}

a.services-card-btn:hover {
    background: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue);
    color: var(--color-white);
}

.services-card-title a:hover {
    color: var(--color-dark-blue);
}

.services-card-title:hover a {
    color: var(--color-orange);
}

.services-card-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.services-card .services-card-content::after {
    content: "";
    background: var(--color-light);
    width: 100%;
    height: 107%;
    position: absolute;
    clip-path: polygon(170% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
    bottom: 0px;
    left: 0px;
    transition: all 0.5s ease;
    z-index: -1;
}

.services-card {
    border: 1px solid var(--color-border);
}

.featuredProducts2 button.owl-next,
.featuredProducts2 button.owl-prev {
    width: 40px;
    height: 40px;
    background-color: var(--color-dark-blue) !important;
    border-radius: 0%;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    border: 1px solid var(--color-orange);
    color: var(--color-white) !important;
}

.featuredProducts2 button.owl-next {
    right: -20px;
    left: inherit;
}

/* product section end */
/* why choose us start */
/* Section Background */
.theme-bg {
    background-color: var(--color-dark-blue);
}

.bd-section-title-wrapper .bd-section-title.white-text.mb-20 {
    color: var(--color-white);
    margin: 0 0 5px;
    font-family: var(--main-font);
    font-size: 26px;
    font-weight: bold;
}

.bd-section-subtitle {
    color: var(--color-white);
    font-size: 16px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

/* Section Space */
.section-space {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Background Image Layer */
.bd-noise-bg {
    position: relative;
    z-index: 5;
}

.bd-noise-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/theme-1-bg.webp) no-repeat center/cover;
    z-index: -1;
}

/* About Shape Image */
.bd-about-shape-wrap img {
    max-width: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.bd-about-shape-wrap .shape-4 {
    position: absolute;
    right: 90px;
    bottom: -150px;
}

/* Up Down Animation */
@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-15px);
    }
}

@keyframes animation-upDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-40px);
    }
}

/* About Section Structure */
.bd-about-wrapper.style-one .bd-about-thumb-inner {
    position: relative;
    margin: 10px 35px 100px 30px;
}

.bd-about-wrapper.style-one .bd-about-thumb-wrapper {
    position: relative;
    z-index: 5;
}

.bd-about-wrapper.style-one .bd-about-thumb {
    position: relative;
}

.bd-about-wrapper.style-one .bd-about-thumb::before {
    content: "";
    position: absolute;
    height: 232px;
    width: 125px;
    background-color: var(--color-orange);
    left: -22px;
    bottom: -20px;
    border-bottom-left-radius: 6px;
    z-index: -1;
    opacity: 0.7;
}

.bd-about-wrapper.style-one .bd-about-thumb img {
    border-radius: 6px;
}

.bd-about-wrapper.style-one .bd-about-thumb-small {
    position: absolute;
    right: -45px;
    bottom: -47px;
    max-width: 290px;
    z-index: 5;
}

.bd-about-wrapper.style-one .bd-about-thumb-small::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    background-color: var(--color-white);
    border-radius: 12px;
    top: -10px;
    left: -10px;
    z-index: -1;
}

.bd-about-wrapper.style-one .bd-about-thumb-shape {
    position: absolute;
    top: -15px;
    left: -30px;
    z-index: 1;
    animation: upDown 1.8s ease-in-out infinite alternate;
}

/* Content Layout */
.bd-about-wrapper.style-one .bd-about-content-wrapper {
    margin-left: 30px;
}

.bd-about-wrapper.style-one .bd-section-paragraph {
    color: var(--color-white);
}

.bd-about-wrapper.style-one .bd-section-paragraph.has-border-sec {
    position: relative;
    padding-left: 17px;
}

.bd-about-wrapper.style-one .bd-section-paragraph.has-border-sec::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: calc(100% - 10px);
    background-color: var(--color-orange);
    transform: translateY(-50%);
    z-index: 1;
}

/* Down Mark Line Animation */
/* Features List */
.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-list {
    margin: 15px 0 30px;
}

.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-item {
    display: flex;
    gap: 20px;
    margin-bottom: 0px;
    background: #ffffff24;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #ffffff6e;
    padding: 10px;
}

.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-icon span {
    width: auto;
    height: auto;
    border: 2px solid var(--color-dark-black-opacity);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: 0.5s;
}

.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-icon span i {
    font-size: 27px;
    color: var(--color-white);
    transition: 0.5s;
}

.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-title {
    color: var(--color-white);
    margin-bottom: 3px;
}

.bd-about-wrapper.style-one .bd-about-content-wrapper .bd-about-feature-desc {
    color: var(--color-white);
}

/* why choose us end */
/* product sections start */
.box-hover-effect {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    border: none;
}

.box-hover-effect .effect-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.box-hover-effect .effect-wrapper a,
.box-hover-effect .effect-wrapper .thumb {
    height: auto;
    aspect-ratio: 1;
    overflow: hidden;
    transform: scale(1);
    transition: all 0.4s ease;
    backface-visibility: hidden;
}

.box-hover-effect.effect-siberia .info-box .info-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 55px 5px 15px;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
}

.box-hover-effect.effect-siberia .info-box .info-title .title4 {
    color: var(--color-white);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    margin: 0;
    text-transform: capitalize;
    padding: 15px 0;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
    text-align: left;
}

.box-hover-effect.effect-siberia .info-box .info-title::before {
    content: "→";
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    padding-left: 20px;
    width: 70px;
    background-color: var(--color-orange);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: var(--text-shadow);
    clip-path: polygon(70% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
    font-size: 25px;
}

.box-hover-effect.effect-siberia .info-box .info-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    text-shadow: var(--text-shadow-light);
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.box-hover-effect.effect-siberia:hover .info-box .info-title {
    transform: translateX(100%);
}

.box-hover-effect.effect-siberia:hover .info-box .info-content {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.box-hover-effect.effect-siberia .info-box .info-content p {
    color: var(--color-white);
    height: 77px;
    overflow: hidden;
}

.title3 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    color: var(--color-white);
    font-family: var(--main-font);
    font-weight: 600;
}

.bg_transparent {
    background-color: var(--color-dark-blue-opacity) !important;
}

.info-content.bg_transparent .title3 {
    color: var(--color-white);
}

/* product section end */
/* our process */
.our-process-area .shpape-pro {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    left: inherit;
    z-index: 9;
}

.our-process-area .shpape-pro img {
    max-width: 40px;
    opacity: 0.2;
}

.our-process-area .single-process-card {
    border-radius: 10px;
    background: var(--color-white);
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition-duration: 500ms;
}

.our-process-area .single-process-card .single-process-content {
    padding: 30px 10px;
}

.our-process-area .single-process-card .single-process-content .process-number {
    position: relative;
}

.our-process-area .single-process-card .single-process-content .title4 {
    font-style: normal;
    line-height: normal;
    margin-top: 10px;
    transition-duration: 500ms;
    font-size: 17px !important;
    margin-bottom: 10px;
}

.our-process-area .single-process-card:hover {
    background-color: var(--color-dark-blue-opacity);
}

.our-process-area .single-process-card:hover .single-process-content .process-number .title3 {
    background-color: var(--color-white);
    color: var(--color-white);
}

.our-process-area .single-process-card:hover .title4.text-blue.fs-5.fw-bold {
    color: var(--color-white);
}

.our-process-area .single-process-card:hover p {
    color: var(--color-white);
}

.our-process-area .single-process-card .single-process-content .process-number .title3 {
    height: 80px;
    width: 80px;
    font-size: 35px;
    line-height: 80px;
    display: inline-block;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--color-orange), #e79951);
    color: var(--color-white);
    position: relative;
    font-weight: 600;
    z-index: 1;
    transition-duration: 500ms;
}

.our-process-area .single-process-card:hover .single-process-content .process-number .title3::after {
    border-color: var(--color-white);
}

.our-process-area .single-process-card .single-process-content .process-number .title3::after {
    position: absolute;
    content: "";
    height: 92px;
    width: 92px;
    border: 1px dashed var(--color-orange);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: 500ms;
}

/* app process end */
/* industry we serve start */
.blog-2 {
    border-radius: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-light);
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%) !important;
    overflow: hidden;
    height: 100%;
}

.blog-2 .blog-photo {
    position: relative;
}

.featuredProducts2 button.owl-next,
.featuredProducts2 button.owl-prev {
    width: 40px;
    height: 40px;
    background-color: var(--color-dark-blue) !important;
    border-radius: 0%;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    border: 1px solid var(--color-orange);
    color: var(--color-white) !important;
}

.blog-2 .blog-photo img.img-fluid.bp {
    height: 220px;
    object-fit: cover;
    width: 100%;
    transition: all 0.5s ease;
}

.blog-2 .detail {
    position: absolute;
    bottom: 15px;
    width: 90%;
    background: var(--color-orange);
    left: 5%;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s ease;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    height: 55px;
}

.blog-2 .detail a {
    color: var(--color-white);
    position: relative;
    z-index: 1;
    font-size: 17px;
    line-height: normal;
    font-weight: 600;
    font-family: var(--main-font);
}

.blog-2:hover img {
    transform: scale(1.1);
}

.blog-2:hover .detail {
    background: rgb(10 10 96);
}

.blog-2:hover .detail:after {
    background: var(--color-orange);
}

.blog-2 .detail {
    padding: 30px 20px 30px;
}

.featuredProducts2 button.owl-next {
    right: -20px;
    left: inherit;
}

.blog-2 .detail:after {
    content: "";
    width: 101%;
    height: 100%;
    /* background: var(--color-dark-blue);  */
    position: absolute;
    z-index: 0;
    clip-path: polygon(100% 0%, 51% 0%, 100% 0%, 106% 100%, 0% 101%);
    opacity: 0.2;
    transition: all 0.5s ease;
}

/* industry we serve end */
/* counter section */
.services-card-content .designer-btn svg {
    transform: rotate(-180deg);
}

.counter {
    background: var(--color-white);
    text-align: center;
    width: 100%;
    padding: 0 0 25px;
    margin: 0 auto 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
    position: relative;
}

.counter:before {
    content: "";
    background: var(--color-white);
    width: 30px;
    height: 30px;
    border-radius: 5px 0;
    box-shadow: 4px 4px 4px var(--color-dark-black-opacity);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
}

.counter .counter-values {
    color: var(--color-white);
    background: linear-gradient(to right, #0B1F4Ddb, var(--color-dark-blue));
    font-size: 30px;
    font-weight: 700;
    padding: 15px 0 10px;
    margin: 0 0 5px;
    border-radius: 10px 10px 0 0;
    display: block;
}

.counter .counter-icon {
    color: var(--color-white);
    font-size: 25px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 10px;
}

.counter .counter-icon svg {
    width: 60px;
    height: 60px;
}

.counter.purple .counter-values {
    background: linear-gradient(to right, #f9a04e, var(--color-orange));
}

.counter.magenta .counter-value,
.counter.magenta .counter-icon {
    background: linear-gradient(to right, #f9a04e, var(--color-orange));
}

.counter .title3 {
    color: var(--color-dark-blue);
    margin: 30px 0px 10px;
    font-weight: 600;
    font-size: 17px;
    transition: .4s;
}

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 45px;
    }
}

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 40px;
    }
}

/* counter css end */
/* case study start */
.case-studimg {
    position: relative;
    padding-bottom: 50px;
}

.case-studimg img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}

.imgage.overflow-hidden.rounded-3 {
    aspect-ratio: 1;
    border: 1px solid #D67A1F40;
}

.case-studimg:hover img {
    transform: scale(1.1)
}

.case-stud {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    margin: 0 auto;
    width: calc(100% - 40px);
    background: var(--color-white);
    box-shadow: 0 8px 15px var(--color-dark-black-opacity);
    padding: 10px 13px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    border-radius: 5px;
    background: #f7e6d6;
    border: 1px solid #D67A1F0d;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-stud .title3 {
    font-size: 17px;
    margin: 0px;
}

.case-stud p {
    line-height: .8;
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-orange);
    letter-spacing: 0;
}

.case-stud p a {
    color: inherit;
}

.case-stud p a:hover {
    color: var(--color-dark-blue);
}

.case-stud .title3 a:hover {
    color: var(--color-orange);
}

.title3 a {
    color: var(--color-dark-blue);
    letter-spacing: 0px;
    font-weight: 600;
}

/* case study end */
/* testimonial start */
.testimonial {
    border-right: 4px solid var(--color-dark-blue);
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
    padding: 30px 30px 30px 130px;
    margin: 5px 15px 15px 15px;
    background: var(--color-white);
    overflow: hidden;
    transition: all 0.5s ease;
    position: relative;
    border-radius: 5px;
}

.testimonial:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -17px;
    border-top: 25px solid var(--color-orange);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(45deg);
}

.testimonial:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -17px;
    border-top: 25px solid var(--color-orange);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(135deg);
}

.testimonial .pic .icon.text-center.fs-1.fw-bold {
    color: var(--color-dark-blue);
}

.testimonial .pic {
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 20px;
    border: 1px solid var(--color-gray);
    align-items: center;
    justify-content: center;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    letter-spacing: 0.1px;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 15px;
    color: var(--color-steel-gray);
    max-height: 175px;
    overflow-y: auto;
    font-weight: 400;
}

.testimonial .title {
    text-transform: capitalize;
    letter-spacing: 1px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark-blue);
    margin: 5px 0;
    transition: 0.4s;
}

.testimonial .post {
    font-size: 17px;
    color: var(--color-orange);
    font-style: italic;
    display: block;
}

.testimonial:hover {
    background: var(--color-orange-transparent);
    border-right: 4px solid var(--color-orange);
}

.testimonial:hover:before {
    border-top: 25px solid var(--color-dark-blue);
}

.testimonial:hover:after {
    border-top: 25px solid var(--color-dark-blue);
}

.testimonial:hover .title {
    color: var(--color-orange);
}

.testimonial:hover .post {
    font-size: 17px;
    color: var(--color-dark-blue);
}

/* testimonial end */
/* blog css start */
/* blogs */
.news-section-two {
    position: relative;
    padding: 100px 0 70px;
}

.sec-title {
    position: relative;
    margin-bottom: 35px;
}

.news-block-two {
    position: relative;
}

.news-block-two .inner-box {
    position: relative;
    /* margin-bottom: 30px; */
}

.news-block-two .image img {
    border-radius: 6px;
    width: 100%;
}

.news-block-two .lower-content {
    position: relative;
    background-color: var(--color-light);
    border-radius: 6px;
    margin-left: 11px;
    margin-right: 11px;
    margin-top: -50px;
    padding: 20px 14px 20px;
    box-shadow: var(--color-shadow-blue);
    border: 1px solid var(--color-border);
}

.news-block-two .lower-content::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    border-radius: 6px;
}

.news-block-two .category {
    position: relative;
    font-size: 13px;
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 12px;
    padding: 3px 21px;
    transform: translateY(-12px);
    margin-bottom: 10px;
    transition: .5s;
    background: var(--color-orange);
    width: max-content;
    line-height: 18px;
}

.news-block-two .post-meta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    color: var(--color-dark-blue);
}

.news-block-two .title3 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark-blue);
    padding-bottom: 12px;
    margin-bottom: 0px;
    transition: .5s;
}

.news-block-two .title3 a {
    color: var(--color-dark-blue);
    transition: .5s;
    line-height: normal;
    transition: all 0.5s ease;
    font-size: 17px;
}

.news-block-two .image {
    overflow: hidden;
    aspect-ratio: 37 / 24;
    min-width: 100%;
    border-radius: 6px;
    ;
    min-height: 100%;
}

a.slide-in-left.btn.bg-dark-green.border.border-2.w-120.h-50px.border-white.text-white.px-4.fs-5.rounded-pill.p-2.shadow.mt-3 {
    height: 42px;
    line-height: 40px;
    padding: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    margin: auto;
}

.slide-in-left.text-white1.fs-1.fw-bold {
    color: var(--color-orange);
    -webkit-text-fill-color: var(--color-orange);
}

.news-block-two .image img {
    transition: all 0.5s ease;
}

.news-block-two:hover .image img {
    transform: scale(1.1);
}

.news-block-two .title3 a:hover {
    color: var(--color-orange);
}

.read-more-link,
.read-more-link {
    position: relative;
    padding-left: 1px;
    font-size: 15px;
    font-weight: 500;
    transition: .5s;
    color: var(--color-orange);
}

.read-more-link::before {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    height: 1px;
    width: 21px;
}

.read-more-link:hover,
.read-more-link:hover {
    color: var(--color-dark-blue);
}

/* blog css end */
/* get a quote */
.p-4.mt-0.bg-dark-transparent-2 {
    border: 1px solid var(--color-border);
    border-radius: 5px;
}

.title-pattern.mt-0 {
    font-weight: 400;
    line-height: 1.42857143;
    color: var(--color-dark-blue);
    font-size: 23px;
}

.reservation-form .form-control {
    background-color: var(--color-light);
    color: var(--color-dark);
}

.reservation-form .form-control::placeholder {
    color: var(--color-dark-gray);
}

.reservation-form .form-control:focus {
    border-color: var(--color-border);
}

.reservation-form textarea,
.reservation-form select,
.reservation-form input {
    border: 1px solid var(--color-border);
}

.p-4.mt-0.bg-dark-transparent-2 {
    border: 1px solid var(--color-border);
    border-radius: 5px;
}

/* get a quote css end */
.featuredProducts2 button.owl-next:hover {
    background-color: var(--color-orange) !important;
}

.featuredProducts2 button.owl-prev:hover {
    background-color: var(--color-orange) !important;
}

.w-100.rounded-5.px-4.py-4.bg-sky.d-block.mb-5 {
    background: var(--color-white);
    border-radius: 10px;
}

footer .mb-0.text-white2.fw-bold1.text-uppercase.title3.fs-20.lsp-5 {
    color: var(--color-orange);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
}

form#emailSubscribe {
    background: var(--color-dark-blue);
    padding: 2px !important;
}

.bg-dark-green,
.btn-dark-green {
    background: var(--color-orange);
    font-weight: 600;
    transition: all 0.5s ease;
}

form#emailSubscribe input::placeholder {
    color: var(--color-white);
}

/* about us page section */
.about-page .image-box.pr_110.mr_20 {
    max-width: 500px;
    float: right;
    margin: 0px 0px 30px 30px;
}

.about-page h2,
.about-page h3 {
    margin: 10px 0px;
}

.about-page h2,
.about-page h3 {
    margin: 10px 0px;
    color: var(--color-orange);
    font-size: 22px;
}

/* faqs start */
.accordion-item {
    margin-bottom: 15px;
    border-radius: 5px !important;
    overflow: hidden;
}

.accordion-header {
    padding: 0 !important;
    margin: 0 !important;
    text-transform: initial;
}

.accordion-item:not(:first-of-type) {
    border: 1px solid var(--color-border);
}

.accordion-button {
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-steel-gray);
}

.accordion-button:not(.collapsed) {
    color: var(--color-white);
    background: var(--color-dark-blue);
    font-weight: normal;
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(0deg);
}

.accordion-button:hover,
.accordion-button:focus {
    color: var(--color-white);
    background: var(--color-dark-blue);
}

.accordion-button:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    transform: rotate(-180deg);
}

.accordion-body p {
    font-size: 15px;
    line-height: 24px;
}

/* faqs end */
/* privacy policy start */
.privacy-policy h2,
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6,
.privacy-policy .cmTitle {
    font-size: 18px;
    color: var(--color-dark-blue);
    transition: 0.3s ease-in-out;
    margin: 10px 0px;
    text-align: left;
    padding: 0px;
    font-weight: 700;
}

/* privacy policy end */
/* Sitemap page */
.sitemap_page {
    width: 100%;
    margin: 0;
    padding: 50px 0;
    position: relative;
}

.sitemap_right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: var(--color-dark-blue);
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.sitemap {
    border-left: 1px solid var(--color-gray);
    padding: 0;
}

.sitemap li {
    list-style: none !important;
    background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
}

.sitemap li ul {
    border-left: 1px solid var(--color-gray);
    padding: 0;
}

.sitemap li a {
    color: var(--color-dark-gray);
    font-size: 15px;
    padding-bottom: 5px;
    display: block;
    font-weight: 600;
    letter-spacing: 0px;
}

.sitemap li a:hover {
    color: var(--color-orange);
}

.market_area h3 {
    display: block;
    margin: 10px 0px;
}

.market_area h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--color-dark-blue);
}

.market-list {
    display: flow-root;
    width: 100%;
    margin: 0 !important;
    padding: 0;
}

.market-list li {
    list-style: none;
    padding-right: 10px;
    line-height: 20px;
    width: 25%;
    float: left;
}

.market-list li:before {
    content: none;
    margin-right: 0;
}

.market-list li a {
    width: auto;
    height: auto;
    padding: 10px 0 10px 12px;
    margin: 0 10px 9px 0px;
    display: block;
    color: var(--color-dark-gray);
    font-size: 15px;
    background-color: var(--color-light);
    font-weight: 600;
    letter-spacing: 0px;
    border: 1px solid var(--color-border)
}

.market-list li a:hover {
    background: var(--color-dark-blue);
    color: var(--color-white);
}

.wps_right.market_area h2.mt25 {
    color: var(--color-dark-blue);
}

.wps_right.market_area h3.mt25 {
    color: var(--color-dark-blue);
    font-size: 18px;
}

/* blog-details css start */
.comment-form h4,
.comments h3 {
    font-weight: 600;
    color: var(--color-dark-blue);
}

.comment-form .form-control {
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: none;
}

.comment-form.bg-white.shadow-sm-border {
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
}

.comments .bg-white {
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-dark-blue);
}

.images-overflow-hidden {
    height: 450px;
    text-align: center;
    background: var(--color-light);
    overflow: hidden;
}

/* blog-details css end */
/* team */
/* Team Card Styles */
.team-card.style-2 {
    position: relative;
    border-radius: 26px;
    padding: 35px 10px 0;
    overflow: hidden;
    transition: 0.4s;
    background-size: contain;
    background-position: top center;
    /* border: 1px solid var(--color-border, #ddd); */
    /* background-color: var(--card-bg, #fff); */
}

/* Image Area */
.team-card.style-2 .team-img {
    padding: 0 1px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.team-card .team-img img {
    border-radius: 8px 8px 00px 00px;
    margin-bottom: -20px;
    padding-top: 12px;
    width: auto;
    transition: all 0.5s ease;
    height: 330px;
}

/* Hover effect: image zoom */
.team-card:hover .team-img img {
    transform: scale(1.05);
}

/* Content Panel */
.team-card.style-2 .team-content {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    background: var(--card-inner-bg, var(--color-white));
    border-radius: 16px;
    padding: 10px;
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 5px;
    text-align: start;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

/* Hover effect: elevate content */
.team-card:hover .team-content {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Titles & Designation */
.team-card .box-title {
    font-size: 16px;
    line-height: 1.417;
    font-weight: 600;
    margin: 0;
    transition: color 0.3s;
}

.team-card .box-title a {
    color: var(--color-dark-blue);
    text-decoration: none;
}

.team-card .box-title a:hover {
    color: var(--color-orange);
}

.team-card .team-desig {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 22px;
    color: var(--color-orange);
}

/* Social Icons */
.team-card .th-social a {
    --icon-size: 30px;
    width: var(--icon-size);
    height: var(--icon-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
    margin-right: 7px;
    background: #FDEDEC;
    color: var(--color-dark-blue);
    border: 1px solid var(--color-border);
    transition: all 0.3s ease;
}

.team-card .th-social a:hover {
    background: var(--color-dark-blue);
    color: var(--color-white);
    transform: scale(1.1);
}

.team-card .th-social a svg {
    width: 14px;
}

.border-orange {
    border: 1px solid var(--color-border)
}

.shadow1 {
    box-shadow: var(--color-shadow-black);
}

.blogs-wps h2,
.blogs-wps h3 {
    font-size: 20px;
    color: var(--color-dark-blue);
    margin: 10px 0px;
}

/* team css end */
/* contact css start */
.text-holder a b:hover {
    color: var(--color-orange)
}

.corner:hover .bottom_corners:before,
.corner:hover .bottom_corners:after,
.corner:hover:before,
.corner:hover:after {
    border-color: var(--color-dark-blue);
    height: 100%;
    z-index: 0;
    width: 100%;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.z-index-1 {
    z-index: 1;
}



.corner:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 30px;
    height: 30px;
    z-index: 0;
    border: 2px solid var(--color-dark-blue);
    border-width: 2px 0 0 2px;
    border-radius: 2px 0 0 0;
}

.corner:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--color-dark-blue);
    border-width: 2px 2px 0 0;
    border-radius: 0 2px 0 0;
}

.corner .bottom_corners:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--color-dark-blue);
    border-width: 0 0 2px 2px;
    border-radius: 0 0 0 2px;
}

.corner .bottom_corners:after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--color-dark-blue);
    border-width: 0 2px 2px 0;
    border-radius: 0 0 2px 0;
}

.base-header2 {
    position: relative;
    z-index: 1;
}

.z-index-9 {
    z-index: 9;
}

.icon-holder {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background: var(--color-orange);
}

ul.social li {
    margin: 0px 3px;
    display: inline-block;
    border-radius: 5px;
}

ul.social li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}

ul.social li.facebook a {
    background: #3C5B9B;
}

ul.social li.youtube a {
    background: #f70000;
}

ul.social li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

ul.social li.linkedin a {
    background: #027ba5;
}

ul.social li.twitter a {
    background: #212121;
}

/* contact css end */

/* projects */
.property-values-2-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.property-values-2-item .thumb {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
}

.property-values-2-item .thumb::before {
    content: "";
    position: absolute;
    left: -54px;
    bottom: -68px;
    width: 0;
    height: 0;
    background: #040813;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 1;
    transition: 0.4s ease;
}

.property-values-2-item .thumb img {
    width: 100%;
    border-radius: 32px;
    display: block;
}

.property-values-2-item .plus-icon {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 48px;
    height: 48px;
    background: #FF6F00;
    color: #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: 0.4s ease;
}

.property-values-2-item .hover-content {
    position: absolute;
    left: 40px;
    bottom: 0;
    max-width: 330px;
    opacity: 0;
    visibility: visible;
    z-index: 3;
    transition: 0.4s ease;
}

.hover-content .box-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0px;
    text-align: left;
}

.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em;
}

.box-title a {
    color: inherit;
    text-decoration: none;
}

.hover-content .box-text {
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 23px;
}

.property-values-2-item .thumb:hover::before {
    width: 465px;
    height: 350px;
}

.property-values-2-item:hover .plus-icon {
    opacity: 0;
    visibility: hidden;
    bottom: 0;
}

.property-values-2-item .thumb:hover .hover-content {
    opacity: 1;
    bottom: 40px;
}

/* project css end */
/* gallery */
.gallery_details {
    position: relative;
    overflow: hidden;
    background: #222;
    margin-bottom: 20px;
    border-radius: 10px;
}

.gallery_details:before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.gallery_details:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    bottom: 20px;
    right: 20px;
}

.gallery_details:hover:before,
.gallery_details:hover:after {
    height: 40px;
    width: 40px;
    opacity: 1;
}

.gallery_details:hover .gdetails_image {
    transform: scale(1.1);
    filter: blur(4px);
}

.gallery_details .link-wrap {
    position: absolute;
    top: calc(55% - 25px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.gallery_details:hover .link-wrap i {
    opacity: 1;
    transform: translateY(0px);
}

.gallery_details .link-wrap i {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 15px;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.gallery_details:before,
.gallery_details:after {
    position: absolute;
    content: '';
    height: 0px;
    width: 0px;
    background-color: transparent;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.about-page.category-page .designer-btn svg {
    transform: rotate(180deg);
}

/* gallery css end */
/* category css start */
.about-page.category-page .image-box.pr_110.mr_20 {
    margin-bottom: 15px;
    max-width: 430px;
}

a.designer-btn.bg-orange {
    background: var(--color-orange);
}

a.designer-btn.bg-orange svg {
    transform: rotate(180deg);
    margin-left: 5px;
}

.category-section .services-card-image {
    width: 40%;
    height: auto;
    aspect-ratio: 1;
}

.category-section .services-card-content {
    width: 60%;
}

.category-section .services-card-text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.category-section hr {
    color: var(--color-gray);
    margin: 5px 0px 10px;
}

/* category css end */
.iti {
    width: 100%;
}

/* product-details css start */
.product_listing {
    width: 100%;
    margin-bottom: 15px;
    /* box-shadow:var(--color-shadow-black); */
    transition: all 0.35s ease-in-out;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--color-border);
    background: var(--color-white);
    border-radius: 10px;
    overflow: hidden;
}

.right-content h4,
.right-content .title4 {
    line-height: 24px;
    padding: 10px 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize;
    color: var(--color-dark-blue);
}

.product_listing .product .image1 {
    height: auto;
    aspect-ratio: 1 / 1;
}

.slider .slides {
    width: 67px;
    border: 0px solid var(--color-black);
    cursor: pointer;
}

.slides.active {
    border: 2px solid var(--color-dark-blue);
}

img.item.active {
    border-color: var(--color-orange);
}

.product_listing .product .largeImage img {
    border: none;
    width: 100%;
    border-bottom: 1px solid var(--color-light)
}

.single_image a#bigImage {
    border: 1px solid var(--color-light)
}

.product_listing .product .small img,
.product_listing .product .largeImage img {
    padding: 0;
    cursor: pointer;
    border: 1px solid var(--color-light)
}

.design-enq svg {
    transform: rotate(0deg);
}

.item.youtube {
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    color: var(--color-white);
    height: 35px;
    border-radius: 5px;
    width: 40px;
}

.item.youtube svg {
    fill: var(--color-white);
    width: 30px;
    height: 30px;
}

.product_showcase {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 6px 0;
    margin-bottom: 8px;
}

.productBrochureandvideo {
    margin-right: 15px;
    border: 1px dashed var(--color-dark-blue);
    padding: 5px;
    border-radius: 5px;
}

.productBrochureandvideo a {
    font-weight: 800;
    color: var(--color-orange);
}

.productBrochureandvideo a svg {
    color: var(--color-orange);
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.blue-line1 {
    width: 100%;
    display: block;
    height: 1.1px;
    background: var(--color-light);
    position: relative;
    margin-bottom: 10px;
    padding: 0 15px;
}

.wps_right table tbody tr td:first-child {
    color: var(--color-dark-blue);
    width: 40%;
}

.right-content table tbody tr td {
    border: 1px solid var(--color-gray);
    width: 60%;
}

.right-content table tbody tr td {
    vertical-align: middle;
    padding: 6px 10px;
    text-align: left;
    font-weight: 400;
    color: var(--color-steel-gray);
    line-height: 24px;
    font-size: 15px;
}

.right-content table {
    width: 95%;
}

.right-content table tr td:first-child {
    color: var(--color-dark-blue)
}

a.designer-btn.w-auto.design-enq.callbacks {
    background: var(--color-orange);
}

.more_info {
    max-height: 295px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.design-enq {
    margin-bottom: 10px;
}

/* product-details css end */

/* ABOUT CSS CUSTOM */
.features {
    width: 100%;
    position: relative;
}

.counter-block {
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%)
}

.h2_title,
.features .h2_title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-bottom: 10px;
    position: relative;
    color: var(--color-dark-blue);
}


.features-holder {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.feature-panel-holder {
    padding-top: 20px;
    transition: 0.3s ease-in-out;
    position: relative;
}

.feature-panel-holder:hover {
    padding-top: 0;
}

.feature-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 10px;
    margin-bottom: 0px;
    border-radius: 8px 0 8px 8px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    border: 1px solid var(--color-border);
}

.feature-panel-dark {
    background-color: var(--color-light);
}

.feature-panel-holder:hover .feature-panel-dark {
    background-color: var(--color-light);
}

.feature-icon img {
    width: 40px;
    filter: hue-rotate(45deg);
    transition: 0.3s ease-in-out;
}

.titleFact {
    font-size: 16px;
    color: var(--color-dark-blue);
    transition: 0.3s ease-in-out;
    margin: 10px 0px;
    font-weight: 700;
}

.feature-panel-holder:hover .titleFact {
    color: var(--color-orange);
    ;
}

.feature-content p {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    color: var(--color-dark);
    ;
    visibility: hidden;
    opacity: 0;
    height: 25px;
    transition: 0.3s ease-in-out;
}

.feature-panel-holder:hover .feature-content p {
    visibility: visible;
    opacity: 1;
    height: 30px;
}

.feature-panel a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid var(--color-orange);
    border-radius: 50%;
    font-size: 13px;
    color: var(--color-orange);
    margin-top: -32px;
    transition: 0.3s ease-in-out;
}

.feature-panel-holder:hover .feature-panel a {
    color: var(--color-dark-blue);
    border-color: var(--color-dark-blue);
    margin-top: 12px;
}




@media (max-width: 1023px) {
    .features-holder {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .feature-panel-holder {
        width: 30%;
        padding-top: 20px;
    }

    .features-card {
        display: block;
    }


}

@media (max-width: 650px) {
    .feature-panel-holder {
        width: 97%;
    }

    .features-card {
        transform: none;
        margin-top: 0;
        margin-bottom: 30px;
    }


}

/* keyfects */
/* Factory Gallery */
.factory-gallery {
    width: 100%;
}

.factory-gallery .section-title p {
    max-width: 720px;
    font-size: 15px;
    color: #555;
}

.clients {
    padding: 2px;
}

.col-md-5c {
    width: 50%;
}

@media (min-width: 1024px) {
    .col-md-5c {
        width: 20%;
    }

    .webpulse_home_clients .col-md-5c {
        width: 20%;
    }
}

/* Gallery Item */
.fg-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.fg-link {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.fg-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

/* Hover Overlay */
.fg-icon {
    position: absolute;
    inset: 0;
    background: rgb(11 31 77 / 73%);
    opacity: 0;
    transition: 0.4s ease;
}

.fg-icon::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}

/* Hover Effects */
.fg-link:hover img {
    transform: scale(1.1);
    opacity: 0.4;
}

.fg-link:hover .fg-icon {
    opacity: 1;
}

/* photogallery section end */

/*why choose us start  */
/* .why-dhankot {
  padding: 90px 0;
  background: linear-gradient(135deg, #0b1f4d 0%, rgb(16, 16, 109) 55%, #D67A1F 55%, #6c3c0f 100%);
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
}

.why-wrap {
  width: 92%;
  max-width: 1250px;
  margin: auto;
  display: grid;
    grid-template-columns: 65% 35%;
    gap: 25px;
  align-items: center;
}


.why-content p {
  color: #fff;
  max-width: 680px;
  margin-bottom: 34px;
}

.why-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px 32px;
}

.why-list li {
    color: #fff;
    font-size: 15px;
    line-height: 23px;
    position: relative;
    background: #5050503d;
    padding: 20px 20px 20px 45px;
    border: 1px solid #eeeeee85;
    border-radius: 10px;
}

.why-list li::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 12L10.5 13.5C10.7761 13.7761 11.2239 13.7761 11.5 13.5L15 10' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      position: absolute;
    left: 8px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: #D67A1F;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
}

.why-list strong {
  color: #fff;
  font-size: 17px;
}

.why-visual {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-big {
  position: absolute;
  width: 430px;
  height: 535px;
  border-radius: 10px;
  background: rgba(255,255,255,0.12);
  border: 2px dashed rgba(255,255,255,0.45);
}

.why-visual img {
  position: relative;
  z-index: 2;
  width: 390px;
  height: 495px;
  object-fit: cover;
  border-radius: 10px;
  border: 14px solid #fff;
  box-shadow: 0 35px 70px rgba(0,0,0,0.35);
}

.quality-card {
  position: absolute;
  left: 15px;
  bottom: 60px;
  z-index: 3;
  background: #fff;
  padding: 22px 28px;
  border-radius: 22px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

.quality-card h3 {
  margin: 0;
  color: #D67A1F;
  font-size: 48px;
  font-weight: 800;
}

.quality-card p {
  margin: 0;
  color: #0a0a5f;
  font-weight: 700;
}

.mini-card {
  position: absolute;
  right: 5px;
  top: 90px;
  z-index: 3;
  background: #0a0a5f;
  color: #fff;
  padding: 16px 24px;
  border-radius: 50px;
  font-weight: 700;
  box-shadow: 0 20px 45px rgba(0,0,0,0.3);
} */

@media(max-width: 991px) {
    .why-wrap {
        grid-template-columns: 1fr;
    }

    .why-content h2 {
        font-size: 36px;
    }
}

@media(max-width: 576px) {
    .why-dhankot {
        padding: 60px 0;
    }

    .why-list {
        grid-template-columns: 1fr;
    }

    .why-visual {
        min-height: 390px;
    }

    .why-visual img {
        width: 280px;
        height: 280px;
    }

    .circle-big {
        width: 310px;
        height: 310px;
    }

    .quality-card,
    .mini-card {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin-top: 20px;
    }
}

/* why choose us end */
.carousel-control-prev,
.carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: var(--color-dark-blue);
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #ffffff;
    opacity: 1;
}

.carousel-control-prev {
    border-radius: 0px 25px 25px 0px;
}

.carousel-control-next {
    border-radius: 25px 0px 0px 25px;
    right: 0px;
}

.news-block-two .inner-box .designer-btn svg {
    transform: rotate(180deg);
    margin-left: 5px;
}

.news-block-two .inner-box .designer-btn {
    background: var(--gradient-red-orange);
}

/* new blog section start */


.dt-subtitle {
    color: #c9781d;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 15px;
}

.dt-title {
    color: #111b3f;
    font-size: 44px;
    font-weight: 800;
    margin-top: 10px;
}

.dt-desc {
    max-width: 850px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.dt-blog-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px 0px 4px 1px rgb(10 10 96 / 18%);
    transition: 0.35s ease;
    position: relative;
}

.dt-blog-content .title3 a {
    font-size: 20px;
    font-weight: 800;
}

.dt-blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 28px 65px rgba(17, 27, 63, 0.18);
}

.dt-blog-content .designer-btn svg {
    transform: rotate(180deg);
    margin-left: 5px;
}

.dt-blog-img {
    position: relative;
    height: auto;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.dt-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.45s ease;
}

.dt-blog-card:hover .dt-blog-img img {
    transform: scale(1.08);
}

.dt-blog-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(17, 27, 63, 0.75));
}

.dt-blog-img span {
    position: absolute;
    left: 22px;
    bottom: 20px;
    z-index: 2;
    background: #c9781d;
    color: #fff;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
}

.dt-blog-content {
    padding: 28px;
}

.dt-blog-content .designer-btn {
    background: var(--gradient-red-orange);
}

.dt-blog-content p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.headtop li a:hover {
    color: #ffdcbc;
}

.video-card img {
    height: 380px;
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    object-position: center;
}

.dt-blog-content .title3 a:hover {
    color: #D67A1F
}

.headtop li a {
    font-size: 14px;
}

.top_right p,
.top_right p a {
    font-size: 14px;
}

.call-now .con-bx span a {
    font-size: 14px;
}

.actionContact a:hover {
    color: #d67a1f;
}

.product_listing .more_info.mb-0 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 11px !important;
    width: 100%;
}

label.error {
    color: red;
}

@media (max-width: 991px) {
    .dt-title {
        font-size: 34px;
    }
}

@media (max-width: 576px) {
    .dt-title {
        font-size: 28px;
    }

    .dt-blog-img {
        height: 220px;
    }
}

/* new section blog end */
.about-section ul li {
    list-style: circle;
    margin-left: 20px;
}


.testimonial .description {
    height: 170px;
    overflow-y: auto;
}

/* video start code */
.video_gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.video_gallery .vd_bx {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 16px;
    border: 1px solid #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-bottom: 15px;
    height: 250px;
}

.video_gallery .video-play-icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 65px;
    height: 65px;
    border-radius: 80px;
    text-align: center;
    line-height: 65px;
    color: #fff;
    display: block;
    margin: auto;
    transition: all .5s;
    background: var(--liner);
    background-color: #d9141b;
    box-shadow: 0 0 0 0 rgba(110, 39, 37, .5);
    -webkit-animation: wave 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -moz-animation: wave 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -ms-animation: wave 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: wave 1.25s infinite cubic-bezier(.66, 0, 0, 1);
}

@-webkit-keyframes wave {
    to {
        box-shadow: 0 0 0 45px rgba(213, 142, 144, 0)
    }
}

@-moz-keyframes wave {
    to {
        box-shadow: 0 0 0 45px rgba(213, 142, 144, 0)
    }
}

@-ms-keyframes wave {
    to {
        box-shadow: 0 0 0 45px rgba(213, 142, 144, 0)
    }
}

@keyframes wave {
    to {
        box-shadow: 0 0 0 45px rgba(213, 142, 144, 0)
    }
}

.video_gallery .moreBtn:before,
.video_gallery .moreBtn:after {
    background: #333;
}

.video_gallery .moreBtn:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    color: white;
}

.video_gallery .vd_bx img {
    object-fit: cover;
    height: 100%;
}

.product_popup_image img {
    aspect-ratio: 1;
    width: 100%;
    border-radius: 10px;
}

.tt.fs-6.fw-bold.pb-1.text-center {
    color: #0b1f4d;
}

/* video end code */
.image_block_three p {
    text-align: justify;
}

.product_listing .product img {
    width: 100%;
}


.iti {
    width: 100%;
}

select,
input {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 0;
    background: #fff;
    line-height: 40px;
    box-shadow: none;
    padding: 0 10px;
    box-sizing: border-box;
}

.iti__selected-country-primary {
    background: #eee;
    padding: 0px 3px;
}

span.iti__country-name {
    color: #333;
}

.iti .iti__selected-dial-code {
    color: #333;
}

.error-message {
    color: red;
    margin-top: 5px;
}

.iti__selected-country-primary {
    background: #edeaea;
}


.send_enquiry,
.whatapp_btn,
.call_now,
#web-pulse-scroll-up {
    z-index: 9;
}

.info-tile {
    background: #fff7f0;
    border-radius: 18px;
    padding: 24px;
    height: 100%;
    border: 1px solid #0b1f4d36;
    border-left: 5px solid #0b1f4d;
    transition: .3s;
}

.info-tile:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, .08);
}

.info-tile i {
    font-size: 40px;
    color: #0b1f4d;
    margin-bottom: 12px;
}

.dt-about-new .dt-right ul li {
    width: 100%;
}

.dt-about-new .dt-right ul {
    display: block;
}

.dt-about-new .dt-right ul li {
    margin-bottom: 10px;
}

.twitter1 a {
    background: #333 !important;
    color: #fff;
}

.twitter1 a svg {
    color: #fff;
    fill: #fff;
}