@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

:root {
    --wpforms-field-border-radius: 3px;
    --wpforms-field-background-color: #ffffff;
    --wpforms-field-border-color: rgba(0, 0, 0, 0.25);
    --wpforms-field-text-color: rgba(0, 0, 0, 0.7);
    --wpforms-label-color: rgba(0, 0, 0, 0.85);
    --wpforms-label-sublabel-color: rgba(0, 0, 0, 0.55);
    --wpforms-label-error-color: #d63637;
    --wpforms-button-border-radius: 3px;
    --wpforms-button-background-color: #066aab;
    --wpforms-button-text-color: #ffffff;
    --wpforms-field-size-input-height: 43px;
    --wpforms-field-size-input-spacing: 15px;
    --wpforms-field-size-font-size: 16px;
    --wpforms-field-size-line-height: 19px;
    --wpforms-field-size-padding-h: 14px;
    --wpforms-field-size-checkbox-size: 16px;
    --wpforms-field-size-sublabel-spacing: 5px;
    --wpforms-field-size-icon-size: 1;
    --wpforms-label-size-font-size: 16px;
    --wpforms-label-size-line-height: 19px;
    --wpforms-label-size-sublabel-font-size: 14px;
    --wpforms-label-size-sublabel-line-height: 17px;
    --wpforms-button-size-font-size: 17px;
    --wpforms-button-size-height: 41px;
    --wpforms-button-size-padding-h: 15px;
    --wpforms-button-size-margin-top: 10px;

}

body .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
     font-family: "Google Sans", sans-serif !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
 font-family: "Google Sans", sans-serif !important;
}

body .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size);
}
.nav-menu, .entry-meta, .owl-nav, label, .page-links, .navigation, .entry-title i, .site-info, .filters
{
   font-family: "Google Sans", sans-serif !important;  
}
body .is-layout-flex {
    display: flex;
   font-family: "Google Sans", sans-serif !important;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex>* {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}




.leading-m {
    padding: 3% 5% 0;
}

.about-para {
    margin-top: 6%;
    margin-bottom: 0%;
}

.heading-para {
    margin: 0;
    font-size: 17px;
    line-height: 26px;
}

.services_heading p {
    color: #8f8f8f;
    line-height: 21px;
}

.elementor-2720 .elementor-element.elementor-element-63290213 .qodef-qi-tabs-vertical .qodef-tabs-vertical-navigation li a {
    padding: 2px -20px 0px 44px !important;
}

.table_sec {
    background-image: url('../images/SunsPower-Future-Solutions.webp');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 20px 20px 20px;
    text-align: center;
}

.qodef-m-title {
    padding-bottom: 15px !important;
}

.table_sec p {
    font-size: 40px;
    margin-bottom: 0px;
    color: #fff;
    text-transform: uppercase
}

.table_sec h3 {
    font-weight: 800;
    font-size: 50px;
    color: #fff;
    margin-top: 0px;
    text-transform: uppercase
}

.table_content {
    background-image: url('../images/new/Home/ENERGY_FOR_THE_LONG_RUN/3.jpg');
    background-size: cover;
    background-attachment: fixed;
    clear: both;
    position: relative;
    padding: 30px;
}

.t_content tbody tr:nth-child(odd) {
    background-color: #8d8d8d57;
}

.t_content tbody tr:nth-child(even) {
    background-color: #c6c6c657;
}

.t_content thead th {
    background-color: #203556;
}

.t_content th,
.t_content td {
    border: none;
}

.Pro_Table tr:nth-child(even) {
    background: #f7f7f7;
}

.t_content {
    color: #fff;
    border: none;
    margin-top: -55px;
}

.ui-tabs-anchor p {
    font-size: 19px;
}

.certificate-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.certificate-list li {
    /*	border-right: 1px solid #eee;*/
}

.certificate-list li:last-child {
    border: none;
}

.certificate a img {
    width: 100%;
}

.border-botm {
    /*	border-bottom: 1px solid #eee;*/
}

.certificate a img:hover {
    filter: grayscale(100%);
}

.banner-text {
    display: block;
    text-align: left;
    padding: 0 10px;
}

.banner-text h2 {
     font-family: "Google Sans", sans-serif !important;
    color: #fff;
    font-weight: 700;
    font-size: 55px;
    line-height: 67px;
    margin-top: 0;
    
}

.BN-about h2 {
    margin-top: 0;
}

.banner-text p {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 0;
    width: 80%;
}

.banner-btn {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.banner-btn {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.banner-btn .qodef-qi-button.qodef-layout--outlined {
    border: 2px solid #fff;
}

.banner-btn .qodef-m-text {
    color: #fff;
}

.banner-btn .qodef-m-text::after {
    background: transparent !important;
}

.banner-btn .qodef-qi-button.qodef-type--icon-boxed .qodef-m-icon {
    color: #fff;
}

.banner-btn .qodef-qi-button.qodef-layout--outlined:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333;
}

.banner-btn .qodef-qi-button.qodef-layout--outlined:hover .qodef-m-text {
    color: #333;
}

.banner-btn .qodef-qi-button.qodef-layout--outlined:hover .qodef-m-icon {
    color: #333;
}

/*|-----------------------------------------------------------------ACCORDION-----------------------------------------------------------------|*/
.accordion {
    padding: 25px;
}

.accordion.left {
    padding: 0 25px 0 0;
}

.pt-20 {
    padding-top: 25px;
}

button.course-accordion {
    background-color: transparent;
    font-weight: 500;
    color: #203556;
    cursor: pointer;
    padding: 2%;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    line-height: 1.5em;
    text-transform: none;
    font-style: normal;
    border-bottom: 1px solid #ebebeb;
}

/*When the button is active or mouse hovers*/
button.course-accordion.active,
button.course-accordion:hover {
    background-color: none;
}

/*button not active*/
button.course-accordion:after {
    content: '\002B';
    color: #203556;
    font-weight: bold;
    float: right;

    margin-left: 5px;
    font-size: 35px;
}

/* minus button */
button.course-accordion.active:after {
    content: "\2212";
}

div.course-panel {
    padding: 0;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 96%;
}

.course-panel p {
    font-size: 17px;
    line-height: 27px;
    color: #56676D;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
}

/*
-------------------------------------------------------------------------------------------------------------------------------

PRODUCT PAGE

-------------------------------------------------------------------------------------------------------------------------------
*/
.product-grid {
    /*	display: flex;*/
}

.pro-base {
    background: #fff;
    padding: 25px;
    webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .06);
    /*	display: flex;*/
    margin: 10px;
    /*	width: 48%*/
}

.pro-base:hover {
    -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, .05);
    box-shadow: 0 24px 48px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    transition: all .2s ease-in-out;
}

.pro-info {
    /*	float: left;*/
    position: relative;
}

.pro-info-btn {
    position: absolute;
    bottom: 5%;
    left: 5%;
}

.pro-info h3 {
    font-weight: bolder;
    font-size: 22px;
}

.pro-info h5 {
    margin-top: 28px;
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    color: #343842;
}

.pro-info ul {
    margin: 20px 0;
    height: 375px;
}

.qodef-m-text.p-btn {
    padding: 6px 20px !important;
}

.qodef-m-text.p-btn::after {
    background: transparent !important;
}

.pro-img {
    /*	float: right;*/
    display: block
}

.pro-img img {
    width: 100%;
    display: block;
}

.cta-para p {
    font-size: 22px;
    color: #ddd;
    line-height: 25px;
    padding: 0 30px;
    text-align: center;
}

/*-------------------------------------------------------modules---------------------------------------------------------*/

.module-cards {
    display: flex;
    justify-content: center !important;
}

.mod-card {
    position: relative;
    overflow-y: hidden;
    box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.mod-card h4 {
    margin: -20px 0 0 0;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    display: block;
    background-color: transparent !important;
    padding: 0.5rem 1rem;
}

.mod-card a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mod-card a:hover~.item__overlay,
.mod-card a:focus~.item__overlay {
    transform: translate3d(0, 0, 0);
    background-color: rgba(0, 0, 0, .5);
}

.mod-card a:hover~.item__overlay h4,
.mod-card a:focus~.item__overlay h4 {
    color: #fff;
    margin: 0;
}

.mod-card a:hover~.item__overlay p,
.mod-card a:focus~.item__overlay p {
    color: #fff;
}

.mod-card img {
    width: 100% !important;
    max-width: 355px !important;
}

.item__overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    padding: 15px;
    transition: transform 300ms;
    /*  background-color: rgba(0,0,0,.5);*/
    transform: translate3d(0, calc(100% - 3.5rem), 0);
}

.item__body {
    flex-grow: 1;
    padding: 1rem;
}

.item__body p {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.item__body p {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #fff;
}

.item__body h3 {
    font-weight: bolder;
    font-size: 22px;
}

.item__body h5 {
    margin-top: 28px;
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    color: #343842;
}

.item__body ul {
    margin: 10px 0;
    padding-left: 10px;
}

.item__body ul li {
    color: #fff;
    font-size: 14px;
}

/*----------------------------------------------------------Technology Slider-------------------------------------------*/
.tech-card {
    background: #fff;
    padding: 25px;
    text-align: center;
}

.tech-card img {
    width: 100%;
    max-width: 55px !important;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.tech-card h4 {
    color: #343842;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.tech-card p {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: lighter;
}

.cases {
    display: flex;
}

.case-card {
    box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.case-card:hover {
    -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, .05);
    box-shadow: 0 24px 48px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    transition: all .2s ease-in-out;
}

.case-img img {
    width: 100% !important;
    max-width: 400px !important;
}

.case-text {
    padding: 25px;
}

.case-text h4 {
    color: #343842;
    font-weight: 600;
    font-size: 20px;
    display: block;
    line-height: 32px;
}

.case-text p {
    color: #545454;
    font-weight: 400;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.case-text span {
    color: #000;
    font-weight: bolder;
    font-size: 28px;
    line-height: 36px;
}

.case-text em {
    color: #000;
    font-weight: lighter;
    font-size: 18px;
    margin-left: 4px;
    font-style: normal;
}

/*----------------------------------------------------------Third Party Testing TAB-------------------------------------------*/
.award-info {
    padding-left: 20px;
}

.award-info h3 {
    font-size: 32px;
    line-height: 36px;
    color: #343842;
}

.award-info p {
    font-size: 17px;
}

.award-info ul li {
    font-size: 16px;
    line-height: 22px;
}

/*----------------------------------------------------------Below Banner TAB-------------------------------------------*/
.features {
    box-shadow: 0 4px 80px rgba(0, 0, 0, .05);
    background: #fff;
    display: flex;
    margin: -40px 40px 60px;
    position: relative;
    z-index: 1;
}

.feature-box {
    padding: 25px 0 25px 25px;
    width: 25.4%;
    border-right: 2px solid #f9f9f9;
    text-align: center;
}

.feature-box span {
    color: #000;
    font-weight: bolder;
    font-size: 35px;
    line-height: 36px;
}

.feature-box em {
    color: #000;
    font-weight: lighter;
    font-size: 18px;
    margin-left: 4px;
    font-style: normal;
}

.feature-box p {
    color: #545454;
    font-weight: 400;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0;
}

.elementor-2720 .elementor-element.elementor-element-61a145c4 .qodef-m-navigation.adv-nav {
    position: absolute;
    top: 65%;

}

.adv-nav .qodef-nav.qodef--prev {
    left: 10%;
    position: absolute;
}

.adv-nav .qodef-nav.qodef--next {
    right: -15%;
    position: absolute;
}

/*
-------------------------------------------------------------------------------------------------------------------------------

PRODUCT DETAIL PAGE

-------------------------------------------------------------------------------------------------------------------------------
*/
.mech-table {
    display: contents;
}

.mech-table td,
.stc-test-table td,
.load-table td {
    vertical-align: top;
    text-align: left;
    padding: 16px;
}

.stc-test {
    width: 100%;
}

/*
-------------------------------------------------------------------------------------------------------------------------------

DOWNLOADS PAGE

-------------------------------------------------------------------------------------------------------------------------------
*/

.switch-tabs {
    margin: 0 0 20px 0;
    display: flex;
    justify-content: center;
}

.switch-tabs ul {
    list-style: none;
    display: flex;
    padding: 0;
}

.switch-tabs ul li.active {
    border-bottom: 2px solid #203556
}

.switch-tabs ul li a {
    padding: 10px 5px;
    font-size: 17px;
    color: #203556;
    font-weight: bolder;
    text-transform: uppercase
}

.download-page {
    margin: 60px 0;
}

.download-left {
    padding: 32px 24px 0;
    background-color: #f9f9f9;
    width: 100%;
    margin-right: 40px;
}

.download-left h4 {
    color: #203556;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-bottom: 20px;
}

.download-left .accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 500px;
    padding: 0px 0 40px;
}

.download-left .accordion .accordion-item {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper hr {
    border: none;
    border-top: 1px solid var(--border-color);
    visibility: visible;
}

.download-left .accordion .accordion-item.open .accordion-item-description-wrapper hr {
    visibility: visible;
}

.download-left .accordion .accordion-item .accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.download-left .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
    font-weight: 600;
}

.download-left .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
    transition: var(--transition);
}

.download-left .accordion .accordion-item.open .accordion-item-header .accordion-item-header-icon {
    transform: rotate(-180deg);
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: var(--transition);
}

.download-left .accordion .accordion-item.open .accordion-item-description-wrapper {
    grid-template-rows: 1fr;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description {
    min-height: 0;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 5px;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description:last-of-type {
    border-bottom: none;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description ul {
    padding: 0;
    list-style: none;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description ul li {
    padding: 0 0 15px;
}

.download-left .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description p {
    padding: 10px;
    line-height: 1.5;
}

.download-inner ul {
    display: flex;
    padding: 0;
    list-style: none;
}

.download-card {
    margin: 10px;
    position: relative;
}

.download-inner ul li .download-card a img {
    width: 100%;
    max-width: 300px;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
}

.download-inner ul li .download-card a h5 {
    margin: 24px 0 8px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}

.download-inner ul li .download-card a p {
    color: #545454;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.download-card:hover .detail-btn {
    display: none;
}

/*.download-card:hover > img::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.5);
	 background: linear-gradient(1deg, rgba(0, 8, 37, .6) .22%, rgba(8, 17, 49, 0) 95.87%);
}*/
.download-card:hover .detail-btn {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
}

.detail-btn {
    display: none;
}

.detail-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    background: #203556;
    padding: 8px 30px;
}

/*
-------------------------------------------------------------------------------------------------------------------------------

CASE STUDY PAGE

-------------------------------------------------------------------------------------------------------------------------------
*/

.swiper-container {
    overflow: hidden;
    width: 100%;
    max-height: 455px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 480px) {
    .swiper-container {
        min-height: 320px;
    }
}

.swiper-container-wrapper {
    display: flex;
    flex-flow: column nowrap;
    height: 80vh;
    width: 100%;
}

@media (min-width: 480px) {
    .swiper-container-wrapper {
        flex-flow: row nowrap;
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

.swiper-slide {
    text-align: center;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    /* Center slide text vertically */
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    /* Slide content */
}

.swiper-slide .description,
.swiper-slide .title {
    display: block;
    opacity: 0;
    transition: 0.5s ease 0.5s;
}

.swiper-slide-active .description,
.swiper-slide-active .title {
    opacity: 1;
}

.swiper-slide-active .title {
    margin-bottom: 0.5rem;
    font-size: 24px;
    color: #000;
    transition: opacity 0.5s ease 0.5s;
}

.swiper-slide-active .description {
    font-size: 16px;
    color: #777;
    transition: opacity 0.5s ease 0.75s;
}

.gallery-top {
    position: relative;
    width: 100%;
    height: 75vh;
}

@media (min-width: 480px) {
    .gallery-top {
        width: 80%;
        margin-right: 10px;
    }

    .swiper-slide {
        display: block;
    }

    .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
    }
}

.gallery-thumbs {
    width: 100%;
    padding-top: 10px;
}

@media (min-width: 480px) {
    .gallery-thumbs {
        width: 20%;
        padding: 0;
    }
}

.gallery-thumbs .swiper-wrapper {
    flex-direction: row;
}

@media (min-width: 480px) {
    .gallery-thumbs .swiper-wrapper {
        flex-direction: column;
    }
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    flex-flow: row nowrap;
    height: 100%;
    opacity: 0.75;
    cursor: pointer;
}

@media (min-width: 480px) {
    .gallery-thumbs .swiper-slide {
        flex-flow: column nowrap;
        width: 100%;
    }
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.case-study {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #eaeaea;
}

/*
.case-study hr{
	padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}
*/
.case-title {
    width: 20%;
    margin-right: 40px;
}

.case-details {
    width: 80%;
}

.case-details ul {
    list-style: none;
    padding: 0;
}

.case-details ul .half-li {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.case-details ul .half-li .l-detail {
    width: 48%;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 25px;
}

.case-details ul .half-li .l-detail p {
    margin: 0
}

.case-details ul .half-li .r-detail {
    width: 48%;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 25px;
}

/*
-------------------------------------------------------------------------------------------------------------------------------

EPC PAGE

-------------------------------------------------------------------------------------------------------------------------------
*/
.epc-left {
    padding: 8% 20% 0% 0;
}

.epc-rt {
    padding: 8% 0 0% 0;
}

.epc-left h5 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.35em;
}

.epc-left h4 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35em;
    margin: 0 0 10px;
}

.epc-left p {
    font-size: 17px;
    line-height: 20px;
}

.operations {
    padding: 0;
    list-style: none;
}

.operations li {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 12px;
}

.quality .qodef-e-text {
    margin-bottom: 30px;
    min-height: 205px;
}

.quality-btn {
    font-size: 12px;
    padding: 10px 20px;
    background: #203556;
    color: #fff;
}

.quality-btn:hover {
    background: #fff;
    color: #203556;
    border: 1px solid #203556;
}



















































































@media only screen and (max-width: 767px) {
    .certificate-list li {
        margin: 3px;
    }

    .download-left {
        margin-right: 0;
    }

    .switch-tabs ul {
        display: grid;
    }

    .download-inner ul {
        display: block;
    }

    .swiper-slide {
        display: block;
    }

    .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
    }

    .swiper-container-wrapper {
        display: flex;
        flex-flow: column nowrap;
        height: 90vh;
        width: 100%;
    }

    .swiper-container-wrapper {
        height: 90vh;
    }

    .case-study {
        display: block;
        margin: 0;
        width: 100%;
        padding: 20px;
    }

    .case-title {
        width: 100%;
        margin-right: 0;
    }

    .case-details {
        width: 100%;
    }

    .case-details ul .half-li {
        display: block;
        width: 100%;
    }

    .case-details ul .half-li .l-detail,
    .case-details ul .half-li .r-detail {
        width: 100%;
        margin: 0 0 16px;
        display: inline-block;
    }

    .elementor-993 .elementor-element.elementor-element-5107d033 {
        margin-top: 12%;
        margin-bottom: 0%;
    }

    .elementor-993 .elementor-element.elementor-element-19c0f3ca>.elementor-widget-container {
        padding: 0px 0px 2px 0px;
    }

    .banner-text h2 {
        font-size: 35px;
        line-height: 37px;
        padding: 20px;
    }

    .logo a img {
        width: 100%;
        max-width: 170px;
        padding: 10px;
    }

    .site-header.clone.is-visible .logo a img {
        max-width: 165px;
    }

}

/*
-------------------------------------------------------------
BANNER VIDEO
-------------------------------------------------------------
*/
video {
    margin-left: calc((100vw - (100vh * 1.7))/2);
    margin-right: calc((100vw - (100vh * 1.7))/2);
    min-height: 100vh;
    min-width: 100vw;
    position: relative;
}

@media (min-aspect-ratio: 16/9) {
    video {
        margin-left: 0;
    }
}

.video-banner {
    position: absolute;
    top: 20%;
    left: 15%;
}

.video-banner .bdt-prime-slider-content {
    text-align: left;
}



/*
-------------------------------------------------------------
MEGAMENU HEADER
-------------------------------------------------------------
*/

.navbar.transy-bg {
    background: linear-gradient(90deg, #ffffff00 30%, #ffffff00 100%);
    display: flex;
    align-items: center;
    padding: 12px 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.navbar.transy-bg .n-logo {
    display: flex;
    justify-content: flex-start;
}

hr.menu-line {
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: contents;
}

.navbar.transy-bg .black_logo {
    display: block;
    width: 100%;
    max-width: 220px;
}

.navbar.transy-bg .green_logo {
    display: none;
}

.navbar.transy-bg.sticky .black_logo {
    display: none;
}

.navbar.transy-bg.sticky .green_logo {
    display: block;
    width: 100%;
    max-width: 250px;
}

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    height: 90px;
    background: #fff !important;
    /*	background: linear-gradient(90deg, #fff 100%, #fff 100%)!important;*/
}



.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    content: "";
    position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #132f48;
    transition: all 0.4s ease-in-out;
}

.navbar .menu-btn__lines::before {
    transform: translateY(-0.5rem);
}

.navbar .menu-btn__lines::after {
    transform: translateY(0.5rem);
}

.navbar .menu-items {
    display: flex;
    align-items: center;
    justify-content: flex-end !important;
    margin: 0;
    width: 100%;
}

.navbar ul li {
    list-style: none;
    transition: 0.3s ease;
}

.navbar ul li .arrow {
    transition: all 0.3s ease-out;
}

.navbar ul li a {
    text-decoration: none;
    color: #fff;
}

.sticky .menu-items li a {
    color: #222 !important;
}

.sticky .menu-items li a {
    color: #222 !important;
}

/* dropdown menu */

.navbar .dropdown {
    position: relative;
}

.expand-btn:after {
    content: " \25BE";
    opacity: 0.4;
    margin-left: 5px;
}

.navbar .dropdown-menu,
.menu-right {
    position: absolute;
    background: #e9ecef;
    width: 190px;
    line-height: 30px;
    border-radius: 0 0 5px 5px;
    top: 65px;
    border-top: 1px solid white;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.navbar .menu-right {
    top: 0;
    left: 100%;
}

.navbar .dropdown-menu,
.menu-left {
    left: unset;
    right: 0;
}

.navbar .menu-left {
    left: -100%;
}

.nav-menu .link-text {
    transition: color 0.4s, background-color 0.4s, opacity 0.4s;
}

.navbar .menu-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1.5rem;
    font-size: 14px;
}

.navbar .menu-item:hover {
    color: #ff5722;
}

.menu-item.first-item {
    padding: 1rem;
}

.navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.navbar .dropdown-right:hover .menu-right {
    left: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar .dropdown-right:hover .menu-left {
    left: -100%;
}

/* mega menu  */

.navbar .mega-menu {
    position: absolute;
    left: 0;
    width: 100vw;
    top: 90px;
    border-top: 1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;
}

.mega-menu .content {
    background: #e9ecef;
    padding: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    width: 100%;
    justify-content: space-between;
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.blog .content {
    grid-template-columns: repeat(4, 1fr);
}

.content .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 3rem;
}

.content .col .img-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 20vw;
    overflow: hidden;
}

.content .col .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.content .col img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}

.content .col .img-wrapper:hover img {
    transform: scale(1.1);
}

.content .col .menu-title {
    color: #ff5722;
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: bold;
}

.content .col p {
    line-height: 1.2rem;
    margin-top: 5px;
    color: #112f48;
}

.content .col .mega-links {
    border-left: 1px solid #3c3c3c;
}

.content .col .read-more {
    font-size: 16px;
    display: flex;
    padding-top: 1rem;
    color: #03a9f4;
    transition: color 0.3s ease;
    justify-content: flex-end;
    padding-right: 10px;
}

.col .mega-links li,
.col .mega-links li a {
    padding: 0 1rem;
}

.menu-items li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

.content .col .read-more:hover {
    color: #ff5722;
}

/* container */
.container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1200px;
    text-align: center;
}

.container p {
    color: #ffffff;
}

h1 {
    font-weight: 700;
    line-height: 10vw;
    color: #ffffff;
    text-transform: uppercase;
}

/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
    transform: translateX(1rem);
    background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
    transform: rotate(45deg) translate(-0.5rem, 0.5rem);
    background: #132f48;
}

.menu-btn.open .menu-btn__lines::after {
    transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
    background: #132f48;
}

.mega-links li a {
    color: #222 !important;
}

.menu-items.open li a {
    color: #222;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
    background: #ffffff;
}

#menu-main-menu .submenu-toggle {
    display: none;
}

.nav-menu ul ul {
    box-shadow: none;
}

.is-submenu-align-left .nav-menu>ul>li>ul {
    min-width: 220px;
    left: 0
}

#ptabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#ptabs ul li {
    display: inline;
}

#ptabs ul li a {
    padding: 10px 5px;
    font-size: 17px;
    color: #203556;
    font-weight: bolder;
    text-transform: uppercase;
}

#ptabs ul li a:hover {
    color: #000 !important;
    border-bottom: 2px solid #000;
}

.sticky-nav-tabs,
.spa-slide {
    position: relative;
    padding: 0;
    z-index: 10;
    margin-top: 40px
}

.sticky-nav-tabs-container--top-first {
    position: fixed;
    top: 78px;
    background: #fff;
    width: 100%;
    z-index: 5;
    border-top: 1px solid #dbdbdb;
}

.sticky-nav-tabs-container--top-second {
    position: fixed;
    top: 78px;
    background: #fff;
    width: 100%;
    z-index: 5;
    border-top: 1px solid #dbdbdb;
}

.sticky-nav-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    border-bottom: 3px solid #367847;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}

#ptabs ul li:last-child {
    border-right: none;
}

.ERP_new {
    padding: 35px 0;
}

.ERP_new ul {
    list-style: none;
}

.ERP_new ul li {
    color: #343842;
    font-weight: 400;
    font-family: "Google Sans", sans-serif !important;
    font-size: 18px;
    padding-bottom: 10px;
}

.ERP_new ul li i {
    font-size: 16px;
    padding-right: 15px;
    color: #56676d;
}

.new_box {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 30px;
}

.round_count {
    width: 100px;
    height: 100px;
    border: 2px solid #343842;
    border-radius: 50%;
    margin: 0 auto;

}

.round_count h4 {
    color: #343842;
    font-weight: 800;
     font-family: "Google Sans", sans-serif !important;
    font-size: 18px;
    text-align: center;
    line-height: 100px;
}

.new_box h5 {
    color: #343842;
    font-family: "Google Sans", sans-serif !important;
    font-size: 18px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.qodef-m-text {
    line-height: 4.5rem;
    font-size: 50px !important;
}

.bdt-title-tag {
    font-size: 60px;
}

.left_mar {
    margin-left: -275px !important
}


.bdt-slider-excerpt {
    line-height: 35px !important;
}

.bdt-main-title .bdt-title-tag {
    font-size: 50px !important;
    line-height: 1.2em !important;
}


.bdt-prime-slider-skin-general .bdt-slider-excerpt {
    max-width: clamp(510px, 65vw, 820px) !important;
}
.reveal-active h2
{
  font-size: 25px !important;   
}
.elementor-element-77c7030c .qodef-qi-counter .qodef-m-digit {
    font-size: 50px !important;
}
.qodef-html--link .qodef-m-text {
    font-size: 20px !important;
    /*    color: #002d62!important;*/
    line-height: 2em;
}

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

.elementor-994 .elementor-element.elementor-element-4fd0ab28:not(.elementor-motion-effects-element-type-background),
.elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    height: 470px !important;
}

.elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-container,
.elementor-994 .elementor-element.elementor-element-4fd0ab28>.elementor-container {
    min-height: 470px !important;
}

.new_btn span {
    color: #fff !important;
}

.qodef-text-underline .qodef-m-text:hover,
.elementor-widget-container a:hover {
    color: #000 !important;
}

.new_main_heading {
    display: inherit !important;
    font-size: 60px !important;
}

.posr_main {
    padding-top: 60px;
}

.qodef-qi-animated-text .qodef-m-title {
    font-size: 60px !important;
}

.elementor-2720 .elementor-element.elementor-element-2d50d79:not(.elementor-motion-effects-element-type-background),
.elementor-2720 .elementor-element.elementor-element-2d50d79>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #2e2c2d !important;
}

.first_slider {
    margin-left: 53px !important;
}

.bdt-title-tag a:hover {
    color: #fff !important;
}

.left_mar h2,
.first_slider h2 {
    color: #fff !important;
}

.video-banner {
    height: 100%;
    display: flex;
    align-items: center;
    top: 0 !important;
}

.elementor-2720 .elementor-element.elementor-element-51a13b69 {
    padding: 0% 0% 0% 0 !important;
}

.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #231f20 !important;
    font-size: 24px !important;
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 15px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-medium {
    font-size: 19px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 29px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xl {
    font-size: 39px
}

.elementor-widget-heading .elementor-heading-title.elementor-size-xxl {
    font-size: 59px
}

.elementor-element-77c7030c {
    padding-bottom: 55px;
}

.elementor-element-b204229 {
    padding-top: 0 !important;
    margin-top: -40px !important;
}

.qodef-qi-process .qodef-e-icon {
    position: relative;
    display: block;
    align-items: center;
    justify-content: start;
    width: 3em;
    height: 3em;
    font-size: 60px;
    background: #f6f6f6;
    border-radius: 50%;
    margin: 0;
    z-index: 3;
}

.elementor-element-1a562be6 {
    padding-bottom: 30px !important;
}

.elementor-element-1d7d0e2 {
    margin-top: 20px !important;
}

.elementor-993 .elementor-element.elementor-element-5107d033 {
    margin-top: 3%;
}

.elementor-2720 .elementor-element.elementor-element-3d1d8aa4 .qodef-e-icon {
    width: 85px !important;
}

.elementor-2720 .elementor-element.elementor-element-3d1d8aa4 .qodef-qi-process.qodef-item-layout--horizontal .qodef-e-line-inner {
    border: none !important;
}

.elementor-2720 .elementor-element.elementor-element-535ff725>.elementor-element-populated {
    padding: 40px 0 0px 0 !important;
}

.elementor-2720 .elementor-element.elementor-element-2d50d79 {

    padding: 3% 6% 2% 6% !important;
}

.PDP_list-item {
    list-style: none;
    margin: 0;
    padding: 15px 7px;
}

.PDP_list-item li {
    padding: 7px 0;
}

.PDP_list-item li i {
    padding-right: 10px;
}

.New_sub_heading h4 {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.35em;
    margin: 0 0 10px;
}

.Pro_accord .accordion {
    padding: 0 !important;
}

.Pro_accord button.course-accordion {
    padding: 2% 0 !important;
}

.Pro_Table table tr,
.Pro_Table table td,
.Pro_Table table {
    border-color: #595959;
}

.Pro_Table tr td {
    padding: 8px 8px;
    line-height: 18px;
    font-size: 14px;
}

.Pro_Table tr td p {
    font-size: 10px !important;
}

.Pro_Table table th {
    background: #05110c;
    color: #fff;
    border-color: #363636 !important;
}

.Pro_Table tr td:nth-child(1) {
    font-weight: bolder;
    color: #000;

}

.new_main_heading .qodef-m-title {
    font-size: 60px !important;
    line-height: 65px !important;
    padding-bottom: 15px;
    color: #2e2c2d !important;
}

.main_sub_heading {
    border-color: #02010114 !important;
    border-top: 1px solid;
    padding-top: 15px !important;
}
.elementor-2720 .elementor-element.elementor-element-7d176a49 .qodef-qi-animated-text .qodef-m-title {
    font-size: 116px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.04em;
    color: #203556;
}
.elementor-2720 .elementor-element.elementor-element-7d176a49 .qodef-qi-animated-text .qodef-m-title {
    color: #2e2c2d !important;
}
.elementor-element-156d0e65 .elementor-widget-container .elementor-heading-title {
    padding-top: 15px !important;
    color: #231f20 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

.main_sub_heading .qodef-qi-button {
    vertical-align: top !important;
    margin-top: -10px !important;
    float: right;
}

.no-flex {
    display: block !important;
}

.main_sub_heading .col-md-10,
.main_sub_heading .col-md-2 {
    padding: 0 !important;
}

.contact_us {
    background: #02010114;
    margin-top: 70px
}

.qodef-m-title.small-heading {
    font-size: 22px !important;
    line-height: 25px !important;
}

.gallery-thumbs .swiper-slide {
    max-height: 145px;
}

.new_main_heading.inner_contact {
    padding-top: 30px !important;
    padding-bottom: 70px !important;
}

.pdb-60 {
    padding-bottom: 60px !important;
}

.EPC_new .qodef-e-icon-holder img {
    max-width: 75px;
    padding-bottom: 0px;
}

.site-footer {
    display: flex;
    justify-content: space-between;
}

.pd_30 {
    padding-top: 20px !important;
}

.elementor-2720 .elementor-element.elementor-element-5214b78e>.elementor-widget-container {
    padding: 0 0px 0px 0px !important;
}

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

.right_tab ul li {
    display: inline;
}

.right_tab ul li a {
    padding: 20px 5px 0 5px;
    display: inline-block;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 15px;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 15px;
}

.elementor-2720 .elementor-element.elementor-element-5e96f75>.elementor-element-populated {
    padding: 10% 10% 10% 0 !important;
}

.footer_widget_new .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: 700;
    mix-blend-mode: luminosity;
    text-align: left;
    padding-bottom: 25px;
}

.footer_widget_new .elementor-widget-container p {
    padding: 0;
    color: #fff;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items li a {
    color: #fff;
}

.footer_widget_new ul.elementor-icon-list-items li a:hover {
    color: #fff !important;
}

.Footer_last {
    background: #fff !important;
}

/*New Css*/
.new_main_heading {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.elementor-2720 .elementor-element.elementor-element-51a13b69 {
    padding: 0% 0px 0% 10px !important;
}

.about-para {
    margin-top: 15px !important;
    padding: 0 8px;
}

.about-para p {
    color: #231f20 !important;
    font-size: 16px !important;
}

.services_heading h3 {
    font-size: 18px !important;
}

.elementor-2720 .elementor-element.elementor-element-22902c8f>.elementor-element-populated {
    padding: 0% 0% 0% 11% !important;
}

.accordion {
    padding: 25px 0 25px 40px;
    margin-right: -6px;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 0;
}

.site-footer .site-info {
    letter-spacing: 0 !important;
}

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

.right_tab ul li {
    display: inline;
}

.right_tab ul li a {
    padding: 20px 5px 0 5px;
    display: inline-block;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 15px;
}

.elementor-2720 .elementor-element.elementor-element-5e96f75>.elementor-element-populated {
    padding: 10% 10% 10% 0 !important;
}

.footer_widget_new .elementor-heading-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    mix-blend-mode: luminosity;
    text-align: left;
    padding-bottom: 25px;
}

.footer_widget_new .elementor-widget-container p {
    padding: 0;
    color: #fff;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items li a {
    color: #fff;
}

.footer_widget_new ul.elementor-icon-list-items li a:hover {
    color: #fff !important;
}

.Footer_last {
    background: #fff !important;
}

/*New Css*/
.new_main_heading {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.elementor-2720 .elementor-element.elementor-element-51a13b69 {
    padding: 0% 0px 0% 10px !important;
}

.about-para {
    margin-top: 3%;
    padding: 0 8px;
}

.services_heading h3 {
    font-size: 18px !important;
}

.elementor-2720 .elementor-element.elementor-element-22902c8f>.elementor-element-populated {
    padding: 0% 0% 0% 11% !important;
}

.accordion {
    padding: 25px 0 25px 40px;
    margin-right: -6px;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 0;
}

.site-footer .site-info {
    letter-spacing: 0 !important;
}

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

.right_tab ul li {
    display: inline;
}

.right_tab ul li a {
    padding: 20px 5px 0 5px;
    display: inline-block;
    text-transform: uppercase;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 15px;
}

.elementor-2720 .elementor-element.elementor-element-5e96f75>.elementor-element-populated {
    padding: 10% 10% 10% 0 !important;
}

.footer_widget_new .elementor-heading-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    mix-blend-mode: luminosity;
    text-align: left;
    padding-bottom: 25px;
}

.footer_widget_new .elementor-widget-container p {
    padding: 0;
    color: #fff;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.footer_widget_new ul.elementor-icon-list-items li a {
    color: #fff;
}

.footer_widget_new ul.elementor-icon-list-items li a:hover {
    color: #fff !important;
}

.Footer_last {
    background: #fff !important;
}

/*New Css*/
.new_main_heading {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.elementor-2720 .elementor-element.elementor-element-51a13b69 {
    padding: 0% 0px 0% 10px !important;
}

.about-para {
    margin-top: 3%;
    padding: 0 8px;
}

.services_heading h3 {
    font-size: 18px !important;
}

.elementor-2720 .elementor-element.elementor-element-22902c8f>.elementor-element-populated {
    padding: 0% 0% 0% 11% !important;
}

.accordion {
    padding: 25px 0 25px 40px;
    margin-right: -6px;
}

.is-header-small.is-menu-align-right .nav-menu {
    margin-top: 0;
}

.site-footer .site-info {
    letter-spacing: 0 !important;
}

.bottom_bdm_prime .bdt-main-title .bdt-title-tag {
    font-size: 60px !important;
    line-height: 1.2em !important;
}

.bdt-prime-slider .bdt-slideshow .bdt-slideshow-content-wrapper div {
    line-height: inherit;
    padding-left: 43px;
}

.bdt-prime-slider-skin-blog .bdt-navigation-arrows {
    left: 20.5% !important;
}

.prod-module {
    width: 100%;
    float: right;
    padding-left: 45px;
}

.banner-text {
    padding: 40px 0 0 10px;
}

.elementor-element-2d50d79 {
    background: #04182f!important;
    padding-top: 40px;

}

.Footer_last .elementor-element-2d50d79 {
    background: #fff !important;
    padding-top: 0 !important;
}

.footer_widget_new {
    padding-bottom: 40px;
}

.why_us,
.pro_headng {
    margin-top: 85px;
}

.downlaod_haed {
    padding-top: 90px;
}

.downlaod_haed h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.banner-text.pro_details_head {
    padding: 0 !important;
}

.pro_details_head {
    margin-top: 0;
}

.pro_details_head h2 {
    margin-top: 120px !important;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.qodef-qi-button.qodef-type--icon-boxed .qodef-m-text {
    padding: 5px 15px;
}

.switch-tabs ul li {
    margin: 0 15px;
}

.Amping_pd .qodef-grid-inner {
    padding-top: 50px !important;
}

.Amping_pd .qodef-e-title {
    color: #203556;
}

.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation {
    justify-content: center;
}

.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation li.ui-state-active a {
    border-bottom: 2px solid #000;
}

.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation li a {
    padding-bottom: 10px !important
}

.logo a img {
    max-width: 215px;
    padding: 15px 7px 0px 7px;
}

.site-header.clone.is-visible .logo a img {
    max-width: 215px;
    margin-top: 0;
}

.bdt-prime-slider-skin-blog .bdt-navigation-arrows {
    left: 12.5% !important;
}

/*#qodef-tab-de6d4f0,*/
/*#qodef-tab-0927390,*/
/*#qodef-tab-b0d90cc,*/
/*#qodef-tab-b0d9030*/
/*{*/
/*    padding-top:70px !important;*/
/*}*/
.qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-content {
    position: relative;
    padding: 0 0 0 !important;
}

.elementor-993 .elementor-element.elementor-element-3e6d302f,
.elementor-994 .elementor-element.elementor-element-3e6d302f {
    margin-top: 0 !important;
}

.site-footer {
    font-size: 12px;
}

.elementor-993 .elementor-element.elementor-element-4fd0ab28:not(.elementor-motion-effects-element-type-background),
.elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    height: 470px !important;
}


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

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

.Small_btn .qodef-m-text {
    font-size: 14px !important;
}

.Ser_Tab {
    margin-bottom: 55px !important;
}

.PD_Top30 {
    padding-top: 30px !important;
}

.PD_Top30 .prod-module {
    padding-top: 15px !important;
}

.elementor-2720 .elementor-element.elementor-element-1a562be6 {
    padding: 1% 0 0 !important;
}

.downlaod_con {
    margin-top: 40px !important
}

.Plus_icon {
    font-size: 50px;
    color: #007f3d;
}

.elementor-993 .elementor-element.elementor-element-626ece1 .qodef-nav-next:hover,
.elementor-993 .elementor-element.elementor-element-626ece1 .qodef-nav-prev:hover {
    font-size: 40px !important;
}

.elementor-998 .elementor-element.elementor-element-47e23b83>.elementor-element-populated {
    padding: 0% 7% 0% 0%;
}

.PD_button {
    margin-top: 30px;
    margin-left: 10px;
}

.Contact_details_1 .elementor-heading-title {
    font-weight: 600 !important;
    padding: 10px 0;
}

.Contact_details_1 .elementor-heading-title i {
    width: 30px;
}

.footer_widget_new .elementor-icon-list-text i {
    width: 30px;
}

.footer_widget_new .elementor-icon-list-item {
    padding-bottom: 10px;
}





/* Responsive style */
@media screen and (max-width:1920px) {

    .first_slider {
        margin-left: -80px !important;
    }

    .bdt-prime-slider .bdt-slideshow .bdt-slideshow-content-wrapper div {
        line-height: inherit;
        padding-left: 0;
    }

    .banner-text.pro_details_head {
        padding: 0 !important;
        margin-top: -80px;
    }
}

@media screen and (max-width: 1368px) {
    .first_slider {
        margin-left: -140px !important;
    }

    .is-menu-hover-badge .nav-menu .link-text {
        font-size: 15px;
    }

    .bdt-main-title .bdt-title-tag {
        font-size: 55px !important;
    }

    .elementor-993 .elementor-element.elementor-element-4fd0ab28:not(.elementor-motion-effects-element-type-background),
    .elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        height: 100vh !important;
    }

    .elementor-994 .elementor-element.elementor-element-4fd0ab28:not(.elementor-motion-effects-element-type-background),
    .elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        height: 100vh !important;
    }

    .bdt-width-3-5\@m {
        width: 85% !important;
        margin-left: -60px !important;
    }

    .bdt-prime-slider .bdt-slideshow .bdt-slideshow-content-wrapper div {
        padding-left: 0 !important;
    }

    .bdt-prime-slider-skin-blog .bdt-navigation-arrows {
        left: 8% !important;
    }
}

@media screen and (max-width: 1024px) {
    .navbar {
        padding: 10px 20px;
    }

    .overflow {
        overflow: hidden;
    }

    .bdt-prime-slider-skin-general .bdt-prime-slider-social-icon {
        left: 25px !important;
    }

    /*
  .overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
*/

    .overlay--active {
        opacity: 1;
        visibility: visible;
    }

    .menu-btn {
        display: flex;
    }

    .navbar .menu-items {
        position: fixed;
        height: 100%;
        max-height: initial;
        overflow-y: auto;
        width: 80%;
        top: 65px;
        left: 0;
        background: #fcfcfc;
        display: block;
        transform: translateX(-100vh);
        transition: 0.3s ease-out;
        padding-bottom: 100px;
    }

    .menu-items.open {
        transform: translateY(0);
    }

    .menu-items li:first-child {
        margin-top: 20px;
    }

    .menu-items li a {
        padding: 10px 1rem;
        display: block;
        font-size: 18px;
    }

    .menu-items .dropdown-right .right-arrow {
        transform: rotate(90deg);
    }

    .menu-item.first-item {
        padding: 1rem 1rem;
    }

    /* DROPDOWN, MEGA MENUS */
    .menu-items .dropdown-menu,
    .menu-items .menu-right,
    .menu-items .mega-menu {
        position: static;
        opacity: 1;
        top: 4rem;
        visibility: visible;
        margin-left: -18px;
        width: auto;
        max-height: 0;
        transform: scaleX(0);
        transform-origin: left;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .menu-items .dropdown-menu,
    .menu-items .menu-right {
        padding-left: 1rem;
        width: 102%;
        margin-left: -10px;
    }

    .menu-items .mega-menu .col {
        padding-left: 1rem;
    }

    .expand-btn.open+.sample {
        max-height: 100%;
        transform: scaleZ(1);
    }

    .expand-btn.open+.blog.sample {
        max-height: 100%;
        transform: scaleZ(1);
        max-width: fit-content;
    }

    .navbar .sample {
        border-top: none;
    }

    .sample li {
        margin: 0;
    }

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

    .sample li a {
        font-size: 1rem;
    }

    .mega-menu .content {
        grid-template-columns: auto;
        padding: 1rem 1rem 0 1rem;
    }

    .mega-menu .content .col {
        width: 100%;
        padding-top: 1rem;
        margin-bottom: 0.5rem;
    }

    .col .mega-links li,
    .col .mega-links li a {
        padding: 0 0.5rem;
    }

    .content .col .mega-links {
        border-left: 0;
        padding-left: 0.5rem;
    }

    .col .mega-links li {
        margin: 0;
    }

    .navbar.transy-bg {
        justify-content: space-between;
        padding: 0px 15px;
    }

    .video-banner .bdt-prime-slider-content {
        text-align: center;
    }

    .video-banner {
        position: absolute;
        top: 20%;
        left: 0%;
    }
}

@media screen and (min-width: 1024px) {
    .bdt-prime-slider-skin-general .bdt-prime-slider-social-icon {
        left: 25px !important;
    }

}

@media screen and (max-width:768px) {
    .first_slider {
        margin-left: 0 !important;
    }

    .bdt-main-title .bdt-title-tag {
        font-size: 38px !important;
    }

    .elementor-2720 .elementor-element.elementor-element-6da6b837 .bdt-prime-slider .bdt-slider-excerpt {
        font-size: 13px;
    }

    .elementor-container .elementor-element.full ul.bdt-slideshow-items,
    .elementor-container .elementor-element.full .bdt-sniper-slider {
        height: calc(50vh + 2px) !important;
        min-height: 600px !important;
    }

    .elementor-2720 .elementor-element.elementor-element-6da6b837 .bdt-prime-slider .bdt-slider-excerpt {
        font-size: 12px !important;
        max-width: 410px !important;
        margin-bottom: 0 !important;
    }

    .left_mar {
        margin-left: 0px !important;
    }

    .qodef-qi-animated-text .qodef-m-title {
        font-size: 35px !important;
        line-height: 35px !important;
    }

    .module-cards {
        display: grid;
    }

    .cases {
        display: grid;
        margin: 30px 0 0;
    }

    .cta-para p {
        font-size: 18px;
        padding: 0 30px;
    }

    .mod-card h4 {
        font-size: 18px;
    }

    h2.elementor-heading-title {
        font-size: 20px;
        line-height: 27px;
    }

    .posr_main {
        padding-top: 30px;
    }

    .elementor-element-1cf7ecd1 .col-md-1 {
        width: 40px !important;
        float: left;
    }

    .table_sec p {
        font-size: 30px;
        line-height: 34px;
    }

    .elementor-element-7d176a49,
    .elementor-element-5214b78e {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .elementor-2720 .elementor-element.elementor-element-22902c8f>.elementor-element-populated {
        padding: 0% 0% 0% 0% !important;
    }

    .accordion {
        padding: 25px 0 25px 0px;
        margin-right: 0;
    }

    .new_main_heading {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .main_sub_heading .qodef-qi-button {
        vertical-align: top !important;
        margin-top: 10px !important;
        float: none;
    }

    .bdt-prime-slider .bdt-slideshow .bdt-slideshow-content-wrapper div {
        padding-left: 12px !important;
    }

    .bottom_bdm_prime .bdt-main-title .bdt-title-tag {
        font-size: 40px !important;
        line-height: 1.2em !important;
    }

    .qodef-m-text {
        line-height: 2.2rem;
        font-size: 25px !important;
    }

    .footer_widget_new {
        padding: 40px 0 !important;
    }

    .site-footer {
        display: grid;
        justify-content: center;
        text-align: center;
    }

    .right_tab ul {
        padding: 0 0 25px 0;
    }

    .site-header.clone.is-visible .logo a img {
        margin-top: -5px;
        float: right;
        max-width: 145px;
    }

    .is-header-border-fixed.is-header-transparent:not(.is-menu-bar) .site-header:not(.clone) .header-wrap-inner {
        border-bottom: none;
    }

    .menu-toggle {
        top: 10px;
    }

    .clone.is-visible .menu-toggle {
        top: 0px !important;
    }

    #menu-main-menu .submenu-toggle {
        display: inline !important;
    }

    #menu-main-menu .link-text>i {
        display: none;
    }

    #menu-main-menu .submenu-toggle {
        position: absolute;
        right: 0;
    }

    .submenu-toggle:before {
        content: '\25bc';

    }

    .nav-menu .active>a>.submenu-toggle:before {
        content: '\25bc';

    }

    .elementor-993 .elementor-element.elementor-element-4fd0ab28:not(.elementor-motion-effects-element-type-background),
    .elementor-993 .elementor-element.elementor-element-4fd0ab28>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        height: 55vh !important;
    }

    .banner-text p {
        font-size: 16px;
        width: 98%;
        padding: 0 20px;
    }

    .elementor-993 .elementor-element.elementor-element-2c473a61 {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .elementor-element-659e9ff7 .new_main_heading {
        padding-left: 35px;
        padding-right: 35px;
    }

    .banner-text {
        padding: 0 0 0 10px;
    }

    .why_us,
    .pro_headng {
        margin-top: 45px;
    }

    .elementor-element-3d1d8aa4 {
        padding: 0 25px !important;
    }

    .banner-btn {
        margin-top: 10px;
        margin-left: 20px;
    }

    .features {
        display: inline-block;
        margin: 0;

    }

    .feature-box {
        padding: 20px 0;
        width: 50%;
        float: left;
    }

    .qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation {
        flex-direction: row;
        align-items: center;
        display: flex;
    }

    .elementor-element-47781947 .elementor-container {
        max-width: 350px !important;
    }

    .stc-test-table.Pro_Table {
        width: 372px;
        overflow: scroll;
    }

    .elementor-2720 .elementor-element.elementor-element-61a145c4>.elementor-widget-container {
        margin: 0% 4% 42% 5% !important;
        padding: 0% 4% 0% 0% !important;
    }

    .qodef-qi-tabs-horizontal.qodef-layout--simple .qodef-tabs-horizontal-navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .elementor-element-2d50d79 .col-md-1 {
        display: none
    }

    .elementor-element-2d50d79 .col-md-4,
    .elementor-element-2d50d79 .col-md-3 {
        margin-bottom: 35px;
    }
}





/* new category design */
.cateogry_design,
.cateogry_design::before,
.cateogry_design::after,
.cateogry_design *,
.cateogry_design *::before,
.cateogry_design *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.cateogry_design {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 1rem;
    width: 100%;
    margin-inline: auto;
    padding-block: 1rem;
    list-style: none;
    counter-reset: count;
}

/* card layout/styling */
.cateogry_design>li {
    --card-background-color: #f0f0f0;
    --card-text-color: #0F0F0F;
    --card-border-radius:0rem;
    --card-padding-block: 15px;
    /*--card-padding-inline: 10px;*/

    /*--outset-size: 0.75rem;*/
    --outset-background-color: #e5e5e5;

    /*--number-font-size: 3rem;*/
    --number-overlap: 0.5rem;
    --number-font-family: "Google Sans", sans-serif !important;
        --number-font-weight: 500;

    margin: var(--outset-size);
    margin-top: calc(var(--number-font-size) - var(--number-overlap));
    border-radius: var(--card-border-radius);
    padding-block: var(--card-padding-block);
    padding-inline: var(--card-padding-inline);

    color: var(--card-text-color);
    background-color: var(--card-background-color);
    box-shadow:
        inset 1px 1px 0px rgb(255 255 255 / .5),
        inset -1px -1px 0px rgb(0 0 0 / .25),
        calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25);
    position: relative;
    counter-increment: count;
}

/*.cateogry_design>li::after {*/
/*    content: counter(count, decimal-leading-zero);*/
/*    position: absolute;*/

/*    bottom: calc(100% - var(--number-overlap));*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/

/*    color: var(--accent-color);*/
/*    font-family: var(--number-font-family);*/
/*    font-weight: var(--number-font-weight);*/
/*    font-size: var(--number-font-size);*/
/*    line-height: 1;*/
/*    z-index: -1;*/
/*}*/

/*.cateogry_design>li::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: calc(100% + (var(--outset-size) * 2));*/
/*    height: 100%;*/
/*    bottom: calc(var(--outset-size) * -1);*/
/*    left: calc(var(--outset-size) * -1);*/
/*    z-index: -1;*/

/*    border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));*/
/*    border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));*/

/*    background-color: #203556;*/

/*    background-image:*/
/*        linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),*/
/*        linear-gradient(135deg, #002d6280%, var(--outset-background-color) 0);*/
/*}*/

/* card content */

.cateogry_design_icon {
    font-size: 2rem;
    text-align: center;
    margin-bottom: calc(var(--card-padding-block) * .5);
}

.cateogry_design_title {
    text-transform: uppercase;
  font-family: "Google Sans", sans-serif !important;
    text-align: center;
    color: var(--accent-color)
}

.cateogry_design_descr {
    color: var(--text-color);
    font-size: 20px;
    padding:20px;
    text-align: center;
}


/* ===============  about timeline  ========================================= 
============================================================================*/


.about-timeline {}

.timeline-box h6 {
    font-size: 45px;
    line-height: 1.5;
    color: #343842;
    font-weight: 700;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin-top: 0;
    transform: translate(0, -50%);
    background: #fff;
    border: 1px solid #aaa
}

.timeline-box p {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 26px;
}

.timeline-box p:last-of-type {
    margin-bottom: 15px;
}

.start-point h4 {
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #007f3d;
    border-radius: 16px;
    display: block;
    width: auto;
    text-align: center;
    padding: 5px 25px;
    position: relative;
    margin-bottom: 45px;
}

.black-dot {
    width: 21px;
    height: 21px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    margin: 0 auto 62px;
    z-index: 1;
}

.start-point {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.start-point:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 0px;
    background-color: #aaa;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    border-left: 1px solid #aaa;
}

.timeline-row .horizontal-line {
    border-top: 1px solid #aaa;
    width: calc(100% - 150px);
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 0%);
}

.timeline-row .verticle-line {
    margin: 0;
    padding: 0;
    width: 2px;
    border-right: 1px solid #aaa;
    height: calc(100% - 150px);
    position: absolute;
    top: 0;
    right: 0;
    margin: auto 0;
    bottom: 0;
}

.timeline-row:nth-child(2n+2) .verticle-line {
    left: -1px;
    right: inherit;
}

.corner {
    position: absolute;
    border-right: 1px solid #aaa;
    width: 76px;
    height: 76px;
    right: 0;
    border-top: 1px solid #aaa;
    top: 74.9px;
    border-radius: 0 70px 0 0;
    top: 0;
}

.timeline-row:nth-child(2n+2) .corner {
    right: inherit;
    left: 0;
    border-left: 1px solid #aaa;
    border-right: 0;
    border-radius: 70px 0 0 0;
}

.corner.bottom {
    bottom: -76px;
    top: inherit;
    border-radius: 0;
    border-top: 0;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 70px 0;
    right: 0;
    z-index: 1;
    bottom: -1px;
}

.timeline-row:nth-child(2n+2) .corner {
    right: inherit;
    left: 0;
    border-left: 1px solid #aaa;
    border-right: 0;
    border-radius: 70px 0 0 0;
}

.timeline-row:nth-child(2n+2) .corner.bottom {
    border-radius: 0 0 0 70px;
}

.timeline-row {
    display: flex;
    justify-content: space-around;
    padding-bottom: 0px;
    position: relative;
    /*padding: 0 66px 130px;margin-right: 111px;*/
}

.timeline-row:nth-child(2n+2) {
    justify-content: space-around;
    text-align: right;
    padding: 0 2%;
}



/*.timeline-row:nth-child(2n+2) .timeline-content-txt { text-align: center; }*/
.timeline-box {
    /*padding: 45px 50px 130px;*/
    max-width: 33%;
    margin-right: 25px;
    position: relative;
    text-align: center;
}

.timeline-main {
    margin-top: 75px;
}

.timeline-row:first-child {
    /* max-width: 50%; */
    justify-content: space-between;
    padding: 0;
}

.corner.bl {
    bottom: 0;
    left: 0;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 0px 100%;
    border-right: none;
    border-top: none;
    height: 76px;
    width: 76px;
}

.start-point .corner.bl {
    left: 50%;
    bottom: 0px;
    transform: translateY(100%);
    top: unset;
}

.timeline-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 27.5px;
    height: 1px;
    width: 100%;
}

.timeline-box-wrap {
    padding: 45px 0px 0;
    position: relative;
    /*min-height: 318px;*/
    padding: 0;
    margin-bottom: 90px;
}

/*.timeline-row:after{content: ''; position: absolute; left: 50%; top: 74.5px; height: 1px; width: 91%; background-color: #aaa; transform: translateX(-50%);top: 0;} .timeline-row .verticle-line { margin: 0; padding: 0; width: 1px; border-right: 1px solid #aaa; height:calc(100% - 126px); position: absolute; top: calc( 50% + 75px );; right: 0; margin: auto 0; bottom: unset; transform: translateY(-50%);top: 50%; } */
.timeline-row:first-child::after {
    left: -54px;
    width: 97%;
    transform: none;
}

/*.timeline-row:first-child .timeline-box:last-child{margin-right: 5%;} */
.timeline-content {
    padding: 10px 10px 0;
}

.timeline-content-txt {
    padding: 10px 0 0 0;
}

.timeline-box.img-right .timeline-content,
.timeline-box.img-left .timeline-content {
    display: flex;
    align-items: flex-start;
}

.timeline-box.img-right .timeline-content img {
    margin-left: 18px;
}

.timeline-box.img-left .timeline-content img {
    margin-right: 18px;
}

.timeline-box.img-left .timeline-content {
    flex-direction: row-reverse;
}

.timeline-row:first-child .timeline-box:first-child img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    display: block;
    margin: 0;
}

.timeline-box-wrap .timeline-content img {
    filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
    z-index: 2;
    position: relative;
}

.timeline-row:last-child .corner.bottom {
    display: none;
}

.timeline-row:nth-child(2n+1) .timeline-box:last-child .timeline-box-wrap {
    text-align: center;
}

.start-point.end-point:before {
    display: none;
}

.start-point.end-point {
    position: absolute;
    bottom: 0;
    right: 0%;
    transform: translateX(50%);
}

.timeline-row:nth-child(2n+2) .start-point.end-point {
    left: 0;
    transform: translateX(-50%);
    right: unset;
}

.timeline-box.img-right .timeline-content-txt {
    text-align: center;
}

.timeline-box.img-left .timeline-content-txt {
    text-align: center;
}

.timeline-box.img-left,
.timeline-box.img-right {
    text-align: center;
}

.timeline-row:first-child .timeline-box::after {
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, -50%) rotate(0deg);
    transform: translate(100%, -50%) rotate(0deg);
}

.timeline-row:first-child .timeline-box:first-child {
    width: 76%;
}

.timeline-row .timeline-box:nth-child(3)::after {
    display: none;
}

.timeline-row:last-child .verticle-line::after {
    display: none;
}

.timeline-row:first-child .timeline-box:nth-child(2)::after {
    display: none;
}

.timeline-content-img .timeline-content {
    position: relative;
}

.new_width {
    min-width: 300px !important;
}
.timeline-row:nth-child(2n+2) {
    flex-direction: row-reverse;
}


.ERP_new {
    padding: 15px 0 !important;
}
.Footer_wedg .spacer
{
width:100%;
height:8px;
float:left;
}
.spacer2
{
width:100%;
height:25px;
float:left;
}

.ORG_new
{
   background-size:cover;
   background-position:center;
    padding:25px 20px;
    width:100%;
    float:left;
    position:relative;
    margin-bottom:35px;
}
.ORG_new::before
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(32,53,86,0.9);
    content:'';
}
.ORG-2 
{
    position:relative;
    z-index:1;
}
.ORG_new h2
{
    color:#fff;
    font-weight:bold;
    font-size:25px;
        padding-bottom:10px !important;
    margin-bottom:0 !important;
}
.ORG-2  hr
{
    background:#ccc;
    margin-bottom:45px;
}
.ORG_new p
{
    color:#f4f4f4;
    font-size:15px;
    line-height:10px;
}
.ORG_new h4
{
    color:#fff;
    font-weight:bold;
    font-size:18px;
}
.ORG_new li
{
    color:#f4f4f4;
    font-size:15px;
    line-height:25px;
    position:relative;
}
  .ORG_main
    {
        padding:0 0 80px 0 !important;
        margin:-30px 0 0 0 !important;
    }
.new_HeaD 
{
    padding-top:55px;
}
.new_HeaD h2
{
   color:#007f3d; 
   font-size: 22px;
    font-weight: 600;

}
.N_line
{
    border-bottom: 1em solid #56676d !important;
}
 .About_us .cateogry_design
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}

.Hoome_Cat .cateogry_design {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
}

.qodef-qi-button.qodef-layout--textual {
    color: #38a554 !important;

}

/*==============Responsive==============*/


@media screen and (max-width: 1800px) {

    .timeline-box {
        max-width: 460px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 220px;
        max-height: 230px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }
}




@media screen and (max-width: 1600px) {

    .timeline-row:first-child .timeline-box:first-child {
        width: 38%;
    }

    .timeline-box {
        max-width: 380px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 180px;
        max-height: 190px;
    }

    .timeline-box h6 {
        font-size: 50px;
    }


    .timeline-box h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {

    .start-point h4 {
        font-size: 15px;
        letter-spacing: 0;
    }

    .timeline-box h6 {
        font-size: 40px;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 55%;
    }

    .timeline-box h3 {
        font-size: 15px;
        line-height: 1.4;
    }

    .timeline-box {
        max-width: 300px;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 140px;
        max-height: 200px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 150px;
    }
}


@media screen and (max-width: 1199px) {


    .timeline-box h6 {
        font-size: 34px;
    }

    .timeline-box {
        max-width: 240px;
    }

    .timeline-row:first-child {
        padding: 0 0 0 60px;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 42%;
    }

    .timeline-box.img-right .timeline-content,
    .timeline-box.img-left .timeline-content {
        flex-wrap: wrap;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 180px;
        max-height: 200px;
    }

    .top-timeline-arrow.timeline-content-img .timeline-content::after {
        right: 0;
    }

    .img-right.timeline-content-img .timeline-content::after {
        top: -20px;
        right: -45px;
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 90%;
    }
    .header-wrap {
    height: 65px;
}
}

@media screen and (max-width: 1024px) {
    .corner {
        display: none;
    }

    .timeline-row .horizontal-line {
        display: none;
    }

    .timeline-row:first-child {
        max-width: 100%;
        padding: 0;
    }

    .timeline-main {
        margin-top: 0;
    }

    .timeline-row .verticle-line {
        right: 50%;
        transform: translate(50%, 0);
        height: calc(100% - 0px);
    }

    .timeline-row:nth-child(2n+2) .verticle-line {
        left: auto;
        right: 50%;
    }

    .verticle-line::after {
        display: none;
    }

    .timeline-row .timeline-box {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .timeline-row:first-child .timeline-box:first-child {
        width: 100%;
        margin: 0;
    }

    .timeline-row:first-child .timeline-box:nth-child(2) {
        width: 100%;
    }

    .timeline-box h3 br {
        display: none;
    }

    .timeline-box h6 {
        transform: translate(0, -0%);
        padding: 0;
    }

    .timeline-content {
        padding: 0;
    }

    .timeline-box.img-right .timeline-content-txt {
        width: 100%;
    }

    .start-point.end-point {
        right: 50%;
    }

    .start-point h4 {
        margin-bottom: 0;
    }


    .timeline-box::after {
        -webkit-transform: translate(-100%, 100%) rotate(180deg);
        transform: translate(-100%, 100%) rotate(180deg);
        right: 50%;
        top: 20px;
        left: 50%;
    }

    .timeline-row {
        display: block;
        justify-content: space-around;
        padding-bottom: 0px;
        position: relative;
        text-align: center;
    }

    .timeline-box.img-right .timeline-content,
    .timeline-box.img-left .timeline-content {
        flex-wrap: wrap;
        background: #fff;
        z-index: 1;
    }

    .timeline-box h3 {
        background: #fff;
        z-index: 999;
        position: relative;
        padding: 10px;
    }

    .timeline-box-wrap {
        width: 100%;
        text-align: center;
        padding: 0 0 0 0;
        margin: 40px 0 0 0;
    }

    .timeline-row .timeline-box img {
        margin: 0 0 0 auto;
    }

    .timeline-row:first-child .timeline-box:nth-child(2)::after {
        display: block;
    }

    .timeline-row:first-child .timeline-box:first-child img {
        margin: 0 0 0 auto;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        margin: 0 0 0 auto;
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 40px 0 0 auto;
        padding: 0 0 0 0;
        text-align: center;
    }

    .timeline-row:nth-child(2n+1) .timeline-box::after {
        left: auto;
        right: 50%;
        -webkit-transform: translate(0%, 100%) rotate(180deg);
        transform: translate(0%, 100%) rotate(180deg);
        top: 20px;
    }

    .timeline-row .timeline-box:nth-child(2n)::after {
        transform: translate(100%, 100%) rotate(0deg);
        -webkit-transform: translate(100%, 100%) rotate(0deg);
        right: 50%;
        left: auto;
    }

    .timeline-row .timeline-box:nth-child(3)::after {
        display: block;
    }

    .timeline-box.img-left .timeline-content-txt {
        text-align: right;
    }

    .timeline-row:last-child {
        padding-bottom: 70px;
    }
    .Hoome_Cat .cateogry_design {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
    gap: 0.1rem;
}
}

@media screen and (max-width: 640px) {

    .timeline-box h6 {
        font-size: 27px;
    }

    .timeline-box h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    .timeline-box-wrap {
        margin: 30px 0 0 0;
    }

    .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
        margin: 30px 0 0 auto;
    }

    .timeline-box::after,
    .timeline-row:nth-child(2n+1) .timeline-box::after {
        top: 6px;
    }

    .timeline-box-wrap .timeline-content img {
        max-width: 100%;
    }

    .timeline-box.img-right .timeline-content img,
    .timeline-box.img-left .timeline-content img {
        max-width: 100%;
        max-height: unset;
    }
    .ORG_main
    {
        padding:0 15px !important;
    }
    .cateogry_design {
    display: block;
    gap: 1rem;
    width: 100%;
    margin-left:-4px
}
 .cateogry_design li
 {
  margin-bottom:25px !important;   
 }
   .new_HeaD {
    padding-top: 25px;
    padding-bottom:35px;
} 
.logo a img {
    max-width: 120px;
    padding: 8px 7px 0px 7px;
}
.Hoome_Cat .cateogry_design {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 0fr));
    gap: 0.1rem;
}
    .header-wrap {
    height: 65px;
}
}