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

/* Font family
-----------------------------------------------

font-family: "Inter", sans-serif;

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

:root {
    --primarycolor: #22B573;
    --secondarycolor: #27B575;

    --light-green-one: #E6F2ED;
    --light-green-two: #ECF5F1;
    --light-green-three: #F3F3F3;

    --dark-grey: #D8D8D8;
    --light-grey: #F2F1F1;

    --black: #000000;
    --light-black: #230000;
    --white: #FFFFFF;

    --errorcolor: #f34355;
    --selection: #d9d9d9;

    --font-Inter: "Inter", sans-serif;

    --font-size-48: 48px;
    --font-size-40: 40px;
    --font-size-33: 33px;
    --font-size-28: 28px;
    --font-size-23: 23px;
    --font-size-20: 20px;
    --font-size-16: 16px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    list-style: none;
    font-family: var(--font-Inter);
}

body,
ul,
li,
a {
    font-family: var(--font-Inter);
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
}

body {
    max-width: 100%;
    overflow-x: hidden !important;
    background: var(--white) !important;
}



.seo-title {
    display: none !important;
}





/* == CONTAINER-CSS ==
================================================= */

.container,
.e-con-inner,
.elementor-container {
    max-width: 1170px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* == CONTAINER-CSS ==
================================================= */

hr.wp-block-separator {
    color: transparent !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.elementor-divider span.elementor-divider-separator {
    border-top: 1px solid var(--selection) !important;
}

/* == SELECTION-CSS ==
===============================================================*/

::-moz-selection {
    background: var(--selection);
    color: var(--black);
}

::-webkit-selection {
    background: var(--selection);
    color: var(--black);
}

::selection {
    background: var(--selection);
    color: var(--black);
}

/* == SELECTION-CSS ==
===============================================================*/



/* == BACKEND-ISSUES-CLEAR-CODE-CSS == 
===============================================================*/

body.elementor-editor-active .common-outer ul {
    float: none;
    width: auto;
    display: inline-flex;
    margin: 0px;
}

body.elementor-editor-active .common-outer ul li {
    float: none;
    width: auto;
    color: var(--black);
    font-size: 20;
    line-height: 30px;
    font-weight: 400;
    position: relative;
    padding: 0 10px;
}

body.elementor-editor-active .common-outer ul li::before {
    position: absolute;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0%;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    display: none;
}

.elementor-editor-active ul li::before {
    display: none !important;
}

/* == BACKEND-ISSUES-CLEAR-CODE-CSS == 
===============================================================*/




/* == TYPOGRAPHY-CSS == 
===============================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
.common-outer h1,
.common-outer h2,
.common-outer h3,
.common-outer h4,
.common-outer h5,
.common-outer h6,
.common-outer h1 a,
.common-outer h2 a,
.common-outer h3 a,
.common-outer h4 a,
.common-outer h5 a,
.common-outer h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: var(--font-Inter);
    color: var(--black);
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: var(--font-Inter);
    color: var(--black);
    font-weight: 600;
}

h1,
h1 a,
.common-outer h1,
.common-outer h1 a {
    font-family: var(--font-Inter);
    font-weight: 700;
    font-size: var(--font-size-48);
    color: var(--black);
    text-align: initial;
    line-height: 58px !important;
    margin: 30px 0 18px;
}

h2,
h2 a,
.common-outer h2,
.common-outer h2 a {
    font-family: var(--font-Inter);
    font-weight: 700;
    font-size: var(--font-size-40);
    color: var(--black);
    line-height: 48px !important;
    margin: 30px 0 18px;
}

h3,
h3 a,
.common-outer h3,
.common-outer h3 a {
    font-family: var(--font-Inter);
    font-weight: 600;
    font-size: var(--font-size-33);
    color: var(--black);
    line-height: 43px !important;
    margin: 30px 0 18px;
}

h4,
h4 a,
.common-outer h4,
.common-outer h4 a {
    font-family: var(--font-Inter);
    font-weight: 600;
    font-size: var(--font-size-28);
    color: var(--black);
    line-height: 38px !important;
    margin: 30px 0 18px;
}

h5,
h5 a,
.common-outer h5,
.common-outer h5 a,
h5.elementor-image-box-title {
    font-family: var(--font-Inter);
    font-weight: 400 !important;
    font-size: var(--font-size-23);
    color: var(--black);
    line-height: 33px !important;
    margin: 30px 0 18px;
    letter-spacing: 0 !important;
}

h6,
h6 a,
.common-outer h6,
.common-outer h6 a {
    font-family: var(--font-Inter);
    font-weight: 500;
    font-size: var(--font-size-20);
    color: var(--black);
    line-height: 30px !important;
    margin: 30px 0 18px;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    text-align: initial;
    font-family: var(--font-Inter);
}

.elementor-widget-heading .elementor-heading-title {
    margin-bottom: 0 !important;
}

strong {
    font-weight: 600;
}

blockquote p {
    margin-bottom: 0;
}

.common-outer {
    padding: 60px 0px 60px 0px !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

body.home.page-id-12 .common-outer {
    padding: 0 !important;
}

body.home .common-outer {
    padding: 0;
}

/* == LIST-OL-AND-UL-CSS ==
============================================================== */

.common-outer ol,
.entry-content ol {
    padding-left: 25px;
    margin: 20px 0;
    text-align: left;
}

.common-outer ol li,
.entry-content ol li {
    font-family: var(--font-Inter);
    font-weight: 400;
    font-size: var(--font-size-16);
    color: var(--black);
    line-height: 26px;
    padding: 0px;
    margin-bottom: 14px;
    position: relative;
    list-style-type: decimal !important;
}

.common-outer ul li strong,
p strong,
b {
    font-weight: 700;
    color: var(--black);
    font-size: var(--font-size-16);
}

.common-outer ul,
ul.elementor-icon-list-items {
    padding: 0;
    margin: 20px 0;
    text-align: left;
}

.common-outer ul li,
ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text {
    font-family: var(--font-Inter);
    font-weight: 400;
    font-size: var(--font-size-16);
    color: var(--black);
    line-height: 22px;
    padding-left: 30px;
    margin-bottom: 14px;
    list-style: none;
    position: relative;
}

.common-outer ul li::before,
ul.elementor-icon-list-items li.elementor-icon-list-item::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -1px !important;
    margin-left: -19px;
    margin-top: 7px;
    width: 9px;
    height: 9px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    background: var(--primarycolor);
    border-radius: 50px;
}

.common-outer ul li ul li {
    list-style: none;
}

/* == LIST-OL-AND-UL-CSS ==
============================================================== */

a {
    text-decoration: none !important;
}

.common-outer a,
.home a {
    color: var(--primarycolor);
    font-weight: 500;
    transition: 0.5s ease;
    font-size: var(--font-size-16);
}

.common-outer a:hover,
.home a:hover {
    color: var(--black);
    font-weight: 500;
/*     transition: 0.5s ease; */
}

.common-outer a strong,
.common-outer strong a {
    color: var(--primarycolor);
    font-weight: 500;
}

p,
.elementor-widget-text-editor .elementor-widget-container {
    font-family: var(--font-Inter);
    font-weight: 400;
    font-size: var(--font-size-16);
    color: var(--black);
    line-height: 22px;
    padding: 0px;
    margin-bottom: 18px !important;
}

blockquote {
    border-left: 6px solid var(--primarycolor);
    padding: 25px 20px 10px 25px;
    background: var(--light-green-three);
    border-radius: 10px;
}

/* == TYPOGRAPHY-CSS == 
===============================================================*/






/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/

::placeholder {
    font-family: var(--font-Inter);
    font-weight: 500;
    font-size: 15px;
    color: #666666 !important;
    line-height: 30px !important;
    padding: 0px;
    margin-bottom: 18px !important;
    text-transform: capitalize;
}

label {
    font-family: var(--font-Inter);
    font-weight: 400;
    font-size: var(--font-size-18);
    color: var(--paracolor) !important;
    line-height: 30px !important;
    padding: 0px;
    margin-bottom: 18px !important;
}

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-not-valid {
    border: none;
    border-bottom: 1px solid var(--errorcolor) !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.invalid .wpcf7-response-output {
    text-align: center;
    color: var(--errorcolor);
    border: 1px solid var(--errorcolor) !important;
    width: 100%;
    font-weight: 400;
    margin: 10px 0px 20px !important;
    font-size: 14px;
}

/* wpcf7 form wpcf7-response-output 
===============================================================*/

.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
    color: green;
    border: 1px solid green !important;
    width: 100%;
    font-weight: 400;
    margin: 10px 0px 20px !important;
    font-size: 14px;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

/* == FORM-TYPOGRAPHY-CSS == 
===============================================================*/



/* == IMAGE-WRAP-CSS_START == 
===============================================================*/

.alignnone {
    margin: 5px 30px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 20px auto 20px auto;
}

.alignright {
    float: right;
    margin: 0px 0 20px 40px;
}

.alignleft {
    float: left;
    margin: 20px 40px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 40px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 40px 30px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figcaption,
.gallery-caption,
.wp-caption-text {
    font-size: 12px !important;
}

/* IMAGE-WRAP-CSS_END == 
===============================================================*/



/* == ERROR_PAGE_CSS_START_START == 
===============================================================*/

.error-page_inner .error-title h1 {
    text-align: center;
    font-weight: 700;
}

.error-page {
    padding: 10px 2px;
}

.error-page_inner .error-title h1 {
    margin-top: 0 !important;
}

.error-page_inner .error-page.common-btn {
    width: fit-content;
}

.error-page_inner .error-page.common-btn a.elementor-button.btn-one {
    background: var(--black) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px solid var(--black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.error-page_inner .error-page.common-btn a.elementor-button.btn-one:hover {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: 500 !important;
    border: 1px solid var(--light-black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}


/* == ERROR_PAGE_CSS_START_END == 
===============================================================*/


/* SCROLL_TO_TOP_CSS_START ==
===============================================================*/

.scroll-top-section {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 100px;
    right: 0;
    border-radius: 100px;
    padding: 0;
    z-index: 99;
    right: 10px;
    transition: 0.9s ease;
}

.scroll-top-section a.ScrollTop {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    border: none;
    background: url(../images/top-to-scroll.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    transition: 0.9s ease;
    display: none;
}

.scroll-top-section a.ScrollTop:hover {
    font-size: 0;
}

/* .scroll-top-section a.ScrollTop::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/top-to-scroll-arrow-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 11px;
    left: 17px;
} */



/* SCROLL_TO_TOP_CSS_END
===============================================================*/



/* == BTN_SECTION_CSS_START_END == 
===============================================================*/


/* == BTN_ONE_CSS :::::::::::::::::::::::::::::::::::::::::::::::::*/

.btn-solid a {
    background: var(--primarycolor) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px solid var(--primarycolor);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.btn-solid a:hover {
    background: transparent !important;
    color: var(--primarycolor) !important;
    font-weight: 500 !important;
    border: 1px solid var(--primarycolor);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}


/* == BTN_TWO_CSS :::::::::::::::::::::::::::::::::::::::::::::::::*/

.btn-outline a {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: 500 !important;
    border: 1px solid var(--black);
    border-radius: 50px;
    padding: 15px 30px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.btn-outline a:hover {
    background: var(--black) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border: 1px solid var(--black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}


/* == BTN_SECTION_CSS_START_END == 
===============================================================*/








/* HEADER-CSS-START ::::::::::::::::::::::::::::::::::::::: */

header.sticky {
    position: sticky;
    top: 0;
    z-index: 9;
    width: 100%;
    background: var(--white);
    transition: 0.5s ease;
}

body.logged-in.admin-bar header.sticky {
    top: 30px;
}

header {
    position: sticky;
    top: 0;
    z-index: 9;
    width: 100%;
    background: var(--white);
    transition: 0.5s ease;
}


header .container-fluid {
    padding: 10px 130px;
}

header .header_top .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .container-fluid {
    padding: 18px 130px 3px 130px;
    box-shadow: 0px 3px 6px #00000014;
}


/* LOGO-CSS ::::::::::::::::::::::::::::::::: */

header .header_top .logo-container img,
header .header_top .menu a.mobile-logo img {
    width: 170px;
}

header .header_top .menu a.mobile-logo {
    display: none;
}


/* MENU-CSS ::::::::::::::::::::::::::::::::: */

header .header_top .menu nav {
    display: flex;
    column-gap: 30px;
    align-items: center;
}

@media (min-width: 991px) {

    header .header_top .menu nav ul#mega-menu-main-menu {
        display: flex !important;
        column-gap: 30px;
    }

}



header .header_top .menu nav button.get-demo-popup {
    background: var(--primarycolor);
    padding: 7px 15px;
    border-radius: 50px;
    color: var(--white);
    border: 1px solid var(--primarycolor);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    cursor: pointer;
}

header .header_top .menu nav button.get-demo-popup:hover {
    background: transparent;
    color: var(--primarycolor);
    border: 1px solid var(--primarycolor);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

header .header_top .menu nav ul#mega-menu-main-menu li a {
    color: var(--black) !important;
    transition: 0.5s ease;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 0 !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li > a {
    background: transparent !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li > a:hover {
    color: var(--primarycolor) !important;
    transition: 0.5s ease;
    background: transparent !important;
}

header button.menu-toggle {
    display: none !important;
}

body.single-post ul#mega-menu-main-menu li#nav-menu-item-417 a,
body.single-post ul#menu-footer-menu li#nav-menu-item-418 a,
body.home ul li.current_page_item a ,
body.home ul li.current-menu-parent a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    color: var(--primarycolor) !important;
    background: transparent !important;
}


/* SUB MENU CSS code ::::::::::::::::::::::::::::::::::::::: */

header .header_top .menu nav ul#mega-menu-main-menu li {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    padding-top: 15px;
    padding-bottom: 20px;
    cursor: pointer;
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.sub-menu {
    position: absolute;
    z-index: 9;
    background: #fff;
    max-width: 250px;
    width: 100%;
    min-width: 250px;
    top: 90px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    border-top: 4px solid var(--primarycolor);
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.sub-menu li {
    padding: 0;
}

header .header_top .menu nav ul#mega-menu-main-menu li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 54px;
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.sub-menu li a {
    width: 100%;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #ccc;
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.sub-menu li:last-child a {
    border-bottom: 0;
}

span.nav-click {
    display: none;
}

header .header_top .menu nav ul#mega-menu-main-menu li.menu-item-has-children {
    padding-right: 20px;
}

header .header_top .menu nav ul#mega-menu-main-menu li.menu-item-has-children::after {
    position: absolute;
    content: '';
    background-image: url(../images/menu-dropdown-arrow.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 46%;
    right: 0;
    transform: translateY(-50%);
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    margin-left: 3px;
    transition: 0.5s ease;
}

header .header_top .menu nav ul#mega-menu-main-menu li:hover a {
    color: var(--primarycolor);
    transition: 0.5s ease;
}

header .header_top .menu nav ul#mega-menu-main-menu li:hover::after {
    transition: 0.5s ease;
    transform: translateY(-50%) rotate(180deg);
    filter: brightness(0) saturate(100%) invert(58%) sepia(54%) saturate(570%) hue-rotate(101deg) brightness(89%) contrast(91%);
}

header .header_top .menu nav ul#mega-menu-main-menu li:hover ul.sub-menu li a {
    color: var(--black-color);
}

header .header_top .menu nav ul#mega-menu-main-menu li:hover ul.sub-menu li a:hover {
    color: var(--primarycolor);
}





span.mega-indicator {
    /* width: 30px !important; */
    margin: 0 !important;
  }

  span.mega-indicator::after {
    opacity: 0;
  }

  span.mega-indicator::before {
    position: absolute;
    content: "";
    background-image: url(../images/menu-dropdown-arrow.svg);
    width: 12px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 53%;
    right: 0;
    transform: translateY(-50%);
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    margin-left: 3px;
  }



/* MEGA MENU CSS CODE :::::::::::::::::::::::::::::::: */

.header_top .menu .mega-menu-wrap {
    background: transparent !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.mega-sub-menu {
    transform: translate(0px, 20px) !important;
    background: #fff !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    transform: translate(0px, 10px) !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.mega-sub-menu li a {
    width: 100%;
    padding: 11px !important;
    border-bottom: 1px solid #ccc !important;
    /* background: #fff !important; */
}

header .header_top .menu nav ul#mega-menu-main-menu li ul.mega-sub-menu li:last-child a {
    border-bottom: 0 !important;
}

header .header_top .menu nav ul#mega-menu-main-menu li.mega-toggle-on > a.mega-menu-link {
    color: var(--primarycolor) !important;
    transition: 0.5s ease;
    background: transparent !important;
}


/* header .header_top .menu nav ul#mega-menu-main-menu li#mega-menu-item-891 ul.mega-sub-menu {
    transform: translate(-49%, 20px) !important;
} */

header .header_top .menu nav ul#mega-menu-main-menu li#mega-menu-item-891.mega-toggle-on ul.mega-sub-menu {
    opacity: 1;
    /* transform: translate(-49%, 10px) !important; */
    display: flex;
    background: #fff !important;
    box-shadow: 0px 3px 6px #00000014;
}

@media (min-width: 991px) {
    header .header_top .menu nav ul#mega-menu-main-menu li#mega-menu-item-891 ul.mega-sub-menu {
        /* width: 100vw !important; */
        position: fixed;
    }
}

header .header_top .menu nav ul#mega-menu-main-menu li#mega-menu-item-891 ul.mega-sub-menu li {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 50px;

}

.platform-megamenu h5 {
    font-size: 23px;
    font-weight: 600 !important;
}

.platform-megamenu .platform-image-outer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 20px;
}

.platform-megamenu .platform-image-outer a.platform-link {
    display: flex;
    align-items: flex-start;
}

.platform-megamenu .platform-image-outer a.platform-link img {
    width: 30px;
    height: 30px;
    /* mix-blend-mode: darken; */
    margin-right: 11px;
}

.platform-megamenu .platform-image-outer a.platform-link .title-description p {
    margin-bottom: 0 !important;
}

.platform-megamenu .platform-image-outer a.platform-link .title-description p:first-child {
    margin-bottom: 5px !important;
}


/* HOVER :::::::::::::::: */

.platform-image-outer a.platform-link.main-platform {
    transition: 0.5s ease;
}

.platform-image-outer a.platform-link.main-platform:nth-child(1):hover {
    background: #F5F7FE !important;
    box-shadow: 0px 7px 8px #E4E4E4A3;
    border-radius: 5px;
    transition: 0.5s ease;
}

.platform-image-outer a.platform-link.main-platform:nth-child(2):hover {
    background: #FFEAE9 !important;
    box-shadow: 0px 7px 8px #E4E4E4A3;
    border-radius: 5px;
    transition: 0.5s ease;
}

.platform-image-outer a.platform-link.main-platform:nth-child(3):hover {
    background: #FFECDF !important;
    box-shadow: 0px 7px 8px #E4E4E4A3;
    border-radius: 5px;
    transition: 0.5s ease;
}

.platform-image-outer a.platform-link.main-platform:nth-child(4):hover {
    background: #EEF2F8 !important;
    box-shadow: 0px 7px 8px #E4E4E4A3;
    border-radius: 5px;
    transition: 0.5s ease;
}

.platform-image-outer a.platform-link.main-platform:nth-child(5):hover {
    background: #EEF5FF !important;
    box-shadow: 0px 7px 8px #E4E4E4A3;
    border-radius: 5px;
    transition: 0.5s ease;
}
.platform-image-outer a.platform-link.main-platform:nth-child(6):hover {
    background:  #fff8ee !important;
    box-shadow: 0px 7px 8px  #fff8ee;
    border-radius: 5px;
    transition: 0.5s ease;
}
.platform-image-outer a.platform-link.main-platform:nth-child(7):hover {
    background: #f7f2e9 !important;
    box-shadow: 0px 7px 8px #f7f2e9;
    border-radius: 5px;
    transition: 0.5s ease;
}

/* HEADER-CSS-END ::::::::::::::::::::::::::::::::::::::: */






/* BANNER-CSS-START :::::::::::::::::::::::::::::::::::::::::: */

.home-banner-outer .e-con-inner {
    max-width: 100% !important;
}


/* LEFT SIDE :::::::::::::::::::::::::::::::::::::::::::::::::: */

.home-banner-outer .home-banner-left-inner {
    padding-left: 70px;
/*     background: #c2ffe4; */
    padding-top: 70px;
    padding-bottom: 70px;
    width: 50%;
    z-index: 8;
    gap: 0 !important;
}

.home-banner-outer .home-banner-left-inner .slider_animation_content .elementor-widget-container {
    display: flex;
    margin-bottom: 0 !important;
    column-gap: 10px;
    flex-direction: column;
}

.home-banner-outer .home-banner-left-inner h3 {
    margin-top: 0;
}

.home-banner-outer .home-banner-left-inner .slider_animation_content .elementor-widget-container h3 {
    margin-bottom: 8px;
}

.home-banner-right-inner .elementor-widget-container {
    display: flex;
    justify-content: flex-end;
/*     padding-left: 70px; */
    padding-top: 20px;
    padding-bottom: 20px;
    height: 410px !important;
}

.home-banner-right-inner .elementor-widget-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right;
    padding-right: 95px;
}



/* RIGHT SIDE :::::::::::::::::::::::::::::::::::::::::::::::::: */

/* .home-banner-right-inner {
    position: relative !important;
} */
/* 
.home-banner-right-inner::after {
    position: absolute;
    content: "";
    width: 42%;
    height: 100%;
    background: url(../images/banner-overlay-img.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100%;
    left: -150px;
    top: 0px;
    z-index: 0;
} */





/* BANNER TEXT ANIMATION :::::::::::::::::::::::::::::::::::: */

.home-banner-outer .home-banner-left-inner h3.animated-words {
    overflow: hidden;
    height: 43px;
    position: relative;
    width: 250px;
    left: 0px;
}

.home-banner-outer .home-banner-left-inner h3.animated-words span.word {
    font-size: 40px;
    color: var(--primarycolor);
    position: absolute;
    transition: 0.5s ease;
    left: 0;
    width: 100%;
    text-align: left;
    font-weight: 700;
}

.home-banner-outer .home-banner-left-inner h3.animated-words span.word.ishidden {
    opacity: 0;
    animation: slide-out .6s;
}

.home-banner-outer .home-banner-left-inner h3.animated-words span.word.isvisible {
    opacity: 1;
    animation: slide-in .6s;
}


@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

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


@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}


/* BANNER-CSS-END :::::::::::::::::::::::::::::::::::::::::: */















/* companies SECTION CSS ::::::::::::::::::::::::::::::::::::::: */

.main-heading h4 {
    text-align: center;
    margin-top: 0;
}

.title-design h4 {
    padding-bottom: 16px;
    position: relative;
    display: flex;
    justify-content: center;
}

.title-design h4::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 10px;
    border-bottom: 1px solid var(--dark-grey);
    bottom: 0;
}

.title-design h4::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 8px;
    background: var(--primarycolor);
    bottom: -4px;
}


.main-heading.title-design.sub-text {
    margin-bottom: 30px !important  ;
}

.main-heading.title-design.sub-text .elementor-widget-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-heading.title-design.sub-text .elementor-widget-container h4::after,
.main-heading.title-design.sub-text .elementor-widget-container h4::before    {
    display: none;
}

.main-heading.title-design.sub-text .elementor-widget-container h4{
    padding-bottom: 0;
}

.main-heading.title-design.sub-text .elementor-widget-container h5{
    margin-top: 0;
}


.main-heading.title-design.sub-text .elementor-widget-container::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 10px;
    border-bottom: 1px solid var(--dark-grey);
    bottom: 0;
}

.main-heading.title-design.sub-text .elementor-widget-container::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 8px;
    background: var(--primarycolor);
    bottom: -4px;
}

/* slider css :::::::::::::::::::::::::::::::::::::::::::::::::: */

.companies-carousel-outer .swiper-slide figure.swiper-slide-inner {
    position: relative;
    padding-bottom: 38%;
}

.companies-carousel-outer .swiper-slide figure.swiper-slide-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 0;
    left: 0;
}

/* companies SECTION CSS ::::::::::::::::::::::::::::::::::::::: */















/* NEXT-GEN CSS START ::::::::::::::::::::::::::::::::::::::::::: */

/* LEFT IMAGE SECTION :::::::::::::::::::::::::::::::::::::: */

.next-gen-outer .next-gen-left-img .elementor-widget-container {
    position: relative;
    padding-bottom: 65%;
}

.next-gen-outer .next-gen-left-img .elementor-widget-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: left;
}


/* RIGHT CONTENT  ::::::::::::::::::::::::::::::::::::::::::::::: */

.next-gen-right-content {
    display: flex;
    justify-content: center !important;
}

.next-gen-right-content .elementor-widget-container {
    width: fit-content;
    background: var(--secondarycolor);
    padding: 20px 120px 20px 80px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.next-gen-right-content .elementor-widget-container::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 100%;
    top: 0;
    left: 50px;
    border-left: 1px solid var(--white);
}

.next-gen-right-content .elementor-widget-container::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 95px;
    background: var(--white);
    left: 46px;
}

.next-gen-right-content h2 {
    font-size: 48px !important;
    margin-top: 0;
    margin-bottom: 0;
}

.next-gen-right-content h5 {
    width: 250px;
    margin-top: 0;
    margin-bottom: 0;
}

.next-gen-right-content .elementor-widget-text-editor {
    position: relative;
}

.next-gen-right-content .elementor-widget-text-editor::before {
    position: absolute;
    content: "";
    width: 183px;
    height: 184px;
    background: url(../images/dot-overlay.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 50px;
    transform: rotate(180deg);
    bottom: -56px;
}

/* NEXT-GEN CSS END ::::::::::::::::::::::::::::::::::::::::::: */















/* STRENGTHEN CSS :::::::::::::::::::::::::::::::::::::::::: */

a#get-demo-popup3,
a#schedule-button-2 {
    cursor: pointer;
}

.strengthen-tabs-outer .e-n-tabs-heading {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid var(--light-green-one);
    column-gap: 38px !important;
}

.strengthen-tabs-outer .e-n-tabs-heading button {
    padding-left: 0;
    padding-right: 0;
    background: transparent !important;
    color: var(--black) !important;
    font-size: 16px !important;
    font-weight: 500;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title {
    position: relative;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title::before {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    background: var(--primarycolor);
    bottom: -2px;
    transition: 0.5s ease;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title:hover::before {
    width: 100%;
    transition: 0.5s ease;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title[aria-selected=true] {
    position: relative;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title[aria-selected=true]::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: var(--primarycolor);
    bottom: -2px;
}

.strengthen-tabs-outer .e-n-tabs-heading button.e-n-tab-title[aria-selected=true]::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/active-arrow.svg);
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    bottom: -17px;
}

.strengthen-tabs-outer .e-n-tabs-content .tab-image .elementor-widget-container img {
    mask-image: url(../images/Governance-mask-img.svg);
    mask-repeat: no-repeat;
    mask-position: bottom center;
    mask-size: contain;
}

.tab-content-row .tab-left-content .e-con-inner {
    margin-top: 90px;
}

.tab-content-row .tab-left-content .e-con-inner .elementor-widget-container {
    position: relative;
}

.tab-content-row .tab-left-content .e-con-inner .elementor-widget-container::before {
    position: absolute;
    content: "";
    width: 183px;
    height: 184px;
    background: url(../images/white-bg-dot.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: -70px;
    bottom: -65px;
    z-index: -1;
}

.tab-content-row .tab-left-content .e-con-inner h5 {
    margin-top: 0;
    font-weight: 600 !important;
}

.tab-left-content a {
    position: relative;
    top: 20px;
}

/* STRENGTHEN CSS :::::::::::::::::::::::::::::::::::::::::: */















/* Impact our customers css  ::::::::::::::::::::::::::::::: */

.impact-customer-outer .impact-customer-item {
    background: var(--white);
    padding: 32px 30px 0px 30px;
    gap: 0;
    border-radius: 10px;
}

.impact-customer-outer .impact-customer-item .impact-item-icon .elementor-widget-container {
    position: relative;
    padding-bottom: 29%;
}

.impact-customer-outer .impact-customer-item .impact-item-icon .elementor-widget-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
}

.impact-customer-outer .impact-customer-item .impact-item-content h2 {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 0;
    line-height: 60px;
}

.impact-customer-outer .impact-customer-item .impact-item-content p {
    text-align: center;
    line-height: 30px;
    margin-bottom: 0 !important;
}

/* Impact our customers css  ::::::::::::::::::::::::::::::: */















/* Why Assurtiv css :::::::::::::::::::::::::::::::::::::::: */

.why-assurtiv-section {
    padding-top: 40px !important;
}

.Why-Assurtiv-outer .e-con-inner {
    max-width: 1300px !important;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item {
    padding: 20px;
    border: 1px dashed var(--light-black);
}

.assurtiv-grid-outer {
    gap: 0 !important;
}

.assurtiv-grid-outer .assurtiv-grid-item .assurtiv-grid-icon .elementor-widget-container {
    width: 45px;
    height: 45px;
    display: block;
    background: var(--primarycolor);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.assurtiv-grid-outer .assurtiv-grid-item .assurtiv-grid-icon .elementor-widget-container img {
    width: 30px;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item .assurtiv-grid-content h5 {
    margin-top: 0px;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item {
    padding: 20px;
    border-left: 1px dashed var(--dark-grey);
    border-bottom: none;
    border-top: none;
    border-right: none;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item:nth-child(1) {
    border-left: none;
    border-bottom: 1px dashed var(--dark-grey);
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item:nth-child(4) {
    border-left: none;
    border-bottom: none;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item:nth-child(2),
.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item:nth-child(3) {
    border-left: 1px dashed var(--dark-grey);
    border-bottom: 1px dashed var(--dark-grey);
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item .assurtiv-grid-icon {
    width: 12%;
}

.Why-Assurtiv-outer .e-con-inner .assurtiv-grid-item .assurtiv-grid-content {
    width: 90%;
}

/* Why Assurtiv css :::::::::::::::::::::::::::::::::::::::: */















/* GRC Management css :::::::::::::::::::::::::::::::::::::::: */

.GRC-Management-outer .e-con-inner p {
    margin-bottom: 0 !important;
    text-align: center;
}

.GRC-Management-outer .btn-solid {
    text-align: center;
}

/* GRC Management css :::::::::::::::::::::::::::::::::::::::: */















/* TRUSTED css :::::::::::::::::::::::::::::::::::::::: */

.Trusted-section-right-content {
    display: flex;
    justify-content: center !important;
    padding-left: 140px !important;
    position: relative !important;
}

.Trusted-section-right-content::after {
    position: absolute;
    content: "";
    width: 103%;
    height: 214px;
    background-image: url(../images/cnt-b-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    bottom: -9px;
    right: 0px;
    z-index: -1;
}

.Trusted-section-right-content .elementor-widget-heading,
.Trusted-section-right-content .elementor-widget-text-editor {
    z-index: 1;
}

.Trusted-section-right-content ul li {
    font-size: 20px;
    margin-bottom: 18px;
}

.Trusted-section-outer .e-con-inner {
    max-width: 1520px !important;
}

/* TRUSTED css :::::::::::::::::::::::::::::::::::::::: */















/* HAPPY CLIENT CSS ::::::::::::::::::::::::::::::::::::: */

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

.testimonial-content .testimonial-image-wrapper {
    position: relative;
    padding-bottom: 50%;
    width: 60%;
}

.testimonial-content .testimonial-image-wrapper img.testimonial-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-content .testimonial-text-wrapper {
    width: 70%;
    background: #000;
    background: var(--primarycolor);
    position: relative;
    left: -70px;
    padding: 40px 20px 20px 110px;
}

.testimonial-content .testimonial-text-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: -30px;
    background: var(--primarycolor);
    z-index: -1;
    top: 0;
}

.testimonial-content .testimonial-text-wrapper::after {
    position: absolute;
    content: "";
    width: 140px;
    height: 140px;
    background: url(../images/white-bg-dot.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: -70px;
    bottom: -47px;
    z-index: -2;
}

.testimonial-content .testimonial-text-wrapper h4 {
    z-index: 0;
    position: relative;
    margin-bottom: 0 !important;
}

.testimonial-content .testimonial-text-wrapper h5 {
    margin-top: 10px;
}

.testimonial-content .testimonial-text-wrapper h4::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/testimonial-quotes.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    top: -31px;
    left: -53px;
    width: 76px;
    height: 55px;
    opacity: 0.3;
}

.testimonials-wrapper {
    position: relative;
}

.testimonials-wrapper .owl-nav {
    display: flex;
    position: absolute;
    bottom: 0px;
    justify-content: flex-end;
    width: 100%;
    gap: 50px;
}

.testimonials-wrapper .owl-nav button {
    font-size: 50px !important;
    font-weight: 250 !important;
    line-height: 30px !important;
}

/* HAPPY CLIENT CSS ::::::::::::::::::::::::::::::::::::: */
















/* POPUP CSS :::::::::::::::::::::::::::::::::::::: */

.get-demo-header-outer {
    display: none;
}


/* POPUP CSS :::::::::::::::::::::::::::::::::::::: */















/* FOOTER-CSS-START ::::::::::::::::::::::::::::::::::::::: */

footer {
    background: var(--light-green-three);
    padding: 20px 0;
}

footer .container {
    /* max-width: 800px !important; */
    max-width: 1100px !important;
}

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

footer .container .row .footer-menu-col {
    display: flex;
    column-gap: 70px;
}

footer .container .row .column-three h6 {
    margin-top: 0;
}


/* FOOTER-LOGO ::::::::::::::::::::::::::::::::::::::::::: */

footer .container .row .footer-logo-col {
    padding-right: 40px;
}

footer .row .footer-logo-col img {
    width: 170px;
}


/* FOOTER-MENU ::::::::::::::::::::::::::::::::::::::::::: */

footer .footer-outer .footer-menu-col .footer-menu ul {
    column-count: 2;
}

footer .footer-outer .footer-menu-col .footer-menu ul li a {
    font-size: 13px;
    color: var(--black);
    font-weight: 400;
}

footer .footer-outer .footer-menu-col .footer-menu ul li a:hover {
    color: var(--primarycolor);
}


/* FOOTER-SOCIAL MEDIA ::::::::::::::::::::::::::::::::::::::::::: */

footer .footer-outer .footer-social-link h5.links {
    margin-top: 0;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

footer .footer-outer .footer-social-link ul {
    display: flex;
    column-gap: 14px;
}

footer .footer-outer .footer-social-link ul a {
    color: var(--black);
    font-weight: bolder;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 0;
    position: relative;
}

footer .footer-outer .footer-social-link ul a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

footer .footer-outer .footer-social-link ul li.youtube_url a::before {
    background: url(../images/youtube-icon.svg);
}

footer .footer-outer .footer-social-link ul li.linkedin_url a::before {
    background: url(../images/linkedin-icon.svg);
}

footer .footer-outer .footer-social-link ul li.facebook_url a::before {
    background: url(../images/facebook-icon.svg);
}

footer .footer-outer .footer-social-link ul li.twitter_url a::before {
    background: url(../images/x-icon.svg);
}

footer .footer-outer .footer-social-link ul li.instagram_url a::before {
    background: url(../images/instagram-icon.svg);
}

/* FOOTER-BOTTOM-SECTION-CSS ::::::::::::::::::::::::::::::::::::::::: */

footer .footer_bottom .copy-right p {
    margin-bottom: 0 !important;
    font-size: 14px;
    margin-top: 20px;

}

/* FOOTER-CSS-END ::::::::::::::::::::::::::::::::::::::: */








/* POPUP FROM CSS DESIGN :::::::::::::::::::::::::::::::::::: */

.ays-pb-modal h2.ays_pb_show_title_on_mobile {
    padding-bottom: 16px;
    position: relative;
    display: flex !important;
    justify-content: center;
    line-height: 35px;
    margin-top: 30px !important;
    font-weight: 600 !important;
}

.ays-pb-modal h2.ays_pb_show_title_on_mobile::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 10px;
    border-bottom: 1px solid var(--dark-grey);
    bottom: 0;
}

.ays-pb-modal h2.ays_pb_show_title_on_mobile::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 8px;
    background: var(--primarycolor);
    bottom: -4px;
}

ul.get-demo-form-outer li input {
    border: none;
    border-bottom: 1px solid;
    padding: 11px;
    width: 90%;
}

ul.get-demo-form-outer li textarea {
    border: none;
    border-bottom: 1px solid;
    padding: 11px;
    height: 100px;
    width: 90%;
    resize: vertical;
    line-height: 30px;
}

ul.get-demo-form-outer li.contact-submit a.request-submit {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 60%;
    margin: 0 auto;
    position: relative;
}

ul.get-demo-form-outer li.contact-submit a.request-submit span.wpcf7-spinner {
    position: absolute;
    margin-left: 230px;
    margin-top: 15px;
}

ul.get-demo-form-outer li.contact-submit a.request-submit input {
    background: var(--black) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border-radius: 50px;
    padding: 15px 50px;
    border: 1px solid var(--black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    width: fit-content !important;
    cursor: pointer;
}

ul.get-demo-form-outer li.contact-submit a.request-submit input:hover {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: 500 !important;
    border: 1px solid var(--light-black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.ays-pb-close-button-delay {
    position: relative;
    width: 40px;
    height: 40px;
    top: 20px !important;
    right: 20px !important;
}

.ays-pb-close-button-delay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/close-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ays-pb-close-button-delay:hover::before {
    filter: brightness(0) saturate(100%) invert(55%) sepia(11%) saturate(2680%) hue-rotate(101deg) brightness(102%) contrast(87%);
}

.ays-pb-close-button-delay svg {
    fill: transparent !important;
    opacity: 0;
}

.ays-pb-modal {
    height: fit-content !important;
    width: 550px !important;
}

.ays-pb-modal .ays_content_box {
    display: none;
}

.ays-pb-modal .ays_pb_description {
    padding-top: 30px !important;
}

.ays-pb-modal .ays_pb_description iframe {
    width: 100%;
}

/* POPUP FROM CSS DESIGN :::::::::::::::::::::::::::::::::::: */







/* INNER_PAGE_BANNER_DESIGN_CSS_START
=================================================================*/

.banner-outer-section {
    height: 300px;
    position: relative;
}

.banner-outer-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(273deg, rgb(19 19 19) 0%, rgb(0 0 0 / 61%) 0%, rgb(205 205 205 / 0%) 100%);
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-outer-section .tt-pagetitle,
.banner-outer-section .tt-pagetitle__box,
.banner-outer-section .banner-inner-section {
    height: 100%;
    display: block;
}

.banner-outer-section img {
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
}

.common-banner-title {
    position: absolute;
    z-index: 9;
    top: 52%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 100%;
    z-index: 8;
}

.tt-pagetitle__title.sing h1,
.tt-pagetitle__title.sing,
.tt-pagetitle__title h1,
.tt-pagetitle__title,
.common-banner-title h1 {
    color: var(--white) !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-Inter);
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 86px !important;
}

.common-banner-title .container {
    width: 100%;
    max-width: 100% !important;
    padding: 0 100px;
}

.banner-outer-section .tt-pagetitle .banner-outer-section::after {
    display: none;
}

.common-banner-title .tt-pagecontent {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    width: 50%;
    float: right;
    text-align: right;
}

/* INNER_PAGE_BANNER_DESIGN_CSS_END
  =================================================================*/



/* INNER PAGE BANNER CSS ::::::::::::::::::::::::::::::::::::: */

.home-banner-outer.inner-page-banner .home-banner-left-inner {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* INNER PAGE BANNER CSS ::::::::::::::::::::::::::::::::::::: */












/* CONTACT_PAGE_DESIGN_CSS
=================================================================*/

.home-contact-left-form form ul li.content-submit {
    width: 100%;
    margin-bottom: 0;
}

.home-contact-left-form form ul li.content-submit a.row.btn-submit {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.home-contact-left-form form ul li.content-submit input {
    background: var(--black) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border-radius: 50px;
    padding: 15px 50px;
    border: 1px solid var(--black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    width: fit-content !important;
    cursor: pointer;
}

.home-contact-left-form form ul li.content-submit input:hover {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: 500 !important;
    border: 1px solid var(--light-black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.home-contact-left-form form ul li.content-submit a.row.btn-submit span.wpcf7-spinner {
    position: absolute;
    margin-left: 230px;
    margin-top: 15px;
}

input {
    border: none;
    border-bottom: 1px solid;
    padding: 11px;
    font-size: var(--font-size-16);
}

textarea {
    border: none;
    border-bottom: 1px solid;
    padding: 11px;
    height: 100px;
    resize: vertical;
    line-height: 30px;
    font-size: var(--font-size-16);
}

.home-contact-left-form form {
    padding-right: 70px;
}

.home-contact-left-form form ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: space-between;
}

.home-contact-left-form form ul li {
    width: 47%;
    padding-left: 0;
}

.home-contact-left-form form ul li::before {
    display: none;
}

.home-contact-left-form form ul input {
    width: 100%;
}

.home-contact-left-form form ul li.message {
    width: 100%;
}

.home-contact-left-form form ul li.message textarea {
    width: 100%;
}

.home-contact-right-image .elementor-widget-image {
    height: 100%;
}

.home-contact-right-image .elementor-widget-image img {
    height: 100%;
    object-fit: cover;
}

.contact-page-outer .e-con-inner {
    display: flex;
    gap: 50px !important;
}

body.page-template-template-contact.page-template-templatestemplate-contact-php.page.page-id-26 .common-outer {
    padding-bottom: 0px;
}

body.page-template-template-contact.page-template-templatestemplate-contact-php.page.page-id-26 .common-outer {
    padding-top: 8px;
}

.contact-page-form {
    z-index: 9;
    margin-top: -8px;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content {
    width: 33.3%;
    position: relative;
    padding: 60px 40px 40px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/overlay-pattern-2.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 20px;
    filter: contrast(0.5);
    opacity: 0.16;
    left: 0;
    top: auto;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .contact-info-number-address a {
    font-size: var(--font-size-36);
    text-decoration: underline !important;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .contact-info-number-address h5,
.contact-page-outer .e-con-inner .contact-info-email h5,
.contact-page-outer .e-con-inner .menu-info.home-about-left-content .social-media .elementor-widget-container h5 {
    font-size: var(--font-size-24);
    font-weight: 600 !important;
    margin-top: 50px;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .contact-info-number-address p,
.contact-page-outer .e-con-inner .contact-info-email p,
.contact-page-outer .e-con-inner .contact-info-email p a {
    color: var(--paracolor) !important;
    margin-top: 0;
    font-size: var(--font-size-20);
    word-wrap: break-word;
}

.contact-page-outer .e-con-inner .contact-info-email p a:hover {
    color: var(--greencolor) !important;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .social-media .elementor-widget-container {
    display: flex;
    column-gap: 25px;
    flex-direction: column;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .social-media .elementor-widget-container p {
    margin-top: 10px;
    display: flex;
    column-gap: 25px;
}

.contact-page-outer .e-con-inner .menu-info.home-about-left-content .social-media .elementor-widget-container a {
    font-size: 0;
}

.contact-info-number-address .elementor-widget-container {
    border-bottom: 1px solid #000;
}

.contact-info-email {
    border-bottom: 1px solid #000;
    padding-bottom: 20px !important;
}

.contact-page-outer .e-con-inner .get-in-touch .main-heading-get h1 {
    margin-bottom: 0 !important;
}

.contact-page-outer .e-con-inner .get-in-touch {
    width: 33.3%;
}

.get-in-touch .elementor-widget-container {
    margin-bottom: 0 !important;
}

.get-in-touch .get-in-touch.with-lisa h1 {
    margin-top: 0 !important;
    text-align: right;
    margin-right: -65px !important;
    z-index: 9;
    position: relative;
}

.get-in-touch .get-in-touch.with-lisa h1 strong {
    color: var(--black) !important;
}

.get-in-touch .get-in-touch.with-lisa h1 {
    margin-top: 0 !important;
}

.get-in-touch .get-in-touch.with-lisa {
    width: 100% !important;
}

.contact-page-outer .e-con-inner .get-in-touch .elementor-widget-image img {
    height: 290px;
    object-position: center;
    object-fit: contain;
}


.contact-page-outer .e-con-inner .contact-info-image {
    width: 33.3%;
}

.contact-page-outer .e-con-inner .contact-info-image .home-about-right-image-one {
    height: 100% !important;
}

/* CONTACT_PAGE_DESIGN_CSS
  =================================================================*/





/* BLOG_PAGE_DESIGN_CSS
  =================================================================*/


section.our-news-outer.blog-outer {
    position: relative;
}

.news-blog-content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
}

.no-post-text {
    max-width: 68.666667%;
    width: 100%;
    margin-top: 30px;
}

.no-post-text p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.post-whole-outer {
    /* max-width: 68.666667%;
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 0; */

    max-width: 68.666667%;
    width: 100%;
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 20px;
    flex-wrap: wrap;
    align-content: flex-start;
}

.post-whole-outer .post-outer {
    /* width: 100%;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    margin-bottom: 30px;
    float: left;
    margin-right: 10px; */

    width: 48%;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    margin-bottom: 0;
    float: left;
    margin-right: 0;
    height: fit-content !important;
}

.post-whole-outer .post-outer .post {
    display: flex;
    flex-direction: column;
    background: var(--secondarycolor);
    padding: 20px 21px 20px 21px;
    width: 90%;
    margin-top: -40px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* .post-whole-outer .post-outer .post p, 
  .post-whole-outer .post-outer .post h5 {
    color: var(--white);
  } */

.post-whole-outer .post-outer .post a {
    width: fit-content;
    /* display: block; */
}

.post-whole-outer .post-outer .post h5 {
    font-size: 26px;
    font-weight: 600 !important;
    font-family: var(--font-Urbanist);
    width: fit-content;
    color: var(--black);
    /* margin: 0; */
}

.post-outer.item.grid-item .post h5.post-title {
    font-size: 26px;
    font-weight: 600 !important;
    font-family: var(--font-Urbanist);
    width: fit-content;
    color: var(--black);
    margin: 0;
}

.post-whole-outer .post-outer .post .post-date p {
    color: var(--primarycolor) !important;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 0;
    position: relative;
    margin-top: 20px;
}

.blog.blog-single-outer .post-whole-outer .post-outer .author {
    margin-bottom: 10px;
}

.post-whole-outer .post-outer .post .post-date p::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/blog-calendar.png);
    left: 0;
    top: 5px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.post-whole-outer .post-outer .post .post-btn-outer {
    margin-top: 20px;
}

.post-whole-outer .post-outer .post .author p {
    font-weight: 600 !important;
    font-size: 20px;
    color: var(--secondarycolor);
    text-transform: capitalize;
}

.post-whole-outer .post-outer .post-image {
    overflow: hidden;
    position: relative;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.post-whole-outer .post-outer .post-image a {
    position: relative;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    border-radius: 5px;
}

/* .post-whole-outer .post-outer:hover .post-image img {
    transform: scale(1.1);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
  } */

.post-whole-outer .post-outer:hover .post-image a::after {
    opacity: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.post-whole-outer .post-outer .post-image img {
    width: 100%;
    object-fit: cover !important;
    object-position: center;
    max-width: 100% !important;
    transform: scale(1);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.blog.blog-single-outer .post-whole-outer .post-outer .post .post-content .elementor-element {
    padding: 0 !important;
}


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

.sidebar-outer {
    width: 27.666667%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    /* background: var(--primarycolor); */
    border-radius: 5px;
    /* padding: 30px; */
    height: fit-content;
}


.search-form {
    margin: 0 !important;
}

.search-form form.search-form {
    position: relative;
    width: 100%;
}

.search-form input.search-field {
    width: 100%;
    margin: 0;
    background: transparent;
    border-radius: 65px;
    padding: 14px 55px 14px 20px;
    border: 1px solid #9c9c9c;
}

.blog section.our-news-outer.blog-outer h4.blog-search-title {
    margin-top: 0;
    margin-bottom: 40px;
}

.search-form form.search-form button.search-submit {
    position: absolute;
    top: 4px;
    width: 40px;
    height: 40px;
    right: 5px;
    border: navajowhite;
    background: #22B573;
    font-size: 0;
    border-radius: 50px;
}

.search-form form.search-form button.search-submit::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    right: 2px;
    top: 2px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 62%;
    cursor: pointer !important;
}
.custom-search-form {
    position: relative;
	margin-bottom:60px;
}
.custom-search-form button.search-submit {
    position: absolute;
    top: 4px;
    width: 40px;
    height: 40px;
    right: 5px;
    border: navajowhite;
    background: #22B573;
    font-size: 0;
    border-radius: 50px;
}

.custom-search-form button.search-submit::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    right: 2px;
    top: 2px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 62%;
    cursor: pointer !important;
}
.sidebar ul li {
    padding: 0 !important;
}

.sidebar ul li::before {
    display: none !important;
}

.sidebar h4 {
    font-size: 30px !important;
    margin: 10px 0 30px !important;
    color: var(--black);
    font-weight: 500;
}

.sidebar h4.search-name {
    margin: 0px 0 30px !important;
}

ul.categories-inner li {
    display: flex;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #9c9c9c;
    color: var(--paracolor);
    padding-left: 35px !important;
}

.sidebar ul li#archives ul li {
    padding-left: 35px !important;
}

.sidebar ul li ul.categories-inner li::before,
.sidebar ul li#archives ul li::before {
    display: block !important;
    margin-left: -23px;
    margin-top: 9px;
    top: -4px !important;
}

ul.categories-inner li a {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.sidebar ul li a {
    color: var(--paracolor) !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100% !important;
    display: block;
}

.sidebar ul li a:hover {
    color: var(--primarycolor) !important;
}

.sidebar ul li a:focus {
    background: transparent !important;
}

.recent-post-content p {
    color: var(--primarycolor);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0 !important;
}

.widget-content.sidebar-outer {
    width: 100%;
    padding: 0;
}


.recent-post-wrapper {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #9c9c9c;
    flex-direction: row-reverse;
    column-gap: 12px;
    align-items: center;
}

.recent-post-wrapper .recent-post-image {
    width: 30%;
    height: 90px;
}

.recent-post-wrapper .recent-post-image a {
    padding: 0;
    margin: 0 !important;
    border: none;
    height: 100%;
}

.recent-post-wrapper .recent-post-image a img {
    object-fit: cover;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    border-radius: 5px;
}

.recent-post-content a {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    border: none !important;
    font-weight: 550 !important;
    color: var(--primarycolor);
    line-height: 23px !important;
    font-size: var(--font-size-16) !important;
}

.recent-post-content {
    width: 80%;
}

.sidebar-outer div#sidebar-outer,
.sidebar-outer ul#sidebarwidgeted {
    padding: 30px;
    background: var(--light-green-two);
    position: relative;
    border-radius: 20px;
    margin-top: 0;
}

.sidebar-outer div#sidebar-outer {
    margin-bottom: 30px;
}

.sidebar-outer ul#sidebarwidgeted::before {
    position: absolute;
    content: "";
    width: 183px;
    height: 184px;
    background: url(../images/dot-overlay.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: 20px;
    transform: rotate(180deg);
    bottom: 15px;
}

.sidebar ul li#recent-posts h4.sidebar-name,
.sidebar ul li#archives h4.sidebar-name {
    margin-top: 60px !important;
    margin-bottom: 30px !important;
}

.sidebar ul li#archives .current-archive a {
    width: fit-content !important;
}


.current-archive {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


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





.pagination-outer {
    width: 100%;
}

.blog-pagination.common-btn {
    display: flex;
    justify-content: center;
    column-gap: 18px;
}

.blog-pagination.common-btn a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    line-height: 40px;
    font-weight: 600;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    padding: 0;
    background: transparent;
    color: var(--paracolor);
    font-size: 20px;
    border: 1px solid var(--primarycolor);
}

.blog-pagination.common-btn a::before {
    display: none;
}

.blog-pagination.common-btn a:hover {
    background: var(--primarycolor);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: var(--white);
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 40px;
}

.blog-pagination.common-btn span.page-numbers.current {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    background: var(--primarycolor);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-weight: 600;
    line-height: 40px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.blog-pagination.common-btn a.next.page-numbers,
.blog-pagination.common-btn a.prev.page-numbers {
    font-size: 0;
    position: relative;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.blog-pagination.common-btn a.next.page-numbers:hover,
.blog-pagination.common-btn a.prev.page-numbers:hover {
    background: var(--primarycolor);
}

.blog-pagination.common-btn a.next.page-numbers:hover::after,
.blog-pagination.common-btn a.prev.page-numbers:hover::after {
    filter: invert(0);
}


.blog-pagination.common-btn a.next.page-numbers::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/top-to-scroll-arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1 !important;
    right: 14px;
    top: 10px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform: rotate(90deg);
    /* background: var(--black); */
    border-radius: 50px;
    filter: invert(1);
}

.blog-pagination.common-btn a.prev.page-numbers::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/top-to-scroll-arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1 !important;
    left: 13px;
    top: 10px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform: rotate(-90deg);
    /* background: var(--black); */
    border-radius: 50px;
    filter: invert(1);
}



/* BLOG_PAGE_DESIGN_CSS
  =================================================================*/









/* BLOG__INNER_PAGE_DESIGN_CSS
  =================================================================*/

.blog.blog-single-outer .post-whole-outer {
    grid-template-columns: 1fr;
}

.blog.blog-single-outer .post-whole-outer .post-outer {
    width: 100%;
}

.blog.blog-single-outer .post-whole-outer .post-outer .post {
    width: 100%;
    background: transparent;
    padding: 0;
    display: block;
    padding-top: 40px;
}

.blog.blog-single-outer .post-whole-outer .post-outer .post .post-image img {
    height: 100%;
}

/* .blog.blog-single-outer .post-whole-outer .post-outer .post h4 {
    display: inline;
  } */

.blog.blog-single-outer .post-whole-outer .post-outer .post:nth-child(1) h4 {
    margin-top: 0 !important;
}

.blog.blog-single-outer .post-whole-outer .post-outer .post .post-image {
    width: 40%;
    float: right;
    margin: 0 0 30px 30px;
}

.blog.blog-single-outer .common-btn {
    text-align: center;
    margin-top: 20px;
}

.blog.blog-single-outer .common-btn a.common-btn {
    background: var(--black) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px solid var(--black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.blog.blog-single-outer .common-btn a.common-btn:hover {
    background: transparent !important;
    color: var(--black) !important;
    font-weight: 500 !important;
    border: 1px solid var(--light-black);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}


/* BLOG__INNER_PAGE_DESIGN_CSS
  =================================================================*/

/** reCaptcha design*/
.recaptcha-outer label {
    margin: 0 !important;
    color: var(--primarycolor) !important;
}

li.recaptcha-outer {
    width: 100% !important;
}





/* SOLUTION PAGE CSS CODE ::::::::::::::::::::::::::::::::: */

body.page.page-id-918 .banner-outer-section {
    display: none;
}

body.page.page-id-918 .common-outer {
    padding: 0px 0px 0px 0px !important;
}

.solution-vs-section .e-con-inner {
    position: relative;
    display: flex;
    justify-content: space-between !important;
}

.solution-vs-section .e-con-inner .solution-vs-image {
    position: absolute;
    /* z-index: -1; */
    top: 20%;
    left: 0;
}

.solution-vs-section .e-con-inner .solution-vs-image img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    z-index: 1;
    position: relative;
}

.solution-vs-section .e-con-inner .solution-vs-col {
    width: 48%;
    border-radius: 10px !important;
}

/* left section ::::::::::::::::::::::::::::::  */

.solution-vs-section .e-con-inner .solution-vs-col.solution-vs-col-left {
    background: #ECECEC;
}

.solution-vs-section .e-con-inner .solution-vs-col.solution-vs-col-left .solution-title h2 {
    background: #171717;
    color: var(--white);
    margin: 0;
}

/* right section ::::::::::::::::::::::::::::::  */

.solution-vs-section .e-con-inner .solution-vs-col.solution-vs-col-right {
    background: #E9FFF5;
}

.solution-vs-section .e-con-inner .solution-vs-col.solution-vs-col-right .solution-title h2 {
    background: var(--primarycolor);
    color: var(--white);
    margin: 0;
}

.solution-vs-section .e-con-inner .solution-vs-col .solution-title {
    margin-bottom: 30px;
}

.solution-vs-section .e-con-inner .solution-vs-col .vs-text p:first-child {
    margin-bottom: 3px !important;
}

.solution-vs-section .e-con-inner .solution-vs-col .solution-title h2 {
    text-align: center;
    font-size: 35px;
    letter-spacing: 0px;
    padding: 10px;
    line-height: 45px;
    border-radius: 10px 10px 0 0 !important;
}

.solution-vs-section .e-con-inner .solution-vs-col .vs-text {
    padding: 0 60px;
}

.solution-vs-section .e-con-inner .solution-vs-col .vs-text:last-child {
    padding-bottom: 25px;
}



/* FEATURE SECTION CSS :::::::::::::::::::::::::::::::::::::::::::::: */

.feature-image-text {
    box-shadow: 0px 3px 6px #00000029;
    background: #fff;
    padding: 20px !important;
    border-radius: 10px !important;
}

.feature-image-text .feature-icon .elementor-widget-image{
    width: 40px;
    height: 40px;
}

.feature-image-text .feature-icon img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.feature-image-text .feature-icon h5 {
    margin-top: 6px;
}

.feature-image-text .feature-text p,
.feature-image-text .feature-text .elementor-widget-container {
    margin-bottom: 0 !important;
}

/* FEATURE SECTION CSS :::::::::::::::::::::::::::::::::::::::::::::: */


/* AI SECTION CSS :::::::::::::::::::::::::::::::::::::::::::::::: */

.ai-power-outer {
    display: flex;
    align-items: center !important;
}

.ai-power-outer .ai-power-left-image .elementor-widget-container {
    position: relative;
    padding-bottom: 64%;
}

.ai-power-outer .ai-power-left-image .elementor-widget-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ai-power-outer .ai-power-right-content{
    position: relative;
}

.ai-power-outer .ai-power-right-content::after{
    position: absolute;
    content: "";
    width: 183px;
    height: 184px;
    background: url(../images/white-bg-dot.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    right: -70px;
    bottom: -65px;
    z-index: -1;
}


/* other features section css :::::::::::::::::::::::::::::::: */

.other-features-grid-box {
    background: #fff;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0px 3px 9px #0000001A;
    transition: 0.5s ease;
}

.other-features-grid-box h6 {
    margin-top: 10px;
    font-weight: 650;
}

.other-features-grid-box p:last-child {
    margin-bottom: 0 !important;
}

.other-features-grid-box .elementor-widget-image .elementor-widget-container {
    position: relative;
    padding-bottom: 60%;
    box-shadow: 0px 4px 9px #0000001A;
}

.other-features-grid-box .elementor-widget-image .elementor-widget-container::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 11px;
    z-index: 2;
    transition: 0.5s ease;
    opacity: 0.7;
}

.other-features-grid-box:hover .elementor-widget-image .elementor-widget-container::before {
    transition: 0.5s ease;
    opacity: 0.3;
}

.other-features-grid-box .elementor-widget-image .elementor-widget-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.other-features-grid-box .elementor-widget-text-editor .elementor-widget-container {
    margin-bottom: 10px !important;
}

/* hover effect :::::::::::::::::::::::::::::::::::: */


.other-features-grid-box.feature-box-one:hover {
    background: #FFF9EC;
    transition: 0.5s ease;
}

.other-features-grid-box.feature-box-two:hover {
    background: #DEEAFC;
    transition: 0.5s ease;
}

.other-features-grid-box.feature-box-three:hover {
    background: #FEDBDA;
    transition: 0.5s ease;
}

.other-features-grid-box.feature-box-four:hover {
    background: #D4FCDE;
    transition: 0.5s ease;
}

.other-features-grid-box.feature-box-five:hover {
    background: #FFF4DF;
    transition: 0.5s ease;
}

.other-features-grid-box.feature-box-six:hover {
    background: #EBFFFF;
    transition: 0.5s ease;
}

/* image section hover effect :::::::::::::::::::::::::::::::::: */

.other-features-grid-box.feature-box-one .elementor-widget-image .elementor-widget-container::before {
    background: #FFD88A;
}

.other-features-grid-box.feature-box-two .elementor-widget-image .elementor-widget-container::before {
    background: #749DDA;
}

.other-features-grid-box.feature-box-three .elementor-widget-image .elementor-widget-container::before {
    background: #FFA9A5;
}

.other-features-grid-box.feature-box-four .elementor-widget-image .elementor-widget-container::before {
    background: #7BDC92;
}

.other-features-grid-box.feature-box-five .elementor-widget-image .elementor-widget-container::before {
    background: #FFCF70;
}

.other-features-grid-box.feature-box-six .elementor-widget-image .elementor-widget-container::before {
    background: #52F8F8;
}





.solution-banner-section .elementor-widget-container {
    flex-direction: column !important;
}

.solution-banner-section .elementor-widget-container h3:last-child {
    margin-bottom: 25px !important;
}

/* SOLUTION PAGE CSS CODE ::::::::::::::::::::::::::::::::: */






/* PAYMENT PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::: */

.banner-list-outer .banner-list-left-content {
    padding: 120px 30px 70px 30px !important;
}

.banner-list-left-content ul li {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 30px !important;
}

.banner-list-left-content ul li::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 0px !important;
    margin-left: -34px;
    margin-top: 0;
    width: 20px;
    height: 20px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    background: url(../images/tik-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50px;
}



body.page.page-id-1054 .banner-outer-section{
    display: none;
}

body.page.page-id-1054 .common-outer{
    padding: 0 0 0 0 !important;
}

.color-box .e-con-inner {
    column-gap: 90px !important;
    border-radius: 40px;
    padding: 30px 40px !important;
    align-items: center !important;
}

.color-box .e-con-inner .color-box-content h6 {
    margin-top: 0px !important;
}

.color-box .e-con-inner .color-box-content h2 {
    margin-top: 0;
}

.sandal-color-box .e-con-inner{
    background: #FFFCF6;
}

.blue-color-box .e-con-inner{
    background: #F6F5FE;
}

.red-color-box .e-con-inner{
    background: #FFF3F8;
}

.banner-list-right-image .elementor-widget-image {
    height: 100%;
}

.banner-list-right-image .elementor-widget-image img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.banner-list-left-content {
    width: 40% !important;
}

.banner-list-right-image {
    width: 70% !important;
}

.banner-list-outer {
    background-position: bottom center !important;
}

.risk-management-banner {
    padding-top: 30px;
}

.risk-management-banner h3 {
    margin-bottom: 0 !important;
}

.risk-management-banner .elementor-widget-container {
    margin-bottom: 0 !important;
}

/* PAYMENT PAGE CSS CODE ::::::::::::::::::::::::::::::::::::::::::: */

    .home-banner-right-inner .elementor-widget-container img {
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
    }