@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jacques+Francois&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

p,
.selection-design ul li,
.imagebox ul li,
.designation, li {
    font-family: 'Poppins';
}

.nav-links li {
	font-family: 'inter';
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'inter' !important;
}

.carousel-item::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
    height: 850px;
}

.inner-banner .carousel-item::before,
.inner-banner .carousel-item2::before,
.inner-banner .carousel-item3::before{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
    height: 900px;
}

.carousel-item img {
	width: 100%;
    height: 850px;
	object-fit: cover;
}

.carousel-item3 img {
	width: 100%;
    height: 850px;
}

.carousel-item2 img {
	width: 100%;
    height: 600px;
	object-fit: cover;
}

.carousel-caption {
    bottom: 15rem;
    width: 70%;
    margin: auto;
}

.carousel-caption h1 {
    font-size: 65px;
    font-weight: 800;
    font-family: 'inter';
    color: #ffff;
}

.carousel-caption p {
    padding: 20px 0px;
    color: #ffff;
    font-size: 20px;
}

.mainheading {
    margin-bottom: 20px;
}

.mainheading h6 {
    font-family: 'poppins';
    color: #4383C4;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.mainheading h4 {
    font-size: 32px;
    font-weight: bold;
}

.state-card h3 {
	font-size: 16px;
}

.state h4 {
	font-size: 32px;
    font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}

.home-about {
    background-image: url(../images/aboutbanner.png);
    background-size: cover;
    padding: 100px 0px;
}

.allbtn {
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    padding: 20px 30px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 'Poppins';
}

.allbtn:hover {
    background: rgb(255, 184, 0);
    background: linear-gradient(30deg, rgba(232, 39, 113, 1), rgba(255, 184, 0, 1) 100%);
    border: none;
    padding: 20px 30px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    transition: 2s;
}

.topbox {
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border-radius: 50px;
    height: 60px;
}

.navicon {
    display: inline;
    height: 60px;
    width: 60px;
    padding: 16px 20px;
    background-color: crimson;
    border-radius: 50px;
    font-size: 20px;
    color: white;
    position: absolute;
    border: 1px solid rgb(255, 255, 255);
}

.menu-icon {
    width: 30px;
    height: 24px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

.menu-icon .bar {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #333; /* Change to your preferred color */
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

/* Animation for turning bars into an "X" */
.menu-icon.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 8px);
}

.menu-icon.active .bar:nth-child(2) {
    opacity: 0;
    transform: translateX(-10px); /* Slight adjustment for a clean look */
}

.menu-icon.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -8px);
}

.navcont {
    display: inline;
}

.navcont p {
    padding: 0px 15px 0px 65px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.topbox i {
    /* height: 60px;
    width: 60px; */
    background-color: crimson;
    display: inline;
    border-radius: 50px;
}

.search-box a {
    list-style-type: none;
}

.aboutcont p {
    font-size: 16px;
    color: #515050;
    line-height: 2.5rem;
}

.newsbox {
    position: relative;
}

.newsbox img {
    width: 100%;
    position: relative;
}

.newsboxcont button {
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.newsboxcont {
/*     position: absolute; */
    content: '';
    left: 5%;
    bottom: -30%;
    width: 100%;
    margin: auto;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    padding: 20px;
}

.newsboxcont h5 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.icon {
    display: inline;
}

.icon i {
    padding: 0px 7px;
}

.mailarea p {
    display: inline;
    /* padding-left: 50px; */
}

.contbox p {
    display: inline;
    margin: 0px 5px;
    font-size: 15px;
}

.contbox p i {
    padding: 0px 5px;
}

.topbar {
    padding: 15px 0px;
    background-color: #06038D;
    color: rgb(255, 255, 255);
}

.homenews-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fafafa;
}

.REMPledge {
    background: url(../images/REMPLEDGE_Group-Image.jpg);
    color: white;
    /* Change text color for better visibility */
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 750px;
    position: relative;
    /* Ensure the overlay sits on top of the background */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Add a semi-transparent black overlay */
    z-index: 1;
    /* Ensure the overlay sits below the content but above the background */
}

.REMPledge-cont {
    position: relative;
    z-index: 2;
    /* Ensure content sits on top of the overlay */
    padding: 20px;
}

.homenews-section .mainheading {
    text-align: center;
    padding-bottom: 20px;
}

.REMPledge .mainheading H4 {
    color: #EEC21A;
    display: inline;
}

.REMPledge .mainheading {
    color: rgb(255, 255, 255);
}

.REMPledge .mainheading p {
    display: inline;
    padding-left: 10px;

}

.REMPledge-cont {
    padding-top: 200px;
}

.REMPledge-cont p {
    font-size: 18px;
    line-height: 2.1rem;
    font-weight: 600;
    color: #636363;
}

.REMPledge-cont button {
    margin-top: 50px;
}

.REMPledge .mainheading h4 {
    font-size: 64px;
}

.REMPledge .mainheading h4 span {
    font-family: "Jacques Francois", serif;
}







.tnambox .timg {
    display: inline-block;
    width: 25%;
}

.tcont {
    width: 70%;
    display: inline-block;
    padding-left: 30px;
    top: 10px;
}

.tnambox .timg img {
    width: 100px;

}

.remee-help {
    background: url(../images/helpbackimg.png);
    background-size: cover;
    padding: 100px 0px;
}

.remee-help .helpbox {
    width: 20%;
    padding: 5px;
    /* background-color: #ffffff; */
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
}

.helpbox h4 {
    font-size: 20px;
    font-family: 'poppins';
    font-weight: bold;
    line-height: 1.9rem;
    height: 15%;
}

.helpcont {
    background-color: #ffffff;
    padding: 15px;
    height: 335px;
}

.helpcont p {
    padding: 10px 0px;
    line-height: 1.8rem;
    height: 60%;
}

.helpcont button {
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    padding: 15px 10px;
    vertical-align: text-bottom;
}

.footer-logo {
    background-color: #F4F2F5;
    padding: 165px 50px;
}

.footer-logo img {
    width: 80%;
    margin: auto;
    text-align: center;
    justify-content: center;
}

.footer-section {
    background-color: #000;
}

.footermenu {
    padding: 50px 0px 0px 0px;
}

.footermenu img {
    text-align: center;
}

.footermenu li {
    text-decoration: none;
    padding: 10px 0px;
    color: #ffffff;
    list-style-type: none;
}

.footermenu li a {
    color: #ffffff;
    list-style-type: none;
    text-decoration: none;
    color: #ffffff;
}

.footermenu li a:hover {
    color: #EEC21A;
}

.footermenu h5 {
    color: #EEC21A;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
}

.copyright-area h6 {
    margin: 0px;
    padding: 0px;
}

.logoarea {
    width: 35%;
    padding: 0;
}

.linkarea {
    width: 65%;
}

.copyright-area {
    background-color: #444444;
    color: #ffffff;
    padding: 20px 0px;
    text-align: center;
}

.footermenu h5::before {
    content: '';
    left: 0;
    bottom: 0;
    width: 60%;
    height: 5px;
    border-radius: 10px;
    position: absolute;
    background-color: #ff924ab0;
}

.footer-logo p {
    line-height: 1.8rem;
}

.testomonial {
    padding: 100px 0px;
}

.testomonial .mainheading {
    text-align: center;

}

.mainheading h6 {
    padding-bottom: 20px;
}

.remee-help .mainheading {
    text-align: center;
    padding-bottom: 10px;
}

.aboutimg {
    position: relative;
}

.aboutimg .afterimg {
    content: '';
    height: 150px !important;
    width: 150px !important;
    left: 0;
    top: 5%;
    position: absolute;
    /* background: url(images/gradient-15th-anniversary-birthday-card\ 1.png); */
    z-index: 1;
    background-repeat: no-repeat;
}

.aboutimg .befourrimg {
    content: '';
    height: 150px !important;
    width: 115px !important;
    right: 0;
    bottom: 0;
    position: absolute;
    /* background: url(images/gradient-15th-anniversary-birthday-card\ 1.png); */
    z-index: 1;
    background-repeat: no-repeat;
}

.abtimg {
    width: 100%;
}


.tracking-in-contract {
    -webkit-animation: tracking-in-contract 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-contract 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-9-24 11:45:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

.mainheading h4 sup {
    top: -2.5em;
    font-size: 13px;
}


/*============================================================ NAVBAR CSS START =====================================================*/
nav {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100px;
    background: #ffffff;
    z-index: 99;
}

nav .navbar {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    /* background: red; */
    padding: 0px 0px;
}

.navbar .logo a {
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

nav .navbar .nav-links {
    line-height: 70px;
    height: 100%;
}

nav .navbar .links {
    display: flex;
    margin-bottom: 0px;
}

nav .navbar .links li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 15px 10px;
}

nav .navbar .links li a {
    height: 100%;
    text-decoration: none;
    white-space: nowrap;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

/* Rotate arrow on hover */
.menu-item-has-children > a:hover + i,
.menu-item-has-children:hover > i {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

#menu-main-menu .fa-chevron-down {
	margin-left: 5px;
}

nav .navbar .links li .arrow {
    height: 100%;
    width: 22px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    color: #242424;
    transition: all 0.3s ease;
    margin-left: 5px;
}

nav .navbar .links li .sub-menu {
    position: absolute;
    top: 100px;
    left: 0;
    line-height: 40px;
    color: #ffffff;
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgb(252, 50, 127) 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
    padding: 0px 20px;
}

nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu {
    display: block;
}

.navbar .links li .sub-menu li {
    padding: 5px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .links li .sub-menu a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

.navbar .links li .sub-menu .more-arrow {
    line-height: 40px;
}

.navbar .links li .htmlCss-more-sub-menu {
    /* line-height: 40px; */
}

.navbar .links li .sub-menu .more-sub-menu {
    position: absolute;
    top: 0;
    left: 99%;
    border-radius: 0 4px 4px 4px;
    z-index: 1;
    display: none;
}

.links li .sub-menu .more:hover .more-sub-menu {
    display: block;
}

.navbar .search-box {
    position: relative;
    height: 40px;
    width: 40px;
}

.navbar .search-box i {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.navbar .search-box .input-box {
    position: absolute;
    right: calc(100% - 40px);
    top: 80px;
    height: 60px;
    width: 300px;
    background: #3E8DA8;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}

.navbar.showInput .search-box .input-box {
    top: 65px;
    opacity: 1;
    pointer-events: auto;
    background: #3E8DA8;
}

.search-box .input-box::before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: #3E8DA8;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
}

.search-box .input-box input {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 280px;
    outline: none;
    padding: 0 15px;
    font-size: 16px;
    border: none;
}

.navbar .nav-links .sidebar-logo {
    display: none;
}

.navbar .bx-menu {
    display: none;
}

.logo1 img {
    width: 180px;
}
/*============================================================ NAVBAR CSS END =====================================================*/



.navcont span {
    padding-left: 12px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
}


.inner-banner img {
    width: 100%;
}

.inner-banner .carousel-caption {
    bottom: 23rem;
}

.inner-banner .carousel-caption.carousel-caption2 {
    bottom: 18rem;
}

.inner-banner .carousel-item2 .carousel-caption {
	bottom: 16rem;
}

.blog-box {
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.blog-box img {
    width: 100%;
/* 	height: 500px; */
	object-fit: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.blog-area {
    padding: 100px 0px;
}

.blog-cont {
    padding: 30px;
}

.blog-cont h4 {
    font-size: 30px;
    font-weight: bold;
}

.blog-cont p {
    line-height: 2.0rem;
}

.blog-cont a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: #444444;
    margin-top: 20px;
}

.blog-cont i {
    margin-left: 5px;
    font-size: 18px;
}

/* .all-blog .blog-box:nth-child(2),:nth-child(3){
    margin-top: 50px;
} */

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

.search__input {
    font-family: inherit;
    font-size: inherit;
    background-color: #f4f2f2;
    border: none;
    color: #646464;
    padding: 18px 20px;
    border-radius: 10px;
    width: 100%;
    transition: all ease-in-out .5s;
    margin-right: -2rem;
}

.search__input:hover,
.search__input:focus {
    box-shadow: 0 0 1em #00000013;
}

.search__input:focus {
    outline: none;
    background-color: #f0eeee;
}

.search__input::-webkit-input-placeholder {
    font-weight: 100;
    color: #ccc;
}

.search__input:focus+.search__button {
    background-color: #f0eeee;
}

.search__button {
    border: none;
    background-color: #f4f2f2;
    margin-top: .1em;
}

.search__button:hover {
    cursor: pointer;
}

.search__icon {
    height: 1.3em;
    width: 1.3em;
    fill: #b4b4b4;
}

.rightside-box {
    padding: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.blog-box {
    overflow: hidden;
}

.postbox img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

.postcont p {
    color: #949494;
	font-size: 14px;
}

.postcont p a {
    text-decoration: none;
}

.postcont h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7rem;
}

.recent-post {
    padding: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

.recent-post:nth-child(2) {
    margin-top: 10px;
}

/* .blog-box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
    transition: 0.9s;
    backface-visibility: hidden;
} */
.Categories {
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-top: 30px;
    border-radius: 10px;
}

.recent-post h4 {
    padding: 10px 0px 20px 0px;
    font-size: 22px;
    font-weight: 700;
}

.Categories h4 {
    padding: 10px 0px 20px 0px;
    font-size: 22px;
    font-weight: 700;
}

.Categories li {
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #808080;
}

.home-export .exportimagesec img {
    width: 100%;
}


.inputGroup {
    font-family: 'Segoe UI', sans-serif;
    margin: 1em 0 1em 0;
    max-width: 100%;
    position: relative;
}

.inputGroup input, .inputGroup select {
    font-size: 100%;
    padding: 0.8em;
    outline: none;
    border: 2px solid rgb(200, 200, 200);
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
}

.inputGroup label {
    font-size: 100%;
    margin-bottom: 10px;
    pointer-events: none;
    transition: all 0.3s ease;
    color: rgb(100, 100, 100);
	font-weight: 500;
}

.checkbox label {
	font-weight: 500;
}

.checkbox .wpcf7-checkbox {
	display: grid;
	line-height: 35px;
	margin-top: 15px;
}

.inputGroup label span {
	color: red;
}

.inputGroup :is(input:focus, input:valid)~label {
    transform: translateY(-50%) scale(.9);
    margin: 0em;
    margin-left: 1.3em;
    padding: 0.4em;
    background-color: #ffffff;
}

.inputGroup :is(input:focus, input:valid), .inputGroup :is(select:focus, select:valid) {
    border-color: rgb(150, 150, 200);
}

.inputGroup textarea {
    width: 100%;
}

.submit-btn {
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    padding: 20px 40px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 500;
}

.home-export {
    padding: 100px 0px;
}

.exportcontesec h4 {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}

.exportcontesec li {
    padding: 5px 0px;
    font-size: 18px;

}

.requestquate h4 {
    font-size: 24px;
    font-weight: 600;
}

.newslater {
    padding-top: 100px;
    background-color: #f0f0f0;
}

.newslater-contact-link {
    background-color: #06038D;
}

.newslater-contact {
    width: 49%;
    display: inline;
    padding: 20px;
}

.newslater-contact-link {
    width: 49%;
    display: inline;
    padding: 50px;
    color: #ffffff;
}

.newslater-contact-link h4,
.find-us h4,
.newslater h4 {
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 20px;
}

.newslater-contact-link p {
    font-size: 20px;
}

.newslater-contact-link i {
    margin-right: 20px;
}

.newslater-contact input {
    margin-bottom: 20px;
}

.newslater-contact-link button {
    border: 1px solid rgb(255, 255, 255);
    padding: 15px 25px;
    text-decoration: none;
    color: #ffffff;
    margin-top: 50px;
    background-color: #24242400;
}

.newslater-contact .chekbox {
    display: inline;
    width: 15px;
    height: 15px;
    margin-bottom: 0px;
    margin-right: 5px;
}

.newslater-contact p {
    display: inline;
    line-height: 1.8rem;
}

.inner-banner-cont {
    padding: 100px 0px;
}

.inner-banner-cont h4 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.exportimagesec img {
    width: 100%;
}

.exportcontesec p {
    font-size: 20px;
}

.inputGroup h5 {
    font-weight: 600;
    font-size: 20px;
}

#Branding {
    padding: 15px 5px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}

.inputGroup2 h6 {
    display: inline;
}

.innerprofile h3 {
    font-size: 28px;
    font-weight: 600;
}

.innerprofile li {
    padding: 10px 10px;
    font-size: 16px;
}

.innerprofile h5 {
    font-weight: 600;
}

.innerprofile p {
    line-height: 2.2rem;
    font-size: 16px;
}



.blog-card {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
	height: 300px;
}

.blog-card a {
    color: inherit;
}

.blog-card a:hover {
    color: #5ad67d;
}

.blog-card:hover .photo {
    transform: scale(1.3) rotate(3deg);
}

.blog-card .meta {
    position: relative;
    z-index: 0;
    height: 200px;
}

.blog-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.2s;
}

.blog-card .details,
.blog-card .details ul {
    margin: auto;
    padding: 0;
    list-style: none;
}

.blog-card .details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    margin: auto;
    transition: left 0.2s;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 0.9rem;
    padding-left: 30px;
    padding-top: 30px;
}

.blog-card .details a {
    -webkit-text-decoration: dotted underline;
    text-decoration: dotted underline;
}

.blog-card .details ul li {
    display: inline-block;
}

.blog-card .details .author:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}

.blog-card .details .date:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "";
}

.blog-card .details .tags ul:before {
    font-family: FontAwesome;
    content: "";
    margin-right: 10px;
}

.blog-card .details .tags li {
    margin-right: 2px;
}

.blog-card .details .tags li:first-child {
    margin-left: -4px;
}

.blog-card .description {
    padding: 1rem;
    background: #fff;
    position: relative;
    z-index: 1;

}

.blog-card .description h2,
.blog-card .description h3 {
    font-family: Poppins, sans-serif;
}

.blog-card .description h2 {
    line-height: 1;
    margin: 0;
    font-size: 1.7rem;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 25px;
}

.blog-card .description h3 {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-top: 5px;
}

.blog-card .description .read-more {
    text-align: right;
}

.blog-card .description .read-more a {
    color: #ff0800;
    display: inline-block;
    position: relative;
}

.blog-card .description .read-more a:after {
    content: "";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
    transition: margin 0.3s, opacity 0.3s;
}

.blog-card .description .read-more a:hover:after {
    margin-left: 5px;
    opacity: 1;
}

.blog-card p {
    position: relative;
    margin: 0rem 0 0;
}

.blog-card p:first-of-type {
    margin-top: 1.25rem;
}

.blog-card p:first-of-type:before {
    content: "";
    position: absolute;
    height: 5px;
    background: #ff0800;
    width: 35px;
    top: -0.75rem;
    border-radius: 3px;
}

.blog-card:hover .details {
    left: 0%;
}

@media (min-width: 640px) {
    .blog-card {
        flex-direction: row;
        max-width: 700px;
    }

    .blog-card .meta {
        flex-basis: 40%;
        height: auto;
    }

    .blog-card .description {
        flex-basis: 60%;
    }

    .blog-card .description:before {
        transform: skewX(-3deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

    .blog-card.alt {
        flex-direction: row-reverse;
    }

    .blog-card.alt .description:before {
        left: inherit;
        right: -10px;
        transform: skew(3deg);
    }

    .blog-card.alt .details {
        padding-left: 25px;
    }
}

.inner-blog {
    padding: 50px 0px;
}

.news-blog {
    margin-top: 50px;
}

.inner-REMPledge {
    padding: 100px 0px;
}

.inner-REMPledge h4 {
    font-size: 28px;
    font-weight: 600;
}

.inner-REMPledge li {
    padding: 5px 0px;
}

.csupport {
    background-color: #fdfbfc;
    padding: 100px 0px;
    margin: auto;
    text-align: center;
}

.csupport img {
    width: 70%;
}

.csupport button {
    padding: 14px 25px;
    border: none;
    background-color: #ff5e00;
    color: #ffffff;
}





/* ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.team-page-section {
    position: relative;
    padding-top: 70px;
}

.team-page-section .team-block {
    margin-bottom: 60px;
}

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 65px;
}

.sec-title .title {
    position: relative;
    font-size: 18px;
    color: #bd0000;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: capitalize;
}

.sec-title .separator {
    position: relative;
    width: 40px;
    margin-top: 16px !important;
}

.sec-title .separator:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 10px;
    height: 2px;
    background-color: #ff9600;
}

.sec-title .separator:after {
    position: absolute;
    content: "";
    right: 0px;
    top: 0px;
    width: 10px;
    height: 2px;
    background-color: #ff9600;
}

.sec-title .separator span {
    position: absolute;
    left: 50%;
    top: -2px;
    width: 10px;
    height: 5px;
    margin-left: -5px;
    display: inline-block;
    background-color: #bd0000;
}

.sec-title h2 {
    position: relative;
    color: #222222;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2em;
    margin-top: 35px;
}

.sec-title .text {
    position: relative;
    font-size: 14px;
    line-height: 1.9em;
    color: #555555;
    margin-top: 10px;
}

.sec-title.centered .separator {
    margin: 0 auto !important;
    float: none !important;
}

.sec-title.centered {
    text-align: center !important;
}

.sec-title.light .title {
    color: #ffffff;
}

.sec-title.light h2 {
    color: #ffffff;
}

.sec-title.light .separator span {
    background-color: #ff9600;
}

.sec-title.light .separator:before,
.sec-title.light .separator:after {
    background-color: #ffffff;
}

.team-section {
    position: relative;
    padding: 80px 0px 60px;
}

.team-section.style-two .pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center center;
    background-repeat: no-repeat;
}

.team-section .title-box {
    position: relative;
    text-align: center;
}

.team-section .title-box h2 {
    position: relative;
    color: #222222;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 50px;
}

.team-section .title-box h2 span {
    color: #ff9600;
}

.team-block {
    position: relative;
}

.team-block .inner-box {
    position: relative;
    padding: 40px 50px 28px 0px;
}

.team-block .inner-box:before {
    position: absolute;
    content: "";
    right: 0px;
    top: 0px;
    left: 35px;
    bottom: 0px;
    border-radius: 10px;
    background-color: #f5f5f5;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.team-block .inner-box::after {
    position: absolute;
    content: "";
    top: 0px;
    left: 70px;
    bottom: 0px;
    width: 0%;
    border-radius: 10px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background-image: -ms-linear-gradient(top, #ffca08 0%, #f70067 100%);
    background-image: -moz-linear-gradient(top, #ffca08 0%, #f70067 100%);
    background-image: -o-linear-gradient(top, #ffca08 0%, #f70067 100%);
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(0, #ffca08),
            color-stop(100, #f70067));
    background-image: -webkit-linear-gradient(top, #ffca08 0%, #f70067 100%);
    background-image: linear-gradient(to bottom, #ffca08 0%, #f70067 100%);
}

.team-block .inner-box:hover::after {
    width: 81%;
}

.team-block .inner-box .social-icons {
    position: absolute;
    right: 15px;
    top: 100px;
    z-index: 1;
}

.team-block .inner-box .social-icons li {
    position: relative;
    margin-bottom: 20px;
    list-style-type: none;
}

.team-block .inner-box .social-icons li a {
    position: relative;
    color: #e40000;
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}

.team-block .inner-box:hover .lower-content h3 a,
.team-block .inner-box:hover .social-icons li a,
.team-block .inner-box:hover .lower-content .designation {
    color: #ffffff;
    text-decoration: none;
}

.team-block .inner-box .image {
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.2);
}

.team-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 10px;
}

.team-block .inner-box .lower-content {
    position: relative;
    text-align: left;
    z-index: 1;
    padding: 30px 0px 0px 80px;
}

.team-block .inner-box .lower-content h3 {
    position: relative;
    color: #bd0000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.team-block .inner-box .lower-content h3 a {
    position: relative;
    color: #bd0000;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}

.team-block .inner-box .lower-content .designation {
    position: relative;
    margin-top: 5px;
    color: #777777;
    font-size: 16px;
}

/* .team-block .inner-box .lower-content .bio a{
    color: #000000;
} */
.team-block.style-two .inner-box .lower-content h3 a,
.team-block.style-two .inner-box .social-icons li a {
    color: #ff9600;
}

.team-block.style-two .inner-box:hover .lower-content h3 a,
.team-block.style-two .inner-box:hover .social-icons li a,
.team-block .inner-box:hover .lower-content .bio a {
    color: #ffffff;
}

.team-block.style-two .inner-box::after {
    background-image: -ms-linear-gradient(top, #ffeb3c 0%, #ff9600 100%);
    background-image: -moz-linear-gradient(top, #ffeb3c 0%, #ff9600 100%);
    background-image: -o-linear-gradient(top, #ffeb3c 0%, #ff9600 100%);
    background-image: -webkit-gradient(linear,
            left top,
            left bottom,
            color-stop(0, #ffeb3c),
            color-stop(100, #ff9600));
    background-image: -webkit-linear-gradient(top, #ffeb3c 0%, #ff9600 100%);
    background-image: linear-gradient(to bottom, #ffeb3c 0%, #ff9600 100%);
}



/* From Uiverse.io by gharsh11032000 */
.card-container {
    height: 450px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: center;
}

.card {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.card .front-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

/* .card .front-content:nth-child(1) {
    background-image: url(images/blogimg1.png);
  }
  .card .front-content:nth-child(2) {
    background-image: url(images/blogimg1.png);
  }
  .card .front-content:nth-child(3) {
    background-image: url(images/blogimg1.png);
  } */

.card .front-content h4 {
    font-size: 32px;
    font-weight: 700;
    opacity: 1;
    /* background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #ffffff;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1)
}

.card .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100%);
    color: #e8e8e8;
    padding: 20px;
    line-height: 1.5;
    border-radius: 5px;
    pointer-events: none;
    transform: translateY(96%);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.card .content .heading {
    font-size: 32px;
    font-weight: 700;
}

.card:hover .content {
    transform: translateY(0);
}

.card:hover .front-content {
    transform: translateY(-30%);
    width: 100%;
    background-size: contain;
    color: #ffffff;
}

.card:hover .front-content p {
    opacity: 0;
}

.content li {
    line-height: 1.1rem;
    float: left;
}

/*Now the styles*/

.accordian {
    height: 320px;
    overflow: hidden;

    /*Time for some styling*/
    margin: 100px auto;
    /* box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); */
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
    width: 2000px;
    /*This will give ample space to the last item to move
      instead of falling down/flickering during hovers.*/
}

.accordian li {
    position: relative;
    display: block;
    width: 160px;
    float: left;

    border-left: 1px solid #888;

    /* box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); */

    /*Transitions to give animation effect*/
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /*If you hover on the images now you should be able to 
      see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {
    width: 50px;
}

/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {
    width: 640px;
}

.accordian li img {
    display: block;
}

.manufactor-sec-cont h4 {
    font-size: 28px;
    padding-bottom: 5px;
    font-weight: 700;
}

.careerbox {
    padding: 50px 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}

.careerbox i,
.careerbox h4,
.careerbox li {
    display: inline-block;

}

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

.careerbox ul li {
    background-color: #f1f1f1;
    padding: 3px 10px;
    border-radius: 20px;
}


.careerbox h4 {
    margin-left: 10px;
    font-weight: 600;
}

.careerbox i {
    color: rgb(0, 153, 255);
    font-size: 20px;
}

.applybtn {
    background: rgb(0, 153, 255);
    border: 2px solid rgb(0, 153, 255);
    padding: 14px 28px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    margin-left: 20px;
}

.raedbtn {
    background: rgba(0, 153, 255, 0);
    border: 2px solid rgb(0, 153, 255);
    padding: 14px 28px;
    color: rgb(0, 153, 255);
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;

}

.carrers-sec {
    padding: 100px 0px;
}

.filter {
    text-align: center;
    margin-bottom: 50px;
}

.filter input,
.filter button {
    width: 20%;
    margin: auto;
    padding: 20px;
    outline: none;
    margin: 0px 10px;
}

.filter button {
    background-color: rgb(0, 153, 255);
    color: #ffffff;
}

.carrersbox-img img {
    width: 100%;
}

.carrersbox-cont h3 {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    padding-top: 20px;
}

.carrersbox-cont a {
    display: inline;
    margin-left: 10px;
}

.carrersbox-cont h4 {
    font-size: 28px;
    font-weight: 700;
}

.blog-area .col-md-6 img {
    width: 100%;
    margin-top: 30px;
}

.videosec {
    padding: 100px 0px;
}

.videosec .Categories {
    margin: 0px;
}

.industrybox {
    /* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */
    background-color: #4383C4;
    padding: 20px;
    width: 100%;
    color: #ffffff;
    margin-top: 20px;
}

.industrysec {
    padding: 100px 0px;
    cursor: pointer;
}

.industrybox h4 {
    height: 60px;
    font-weight: 600;
	text-align: center;
}

.industrybox p {
    height: 330px;
}

.industrysec h5 {
    font-weight: 600;
    font-size: 24px;
}


/* logo slider */
/* .logoslider img {
    width: 200px;
    height: 100px;
    animation: scroll 60s linear infinite;
}

.slide-track {
    width: 100%;
    display: flex;
    gap: 4em;
    overflow: hidden;
}

.slider {
    margin-top: 70px;
    padding: 8em 2em;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translatex(-1000%);
    }
}

.slide-track:nth-child(2) {
    width: 500px !important;
} */






.radioinput label {
    display: inline;
    font-size: 18px;
    font-weight: 600;
}

.radioinput input {
    padding: 10px;
}


.fiber-design {
    padding: 100px 0px;
}

.selection-design {
    padding: 100px 0px;
}

.selection-cont p {
    line-height: 2.0rem;
}

.selection-cont h4 {
    font-size: 24px;
    font-weight: 600;
}

.selection-cont ul li {
    padding: 5px 0px;
    font-weight: 600;
    color: #575757;
}








.testimonials {
    padding: 100px 0px;
}

.testimonials .wrapper {
    width: 100%;
}

.testimonials .carousel {
    max-width: 1200px;
    margin: auto;
    padding: 0 30px;
}

.testimonials .carousel .card {
    color: #fff;
    text-align: center;
    margin: 20px 0;
    line-height: 250px;
    font-size: 90px;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.testimonials .owl-dots {
    text-align: center;
    margin-top: 40px;
}

.testimonials .owl-dot {
    height: 15px;
    width: 45px;
    margin: 0 5px;
    outline: none;
    border-radius: 14px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.testmonialbox .image img {
    width: 80px !important;
    height: 80px !important;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}

.carousel1 .card {
    border: none !important;
}

.testmonialbox h3 {
    font-size: 33px;
}

.testmonialbox .quate {
    width: 50px !important;
    margin-bottom: 20px;
}

.testmonialbox .image h5 {
    font-weight: 600;
}

.testimonials .mainheading {
    text-align: center;
    margin-bottom: 20px;
}

.complexcable {
    padding-bottom: 100px;
}

.complexcable h4 {
    font-size: 22px;
    font-weight: 600;
}


/* social icon */

/* From Uiverse.io by javierBarroso */
.social-login-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    -webkit-box-reflect: below 5px linear-gradient(transparent, #00000055);
    justify-content: center;
}

.social-login-icons svg {
    width: 40px;
}

.social-icon-1,
.social-icon-1-1,
.social-icon-2,
.social-icon-2-2,
.social-icon-3,
.social-icon-3-3,
.social-icon-4,
.social-icon-4-4 {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 20px 0 0px 0;
}

.icon svg {
    fill: #111;
}

.socialcontainer {
    height: 80px;
    overflow: hidden;
}

.social-icon-1 {
    transition-duration: 0.4s;
    background-color: rgb(0, 0, 0);
    transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
}

.social-icon-1 svg,
.social-icon-2 svg,
.social-icon-3 svg,
.social-icon-4 svg {
    opacity: 0;
    transition-duration: 0.5s;
    transition-delay: 0.2s;
}

.social-icon-1-1 {
    transition-duration: 0.4s;
    background-color: rgb(0, 0, 0, 0);
}

.socialcontainer:hover .social-icon-1 {
    transform: translateY(-70px);
}

.socialcontainer:hover .social-icon-1 svg,
.socialcontainer:hover .social-icon-2 svg,
.socialcontainer:hover .social-icon-3 svg,
.socialcontainer:hover .social-icon-4 svg {
    opacity: 1;
}

.social-icon-2 {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
    background: linear-gradient(72.44deg,
            #ff7a00 11.92%,
            #ff0169 51.56%,
            #d300c5 85.69%);
}

.socialcontainer:hover .social-icon-2 {
    transform: translateY(-70px);
}

.social-icon-3 {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);
    background: #316ff6;
}

.socialcontainer:hover .social-icon-3 {
    transform: translateY(-70px);
}

.social-icon-4 {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.46, -0.78, 0.5, 1.56);

    background: linear-gradient(180deg,
            rgba(129, 34, 144, 1) 0%,
            rgba(77, 34, 124, 1) 91%);
}

.socialcontainer:hover .social-icon-4 {
    transform: translateY(-70px);
}


.testimonials .owl-dots {
    display: none;
}


/* Scroll To Top Button */
.scroll-top-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border-radius: 50%;
    cursor: pointer;
    transition: all 200ms ease;
}


html {
    scroll-behavior: smooth;
}

.scroll-top-button {
    text-decoration: none;
    color: #ffffff;
}


.powercable {
    padding: 100px 0px;
}

.selection-image {
    position: relative;
}

.selection-cont {
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;

}

.product-inner {
    background: url(../images/productinnerbg.png);
    background-size: cover;
}


.inner-cable {
    padding: 100px 0px;
}

.inner-cable button {
    background: rgb(255, 184, 0);
    background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    padding: 15px 25px;
}

.inner-cable li {
    line-height: 2.0rem;
}

.rempledge-inner {
    padding: 200px 0px;
}









.square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    /*border:1px solid #efefef;*/

    position: relative;
    float: left;
    margin: 20px;
}

.square-flip {
    width: 400px;
    height: 400px;
}

.square,
.square2 {
    width: 100%;
    height: 100%;
}

.square {
    background-size: cover;
    background-position: center center;

    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    overflow: hidden;

    position: absolute;
    top: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.square-flip .square {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    z-index: 1;
}

.square-flip:hover .square {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.square2 {
    background-size: cover;
    background-position: center center;

    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    overflow: hidden;

    position: absolute;
    top: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.square-flip .square2 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    z-index: 1;
}

.square-flip:hover .square2 {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

/*Square content*/
.square-container {
    padding: 40px;
    text-align: center;
    position: relative;
    top: 50%;

    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

    -webkit-transform: translateY(-50%) translateX(0px) scale(1);
    -ms-transform: translateY(-50%) translateX(0px) scale(1);
    transform: translateY(-50%) translateX(0px) scale(1);
    transform-style: preserve-3d;
    z-index: 2;
}

.square-flip:hover .square-container {
    -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
    -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
    transform: translateY(-50%) translateX(-650px) scale(0.88);
    transform-style: preserve-3d;
}

.square-container2 {
    padding: 40px;
    text-align: center;
    position: relative;
    top: 50%;

    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);

    -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
    transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);

    transform-style: preserve-3d;
    z-index: 2;
}

.square-flip:hover .square-container2 {
    -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
    transform-style: preserve-3d;
}

/*Style text*/
.square-flip h2 {
    color: white;
    font-weight: 700;
    font-size: 22px;
}

.square-flip h3 {
    color: white;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

/*Elements*/
.flip-overlay {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.align-center {
    margin: 0 auto;
}

.kallyas-button {
    display: block;
    width: 160px;
    padding: 18px 30px;
    font-weight: 600;
    color: #fff;
    background: #ff2024;
    margin: 0 auto;
    border-radius: 2px;
    text-decoration: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa067+0,ff2959+49,ff2024+100 */
    background: #ffa067;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg,
            #ffa067 0%,
            #ff2959 49%,
            #ff2024 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,
            #ffa067 0%,
            #ff2959 49%,
            #ff2024 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,
            #ffa067 0%,
            #ff2959 49%,
            #ff2024 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa067', endColorstr='#ff2024', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

/*ADD SHADOWS OPTIONAL*/
.square-flip .square .boxshadow,
.square-flip .square .textshadow,
.square-flip .square2 .boxshadow,
.square-flip .square2 .textshadow {
    -ms-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

.square-flip .square .boxshadow {
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

.square-flip .square .textshadow {
    -webkit-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    text-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

.square-flip:hover .square .boxshadow,
.square-flip:hover .square .textshadow {
    -webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    -moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}

.square-flip .square2 .boxshadow {
    -webkit-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    -moz-box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    box-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}

.square-flip .square2 .textshadow {
    -webkit-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    -moz-text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
    text-shadow: 240px 42px 58px -8px rgba(0, 0, 0, 0);
}

.square-flip:hover .square2 .boxshadow,
.square-flip:hover .square2 .textshadow {
    -webkit-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 24px 42px 58px -8px rgba(0, 0, 0, 0.3);
}

/*You can delete this style*/
.centerflipcards {
    display: block;
    width: 1330px;
    height: 440px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
}

.clearfix {
    clear: both;
}

.centerflipcards p {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 600;
}

/* .selection-cont h4, .selection-cont p {
    color: #ffffff;
} */

.downloadcard img {
    width: 200px;
}


/* From Uiverse.io by Praashoo7 */
/* From Uiverse.io by joe-watson-sbf */

.all-salsbox {
    padding: 100px 0px;
}

.salsbox {
    margin-top: 20px;
}

.salsbox .card {
    width: 100%;
    height: 150px;
    transition: all .5s;
    box-shadow: 15px 15px 30px rgba(25, 25, 25, 0.11),
        -15px -15px 30px rgba(60, 60, 60, 0.082);
    text-align: center;
    overflow: hidden;
}

.salsbox .card:hover {
    height: 350px;
    /* background: linear-gradient(360deg, #edededc5 60%, hsla(0, 0%, 13%, 1) 70%); */
}

.salsbox .card .header {
    padding: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.salsbox .card .header .img-box {
    font-size: 40px;
    color: #ff0000;
}

.salsbox .card .header .title {
    font-size: 1em;
    letter-spacing: .1em;
    font-weight: 900;
    text-transform: uppercase;
    padding: 4px 0 14px 0;
    transition: all .5s;
    color: #000000c5;
}

.salsbox .card:hover .header {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%);
}

.salsbox .card:hover .card .header .title {
    padding: 0;
}

.salsbox .card .content {
    display: block;
    color: #ffffff;
    text-align: left;
}

.salsbox .card .content p {
    transition: all .5s;
    font-size: 16px;
    margin-bottom: 4px;
}

.salsbox .card .content a {
    color: #ffffff;
    cursor: pointer;
    transition: all .5s;
    font-size: .7rem;
    font-weight: 700;
}

.salsbox .card .content .btn-link:hover {
    border-bottom: 1px solid #1d8122;
}




.home-about .vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.home-about .vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(1);
    }

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

@keyframes mover {
    0% {
        transform: translateY(1);
    }

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





/* Shine */
.img-wrapper {
    position: relative;
    overflow: hidden;
}

.img-wrapper::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.397) 70%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg) translateX(-150%);
    z-index: 1;
}

.img-wrapper:hover::before {
    transform: skewX(-25deg) translateX(250%);
    transition: transform 1s;
}








#showcase h1 {
    position: relative;
    animation: heading;
    animation-duration: 1s;
    /* animation-fill-mode: forwards; */
}

@keyframes heading {
    0% {
        left: -1000px;
    }

    100% {
        left: 0px;
    }
}

#content {
    position: relative;
    animation-name: content;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes content {
    0% {
        left: -1000px;
    }

    100% {
        left: 0px;
    }
}

#content2 {
    position: relative;
    animation-name: content2;
    animation-duration: 3s;
}

@keyframes content2 {
    0% {
        left: -1300px;
    }

    100% {
        left: 0px;
    }
}





/********************* after wordpress css :start ***************************/
.newsbox img {
/*     height: 470px; */
}

.newsbox p:nth-child(3) {
    text-align: center;
}

.newsbox p img {
    height: 210px;
	width: 210px;
	object-fit: contain;
}

.lower-content .accordion-button {
    color: #06038D;
    background: #f5f5f5;
}

.lower-content .accordion {
    margin-top: 30px;
}

.lower-content .accordion-button:hover {
    background: #f5f5f5;
}

.main-sec {
    padding: 100px 0px;
}

.main-sec .col-md-4 {
    margin-bottom: 20px;
}

.manufactor-sec {
    margin-bottom: 40px;
}

.carrers-content,
.brochures-sec {
    margin-top: 100px;
    margin-bottom: -30px;
}

.casestudy-sec {
    margin-top: 60px;
}

.casestudy-sec .col-md-4 img {
    height: 300px;
    object-fit: cover;
}

.brochures-sec li {
    list-style: none;
    font-family: 'Poppins';
    line-height: 45px;
}

.brochures-sec h4,
.casestudy-sec h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}

.carrers-content ul {
    margin-left: 18px;
}

.carrers-content ul li {
    font-family: 'Poppins';
}

.videosec .col-md-6 {
    margin-bottom: 15px;
}

.mailarea a,
.navcont a {
    color: #fff;
    text-decoration: none;
}

.product-img {
    margin-top: 160px;
    text-align: center;
    margin-bottom: -130px;
}

.product-img p {
    margin-top: 15px;
}

.product-img img {
    height: 165px;
    width: 145px;
    object-fit: contain;
}

.REMPledge .REMPledge-cont p {
    color: #ffff;
    display: block;
    margin-top: 15px;
}

.testimonials .row {
    margin-top: 40px;
}

.testimonials .col-md-4 img {
    height: 300px;
    margin-bottom: 25px;
}

.testimonials .col-md-4 h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.testimonials .col-md-4 p em {
    font-weight: 600;
}

/* read more read less shodo class start */
.read-more,
.read-less {
    cursor: pointer;
    color: #0d6efd;
}

.none {
    display: none;
}

.read-less {
    display: none;
}

.read-less-show {
    display: block;
}

.read-more-hide {
    display: none;
}

.show {
    display: block;
}

/* read more read less shodo class start */

.logoslider .row {
    margin-top: 100px;
    margin-bottom: 30px;
}

.logoslider .col-md-2,
.logoslider .col-md-10 {
    margin-bottom: 40px;
}

.logoslider .col-md-10 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-control-prev .fa-solid,
.carousel-control-next .fa-solid {
    color: #ffff;
    font-size: 30px;
}

.innerprofile li {
	font-family: "poppins";
}

.innerprofile p img {
	height: 800px !important;
	object-fit: cover;
}

.innerprofile p iframe {
	height: 500px;
}

.main-sec .col-md-4 img {
	height: 350px;
}

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

.slider {
    width: 100%;
    margin: 0 auto;
}

.slider .slide {
    margin: 5px;
}

.slider img {
    width: 100%;
    height: 500px;
    display: block;
	object-fit: cover;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    color: black;
    z-index: 1;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.manufactor-sec-cont li {
	font-family: 'Poppins';
}

#popmake-417 {
	border: none;
}

#popmake-417 p {
	font-weight: 500;
	font-family: 'Poppins';
	line-height: 30px;
}

.s-page {
	margin-top: 30px;
	margin-bottom: 50px;
}

.blogconty {
	margin-top: 40px;
}

.blogconty p {
	line-height: 30px;
}

.blogconty p img {
	width: 40%;
	height: 250px;
	object-fit: cover;
}

.blogconty li {
	font-family: 'Poppins';
}

.blogconty h1 {
	font-size: 30px;
    font-weight: 600;
	font-family: Jacques;
	margin-bottom: 15px;
}

.blogconty h2 {
	margin: 20px 0px;
}

.thum img {
	height: 500px;
	object-fit: cover;
}

.s-page img {
	width: 100%;
}

.career-sec {
	margin-top: 50px;
	margin-bottom: 50px;
}

.inputGroup input.submit-btn {
	width: auto;
	border: none;
}

.industrybox a {
	color: white;
}

.radiobox .wpcf7-list-item {
	line-height: 35px;
}

.radiobox .label p {
	font-size: 100%;
    margin-bottom: 10px;
    color: rgb(100, 100, 100);
    font-weight: 500;
	font-size: 20px;
}

.radiobox .wpcf7-radio {
	display: grid;
}

.inputGroup textarea {
	border-radius: 5px;
	border-color: rgb(150, 150, 200);
	padding: 0.8em;
}

.inner-conditions, .inner-privacy {
	padding: 70px 0px;
}

.inner-privacy h2 {
	font-family: 'poppins';
    font-size: 30px;
    font-weight: bold;
	margin-bottom: 20px;
}

.inner-conditions h3, .inner-privacy h3 {
	font-family: 'poppins';
    font-size: 25px;
    font-weight: bold;
	margin-top: 20px;
}

.inner-conditions p, .inner-privacy p {
	line-height: 30px;
}

.custom-inner {
	padding: 80px 0px;
}

.custom-bottom {
	background-color: #fdfbfc;
	padding-top: 50px;
	padding-bottom: 80px;
}

.custom-inner h3, .custom-bottom h3 {
	font-size: 28px;
    font-weight: 600;
	margin: 25px 0px;
}

.custom-inner li, .custom-bottom li {
	font-family: 'Poppins';
	line-height: 30px;
}

.custom-inner img {
	height: 450px;
	object-fit: cover;
}

/* Activate by Remee Section */
.activate-rem {
	padding: 100px 0px;
}
.activate-rem .container {
    display: flex;
    align-items: center;
    padding: 50px 20px;
    background-color: #f9f9f9;
    border-left: 5px solid #f05a28;
}

.activate-rem .image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.activate-rem .text {
    flex: 1 1 60%;
    background-color: white;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.activate-rem .text h2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: #333;
}

.activate-rem .text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 10px;
}

.activate-rem .text ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #666;
}

.activate-rem .text ul li {
    margin-bottom: 5px;
}
/* Standard Product Offering Section */
.product-offering {
    padding: 60px;
	margin-bottom: 80px;
    background-color: #f9f9f9;
}

.product-offering h4 {
    font-size: 24px;
	font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}

.product-offering ul {
    list-style-type: none;
    padding: 0;
}

.product-offering ul li {
    margin-bottom: 10px;
	font-family: 'Poppins';
}

.product-offering ul ul {
    margin-left: 20px;
}

.product-offering a {
    color: #0056b3;
    text-decoration: none;
}

.product-offering a:hover {
    text-decoration: underline;
}

.product-offering .col-md-4 img {
	width: 100%;
	height: 280px;
    object-fit: contain;
}

.product-offering .row:nth-child(2) {
  display: block;
}

.product-offering .row:nth-child(2), .product-offering .col-md-6 {
	width: 100%;
}

.product-offering .row:nth-child(2), .product-offering .col-md-6:nth-child(1) {
  margin-bottom: 60px;
}

.remee-pledge {
	background: url(../images/shutterstock_2525980523.jpg);
	background-size: cover;
	padding: 80px 0px;
	color: #ffff;
	position: relative;
    z-index: 2;
}

.remee-pledge::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1); /* Black overlay with 50% transparency */
    z-index: -10; /* Keeps the overlay below the text */
}

.remee-pledge h4 {
	font-size: 24px;
    font-weight: 600;
    color: #ffff;
    margin-bottom: 30px;
}

.remee-pledge .content1 {
	margin-bottom: 35px;
}

.col-md-8 .blog-box {
	margin-bottom: 30px;
}

/* Product pages */
.product-page {
	background-image: url(../images/aboutbanner.png);
    background-size: cover;
    padding: 60px 0;
}

.cen-btn {
	margin-bottom: 20px;
	text-align: center;
}

.image-grid img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.product-page h4 {
    font-size: 1.8rem;
    margin: 25px 0px;
}
.product-page p, .product-mid-sec p {
    line-height: 30px;
}
.product-page ul {
    list-style-type: disc;
    padding-left: 20px;
}
.product-page ul li {
    margin-bottom: 8px;
}

.case-study {
	padding: 80px 0px;
}

.case-study p {
	margin-top: 15px;
	text-align: center;
}

.case-study img {
	width: 100%;
	height: 350px;
	object-fit: contain;
}

.product-mid-sec {
	padding: 60px 0px;
	background-color: #fafafa;
}

.product-mid-sec .comon {
	margin-top: 50px;
}

.product-mid-sec li {
	line-height: 30px;
}

.product-mid-sec .comm {
	margin-top: 30px; 
}

.product-mid-sec .product-botm {
	margin-top: 40px;
}

.product-mid-sec h4 {
	font-size: 1.8rem;
    margin-bottom: 20px;
}

.product-mid-sec h4 a {
	color: black;
	text-decoration: none;
}

.product-mid-sec .comm img {
	width: 100%;
}

/* Responsive Design */
@media (max-width: 768px) {
    .col-md-6 {
        width: 100%;
    }
    .image-grid {
        grid-template-columns: 1fr;
    }
}

/* application css */
.applications {
	color: #ffff;
	background: url('../images/REMEE_Home-Banner-C.jpg');
	background-size: cover;
    background-color: #006D6D;
    padding: 100px 0;
}

.applications h4 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.applications p {
    line-height: 1.5;
    margin-bottom: 15px;
}

.applications p a {
	color: #ffff;
}

.application-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.application-list li {
    line-height: 1.6;
}

.application-buttons {
    display: flex;
    gap: 15px;
}

/* Product Table Section */
.product-table-section {
    padding: 100px 0;
    background-color: #f5f7fa;
}

.product-table-section h4 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.product-table-section .starderd-table p:nth-child(1) {
    margin-bottom: 25px;
}

.product-table-section .starderd-table {
    margin-top: 60px;
}

.product-table-section .container .starderd-table:nth-child(1) {
    margin-top: 0px;
}

.product-table {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.product-table thead {
    background-color: #0072b1;
    color: #fff;
}

.product-table th, .product-table td {
    padding: 15px;
	font-size: 16px;
    text-align: left;
    border: 1px solid #ddd;
	font-family: 'Poppins';
}

.product-table th {
    font-weight: bold;
    font-size: 1rem;
}

.product-table tbody tr:nth-child(odd) {
   background-color: #eaf1f5;
}

.product-table tbody td a {
    color: #0072b1;
    text-decoration: none;
    font-weight: bold;
}

.product-table tbody td a:hover {
    text-decoration: underline;
}
.blogconty .mid-sect {
	display: flex;
}
.blogconty .mid-sect img {
	height: 200px;
	object-fit: contain;
}
/* blog page table */
.blogconty .table-container {
	margin: 30px 0px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.blogconty table {
    width: 100%;
    border-collapse: collapse;
}
.blogconty th, .blogconty td {
	font-family: 'Poppins';
    padding: 16px 20px;
    text-align: left;
}
.blogconty th {
    background-color: #007bff;
    color: #ffffff;
    font-weight: 600;
}
.blogconty tr:nth-child(even) {
    background-color: #f8f9fc;
}
.blogconty tr:hover {
    background-color: #e2e6ea;
}
.blogconty td {
    color: #333333;
    font-size: 0.95em;
}



/* inner product page */
.inner-product .row {
	margin-top: 50px;
}
.inner-product .col-md-5 {
/* 	margin: 13% auto; */
	display: flex;
    justify-content: center;
    flex-direction: column;
}
.feature-images {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-images .image-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.feature-images .image-large {
    grid-column: span 2;
    width: 100%;
    border-radius: 8px;
	height: 400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.feature-images .image-small {
    width: 100%;
    border-radius: 8px;
	height: 300px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Back to Top Button Styles */
#backToTop {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #0072b1;
    color: white;
    padding: 10px 18px;
    font-size: 24px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
    transition: background-color 0.3s;
}

#backToTop:hover {
    background-color: #084e74;
}

/* product content table page cass */
.table-container {
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.modern-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.modern-table th,
.modern-table td {
  text-align: left;
  padding: 10px;
  border: 1px solid #ddd;
  font-family: 'Poppins';
}

.modern-table th {
  background-color: #f4f4f4;
  font-weight: bold;
}

.modern-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.modern-table tr:hover {
  background-color: #f1f1f1;
}

.link {
  display: inline-block;
  margin-top: 30px;
  color: #007bff;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.inner-product .cen-btn a:nth-child(2) button {
    margin-left: 50px;
}
.comon img {
	width: 100%;
}

#popmake-2301 {
	border: none;
}

#popmake-2301 h4 {
	font-family: 'inter';
}

#popmake-2301 p {
	padding: 20px 0px;
	font-weight: 300;
}

.product-table .popmake-2301 a {
    color: #0072b1;
}

.activate-rem .col-md-7 {
	display: flex;
	align-items: center;
}

.fiber-img {
	text-align: center;
	margin-bottom: 20px;
}

.fiber-img span {
	font-family: 'Poppins';
}

.fiber-img img {
	width: 460px;
    height: 223px;
    object-fit: contain;
    mix-blend-mode: darken;
}


.testomonials {
	padding: 100px 0px;
	background-color: #F4F2F5;
}

.testomonials .mainheading h4 {
	text-align: center;
	margin-bottom: 30px;
}

.testimonial-slider {
    text-align: center;
}

.testimonial p {
    font-size: 18px;
    color: #333;
}

.testimonial h4 {
    font-size: 16px;
    color: #555;
    margin-top: 10px;
}

#search-form #s {
	font-size: 100%;
    padding: 0.8em;
    outline: none;
    border: 2px solid rgb(200, 200, 200);
    background-color: transparent;
    border-radius: 5px;
    border-color: rgb(150, 150, 200);
	font-family: 'Poppins';
}

#search-form .allbtn {
	background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgba(232, 39, 113, 1) 100%);
    border: none;
    padding: 15px 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 'Poppins';
}

#search-form .allbtn:hover {
    background: rgb(255, 184, 0);
    background: linear-gradient(30deg, rgba(232, 39, 113, 1), rgba(255, 184, 0, 1) 100%);
    border: none;
    padding: 15px 20px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    transition: 2s;
}

#postResults {
	margin-top: 20px;
}

.contact .col-md-5 {
	text-align: center;
}

.find-us {
	padding: 100px 0px;
}

.find-us img {
	object-fit: contain;
}
.find-us .col-md-6:nth-child(2) {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.exportcontesec {
	text-align: justify;
}

.ask-an-expert {
	padding-top: 50px;
	padding-bottom: 20px;
}

.specsheet .label {
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 30px;
}

.weare .label {
	font-weight: 500;
	margin-bottom: 10px;
}

.responcecopy .label {
	font-weight: 500;
	margin-bottom: 10px;
}

.specsheet .label span, .weare .label span, .responcecopy .label span {
	color: red;
}

.map-sec {
	padding: 100px 0px;
}

.state {
	padding: 100px 0px;
	background-color: #fafafa;
}

.state .col-md-3 {
	margin-bottom: 10px;
}

.map-sec .col-md-6:nth-child(1) {
    display: flex;
	align-items: center;
	justify-content: center;
}

.map-sec .col-md-6:nth-child(2) img {
	width: 100%;
}


/* Card Styling */
.state-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;
}

.state-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Header with Accordion Trigger */
.state-header {
    background-color: #003366; /* Modern dark blue */
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.state-header:hover {
    background-color: #002244;
}

.state-header .accordion-icon {
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Accordion Content */
.state-content {
    padding: 15px 20px;
    font-size: 14px;
    color: #555;
    background-color: #fdfdfd;
    border-top: 1px solid #ddd;
}

/* Animate Accordion Icon */
.state-header[aria-expanded="true"] .accordion-icon {
    transform: rotate(45deg);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.dswcf7_digital_sig  canvas {
	cursor: url('../images/pen.cur'), crosshair;
}

.postbox {
	margin-bottom: 20px;
}
/*************************** after wordpress css :end *****************************/