@import url('https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css');

body {
    margin: 0;
}

body {
    font-size: 16px;
    color: #6e6e6e;
    line-height: 28px;
    font-weight: 400;
    background: #fff;
    font-family: Montserrat, sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-font-smoothing: antialiased;
}

/* .mb_25{
margin-bottom: 25px;
} */
ol,
ul {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600 !important;
    margin: 0;
    transition: all .5s ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

p {
    color: #333;
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-top .social-links li a:hover,
.header-top .top-inner .info li a:hover,
.header-top .top-inner .info li i,
.header-top .top-inner .info li svg,
.preloader-close {
    color: #fd6509;
}

p {
    /* position: relative; */
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    margin: 0;
    transition: all .5s ease;
    color: #333;
    font-size: 14px;
}

/* Dropdown */
ul.dropdown-menu.show {
    background: #fd6509;
    color: #fff;
    border-radius: 0;
    border: none;
}

.dropdown-item {
    color: #fff !important;
    font-size: 14px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff !important;
    background-color: #fd6509 !important;
}

/* Header */

.sticky-top {
    background: #fff;
    box-shadow: rgb(0 0 0 / 3%) 0px 2px 5px;
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

.header-lower.scrolled {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 2px 20px rgb(0, 0, 0, 0.1);
}

.header-lower {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.navbar {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.navbar-brand img:hover     
{
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.main-header {
    position: relative;
    right: 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .03);
}

.header-top {
    position: relative;
    background: #212226;
    padding: 10px 30px;
}

.header-top .top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a,
a:hover {
    text-decoration: none !important;
}

.header-top .top-inner .info li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 60px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #bcbdbe;
}

.header-top .top-inner .info li:before {
    position: absolute;
    content: "";
    background: hsla(0, 0%, 100%, .15);
    width: 1px;
    height: 30px;
    top: -5px;
    right: -30px;
}

.header-top .top-inner .info li svg {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}

.header-top .top-inner .left-column .info li:first-child svg {
    font-size: 18px;
    top: 1px;
}

.header-top .right-column {
    position: relative;
    display: flex;
    align-items: center;
}

.header-top .social-links li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-right: 25px;
}

.header-top .social-links li a {
    display: inline-block;
    color: hsla(0, 0%, 100%, .5);
}

.header-top .top-inner .info li a {
    position: relative;
    display: inline-block;
    color: #bcbdbe;
    font-size: 14px;
}

.enquiry {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    transition: all .5s ease-in-out;
    filter: hue-rotate(0);
    background: #fd6509;
    border: none;
    border-radius: 25px;
    
}

.enquiry-1 {
    display: flex;               /* use flex instead of inline-block */
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    color: #fd6509;
    font-weight: 500;
    padding: 10px 20px;
    text-align: center;
     filter: hue-rotate(0);
    transition: all .5s ease-in-out;
    border: 1px solid #fd6509;
    background-color: transparent;
    border-radius: 25px;margin-right: 10px;
       height: 52px;
}
.enquiry-1:hover {
   display: flex;               /* use flex instead of inline-block */
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    color: #ffffff;
    font-weight: 500;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    transition: all .5s ease-in-out;
    filter: hue-rotate(0);
    border: 1px solid #fd6509;
    background-color: #fd6509;
    margin-right: 10px;
    border-radius: 25px; height: 52px;
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

.nav-link {
    font-size: 15px !important;
    line-height: 30px !important;
    padding: 5px 15px !important;
    font-weight: 500 !important;
    font-family: Montserrat, sans-serif;
    color: #333 !important;
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus,
.nav-link.active {
    color: #fd6509 !important;
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

/* Banner Section */
.banner-section {
    position: relative;
    overflow: hidden;
    /* background-color: #f3f9eb; */
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 95px 0 95px;
    /* background-image: url("./assets/images/shape-1.png"); */
}

.banner-section .content-box {
    position: relative;
    display: block;
    margin-top: 20px;
}

.banner-section .content-box h2 {
    font-size: 70px;
    line-height: 75px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* .banner-section .content-box p {
font-size: 18px;
line-height: 32px;
font-family: DM Sans, sans-serif;
color: #000;
margin-bottom: 32px;
max-width: 350px;
} */
/* .banner-section .content-box .theme-btn-one {
padding: 24px 42px 22px 41px;
} */
.banner-section .image-box {
    position: relative;
    display: block;
    margin-left: -40px;
    margin-right: -78px;
}

.banner-section .image-box .image {
    position: relative;
    z-index: 1;
}

.slideInRight {
    animation-name: slideInRight;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.banner-section .image-box img {
    width: 100%
}

.banner-section .image-box .image-shape .shape-1 {
    position: absolute;
    left: -125px;
    top: -25px;
    width: 520px;
    height: 520px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.banner-section .image-box .image-shape .shape-2 {
    position: absolute;
    left: 180px;
    top: -43px;
    width: 230px;
    height: 230px;
    background-repeat: no-repeat;
    animation: zoom-fade 6s linear infinite;
}

.banner-section .image-box .image-shape .shape-3 {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    animation: zoom-fade 4s linear infinite;
}

.banner-section .pattern-layer .pattern-1 {
    position: absolute;
    left: -50px;
    top: -150px;
    width: 503px;
    height: 616px;
    background-repeat: no-repeat;
}

.banner-section .pattern-layer .pattern-2 {
    position: absolute;
    top: 64px;
    right: 0;
    width: 424px;
    height: 366px;
    background-repeat: no-repeat;
}

.banner-section .content-box {
    position: relative;
    display: block;
    margin-top: 20px;
    z-index: 5;
}

.banner-section .content-box h2 {
    font-size: 62px;
    /* font-size: 70px; */
    line-height: 73px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner-section .content-box h2 span {
    color: #fd6509;
}

.banner-section .content-box p {
    font-size: 14px;
    line-height: 28px;
    font-family: Montserrat, sans-serif;
    color: #333;
    margin-bottom: 35px;
    font-weight: 500;
    /* max-width: 350px; */
}

.theme-btn-one {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    color: #fff !important;
    text-align: center;
    padding: 13px 25px 13px 25px;
    text-transform: capitalize;
    z-index: 1;
    /* box-shadow: 0 10px 10px rgba(0, 0, 0, .1); */
    border-radius: 25px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-color:#fd6509;
    border: 1px solid #fd6509;
    /* margin-bottom: 10px; */
}

.theme-btn-one1 {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    color: #fd6509 !important;
    text-align: center;
    padding: 13px 25px 13px 25px;
    text-transform: capitalize;
    z-index: 1;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    border-radius: 37px;
    transition: all 0.5s ease;
    border: 1px solid #fd6509;
    background-color: #fff;
}

.theme-btn-one:hover {
    background: #000;
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

img {
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.banner-section .image-box {
    position: relative;
    display: block;
    margin-left: -40px;
    margin-right: -78px;
}

.banner-section .image-box .image-shape .shape-1 {
    position: absolute;
    left: -125px;
    top: -25px;
    width: 520px;
    height: 520px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.banner-section .image-box .image-shape .shape-2 {
    position: absolute;
    left: 180px;
    top: -43px;
    width: 230px;
    height: 230px;
    background-repeat: no-repeat;
    animation: zoom-fade 6s linear infinite;
}

.banner-section .image-box .image-shape .shape-3 {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    animation: zoom-fade 4s linear infinite;
}

/* About Css */
.about-section {
    padding-bottom: 40px;
    padding-top: 40px;

}

.about-section .content-box p {
    font-weight: 500;
    line-height: 28px;
}

.image_block_one .image-box {
    position: relative;
    display: block;
    margin-right: 30px;
    padding-left: 130px;
}

.image_block_one .image-box .image-shape .shape-1 {
    position: absolute;
    left: 67px;
    top: -60px;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    animation: zoom-fade 6s linear infinite;
}

.image_block_one .image-box .image-shape .shape-2 {
    position: absolute;
    left: 114px;
    bottom: 30px;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    animation: zoom-fade 4s linear infinite;
}

.image_block_one .image-box .image {
    position: relative;
    display: block;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    max-width: 470px;
    transition: all .5s ease;
}

.image_block_one .image-box .image:before {
    position: absolute;
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdYAAACQCAYAAAC1bEqfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAY5SURBVHgB7d3rcdtGFIDRKzVgpwOWoA7CdJAOog7iDpwO7FQgpwLZFQipwO5A6MBJBciuRcYUTFLEi8TjnBnM0rL0+5tdAJcRAEB/qqp6HQBAL67T9SoAgF7ksP4UAEAvclhXAQD0IofVPVYA6EkO600AAL1wFAwAfaqq6jEAgH5UT9xnBYAeXG/WdQAAnQkrAPRpcxT8OQCA7qrv3GcFgI6udz7fBgDQzc6O9SEAgG6q5xwHA0AH17V/vwkgAFqr7Vi/BgDQXvWjdQAA7ewJq4eYAKCtar91AADNHQirXSsAtFEdtg4AoJkjYX2svNcKAI1cH/m/VXivFQCaqY77mq5VAACnqV7mQSYAOFV1mncBALysOt06AIDjGoTV/VYAeEnVzGPlFRwAOOi64e+v0nUfAMB+VTt3AQD8qGpPXAGgrupGXAFgV9XdfeWBJgD45iqXMbor0/XL1dVVGQCwYE2fCj5kla6H1OibAIAlq/r3NgBgqaphPFSmNAGwRNVw8ghE3+cKwLJUw3usDPAHYCH6enjpmFU8Pdh0VzkeBmDm+nrdpokP6frr6uqqCACYmUuEdetLuv5M18cU2X8CAGbgkmHdylH9mK5PKbAfAwAmbAxh3ZUjW6Tr77ym0H4JAJiQsYW1roynI+NPeRVaAMZu7GGtK+P5jrYMABiRqYW1rgyhBWBEph7Wui/x/Oi4DAA4o7mFtS5HtojvO1qv9QAwqLmHtU5oARjU0sJaV8Tzo2OhBaCTpYe1rojvu9kiAKAhYT2uCKEFoAFhPV0+Jt49Ni4CAGqEtT3jFwH4gbD2R2gBENYBlWHOMcDiCOv5lGH8IsDsCevllCG0ALMjrONhzjHADAjreBm/CDBBwjodQgswAcI6XUWYcwwwOsI6H0UYvwhwccI6X0UILcDZCesymHMMcCbCukzGLwIMRFjJhBagJ8LKPmWYcwzQirByijKMXwQ4ibDSRhlCC7CXsNIHc44BNoSVIRi/CCyWsHIOQgsshrByCUWYcwzMlLAyBkUYvwjMhLAyRkUILTBRwsrYmXMMTIqwMjXGLwKjJqxMndACoyKszE0Z5hwDFySszF0Zxi8CZySsLE0ZQgsMSFhZOnOOgV4JKzxn/CLQibDCcUILNCKs0EwR5hwDRwgrdFOE8YvADmGFfhUhtLBowgrDMecYFkhY4XyMX4QFEFa4HKGFGRJWGI8yzDmGSUtJXQkrjFcZxi/CpAgrTEsZQgujlpK6FlaYLnOOYWRSUn8VVpgP4xfhwlJS3wgrzJfQwpmlpL4XVliOIsw5hkGlpD4IKyxXEcYvQq9SUr8KK7BVhNBCaymnN2n5LKzAPuYcQ0Mpp7dpuRNW4BTGL8ILUk7v0+J1G6AVoYWalNPHtJi8BPSiDHOOWbA8cSktD/mzsAJDKMP4RRYkpfQuLbf5s7AC51CG0DJj22Pg/FlYgUsw55jZ2D0GzoQVGAPjF5ms3WPgTFiBMRJaJiF//2paHnd/JqzAFBRhzjEjVN+tZsIKTFERxi9yYZvdar63utr9ubACc1CE0HJmKZ9v0/JH/efCCsyNOccM7tBuNRNWYO6MX6R3++6tbgkrsDRCSyf7ngTeJazA0pVhzjEN7E5Z2kdYAZ4rw/hFDjj0wNIuYQU4rgyhJV4+At4SVoBmzDleoJTK12n5HEeOgLeEFaAb4xcXIKXyXVrenPK7wgrQL6GdmVPuq+4SVoBhFWHO8WSlRP6Wlg9N/kZYAc6rCOMXJyHl8Saepiu9bvJ3wgpwWUUI7ei0jWomrADjYc7xCHSJaiasAONl/OKZpSSu03IfLaOaCSvAdAjtgFIOf0/L++hIWAGmqwxzjnvR5D3VlwgrwHyUYfxiI5sxhfkr4NbRE2EFmK8yhPagzf3UHNVV9EhYAZbDnOP4f+5vnqbUy9FvnbACLNfixi+m5N2mJd9Pbf3U70uEFYCt2YZ2c+ybd6nrGJiwAnBIEROfc3zOoG4JKwCnKmIi4xcvEdQtYQWgrSJGFNrNqzP522jyQ0mD3UN9ibAC0IeLzDne7Ex/jqed6TpGQFgBGMI2tN92tNHDPdrNazI3m2sb04vtTA8RVgDOZRvbvJbp+nez7rNK16t4CufNZl3FBPwHy20dW3X0P1kAAAAASUVORK5CYII=);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.image_block_one .image-box .image img {
    width: 100%;
    border-radius: 30px;
    transition: all .5s ease;
}

.image_block_one .image-box .text {
    position: absolute;
    left: -60px;
    bottom: 136px;
    width: 315px;
    padding: 18px 15px 5px;
    box-shadow: 0 20px 60px 10px rgba(0, 0, 0, .1);
    border-radius: 20px;
    z-index: 1;
    background: #fd6509;
    text-align: center;
}

.image_block_one .image-box .text .video-btn a {
    position: relative;
    display: inline-block;
    font-size: 74px;
    color: #fff;
    margin-bottom: 15px;
}

.image_block_one .image-box .text h4 {
    display: block;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
}

.sec-title .sub-title {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-family: DM Sans, sans-serif;
    font-weight: 700;
    letter-spacing: .4em;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fd6509;
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin: 0;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px;
}

.sec-title .sub-title,
.sec-title h2 span {
    color: #fd6509;
}


.list-style-one li:before {
    width: 16px;
    height: 16px;
    left: 0;
    top: 5px;
    border-radius: 4px;
}

.list-style-one li:before,
.list-style-two li:before {
    border: 2px solid #fd6509;
}

.list-style-one li:after,
.list-style-one li:before,
.list-style-two li:after,
.list-style-two li:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
}

.list-style-one li:after,
.list-style-two li:after {
    background: #fd6509;
}

.list-style-one li:after {
    width: 6px;
    height: 6px;
    left: 5px;
    top: 10px;
    border-radius: 2px;
}

.list-style-one li {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    font-family: Montserrat, sans-serif;
    padding-left: 30px;
}

/*arul-about-css*/
/* about page css */
.about-page-title {
    position: relative;
    padding: 40px;
}

.about-banner h1 {
    color: #fd6509;
}

.count-section {
    display: flex;
}

.about-banner .banner-right .card-count {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
    margin-bottom: 20px;
}

.about-page-title .bg-layer,
.about-page-title .bg-layer::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -999;
}

.about-page-title .bg-layer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
}

.about-page-title .bg-layer::before {
    content: "";
    opacity: 0.7;
    background: rgb(0, 0, 0);
}

.about-banner {
    background: #ffffff26;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 0;
    box-shadow: 0 25px 45px #00000000, inset 0 0px #ffffff4d;
    border-radius: 20px;
}

.about-banner .banner-left {
    padding: 30px !important;
}

.about-banner .banner-right {
    background-color: #fd6509;
    padding: 30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    position: relative;
    justify-content: center;
}

.about-banner .banner-right::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url('../images/shape-42.png');
    background-size: cover;
}

.about-banner .banner-right .card-count {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
}

.about-banner .banner-right .card-count h5 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0px;
}

.about-banner .banner-right .card-count p {
    font-weight: 600;
    margin-bottom: 0px;
    color: #333;
}

.about-banner h1 {
    color: #fd6509;
}

.about-banner .about-banner-buttons span {
    background-color: rgb(255 255 255 / 10%);
    border-radius: 100px;
    margin-bottom: 12px;
    margin-right: 8px;
    color: #fff;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    padding: 10px 20px;
    font-size: 14px;
}


.about-banner .about-banner-buttons a {
    /* background-color: rgb(255 255 255 / 10%); */
    border-radius: 100px;
    /* margin-bottom: 10px;
    margin-right: 8px; */
    color: #fd6509;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid;
    margin-top: 10px;
}
.about-banner .about-banner-buttons a:hover {
    border-radius: 100px;
    /* margin-bottom: 10px;
    margin-right: 8px; */
    color: #ffffff;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    margin-top: 10px;
    background-color: #fd6509;
    /* cursor: url(../images/pointer-cursor-1.png), auto; */


}


.about-banner .banner-left p {
    line-height: 24px;
    margin-bottom: 25px !important;
}

.about-banner .about-banner-buttons a.active {
    background-color: #fd6509;
    color: #fff;
    border: 1px solid #fd6509;
}
.about-banner .about-banner-buttons a.active:hover {
    background-color: #333;
    color: #fff;
    border: none;
    /* cursor: url(../images/pointer-cursor-1.png), auto; */

}

/* our mission */
.our-mission-section p {
    color: #333;
    font-weight: 500;
    margin-bottom: 0px;
}

.our-mission-section .mission-card {
    background: #fff;
    border: 1px solid #eef4f1;
    border-radius: 14px;
    /* box-shadow: 0 8px 1px rgba(25, 64, 50, .08); */
    padding: 23px 20px;
    text-align: left;
}

.our-mission-section .mission-card h4 {
    font-size: 20px;
    font-weight: 600;
}

.our-mission-section .mission-card .icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #fff4ed;
    color: #fd6509;
    font-size: 20px;
    margin-bottom: 10px;
}

/* key-information section */
.key-information-section .icon {
    min-width: 45px;
    min-height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fd6509;
    color: #fff;
    margin-right: 15px;
}

.key-information-section .content h4 {
    font-size: 17px;
    font-weight: 600;
}

.key-information-section .content p {
    font-weight: 500;
    margin-bottom: 0;
    color: #333;
}

:root {
    --card-gradient: #ffbb92, #ffefe6, rgba(167, 243, 208, 0);
}

.key-information-section .gradient-card {
    background-image: linear-gradient(to bottom, var(--card-gradient));
    padding: 30px 20px;
    border-radius: 10px;
    border-bottom: 2px solid #fff4ed;
    box-shadow: 0 8px 28px rgba(25, 64, 50, .08);
    flex: 1;
}

/*arul-about-css-end*/




/* Service Css */
.service-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff4ed;
    padding: 50px 0 50px;
    text-align: center;
}

.service-section p {
    line-height: 28px;
    color: #333;
    font-weight: 500;
}

.service-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 10px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.service-section .pattern-layer .pattern-2 {
    position: absolute;
    left: 0;
    top: 50px;
    width: 424px;
    height: 366px;
    background-repeat: no-repeat;
}

.service-section .pattern-layer .pattern-3 {
    position: absolute;
    top: 50px;
    right: 0;
    width: 291px;
    height: 402px;
    background-repeat: no-repeat;
}

.service-block-one .inner-box {
    position: relative;
    display: block;
    max-width: 410px;
    margin: 0 auto;
}

.service-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f3f9eb;
    border-radius: 30px;
}

.service-block-one .inner-box .image-box:before {
    position: absolute;
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZoAAABFCAYAAABzGSAtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0Mzk2Qzk3MzNGNzExRUQ4OUQwODBGNDMyOTRBOUI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0Mzk2Qzk4MzNGNzExRUQ4OUQwODBGNDMyOTRBOUI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjQzOTZDOTUzM0Y3MTFFRDg5RDA4MEY0MzI5NEE5QjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjQzOTZDOTYzM0Y3MTFFRDg5RDA4MEY0MzI5NEE5QjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73G/wXAAADqUlEQVR42uzdT1LTUBzA8YfDsGKBM+zpEbgBuQEeoTfAG8ANOALjCTwCegLxBIS1LHBkYzc1DxJ9hpb+oQ+a9POZiZEpMp1Y+fqS9MfWeDwOAJDLO4cAgJy270e3B9X+xqEAYBG7O/tzr2jeO1wA5BJDc+gwACA0AHQ2NAOHAYCcoTlyGADIGZq9aiscCgByhSYIDQC5Q3PiUACQMzROnwGQNTTRqcMBQM7QFFY1AOQMjVUNANlDY1UDQNbQRBfh8eYAAMgSmkFwCg2AjKGJPtYbAGQJTXQeTHYGIGNoostgujMAGUOzJzYA5AxNqCMTY+M0GgBZQtPE5ltwgwAAmULTiDcIXASn0gDIFJpoGB5PpQ0dPgByhCbUK5qL4EYBADKFplFU23UdnA8OJwBtW79+/xiv8OuV1fal2j7VewB6andn/01Ck7qrtqtq+1rv75I9AEKTVVlvd/X+pvVx6a8QoB+h2X6j5zcIs28iECOAHthe4+cmRgBC04kYpdeGYnh+tj4WIwCheZE4GLRYIkbpaunKSwVAaF4jRml42jFq9gAk3uqus766C5OvGYkR0DvrftdZn1dGs36cghgBG0VoxAhAaMRoqqtWjNo3NYgRIDS8yCIxitv38PSmBjECsrkf3e4JzWbFaNqE7TKJTztGzWMAyxgIDQ8vhPDvja/zxCjuTWEA5mFFw1IxCmIEzOlQaBAjIOv3BaFhHWNkPh30x5HJAHTVrJFA5tNBZrMmA9yPbuN/Kq+taOiq9L1GxZIxavZAHg//NoUGMTKFAXI5jr84dQaziRFM8Nyps+a0mRUNLL4yWiRGRgKxyf6+J09o4PViFML0+XTpY9AHJ0IDb2OeGJVh+kggMWLt3Y9uhyF5G4NrNNBNaYya1VH6cekQkdukazT1tZnLNDRWNNBNg2AKA+vptP3atKIBKyMxYiUrmmo1U9Srmf9Y0YCV0aIrIyOBeKI+ZXYx6TGhAVYRo0nz6dJAGQnUf5+nvU6EBliFeHt3MUeM0vCIUX9WM+fhmTsqXaMB1okpDB0Sr9FUkYkX/8+e+zyhAcSIZc2MjNAAYsQy4qnSeLpsOM8nCw2wyaaNBBKj6Qah9YbMWdwMAGyyZefTlWEzRwLF+WVn9YpmbkID8PIYlWH6fLrmsS4rwuP1mGKZP+zUGcDrKEP3pjC8KDBCAyBGk8TTYsPw+NMxi1V8QaEBEKPDOirH9e/3VvmEhQagfyaNBEodJIEZrDosbX8EGACx0tPdvp9yQgAAAABJRU5ErkJggg==);
    width: 100%;
    height: 69px;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
}

.service-block-one .inner-box .image-box img {
    width: 100%;
    border-radius: 30px 30px 30px 40px;
    transition: all .5s ease;
}

.service-block-one .inner-box .lower-content {
    position: relative;
    display: block;
    margin: 0 45px;
}

.service-block-one .inner-box .lower-content .text {
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 40px 100px 20px rgba(0, 0, 0, .07);
    border-radius: 15px;
    margin-top: -107px;
    padding: 35px 30px 40px;
    overflow: hidden;
    z-index: 1;
}

.service-block-one .inner-box .lower-content .text:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(135, 195, 50, .5);
    transition: all .5s ease;
}

.service-block-one .inner-box .lower-content h3 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #000;
}

.service-block-one .inner-box .lower-content p {
    margin-bottom: 22px;
}

.theme-btn-two {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid #e5e5e5;
    border-radius: 37px;
    padding: 7px 30px;
    z-index: 1;
}

.theme-btn-two:hover {
    border-color: #fd6509;
    background: #fd6509;
    color: #fff;
}

.service-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #000;
}

/* Benefits CSS */
.sec-title {
    position: relative;
    display: block;
}

.feature-section {
    background: #fff;
    box-shadow: 0 7px 50px rgba(0, 0, 0, .1);
    position: relative;
}

.feature-section .pattern-layer .pattern-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 171px;
    height: 143px;
    background-repeat: no-repeat;
}

.feature-img {
    /* color: transparent;
      border: 1px solid #fd6509;
    padding: 5px;
        border-radius: 50%; */
    width: 100%;
    /* margin-top: 70px; */
}

.slick-prev:before,
.slick-next:before {
    color: #fd6509 !important;
}

.carousel-item h6 {
    font-weight: 600;
    font-size: 20px;
}

.carousel-item p {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.feature-section .pattern-layer .pattern-2 {
    position: absolute;
    bottom: 0;
    right: 290px;
    width: 200px;
    height: 58px;
    background-repeat: no-repeat;
}

.sec-title.light .sub-title,
.sec-title.light h2 {
    color: #fff;
}

/* .feature-section .sec-title:before {
position: absolute;
content: "";
background: #262626;
width: 435px;
height: 100%;
top: 0;
left: 0;
} */
.feature-section .inner-content {
    position: relative;
    padding: 55px 60px 26px;
}

.feature-slider {
    max-width: 1140px;
    margin: 0 auto;
}

.feature-item {
    /* background: #f9f9f9; */
    /* padding: 30px; */
    text-align: left;
    /* border-radius: 10px; */
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
    transition: all 0.3s ease;
}

.feature-item h3 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 14px;
}

.slick-slide {
    padding-right: 20px;
}

/* .feature-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
} */
.feature-item .icon-box {
    font-size: 36px;
    color: #fd6509;
    margin-bottom: 15px;
}

.feature-item svg {
    height: 40px;
    width: 40px;
    fill: currentColor;
}

/* Feature CSS */
.more-service {
    position: relative;
    padding: 115px 0 120px;
    text-align: center;
}

.more-service .single-item {
   position: relative;
    display: block;
    /* padding: 10px 15px 5px 35px; */
    /* text-align: right; */
}

.more-service .single-item .bg-shape {
    position: absolute;
    left: -60px;
    top: -40px;
    width: 440px;
    height: 435px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.more-service .single-item .icon-box {
    position: relative;
    display: block;
    font-size: 55px;
    /* margin-bottom: 20px; */
}

.more-service .single-item .icon-box,
.more-service .single-item h3 a:hover {
    color: #fd6509;
}

.more-service .single-item h3 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 16px;
}

.inner-content {
    margin-right: 50px;
}

.more-service .image-box .image-shape .shape-1 {
    position: absolute;
    left: -100px;
    top: 25px;
    width: 600px;
    height: 600px;
    border: 1px solid hsla(0, 0%, 90%, .6);
    border-radius: 50%;
}

.more-service .image-box .image-shape .shape-2 {
    position: absolute;
    left: -90px;
    top: 115px;
    width: 584px;
    height: 373px;
    background-repeat: no-repeat;
}

.more-service .single-item h3 a {
    display: inline-block;
    color: #fd6509;
    font-size: 16px;
}

.more-service .single-item p {
    font-size: 14px;
}

.more-service .image-box,
.more-service .image-box .image {
    position: relative;
    display: block;
}

.more-service .image-box {
    text-align: center;
    margin-top: 150px;
}

/* .more-service .image-box .image:before {
width: 400px;
height: 400px;
    left: -40px;
top: -47px;
}
.more-service .image-box .image:after, .more-service .image-box .image:before {
position: absolute;
content: "";
background: #fff;
border-radius: 50%;
box-shadow: 0 30px 110px rgba(0, 0, 0, .1);
z-index: -1;
}
.more-service .image-box .image:after {
width: 200px;
height: 200px;
left:70px;
top: 57px;
animation: zoom-fade 6s linear infinite;
} */
.more-service .left-column .single-item .link {
    right: 40px;
}

.more-service .single-item .link {
    position: absolute;
    bottom: -20px;
}

.more-service .single-item:hover .link a {
    transform: scale(1);
}

.more-service .single-item .link a {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 64px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .12);
    z-index: 1;
    transform: scale(0);
    transition: all .5s ease;
    background: #fd6509;
}

/* Testimonial Css */
.testimonials-section {
    background: #fd6509;
    padding: 115px 0 120px;
    position: relative;
}

.testimonials-section .pattern-layer {
    position: absolute;
    top: 0;
    right: 0;
    width: 669px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonials-section .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.testimonials-section .content-box {
    margin-left: 65px;
}

.carousel-item .inner-box .text .icon-box {
    position: absolute;
    left: 3px;
    top: 3px;
    font-size: 62px;
    color: hsla(0, 0%, 100%, .2);
}

.carousel-item .inner-box .text p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    margin: 85px 59px 20px
}

.carousel-item .inner-box .author-box {
    position: relative;
    padding: 0 0 0 100px;
}

.carousel-item .inner-box .author-box .author-thumb {
    position: absolute;
    left: 0;
    top: 3px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.carousel-item .inner-box .author-box .author-thumb img {
    width: 100%;
    border-radius: 50%;
}

.carousel-item .inner-box .author-box .rating li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.carousel-item .inner-box .author-box h4 {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
}

.carousel-item .inner-box .author-box .designation {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

/*download-apps*/
.download-apps {
    padding: 115px 0 !important;
    background: #f3f9eb;
    position: relative;
}

.image_block_two .image-box {
    position: relative;
    display: block;
}

.download-apps .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.download-apps-two {
    position: relative;
}

.download-apps-two .content_block_two .content-box .text p {
    color: #fff;
}

.download-apps-two .content_block_two .content-box .download-btn li.google-play a {
    background: #000;
}

.download-apps-two .content_block_two .content-box .download-btn li.app-store a {
    background: #98cb4f;
}

.download-apps-two .pattern-layer {
    position: absolute;
    top: 0;
    right: 0;
    width: 545px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.download-apps-two .pattern-layer-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 322px;
    height: 322px;
    background-repeat: no-repeat;
}

.download-apps,
.more-service,
.testimonials-section {
    padding: 40px 0 40px;
}

.content_block_two .content-box .text p {
    font-size: 15px;
    color: #333;
    line-height: 28px;
    font-weight: 500;
}

.image_block_two .image-box .image-shape .shape-1 {
    position: absolute;
    left: 30%;
    top: -88px;
    width: 134px;
    height: 134px;
    background-repeat: no-repeat;
}

.image_block_two .image-box .image-shape .shape-2 {
    position: absolute;
    left: 60px;
    bottom: -78px;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    animation: zoom-fade 6s linear infinite;
}

.image_block_two .image-box .image-shape .shape-3 {
    position: absolute;
    width: 282px;
    height: 282px;
    top: -95px;
    right: 78px;
    background: hsla(0, 0%, 100%, .3);
    border-radius: 50%;
}

.content_block_two .content-box .download-btn li a {
    position: relative;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 15px 30px 14px 30px;
    background: #fd6509;
}

.content_block_two .content-box .download-btn li {
    position: relative;
    display: block;
    float: left;
    margin-right: 20px;
}

.content_block_two .content-box .download-btn li.app-store a {
    background: #000;
    border-radius: 25px;
     /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

.content_block_two .content-box .download-btn li .icon-apple,
.content_block_two .content-box .download-btn li .icon-google {
    position: absolute;
    left: 30px;
    top: 19px;
    font-size: 32px;
}

.content_block_two .content-box .download-btn li a span {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}

/*Subscribe-section-CSS*/
.subscribe-section {
    position: relative;
    margin-top: -9px;
    background: #fd6509;
    padding-top: 70px;
    padding-bottom: 70px;
}

.subscribe-section .text h2 {
    display: block;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
}

.subscribe-section .form-inner form {
    position: relative;
    padding-right: 230px;
}

.subscribe-section .form-inner .form-group {
    position: relative;
    margin: 0;
}

.subscribe-section .form-inner .form-group input[type=email],
.subscribe-section .form-inner .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background: hsla(0, 0%, 100%, .2);
    font-size: 16px;
    color: #fff;
    border-radius: 35px;
    padding: 10px 30px;
    transition: all .5s ease;
    border: none;
}

.subscribe-section .form-inner button {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    font-weight: 600;
    background: #fff;
    border-radius: 35px;
    padding: 18px 43px 16px;
    transition: all .5s ease;
    border: none;
}

.subscribe-section .form-inner button:hover {
    background: #000;
    color: #fff;
}

.subscribe-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 220px;
    top: 0;
    width: 474px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.subscribe-section .pattern-layer .pattern-2 {
    position: absolute;
    top: 0;
    right: 70px;
    width: 465px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_block_one .content-box,
.content_block_two .content-box,
.subscribe-section .text {
    margin-right: 0;
}

.subscribe-section .text {
    margin-bottom: 25px;
}

.subscribe-section .form-inner form {
    padding-right: 0;
}

.subscribe-section .form-inner button {
    position: relative;
}

.subscribe-section .form-inner .form-group {
    margin-bottom: 20px;
}

.image_block_two .image-box img {
    width: 100%
}

/*Footer-Content-CSS*/
.main-footer {
    position: relative;
    background: #212226 !important;
}

.main-footer .widget-section {
    position: relative;
    padding: 115px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}

.main-footer .logo-widget .footer-logo {
    position: relative;
    max-width: 149px;
    margin-bottom: 15px;
}

.main-footer a,
.main-footer p {
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    font-family: Montserrat, sans-serif;
}

.main-footer .logo-widget {
    margin-top: -15px;
}

.main-footer .logo-widget .text {
    margin-bottom: 20px;
}

.main-footer .logo-widget .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 17px;
}

.main-footer .logo-widget .social-links li:last-child {
    margin: 0 !important;
}

.main-footer .logo-widget .social-links li a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: hsla(0, 0%, 100%, .2);
    text-align: center;
    border-radius: 50%
}

.main-footer .widget-title {
    position: relative;
    display: block;
    margin-bottom: 21px;
}

.main-footer .widget-title h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
}

.main-footer .links-list li {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.main-footer .links-list li:last-child {
    margin-bottom: 0;
}

.main-footer .links-list li a {
    display: inline-block;
}

.main-footer .contact-widget p {
    margin-bottom: 25px;
}

.main-footer .contact-widget .info li {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding-left: 26px;
    margin-bottom: 10px;
}

.main-footer .contact-widget .info li:last-child {
    margin-bottom: 0;
}

.main-footer .contact-widget .info li svg {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 13px;
}

.main-footer .contact-widget .info li:first-child i,
.main-footer .contact-widget .info li:last-child svg {
    font-size: 18px;
}

.main-footer .contact-widget .info li:nth-child(2) i {
    top: 9px;
}

.main-footer .widget-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 236px;
    height: 204px;
    background-repeat: no-repeat;
}

.main-footer .widget-section .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 207px;
    height: 287px;
    background-repeat: no-repeat;
}

.main-footer a:hover,
.news-block-one .inner-box .lower-content .post-info li a:hover,
.news-block-one .inner-box .lower-content .post-info li svg,
.news-block-one .inner-box .lower-content h3 a:hover {
    color: #fd6509;
    /* cursor: url(../images/pointer-cursor-1.png), auto; */
}

.main-footer .logo-widget .social-links li a:hover {
    background: #fd6509;
}

.main-footer .contact-widget .info li svg {
    color: #fd6509;
}

.main-footer .footer-widget {
    margin: 0 0 30px !important;
}

.main-footer .widget-section {
    padding-bottom: 85px;
}

/* .image_block_three .image-box .image-shape, .main-footer .widget-section .pattern-layer, .search-field-section.style-two .pattern-layer {
display: none;
} */
.main-footer .widget-section {
    padding: 40px 0 40px;
}

.footer-bottom {
    padding: 15px 0;
    text-align: center;
}

::placeholder {
    /* color: #fff; */
    font-size: 14px;
}

/*Supply chain section*/
.supplychain-heading {
    /* background-color: #dbecc1; */
    background: linear-gradient(to right, #ffffff, #dbecc1);
    width: 100%;
    height: 120vh;
}

.down-arrow {
    width: 6%;
    position: relative;
    left: 1079px;
}

.bg-badge {
    background-color: #ffffff;
    width: 100%;
    border-radius: 50px;
    height: 58px;
}

.icon-text img {
    width: 75%;
}

.parent-class {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
    gap: 10px;
}

/* Responsive */
@media (max-width: 768px) {

    .theme-btn-one {
        margin-bottom: 10px;
    }
    .more-service .single-item h3 a {
        display: inline-block;
        color: #fd6509;
        font-size: 22px;
    }

    .inner-content-feature {
        margin: 0px 25px;
    }

    .more-service .single-item .bg-shape3 {
        display: none;
    }

    .more-service .single-item .bg-shape1 {
        display: none;
    }

    .more-service .single-item .bg-shape2 {
        display: none;
    }

    .more-service .single-item .bg-shape4 {
        display: none;
    }

    .about-banner .about-banner-buttons span {
        background-color: rgb(255 255 255 / 10%);
        border-radius: 100px;
        margin-bottom: 12px;
        margin-right: 8px;
        color: #fff;
        font-weight: 600;
        font-family: Montserrat, sans-serif;
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }

    .about-banner .about-banner-buttons a {
        text-align: center;
        /* background-color: rgb(255 255 255 / 10%); */
        border-radius: 100px;
        margin-bottom: 10px;
        margin-right: 8px;
        color: #fd6509;
        font-weight: 600;
        font-family: Montserrat, sans-serif;
        padding: 10px 20px;
        font-size: 14px;
        border: 1px solid;
        margin-top: 5px;
        /* width: 100%; */
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .count-section {
        display: block;
    }

    .header-top .top-inner .info li:before {
        position: absolute;
        content: "";
        background: hsla(0, 0%, 100%, .15);
        width: 1px;
        height: 30px;
        top: -5px;
        right: -30px;
        display: none;
    }

    .header-top .top-inner .left-column .info li:first-child svg {
        margin-left: -30px;
    }

    .social-links {
        display: none;
    }

    .header-top .top-inner .info li {
        margin-right: 0px;
    }

    .navbar .container {
        padding: 0 15px !important;
    }

    .banner-section .content-box h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-section .image-box .image-shape {
        display: none;
    }

    .banner-section .image-box {
        margin: 0;
        margin-top: 40px;
    }

    .feature-section .inner-content {
        padding-left: 0;
        padding-right: 0;
    }

    .sec-title h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .feature-section .sec-title:before {
        position: absolute;
        content: "";
        background: #262626;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    /* .more-service .single-item {
        background: #f2f2f2;
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .1);
        padding: 25px 30px !important;
        border-radius: 10px;
        margin-bottom: 35px;
    } */

    .more-service .single-item .bg-shape {
        display: none;
    }

    .image-column {
        display: none;
    }

    .subscribe-section .pattern-layer .pattern-1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 0px;
    }

    .inner-content {
        margin-right: 0;
    }

    .header-top {
        padding: 10px 30px;
        height: 44px;
    }

    .header-top .top-inner {
        display: block;
    }

    .header-top .right-column {
        float: right;
    }

    .funfact-style-two .inner-container {
        border-radius: 0 !important;
    }

    .funfact-style-two .container {
        padding: 0 !important;
    }

    .funfact-style-two .pattern-layer {
        display: none;
    }

    .btn-box {
        display: inline-flex;
        /* flex-direction: column; */
    }

    .working-section .inner-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;

    }

    .arrow-shape {
        display: none;
    }

    .main-footer .widget-section .pattern-layer {
        display: none;
    }

    .contact-info-section .pattern-layer {
        display: none;
    }


    .application-flow {
        grid-auto-columns: 3 !important;
        display: flex !important;
        grid-template-columns: repeat(1, 1fr) !important;

    }
    .theme-btn-one {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    color: #fff !important;
    text-align: center;
    padding: 13px 13px 13px 13px;
    text-transform: capitalize;
    z-index: 1;
    /* box-shadow: 0 10px 10px rgba(0, 0, 0, .1); */
    border-radius: 25px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background-color: #fd6509;
    border: 1px solid #fd6509;
    /* margin-bottom: 10px; */
    margin-left: 8px;
}
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .more-service .single-item .bg-shape {
        width: 510px;
    }

    /* .more-service .single-item {
        margin-bottom: 130px;
    } */

    .image_block_one .image-box .image:before {
        width: 100%;
        height: 150px;
    }
}


/* About Page */
.page-title {
    position: relative;
    padding: 75px;
}

.page-title .bg-layer,
.page-title .bg-layer::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -999;
}

.page-title .bg-layer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
}

.page-title .bg-layer::before {
    content: "";
    opacity: 0.7;
    background: rgb(0, 0, 0);
}

.content-box h1 {
    color: #fff;
    text-align: center;
}

.bread-crumb {
    display: flex;
    color: #fff;
    justify-content: center;
}

.page-title .bread-crumb li {
    position: relative;
    /* display: inline-block; */
    font-size: 15px;

    /* line-height: 30px;
    color: rgb(255, 255, 255); */
    font-weight: 500;
    padding-right: 20px;
    margin-right: 8px;
}

.page-title .bread-crumb li a {
    display: inline-block;
    color: rgb(255, 255, 255);
}

.page-title .bread-crumb li:last-child::before {
    padding: 0px !important;
    margin: 0px !important;
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    top: 1px;
    left: -15px;
    font-size: 16px;
}

.service-style-two.about-page {
    padding-top: 40px;
    padding-bottom: 40px;
}

.service-style-two {
    position: relative;
    /* background: rgb(243 249 235 / 89%); */
    background: rgb(255 246 240 / 89%);
    padding: 40px 0 40px;
}

.service-block-two .inner-box {
    position: relative;
    display: block;
    padding: 45px 40px 80px;
    /* max-width: 300px; */
    transition: all .5s ease;
}

.service-block {
    display: flex;
}

/* Stretch the inner-box to fill available space */
.service-block-two .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service-block-two .inner-box:hover {
    transform: translateY(-5px);
    /* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); */
}

.service-block-two .inner-box h3 a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: UPPERCASE;
}

.service-block-two .inner-box {
    background: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.service-block-two .inner-box p {
    /* display: inline-block;
    color: #000; */
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 25px;
    font-weight: 500;
}

.service-block-two .inner-box .icon-box {
    position: relative;
    display: block;
    font-size: 35px;
    margin-bottom: 10px;
}

.service-block-two .inner-box .link {
    position: absolute;
    left: 40px;
    bottom: 0;
}

.service-block-two .inner-box .link {
    position: relative;
    left: 0;
}

@media only screen and (max-width: 1299px) {
    .service-block-two .inner-box .link a {
        transform: scale(1);
    }
}

/* .service-block-two .inner-box .icon-box svg {
    fill: #fd6509;
    margin-bottom: 30px;
} */

.service-block-two .inner-box .link a {
    position: relative;
    /* display: inline-block; */
    padding: 12px 14px;
    width: 60px;
    height: 60px;
    line-height: 64px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    transform: scale(0);
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .12);
    background: #fd6509;
}

.funfact-style-two {
    position: relative;
}

.funfact-style-two .inner-container {
    position: relative;
    padding: 70px 100px 65px;
    border-radius: 880px;
    margin-bottom: -164px;
    z-index: 1;
}

.bg-color-3 {
    background: #262626;
}

.funfact-style-two .pattern-layer .pattern-1,
.funfact-style-two .pattern-layer .pattern-2 {
    position: absolute;
    top: 0;
    width: 409px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.funfact-style-two .pattern-layer .pattern-1 {
    left: 166px;
}

.funfact-style-two .pattern-layer .pattern-2 {
    right: 166px;
}

.funfact-block-one .inner-box {
    position: relative;
    display: block;
}

.funfact-block-one .inner-box .icon-box {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #fd6509;
    margin-bottom: 5px;
}

.funfact-block-one .inner-box .count-outer {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.funfact-block-one .inner-box p {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.working-section {
    padding: 40px 0;
}

.working-section .inner-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding-top: 35px;

}

.working-block-one .inner-box:last-child {
    margin-right: 20px;
}

.working-block-one .inner-box,
.working-block-one .inner-box .count-box {
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}

.working-block-one .inner-box {
    position: relative;
    width: 290px;
    height: 290px;
    background: #fff;
    box-shadow: 0 0 120px rgba(0, 0, 0, .12);
}

.working-block-one .inner-box .arrow-shape {
    position: absolute;
    top: 50%;
    right: -37%;
    width: 102px;
    height: 18px;
    background-repeat: no-repeat;
}

.working-block-one .inner-box .count-box {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    box-shadow: 0 20px 60px rgba(135, 195, 50, .5);
    background: #fd6509;
}

.working-block-one .inner-box .count-box h3 {
    display: block;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
}

.working-block-one .inner-box .count-box h3 span {
    display: block;
    font-size: 16px;
}

.working-block-one .inner-box .text h3 {
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Contact Page Style  */
.contact-info-section {
    background:  #fff4ed;;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    text-align: center;
}

.contact-info-section .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 527px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-info-section .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 527px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-info-section .single-item .inner-box .shape {
    position: absolute;
    left: -60px;
    top: -40px;
    width: 530px;
    height: 428px;
    background-repeat: no-repeat;
}

.contact-info-section .single-item .inner-box .icon-box {
        position: relative;
    display: inline-block;
    width: 79px;
    height: 79px;
    line-height: 66px;
    font-size: 32px;
    background: #fff4ed;;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
}

.contact-info-section .single-item .inner-box {
    padding: 30px 40px;
    background: #fff;
    box-shadow: rgb(19 18 18 / 11%) 0px 2px 8px 0px;
    border-radius: 20px;
}

.contact-info-section .single-item .inner-box p a {
    display: inline-block;
    color: #333;
    font-weight: 500;
}

.contact-info-section .single-item .inner-box h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    /* margin-bottom: 10px; */
}

@media only screen and (max-width: 1599px) {
    .contact-info-section .single-item .inner-box {
        padding: 30px 40px;
        background: #fff;
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
        border-radius: 20px;
    }

    .contact-info-section .single-item .inner-box .shape {
        display: none;
    }
}

.contact-info-section .single-item .inner-box {
    position: relative;
    display: block;
    padding: 35px 30px 30px;
    transition: all .5s ease;
}

.contact-section {
    position: relative;
    padding: 40px 0 40px;
}

.contact-section .form-inner .form-group input[type=email],
.contact-section .form-inner .form-group input[type=text],
.contact-section .form-inner .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    font-size: 16px;
    color: #6e6e6e;
    padding: 10px 30px;
    transition: all .5s ease;
}

.contact-section .form-inner .form-group {
    position: relative;
    margin-bottom: 30px;
}

.contact-section .content-box {
    position: relative;
    display: block;
    margin-right: 70px;
}

.contact-section .content-box p {
    margin-bottom: 35px;
}

.contact-section .content-box h2 {
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-section .content-box .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 7px;
}

.contact-section .content-box .social-links li a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #3b5998;
    text-align: center;
    border-radius: 50%;
}

.contact-section .content-box .social-links li:nth-child(2) a {
    background: #55acee;
}

.contact-section .content-box .social-links li:nth-child(3) a {
    background: #dc4e41;
}

.contact-section .content-box .social-links li:last-child a {
    background: #3f729b;
}

/* Solution Page Style */
.list-style-two li:before {
    width: 16px;
    height: 16px;
    right: 0;
    top: 5px;
    border-radius: 4px;
}

.list-style-two li:after {
    width: 6px;
    height: 6px;
    right: 5px;
    top: 10px;
    border-radius: 2px;
}

.list-style-two li {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
    font-family: Montserrat, sans-serif;
    padding-right: 30px;
}

.image_block_one .image-box {
    position: relative;
    display: block;
    margin-right: 30px;
    padding-left: 130px;
    margin-top: 50px;
}

/*about-section-technology-card*/
/* body {
  background: #d0dbe1;
  padding: 2rem;
} */

.grid-container {
    width: min(75rem, 100%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap: 2rem;
}

.card {
    /* --grad: #fd6509, #dffcb7; */

    padding: 20px;
    border-radius: 2rem;
    display: grid;
    grid-template: 'title icon' 'content content' 'bar bar' / 1fr auto;
    font-family: system-ui, sans-serif;
    color: #444447;
    /* height: 220px !important; */
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);

    .content p {
        margin-bottom: 15px
    }

    ;

    .title {
        font-size: 1.5rem;
        grid-area: title;
        align-self: end;
        /* text-transform: uppercase; */
        font-weight: 500;
        word-break: break-all;

    }

    .icon {
        grid-area: icon;
        font-size: 50px;

        >i {
            color: transparent;
            background: linear-gradient(to right, var(--grad));
            background-clip: text;
        }
    }

    .content {
        grid-area: content;

        &>*:first-child {
            margin-top: 0rem
        }

        &>*:last-child {
            margin-bottom: 0rem
        }
    }

    &::after {
        content: "";
        grid-area: bar;
        height: 2px;
        background-image: linear-gradient(90deg, var(--grad));
        /*     margin-inline: -1.5rem; */
        margin-top: 30px;
    }
}


.service-block-one .inner-box:hover .lower-content .text:before {
    height: 7px;
}

.service-block-one .inner-box .lower-content .text:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(135, 195, 50, .5);
    transition: all .5s ease;
}

/*challenges&solution*/


.challenges-section {
    background-image: url(../images/shape-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* CSS */
.solution-card {
    width: 100%;
    /* set your preferred size */
    height: 250px;
    perspective: 1000px;
    /* enables the 3D effect */
    border-radius: 16px;
}

.solution-card:focus {
    outline: none;
}

/* Flip on hover (desktop) and on focus-within (keyboard/touch) */
.solution-card:hover .card-inner,
.solution-card:focus-within .card-inner {
    transform: rotateY(180deg);
}

.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
    border-radius: inherit;
}

.card-front {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    backface-visibility: hidden;
    background: #ffffff;
    padding: 24px 25px;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 5%), 0 6px 11px 0 rgb(0 0 0 / 6%);
    border: 1px solid rgb(206 102 39 / 50%);
}

.card-back {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px;
    border-radius: inherit;
    backface-visibility: hidden;
    /* hides the back when turned */
    background: #fd6509;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    color: #fff;
}

.card-back .content p {
    color: #fff;
}

/* Front face styling */

.card-front h2 {
    font: 700 42px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    margin: 0 0 12px;
    color: #0b132b;
}

.card-img {
    max-width: 75%;
    height: auto;
    object-fit: contain;
}

.card-front p{
    text-align: center;
    line-height: 28px;
    font-size: 13px;
}

/* Back face (rotated) */
.card-back {
    transform: rotateY(180deg);
    text-align: center;
}

.card-back h2 {
    font: 700 20px/1.25 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    margin: 0 0 10px;
    color: #0b132b;
}

/* .card-back p {
  font: 400 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #334155;
  margin: 0;
} */

/* Optional: responsive sizing */
@media (max-width: 480px) {
    .solution-card {
        width: 100%;
        height: 320px;
    }
}

.solution-style.about-page {
    padding-top: 50px;
    padding-bottom: 50px;
}

/*Explore-Battrey*/
.explore-bg {
    background-color: #fd6509;
    width: 100%;
    height: 100%;
}

.explore-table table thead tr th.tooltip {
    background-color: #fd65098a;
    font-weight: bold;
    font-size: 16px;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1 !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


/*battery-passport-flow*/

.passport-flow {
    position: relative;
    background: #f3f9eb;
    padding: 40px 0 40px;
}

.application-flow .inner-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.application-flow .inner-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.application-flow .inner-box h3 a {
    display: inline-block;
    color: #000;
    font-size: 16px;
}

.application-flow .inner-box {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 20px 15px;
    border-left: 4px solid #fd6509;
    width: 300px;
    transition: all .5s ease;
}

.application-flow .inner-box p {
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
    color: #333;
}

.application-flow .inner-box .icon-box {
    /* position: relative; */
    /* display: block; */
    font-size: 45px;
    text-align: center;
    height: 20%;
}

.application-flow .inner-box .link {
    position: absolute;
    left: 40px;
    bottom: 0;
}

.application-flow .inner-box .link {
    position: relative;
    left: 0;
}

@media only screen and (max-width: 1299px) {
    .application-flow .inner-box .link a {
        transform: scale(1);
    }
}

.application-flow .inner-box .icon-box svg {
    fill: #fd6509;
    margin-bottom: 30px;
}

.application-flow .inner-box .link a {
    position: relative;
    /* display: inline-block; */
    padding: 12px 14px;
    width: 60px;
    height: 60px;
    line-height: 64px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    transform: scale(0);
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .12);
    background: #fd6509;
}

.badge {
    background-color: #fd65096b !important;
}

.sub-text {
    color: #fd6509 !important;
}

.card-sub-text h5 {
    font-size: 10px;
    text-align: left;
}

.number {
    background: #fd6509;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    padding: 5px 12px;
}

.top-text {
    font-size: 24px;
}

.main-heading {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 2px;
}

.pill-content {
    background-color: #fd650929 !important;
    border-radius: 6px;
    text-align: -webkit-auto;
}

.sub-heading {
    font-size: 15px;
    BORDER-BOTTOM: 1PX DOTTED #fd650970;
    PADDING: 6PX 0PX;
}

.application-flow {
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    grid-template-columns: ();
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    /* margin-bottom: 20px; */
}

.application-flow .inner-box {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 20px 15px;
    border-left: 4px solid #fd6509;
    width: 300px;
    transition: all .5s ease;
    flex: 1 1 30%;
    min-width: 280px;
}


.application-flow .inner-box {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 20px 15px;
    border-left: 4px solid #fd6509;
    width: 300px;
    transition: all .5s ease;
    flex: 1 1 30%;
    min-width: 280px;
}

/*battery-details-section*/

.battery-details {
    background: #fff;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
    border-radius: 20px;
    height: auto;
}

.accordion-button:not(.collapsed) {
    color: #000 !important;
    background-color: #fd65096b !important;
    box-shadow: none !important;
    border-radius: 10px 10px 0px 0px !important;
}

.accordion-button {
    border-radius: 0.5rem !important;
    font-size: var(--ar-accordion-btn-font-size);
    font-weight: var(--ar-accordion-btn-font-weight);
    line-height: 1.5;
    border: none !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.accordion-item {
    border: none !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button {
    background-color: #d5e7ba !important;
}

.accordion-button:hover {
    background-color: #87c322ba !important;
    color: #fff;
}

.service-style-two .bg-layer,
.service-style-two .bg-layer::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -999;
}

.service-style-two .bg-layer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
}

.work-card {
    padding: 20px;
    border-radius: 10px !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #f5efef;
}


.work-card .content {
    margin-top: 20px;
}

.work-card .icon-box img {
    border-radius: 10px;
}

.work-card .content p {
    color: #333;
    ;
    margin-bottom: 0px;
}

.work-card .content h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.work-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.3s ease-in-out;
}

.work-card:hover {
    transform: translateY(-5px);
}

.icon-box {
    position: relative;
    /* overflow: hidden; */
}

.icon-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

.icon-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: #deffae;
    opacity: 1;
    z-index: 1;
    mix-blend-mode: multiply;
}

.service-block-two .inner-box-abt .icon-box-abt svg {
    fill: #fff;
    /* margin-bottom: 30px; */
    background-color: #565656;
    border-radius: 50px;
    padding: 12px;
    width: 60px;
    height: 60px;
    /* margin-bottom: 30px; */
}

.service-block-two .inner-box-abt {
    /* background: #fff; */
    /* box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07); */
    box-shadow: 0 7px 0px 0 rgba(0, 0, 0, .07);
    border-radius: 25px;
    padding: 25px 30px;
    border: 1px solid #fd6509;
}

.service-block-two .inner-box-abt {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service-block-two .inner-box-abt {
    position: relative;
    display: block;
    padding: 45px 40px 80px;
    /* max-width: 300px; */
    transition: all .5s ease;
}

.service-block-two .inner-box-abt h3 a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: UPPERCASE;
}

.service-block-two .inner-box-abt .link a {
    position: relative;
    /* display: inline-block; */
    padding: 12px 14px;
    width: 60px;
    height: 60px;
    line-height: 64px;
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    transform: scale(0);
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .12);
    background: #fd6509;
}

.service-block-two .inner-box-abt p {
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 25px;
    font-weight: 500;
}

.service-block-two .inner-box-abt .icon-box-abt {
    position: relative;
    display: block;
    font-size: 45px;
    margin-bottom: 10px;
}

.service-block-two .inner-box-abt {
    /* background: #fff; */
    /* box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07); */
    box-shadow: 0 7px 0px 0 rgba(0, 0, 0, .07);
    border-radius: 25px;
    padding: 25px 30px;
    border: 1px solid #fd6509;
}

.service-block-two .inner-box-abt:hover {
    transform: translateY(-5px);
    /* box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); */
}


/* rahul */

.inner-content-feature {
    margin-right: 25px;
}


.prev-button {
    background-color: #fd6509 !important;
    margin-top: 50px;

}

.next-button {
    background-color: #fd6509 !important;
    margin-top: 50px;

}

.after-title {
    color: #fd6509 !important;
}

.comparing-title {
    margin-top: 100px !important;
}

.corefeatures-background {
    /* background-image: url("../images/corefeatures3.jpg"); */
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    position: relative;

}

.more-service .single-item .bg-shape:hover {
    position: absolute;
    left: -24px;
    top: -10px;
    width: 390px;
    height: 195px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.2;

}

.bg-shape1:hover {
    background-image: url("../images/shape-14green.png") !important;
    transition: all .5s ease-in-out;
}

.corefeatures-subtitle1 {
    color: #fff;
    margin-left: 55px;
}

.feature-shape1 {
    margin-left: 50px;
    margin-top: 10px;

}

.more-service .single-item .bg-shape1 {
    position: absolute;
    left: 22px;
    top: -10px;
    width: 390px;
    height: 195px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.2;
}


.bg-shape2:hover {
    background-image: url("../images/shape-14green.png") !important;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.corefeatures-subtitle2 {
    color: #fff;
    margin-left: -23px;
}

.feature-shape2 {
    margin-left: -16px;
    margin-top: 10px;
}

.more-service .single-item .bg-shape2 {
    position: absolute;
    left: -19px;
    top: -10px;
    width: 390px;
    height: 195px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.2;
}

.bg-shape3:hover {
    background-image: url("../images/shape-14green.png") !important;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.corefeatures-subtitle3 {
    color: #fff;
    margin-left: -133px;
}

.feature-shape3 {
    margin-left: -137px;
    margin-top: 10px;
}

.more-service .single-item .bg-shape3 {
    position: absolute;
    left: -80px;
    top: -10px;
    width: 390px;
    height: 195px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.2;
}

.bg-shape4:hover {
    background-image: url("../images/shape-14green.png") !important;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.corefeatures-subtitle4 {
    color: #fff;
    margin-left: -47px;
}

.feature-shape4 {
    margin-left: -55px;
    margin-top: 10px;
}

.more-service .single-item .bg-shape4 {
    position: absolute;
    left: -35px;
    top: -10px;
    width: 390px;
    height: 195px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0.2;
}

@media (max-width: 768px) {
    .corefeatures-subtitle1 {
        color: #000;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .feature-shape1 {
        color: #fd6509;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .corefeatures-subtitle2 {
        color: #000;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .feature-shape2 {
        color: #fd6509;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .corefeatures-subtitle3 {
        color: #000;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .feature-shape3 {
        color: #fd6509;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .corefeatures-subtitle4 {
        color: #000;
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .feature-shape4 {
        color: #fd6509;
        margin-left: 0;
        text-align: center;
    }
}


@media (min-width: 1400px) and (max-width: 1920px) {


    .more-service .single-item .bg-shape:hover {
        position: absolute;
        left: -24px;
        top: -10px;
        width: 390px;
        height: 195px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0.2;

    }

    .bg-shape1:hover {
        background-image: url("../images/shape-14green.png") !important;
        transition: all .5s ease-in-out;
    }

    .corefeatures-subtitle1 {
        color: #fff;
        margin-left: 5px;
    }

    .feature-shape1 {
        margin-left: 5px;
        margin-top: 10px;

    }

    .more-service .single-item .bg-shape1 {
        position: absolute;
        left: 22px;
        top: -10px;
        width: 390px;
        height: 195px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0.2;
    }


    .bg-shape2:hover {
        background-image: url("../images/shape-14green.png") !important;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }

    .corefeatures-subtitle2 {
        color: #fff;
        margin-left: -75px;
    }

    .feature-shape2 {
        margin-left: -75px;
        margin-top: 10px;
    }

    .more-service .single-item .bg-shape2 {
        position: absolute;
        left: -19px;
        top: -10px;
        width: 390px;
        height: 195px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0.2;
    }

    .bg-shape3:hover {
        background-image: url("../images/shape-14green.png") !important;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }

    .corefeatures-subtitle3 {
        color: #fff;
        margin-left: -205px;
    }

    .feature-shape3 {
        margin-left: -205px;
        margin-top: 10px;
    }

    .more-service .single-item .bg-shape3 {
        position: absolute;
        left: -80px;
        top: -10px;
        width: 390px;
        height: 195px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0.2;
    }

    .bg-shape4:hover {
        background-image: url("../images/shape-14green.png") !important;
        transition: all .5s ease-in-out;
        cursor: pointer;
    }

    .corefeatures-subtitle4 {
        color: #fff;
        margin-left: -110px;
    }

    .feature-shape4 {
        margin-left: -117px;
        margin-top: 10px;
    }

    .more-service .single-item .bg-shape4 {
        position: absolute;
        left: -35px;
        top: -10px;
        width: 390px;
        height: 195px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        opacity: 0.2;
    }
}


.contact-info-section .single-item p {
    line-height: 28px;
}
.solution-img img{
        border: 1px solid #fd6509;
    padding: 15px;
    border-radius: 16px;
}

.contact-info-section p{ color: #333; font-weight: 500; font-size: 12px;}

.card-front .icon-box svg, .card-back .icon-box svg{
 width: 35px;
}
@media only screen and (max-width: 1366px) {
    .about-banner .about-banner-buttons span {
        background-color: rgb(255 255 255 / 10%);
        border-radius: 100px;
        margin-bottom: 12px;
        /* margin-right: 8px; */
        color: #fff;
        font-weight: 600;
        font-family: Montserrat, sans-serif;
        padding: 10px 16px;
        font-size: 11px;
    }

}





/* battery-details-section */

html {
  font-size: 14px;
}
body {
  background: #f6f9fc;
  font-family: "Open Sans", sans-serif;
  color: #525f7f;
}
h2 {
  margin: 5%;
  text-align: center;
  font-size: 2rem;
  font-weight: 100;
}
.timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* margin: 0 auto; */
    justify-content: end;
    align-items: end;
    /* padding: 1.5rem; */
}

.timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 25px 0;
    border-radius: 10px;
    border: 1px solid #fd6509;
    width: calc(100% - 70px);
}

.timeline__event__title {
  font-weight: 600;
  color: #fd6509;
}

.timeline__event__content {
  padding: 15px;
  align-content: center;  
}

.timeline__event__date {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  white-space: nowrap;
}

.timeline__event__icon {
  border-radius: 8px 0 0 8px;
  background: #fd6509;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 40%;
  font-size: 2rem;
  color: #9251ac;
  padding: 15px;
  position: relative;
}

.timeline__event__icon i {
  position: absolute;
  top: 50%;
  left: -65px;
  font-size: 2.5rem;
  transform: translateY(-50%);
}

.timeline__event__description {
  flex-basis: 60%;
}

.timeline__event.animated.fadeInUp.delay-3s.timeline__event--type1:after {
    content: "";
    /* width: 10px; */
    /* height: 50px; */
    background: #fd6509;
    position: absolute;
    top: 47px;
    left: -46px;
    right: 0;
    z-index: 1;
    width: 2px;
    height: 110%;
}

.timeline__event:before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  background: #ffffff;
  border-radius: 100%;
  left: -5rem;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #fd6509;
  z-index: 99;
  
}
.timeline__event1:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='%2387c332' width='200px' height='200px' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg' stroke='%2387c332'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Efactory_solid%3C/title%3E%3Cg id='ea9fbc53-970b-4279-903f-43e3ef035107' data-name='Layer 3'%3E%3Cpath d='M32.45,8.44,22,15.3V9.51a1,1,0,0,0-1.63-.78L14.07,14H10V4.06L4,2.71V14H2V31a1,1,0,0,0,1,1H33a1,1,0,0,0,1-1V9.27A1,1,0,0,0,32.45,8.44ZM14,29H6V27h8Zm0-4H6V23h8Zm0-4H6V19h8Zm8,8H20V26h2Zm0-6H20V20h2Zm4,6H24V26h2Zm0-6H24V20h2Zm4,6H28V26h2Zm0-6H28V20h2Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 35% 35%; /* or 'contain' */
  background-position: center;
  background-repeat: no-repeat;
}
.timeline__event2:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='200px' height='200px' viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg' fill='' stroke=''%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='%2387c332' fill-rule='evenodd' d='M207.960546,159.843246 L210.399107,161.251151 C210.637153,161.388586 210.71416,161.70086 210.580127,161.933013 C210.442056,162.172159 210.144067,162.258604 209.899107,162.117176 L207.419233,160.68542 C207.165323,160.8826 206.846372,161 206.5,161 C205.671573,161 205,160.328427 205,159.5 C205,158.846891 205.417404,158.291271 206,158.085353 L206,153.503423 C206,153.22539 206.231934,153 206.5,153 C206.776142,153 207,153.232903 207,153.503423 L207,158.085353 C207.582596,158.291271 208,158.846891 208,159.5 C208,159.6181 207.986351,159.733013 207.960546,159.843246 Z M206.5,169 C211.746705,169 216,164.746705 216,159.5 C216,154.253295 211.746705,150 206.5,150 C201.253295,150 197,154.253295 197,159.5 C197,164.746705 201.253295,169 206.5,169 Z' transform='translate(-197 -150)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 35% 35%; /* or 'contain' */
  background-position: center;
  background-repeat: no-repeat;
}
.timeline__event3:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='%2387c332' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px' viewBox='0 0 236 256' enable-background='new 0 0 236 256' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M117.5,2c-12.47,0-22.63,10.16-22.63,22.63c0,12.46,10.06,22.62,22.63,22.62c12.37,0,22.62-10.16,22.62-22.62 C140.12,12.16,129.97,2,117.5,2z M146,52H89c-15.59,0-28,13.41-28,29v32h20V86c0-1.71,1.29-3,3-3s3,1.29,3,3v27h61V86 c0-1.71,1.29-3,3-3s3,1.29,3,3v27h20V81C174,65.51,161.49,52,146,52z M2,118v27h23v109h185V145h24v-27H2z M136.06,206.81 c1.03-0.34,2.02-0.58,3.05-0.58c3.05-0.11,5.66,0.82,7.88,2.84c2.23,1.99,3.43,4.45,3.5,7.57c0.1,0.93,0,2.02-0.24,3.05l-8.74-8.05 l-7.88,8.6l8.84,8.02c-1.03,0.34-2.02,0.58-3.05,0.58c-3.05,0.11-5.65-0.82-7.88-2.84c-2.23-2.13-3.43-4.59-3.53-7.64 c0-1.07,0.1-2.27,0.34-3.29l-2.12-2.03l-12.72-11.61l-21.52,23.71c-1.3,1.75-3.32,2.95-5.65,2.95c-3.77,0-6.82-3.05-6.82-6.82 c0-2.02,0.79-3.87,2.33-5.18l22.34-23.16l-13.5-12.37c-1.06,0.48-2.26,0.72-3.29,0.72c-3.05,0.1-5.65-0.82-7.88-2.85 c-2.23-2.02-3.43-4.49-3.53-7.54c-0.1-0.92,0-2.02,0.24-3.05l8.84,8.02l7.81-8.56l-8.84-8.02c0.93-0.35,2.02-0.59,3.05-0.59 c3.05-0.1,5.66,0.83,7.88,2.85c2.23,1.99,3.43,4.59,3.53,7.64c0.11,1.03,0,2.02-0.24,3.05l13.92,12.75l10.17-11l-15.21-13.4 l13.81-15.73l39.1,34.41l-13.81,15.73l-15.63-13.78l-9.83,11.62L136.06,206.81z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 35% 35%; /* or 'contain' */
  background-position: center;
  background-repeat: no-repeat;
}
.timeline__event4:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg fill='%2387c332' width='40px' height='40px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2,19c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3v-8H2V19z M19,4h-2V3c0-0.6-0.4-1-1-1s-1,0.4-1,1v1H9V3c0-0.6-0.4-1-1-1S7,2.4,7,3v1H5C3.3,4,2,5.3,2,7v2h20V7C22,5.3,20.7,4,19,4z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 35% 35%; /* or 'contain' */
  background-position: center;
  background-repeat: no-repeat;
}
/* .timeline__event:after {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  background: #270322;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #9251ac;
} */

.timeline__event--type2:before {
  background: #87bbfe;
  border-color: #555ac0;
}
.timeline__event--type2:after {
  background: #555ac0;
}
.timeline__event--type2 .timeline__event__date {
  color: #87bbfe;
}
.timeline__event--type2 .timeline__event__icon {
  background: #555ac0;
  color: #555ac0;
}
.timeline__event--type2 .timeline__event__title {
  color: #555ac0;
}

.timeline__event--type3:before {
  background: #aff1b6;
  border-color: #24b47e;
}
.timeline__event--type3:after {
  background: #24b47e;
}
.timeline__event--type3 .timeline__event__date {
  color: #aff1b6;
}
.timeline__event--type3 .timeline__event__icon {
  background: #24b47e;
  color: #24b47e;
}
.timeline__event--type3 .timeline__event__title {
  color: #24b47e;
}

.timeline__event:last-child:after {
  content: none;
}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
  }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
  }
  .timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 10px;
    border: 1px solid #fd6509;
    width: calc(100% - 70px);
}
.timeline__event.animated.fadeInUp.delay-3s.timeline__event--type1:after {
    content: "";
    /* width: 10px; */
    /* height: 50px; */
    background: #fd6509;
    position: absolute;
    top: 66px;
    left: -46px;
    right: 0;
    z-index: 1;
    width: 2px;
    height: 100%;
}

}

.battery-top-card
{
    background: #dcf0d1;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    padding: 10px;
}

.battery-detail-card
{
    margin: 8px 5%;
}
.battery-detail-card .detail-box {
    background: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    display: block;
    padding: 20px 20px;
    transition: all .5s ease;
}

/* .battery-detail-card .detail-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.battery-detail-card .detail-box {
    position: relative;
    display: block;
    padding: 45px 40px 80px;
    max-width: 300px;
    transition: all .5s ease;
} */
.battery-detail-card .detail-box .icon-box {
    position: relative;
    display: block;
    font-size: 50px;
    margin-bottom: 0px;
}



 .battery-view
 {
    height:100%; 
    overflow-y:auto
}
    .battery-header
{
    text-align:center;
    margin: 8px 5%; 
    padding:16px; 
    background:#f8fafb; 
    border-radius:12px
}
.battery-id
{font-weight:700; 
    color:var(--green);
    font-size:1.1rem; 
    margin-bottom:4px}
.battery-status
{
    color:#666; 
    font-size:.9rem
}
.health-section .progress-bar
{
    background-color: #87c322 !important;
}
.battery-health
{
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #fd6509;
    color: #333 !important;
}
.battery-health:hover {
    padding: 15px;
    border-radius: 10px;
    background: #fd6509 !important;
    color: #fff !important;
}
.battery-health:hover .progress-bar {
    background: #fd6509 !important;
    border: 1px solid #fff;
    border-radius: 50px;
}
.battery-health:hover p {
    color: #ffffff !important;
}

.map-view-img
{
    border-radius: 35px !important;
}


/* rahul css */
.bg-card1 {
    background-color: #fff !important;
    /* margin-left: -50px; */
    /* opacity: 0.4; */
    border-radius: 10px;
}

.corefeatures-sub-title1 {
    color: #000000;
    /* margin-left: -15px; */
}

.bg-card2 {
    background-color: #ffffff !important;
    /* margin-left: -50px; */
   /* opacity: 0.4; */
    margin-top: 25px;
    position: relative;
    left: -30px;
border-radius: 10px;
}

.bg-card3 {
    background-color: #fff !important;
    /* margin-left: -50px; */
    /* opacity: 0.4; */
    margin-top: 25px;
    border-radius: 10px;
}

.bg-card4 {
    background-color: #fff !important;
    /* margin-left: 25px; */
   /* opacity: 0.4; */
    /* margin-right: -80px; */
    border-radius: 10px;

}

.corefeatures-sub-title4 {
    color: #000000;
    /* margin-left: -15px; */
}

.bg-card5 {
    background-color: #fff !important;
    /* margin-left: -50px; */
    /* opacity: 0.4; */
    margin-top: 25px;
    position: relative;
    left: 50px;
    border-radius: 10px;

}

.corefeatures-sub-title5 {
    color: #000000;
    /* margin-left: -15px; */
}

.bg-card6 {
    background-color: #fff !important;
    /* margin-left: 25px; */
    /* opacity: 0.4; */
    /* margin-right: -80px; */
    margin-top: 25px;
    border-radius: 10px;

}

.corefeatures-sub-title6 {
    color: #000000;
    /* margin-left: -15px; */
}

.carrossel-center {
    background-color: #fd6509 !important;

}

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

.carousel-indicators [data-bs-target] {

    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background-color: #fd6509 !important;
}

.carousel-indicators {

    bottom: -25px !important;
    margin-bottom: 0 !important;
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .more-service .single-item .bg-shape {
        width: 510px;
    }
/* 
    .more-service .single-item {
        margin-bottom: 130px;
    } */

    .image_block_one .image-box .image:before {
        width: 100%;
        height: 150px;
    }
}
/* .corefeatures-background:before {
    content: "";
    background: #fd6509;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: .3;
    width: 100%;
    height: 100%;
} */
@media (max-width: 768px) {

.bg-card1,
.bg-card2,
.bg-card3,
.bg-card4,
.bg-card5,
.bg-card6 {
        background-color: #ffffff !important;
        margin-left: 0;
        padding: 15px 0 0 0;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-top: 0;
        height: auto !important;
    }

    .bg-card1 .single-item,
    .bg-card2 .single-item,
    .bg-card3 .single-item,
    .bg-card4 .single-item,
    .bg-card5 .single-item,
    .bg-card6 .single-item {
        margin-bottom: 0;
    }

    .bg-card2,
    .bg-card5 {
        left: 0;
    }

    .corefeatures-sub-title1,
    .corefeatures-sub-title6,
    .corefeatures-sub-title5,
    .corefeatures-sub-title4 {
        /* color: #000; */
        margin-bottom: 0;
    }

}
.bg-card1, .bg-card2, .bg-card3, .bg-card4, .bg-card5, .bg-card6{
    position: relative;
        padding: 20px;
                box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07);
}




@media (min-width: 1400px) and (max-width: 1920px) {


    .more-service .single-item p {
    font-size: 18px;

    }
    .more-service .single-item h3 a
  {
    font-size: 20px;

    }

    }


    div#ad-banner {
  display: none !important;
}

/* html {
          cursor: url(../images/battery-cursor-2.png), auto;
      } */