/*============================================================= 
USED COLORS

1. | MAIN GREEN COLOR                | #498847
2. | HOVER COLOR                     | #246e28
3. | MAIN GREEN COLOR OPACITY OF 10% | rgb(73 136 71 / 10%)
4. | ORANGE COLOR                    | #f35024;
5. | ORANGE COLOR OPACITY OF 10%     | rgb(243 80 36 / 10%)
6. | BLUE COLOR                      | #5e8fd9;
7. | BLUE COLOR OPACITY OF 10%       | rgb(94 143 217 / 10%)
8. | PURPLE COLOR                    | #5035a9;
9. | PURPLR COLOR OPACITY OF 10%     | rgb(80 53 169 / 10%)
10.| BORDER COLOR                    | #CCC
11.| HELP TEXT COLOR                 | #333
12.| BRIEFING BG                     | #e8efe8

=============================================================*/

/*=============================================================
    CSS INDEX
    =============================
    01. START FONT STYLE
    02. START LOGO STYLE

    ============================= 03. HOMEPAGE =============================

    01. START HERO SECTION
    02. START SEARCH AREA
    03. START A COMPLETE VIEW OF SOCIAL HOUSING INTELLIGENCE
    04. START BUILD FOR HOUSING
    05. START DESIGNED FOR THE PEOPLE DELIVERING AND MANAGING HOUSING 
    06. START LATEST INSIGHTS
    07. START BETTER INFORMATION PRODUCES BETTER DECISIONS 

    ============================= / 03. HOMEPAGE =============================

    ============================= 04. PRODUCT ================================

    01. START HERO SECTION
    02. START PROPERTY, EPC, CONTRACTS AND AI -STRUCTURED, MATCHED, AND READY TO USE
    03. DRIVE BETTER DECISIONS WITH INTEGRATED PROPERTY AND CONTRACT INTELLIGENCE
    04. WHO USES LOCARLA?

    ============================= / 04. PRODUCT =============================

    ============================= 05. PRICING ===============================
    
    01. START HERO SECTION
    02. LICENCES PRICE
    03. WHAT'S INCLUDED
    04. SEE LOCARLA IN ACTION

    ============================= / 05. PRICING =============================

    ============================= 06. ABOUT ===============================
    
    01. START HERO SECTION 
    02. START COUNTER
    03. START A DIFFERENT KIND OF DATA PLATFORM
    04. FROM DIRECTORY TO INTELLIGENCE PLATFORM
    05. BUILT BY A UK-LED, GLOBAL TEAM
    06. A USED ACROSS THE SECTOR
    07. WHAT WE BELIEVE
    08. BETTER INFORMATION

    ============================= / 06. ABOUT =============================

    ============================= 07. CONTACT US ===============================

    01. START HEADING
    02. START TABS
    03. START FORM
    04. START DEMO PREFERNCE
    05. START EXPLORE OUR RESOURCES

    ============================= / 07. CONTACT US ===============================


    ============================= 08. START FOOTER =============================

    01. START LOGO, DESCRIPTION AND BOOK DEMO
    02. START LINKS
    03. START STARTSIGN UP FORM

    ============================= / 08. END FOOTER =============================

 
    9. START COOKIES
    10. START FOOTER RHP
    11. START MODAL


    12. RESPONSIVE STYLING
    =============================
    Extra Small Devices 
    @media (max-width: 575.98px) {}

    Small Devices 
    @media (min-width: 576px) and (max-width: 767.98px) {}

    Medium Devices 
    @media (min-width: 768px) and (max-width: 991.98px) {}

    Large Devices 
    @media (min-width: 992px) and (max-width: 1199.98px) {}

    Extra Large Devices 
    @media (min-width: 1200px) and (max-width: 1399.98px) {}

    Extra Extra Large Devices 
    @media (min-width: 1400px) {}

  =============================================================*/
/*


/* GENERAL CSS */
html {
    scroll-behavior: smooth;
}
.section-padding {
    padding: 20px 0;
}
.section-title h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}
.hero-text h1 {color: rgb(51, 51, 51);}
.green{
    color: #498847;
}
.blue {
    color: #5e8fd9;
}
.purple {
    color: #5035a9;
}
.orange {
    color: #f35024;;
}
.disable {
    opacity: 0.5;
    pointer-events: none;
}
.activate {
    opacity: 1;
    pointer-events: unset;
}
/* GENERAL CSS */

/*
* ----------------------------------------------------------------------------------------
* 01.START FONT STYLE
* ----------------------------------------------------------------------------------------
*/
/* <weight>: Use a value from 100 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */

.montserrat {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
  
.open-sans{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto; 
	font-style: normal;
	font-variation-settings:
	  "wdth" 100;
}

/* 01. END FONT STYLE */

/*
* ----------------------------------------------------------------------------------------
* 02. START LOGO STYLE
* ----------------------------------------------------------------------------------------
*/

#navigation {
    padding: 15px 65px;
    border-bottom: 0px solid #ddd;
    height: 70px;
}

#main-menu ul li a {
    font-size: 16px;
}
#main-menu ul li.active a{
    color: #498847;
}
#main-menu ul li.active a:hover, #main-menu ul li.active a:focus{
    color: #498847;
}
#main-menu ul li a:hover, #main-menu ul li a:focus {
    color: #4c4c4c;
}
#main-menu ul li{
    display: inline-block;
    padding: 0;
    position: relative;
    line-height: 45px;
    margin: 0 20px;
    transition: all 0.4s ease;
}
#main-menu ul li.active::after,
#main-menu ul li:hover::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 2px;
    background-color: #4c4c4c; 
} 
#main-menu ul li.active::after {
    background-color: #498847; 
}

#navigation .header-btn {
    font-size: 16px;
    padding-right: 35px;
}

.site-logo span {
	font-family: "Montserrat", sans-serif; 
	font-weight: 800;
	font-size: 35px;
	padding-left: 5px;
}
.site-logo a {
	color: #498847;
}
.site-logo .hamburger i {
	color: #498847;
	font-size: 32px;
	cursor: pointer;
}

/* LOGIN MENU */
.Login_main_menu {
    position: absolute;
    top: 70px;
    background-color: #fff;
    z-index: 3;
    width: 310px;
    box-shadow: 1px 5px 5px rgb(0 0 0 / 27%);
    border-top: 1px solid #e5e5e5;
}
.Login_main_menu {
    display: none;
}

.Login_main_menu.show {
    display: block;
}

.menu_list h5{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 15px 4px 18px;
}
.menu_list ul li a {
    color: #4c4c4c;
}
.menu_list ul li {
    position: relative;
    padding: 4px 15px 0 1.7rem; 
    border-left: 3px solid transparent;
    transition: .5s;
}
.menu_list ul li:hover {
    background: #f1f1f1;
    border-left: 3px solid #498847;
}
.menu_list ul li i {
    font-size: 18px;
    color: #498847;
    margin-right: 10px;
}
.menu_list ul li span {
    display: none;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    right: 15px;
    top: 0;
    color: #498847;
    font-size: 12px !important;
    font-weight: 500;
    transition: .5s;
}
.menu_list ul li:hover span {
    display: inline-block;
}
.menu_list .divider {
    border: 0;
    width: 100% !important;
    height: 1px !important;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
    background: #e5e5e5;
}
.menu_list .menu_footer {
    background-color: rgba(73 136 71 / 10%);
    padding: 12px 16px;
    background-color: #f0f7f2;
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
    padding: 5px 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.menu_list .menu_footer i{
    font-size: 15px;
    color: #498847;
    margin-right: 5px;
}
.menu_list .after_login,
.menu_list .before_login {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}
.menu_list .before_login {
    padding-bottom: 0rem;
}

/* HEADER BEFORE AND AFTER LOGIN MENU - RIGHT SIDE*/
.after_login_menu a i {
    color: #498847;
    font-size: 30px;
}
.after_login_menu {
    position: relative;
}
.after_login_menu_list {
    position: absolute;
    right: 0;
    top: 48px;
    width: 223px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    z-index: 3;
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.10);
    background-color: #fff;
    text-align: left;
    padding-bottom: 0.7rem;
    display: none;
}
.after_login_menu_list .profile-card {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 220px;
    padding: 12px 16px;
    background: #ecece8; 
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); 
}

.after_login_menu_list .profile-icon {
    width: 30px;
    height: 30px;
    border: 1px solid #4b8a49;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b8a49;
    font-size: 15px;
    flex-shrink: 0;
    background-color: rgba(73 136 71 / 10%);
}

.after_login_menu_list .profile-info h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #4c4c4c;
    line-height: 1.2;
    text-align: left;
}

.after_login_menu_list .profile-info p {
    margin: 3px 0 0;
    font-size: 11px;
    color: #498847;
    line-height: 1.2;
}
.after_login_menu_list h5 {
    color: #777;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase; 
    padding: 15px 15px 7px 15px;    
} 
.after_login_menu_list ul li {
    font-size: 13px;
    padding: 7px 15px 7px 15px;
    position: relative;
    transition: .5s;
}
.after_login_menu_list ul li:hover {
    background: #f1f1f1;
}
.after_login_menu_list ul li i {
    color: #498847;
    font-size: 16px;
    margin-right: 8px;
}
.after_login_menu_list ul li a {
    color: #4c4c4c;
    display: block;
}
.after_login_menu_list ul li a span {
    position: absolute;
    right: 15px;
}
.after_login_menu_list ul li a span i{
    color: #4c4c4c;
    font-size: 14px;
}
.after_login_menu_list .divider {
    border: 0;
    width: 100% !important;
    height: 1px !important;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    background: #e5e5e5;
}

/* END HEADER BEFORE AND AFTER LOGIN MENU - RIGHT SIDE */

/* END LOGIN MENU */

/* 02. END LOGO STYLE */


/*
============================= 03. HOMEPAGE =============================
* ----------------------------------------------------------------------------------------
* 01. START HERO SECTION
* ----------------------------------------------------------------------------------------
*/

/* Background image */
.home_bg { 
    overflow: hidden; 
}
.home_bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
linear-gradient(rgba(73,136,71,0.3), rgba(73,136,71,0.3)),
url('../img/bg/hero-bg-faded-home.png');
    background-size: cover;
    background-position: center center;
    opacity: 0.4; /* Change opacity here */
    z-index: 0;
} 
/* End Background image */

/* Search */
.home_sb button {
    width: 130px;
}
/* /Search */

/* Hero Text */
.hero-text p {
	font-size: 18px;
    line-height: 30px;
}
/* End Hero Text */

/* Hero image */
.hero_img .image_box {
    position: absolute;
    left: -238px;
    top: 14px;
    z-index: 0;
}
.hero_img img{
    width: 665px;
}
/* End Hero image */

/* Counter */ 
.single-counter { 
    border-radius: 10px; 
    z-index: 1;
    position: relative;
}
.single-counter.search {
	padding: 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.single-counter.search .search_area{
	padding: 30px;
}

.single-counter.hero_counter p {
    margin-bottom: 0 !important;
	width: 100%;
}
.single-counter.hero_counter span {
	width: 60px;
	float: left;
	height: 60px;
	line-height: 65px;
	border-radius: 30px;
	font-size: 20px;
	text-align: center;
	margin-right: 0;
}
.single-counter.hero_counter .sc_one{
	color:#498847;
	background:rgba(73,136,71,0.15);
}

.single-counter.hero_counter .sc_one i {
	font-size: 32px;
}
.single-counter.hero_counter h2 {
	overflow: hidden;
    font-weight: 700;
    color: #498847;
    margin-bottom: 0;
    font-size: 25px;
} 

.single-counter.hero_counter ul,
.single-counter.hero_counter ul li {
	display: inline-block;
}

.single-counter.hero_counter ul li{
    position: relative;
    padding-right: 25px;
	min-width: 240px;
}

.single-counter.hero_counter ul li:last-child {
	padding-right: 0px;
}

.single-counter.hero_counter ul li:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #ccc;
}

/* End Counter */

/* 01. END HERO SECTION */


/*
* ----------------------------------------------------------------------------------------
* 02. START SEARCH AREA
* ----------------------------------------------------------------------------------------
*/
/* HEADING */
.count_area .single-counter h5 {
	font-weight: 700;
}
.count_area .single-counter p.subheading {
	font-size: 14px;
}
.count_area.counter_feature {
    padding-bottom: 35px;
    margin-top: -130px;
}
/* END HEADING */

/* START INPUT BOX */
.home_si::placeholder{
    color: #999;
    opacity: 1;
}

.home_sb i {
	position: absolute;
    left: 15px;
    top: 15px; 
	font-size: 20px;
}
/* END INPUT BOX */

/*  START EXAMPLE */
.example-tags{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
} 

.single-counter .example-label{
    font-size: 14px; 
	width: auto;
}

.example-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 18px;
    border: 1px solid #ccc;
    border-radius: 50px; 
    text-decoration: none; 
    background: #fff;
    transition: 0.3s;
    text-transform: none;
}

.home_si {
    text-transform: none; 
} 
.example-tag:hover{
    background: rgba(73,136,71,0.15);
    border-color: #498847;
    color: #498847;
}

/* END EXAMPLE */

/* PREVIEW  */
.preview-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 30px;
    background: rgba(73,136,71,0.05);
    border-radius: 0 0 0 0;
    flex-wrap: wrap;
}

.preview-left{
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.preview-left i{
    color: #498847;
    font-size: 20px; 
}

.preview-left h5{
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700; 
}

.preview-left p{
    margin: 0;
    font-size: 14px; 
}

.preview-right{
    display: flex;
    align-items: center;
    gap: 20px;
}

.preview-right a{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #498847;
    font-size: 14px;
    font-weight: 600;
}

.preview-right a i{
    font-size: 18px;
}

.preview-right a:hover,
.preview-right a:hover i {
    color:  #246e28;
}

.divider{
    width: 1px !important;
    height: 20px !important;
    background: #ccc;
    margin-right: 0 !important;
    min-width: 1px !important;
    border-radius: 0% !important;
}

/* END PREVIEW  */

/* 02. END SEARCH AREA */


/* 03. START A COMPLETE VIEW OF SOCIAL HOUSING INTELLIGENCE */

.housing_intelligence {
    background: linear-gradient(#fff 0%,#4988470d 100%);
}
.housing_intelligence .section-title h2{
    font-size: 20px;
    margin-bottom: 15px;
}
.housing_intelligence .single_tp {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    border: 1px solid #cccccc80;
    border-radius: 15px;
    line-height: 26px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
}
.housing_intelligence .single_tp span {
    width: 70px;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 32px;
    margin-right: 15px;
    float: none;
}
.housing_intelligence .single_tp h3 {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 700;
}
.housing_intelligence .single_tp p.subheading {
    color: #498847;
    margin-top: 0px;
}
.housing_intelligence .single_tp p.subheading.orange {
    color: #f35024;
}
.housing_intelligence .single_tp p.subheading.blue {
    color: #5e8fd9;
}
.housing_intelligence .single_tp p.subheading.purple {
    color: #5035a9;
}
.housing_intelligence .sc_one {
    color: #246e28;
    background: rgb(73 136 71 / 10%);
}
.housing_intelligence .sc_two {
    color: #f35024;
    background: rgb(243 80 36 / 10%);
}
.housing_intelligence .sc_three {
    color: #5e8fd9;
    background: rgb(94 143 217 / 10%);
}
.housing_intelligence .sc_four {
    color: #5035a9;
    background: rgb(80 53 169 / 10%);
}

.housing_intelligence .single_tp ul { 
    margin-top: 5px;
}
.housing_intelligence .single_tp ul li { 
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}
.housing_intelligence .single_tp ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    position: absolute;
    left: 0;
    top: 5px;
}
.h-90 {
    height: 90%;
}


/* 03. END A COMPLETE VIEW OF SOCIAL HOUSING INTELLIGENCE */


/* 04. START BUILD FOR HOUSING */

.partner-title {
    margin-bottom: 5px;
}
.partner-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    line-height: 15px;
    margin-bottom: 1.5rem;
}
.partner-logo {
    background: linear-gradient(#fff 0%,#4c4c4c0d 100%);
}
.partner-logo ul li {
    display: inline-flex;
    position: relative;
    padding-left: 30px;
    padding-right: 15px;
}
.partner-logo ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0px;
    position: absolute;
    font-size: 12px;
    background-color: rgb(73 136 71 / 10%);
    text-align: center;
    line-height: 20px;
    border-radius: 5px
}
.logo_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.logo_list ul li {
    width: calc(25% - 10px);
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #fff;
}

.logo_list ul li img {
    /* max-width: 100%;
    max-height: 100%; */
    object-fit: contain;
}
.partner-logo .logo_list ul li::before  {
    content: '';
    width: 0;
    height: 0;
} 

/* 06. END BUILD FOR HOUSING */

/* 05. START DESIGNED FOR THE PEOPLE DELIVERING AND MANAGING HOUSING  */

.category-section{
    background: #f7f7f7;
}

.category-card{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    height: 100%;
    transition: 0.3s ease;
}

.category-card:hover{
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.icon-box{
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: #eef3eb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box img{
    width: 24px;
}

.content h5{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.content p{
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    margin: 0;
}



.delivring_managinge .single-counter{
    height: 130px;
}
.delivring_managinge .single-counter h2{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.delivring_managinge .single-counter p{
    line-height: 20px;
}
.delivring_managinge .single-counter .sc_one {
    color: #498847;
    background: rgb(73 136 71 / 10%);
}
.single-counter span {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

/* 05. END DESIGNED FOR THE PEOPLE DELIVERING AND MANAGING HOUSING  */

/* 06. START LATEST INSIGHTS */

.latest_insights {
    background-color: rgb(73 136 71 / 10%);
}
.latest_insights .section-title{
    margin-bottom: 30px;
}
.latest_insights .section-title h2{
    margin-bottom: 15px;
}
.latest_insights .single_course {
    border-radius: 15px;
    overflow: hidden;
    text-align: left;
    border: 1px solid #ccc;
}
.latest_insights .single_course h4 {
    padding: 0;
}
.latest_insights .single_course .single_course_content {
    padding: 20px;
    min-height: 213px;
}
.latest_insights .single_course .single_course_content .category {
    font-size: 12px;
    padding: 2px 10px;
    background-color: rgb(73 136 71 / 10%);
    border: 1px solid #498847;
    border-radius: 15px;
    text-align: center;
}
.latest_insights .single_course .single_course_content .date {
    font-size: 12px;
    float: right;
}
.latest_insights .single_c_img {
    margin-bottom: 0px;
    position: relative;
    height: 285px;
    overflow: hidden;
}
.latest_insights .single_course .price {
    margin-top: 0;
    text-align: left;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 0;
    border-top: 0;
} 
.latest_insights .single_course .price a {
    color: #498847;
}
.latest_insights .single_course .price a:hover {
    color: #246e28;
}
.latest_insights .single_course .pills {
    margin-bottom: 20px;
    position: relative;
    float: right;
    margin-right: 5px;
}
.latest_insights .single_course .pills p{
    font-size: 13px;
    font-weight: 500;
    fill: rgb(122, 122, 122);
    color: rgb(122, 122, 122);
    background-color: rgb(243, 243, 243);
    border-radius: 5px;
    padding: 6px;
}
.latest_insights .single_c_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.latest_insights .single_course h4 a { 
    font-size: 20px; 
    line-height: 30px;
    font-weight: 700;
    margin-top: 15px;
}
.latest_insights .cour_btn {
    margin-top: 25px;
}
.latest_insights .cour_btn a {
    color: #498847;
    font-size: 16px;
    font-weight: 600;
}
.latest_insights .cour_btn a:hover{
    color: #246e28;
}
.latest_insights .single_course a i {
    color: #498847;;
    margin: 0 1px;
}
.latest_insights .single_course a:hover i {
    color: #246e28; 
}

/* 06. END LATEST INSIGHTS */

/* 07. START BETTER INFORMATION PRODUCES BETTER DECISIONS */

.better_information {
    overflow: hidden; 
}
.better_information::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgb(255 255 255 / 40%), rgb(255 255 255 / 40%)), url(../img/bg/hero-bg-footer.png);
    background-size: cover;
    background-position: center -30px;
    opacity: 0.4;
    z-index: -1;
}
.better_information.va2 {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}
.better-information-title {
    margin-bottom: 30px;
}
.better-information-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    line-height: 26px;
    margin-bottom: 20px;
}
.better-information-title p{
    margin-bottom: 2rem;
}


/* START STARTSIGN UP FORM */

.footer_sign_up {
    width: 100%;
    border: 1px solid #498847;
    background-color: #e8efe8;
    padding: 15px;
    border-radius: 15px;
}
.footer_sign_up a {
    color: #498847;
}

.footer_sign_up .newsletter-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d8e6d4;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #408842;
    padding: 10px;
}

.footer_sign_up .newsletter-icon i {
    font-size: 18px;
}

.footer_sign_up .newsletter-box input { 
    height: 46px;
    font-size: 14px;
    width: 74%;
}
.footer_sign_up .newsletter-box #emailError{
    color: #ba2625;;
}

.footer_sign_up .newsletter-box #emailAS {
    color: #498847;
}
.footer_sign_up .newsletter-box input:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #498847;
}
.footer_sign_up .newsletter-box button {
    background: #408842;
    color: #fff;
    border: none;
    padding: 0 20px;
    border-radius: 6px;
    font-weight: 600;
}

.footer_sign_up h5 { 
    font-size: 17px;
    margin-bottom: 0.5rem;
}
.footer_sign_up .newsletter-header-text p{
    font-size: 13px;
}
.footer_sign_up .text-muted {
    font-size: 12px;
    line-height: 16px;
    display: block;
}
.footer_sign_up #emailAS {
    color: #498847;
}
.footer_sign_up #emailError {
    color: #ba2625;
}
/* END SIGN UP FORM */

/* 07. END BETTER INFORMATION PRODUCES BETTER DECISIONS */

/*  ============================= / 03. HOMEPAGE ============================= */


/* ============================= 04. PRODUCT ============================= */
 
/* 01. START HERO SECTION */

/* HEADING */
.product .hero-text {
    position: relative;
    top: 30px;
}
.product .hero_img .image_box {
    position: absolute;
    left: -233px;
    top: -11px;
    z-index: 0;
}
.product .hero_img img {
    width: 720px;
}
.product .breadcrumbs{
    position: relative;
    top: 50px;
    z-index: 1;
}
.product .breadcrumbs a {
    color: #498847;
}
/* / HEADING */

/* BACKGROUND IMAGE */ 
.home_bg.product { 
    height: 450px;
} 
/* / BACKGROUND IMAGE */

/* COUNTER */
.count_area.product_counter {
    margin-top: -60px;
    padding-bottom: 35px;
    background: linear-gradient(to bottom, rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, 1) 100%);
} 
.count_area.product_counter .count {
    z-index: 1;
    position: relative;
}
.product_counter .single-counter.hero_counter ul li{ 
    padding-right: 20px; 
    padding-left: 20px; 
}
.product_counter .single-counter.hero_counter ul li:first-child{  
    padding-left: 0; 
}
.product_counter .single-counter.hero_counter ul li:last-child {
    padding-right: 0;
}
.product_counter .single-counter.hero_counter span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 5px;
}
.product_counter .single-counter { 
    padding: 25px 50px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
/* /COUNTER */
/* / END HERO SECTION */

/* 02. START PROPERTY, EPC, CONTRACTS AND AI -STRUCTURED, MATCHED, AND READY TO USE */
.product_view {
    background: #f9fafb;
}
.product_view .section-title h2{
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.product_view .section-title h2::after{
    content: '';
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #498847;
}
.product_view .single_tp {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    border: 1px solid #cccccc80;
    border-radius: 15px;
    line-height: 26px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    height: 400px;
}
.product_view .single_tp span {
    width: 70px;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 32px;
    margin-right: 15px;
    float: none;
    margin: 0 auto;
}
.product_view .sc_one {
    color: #246e28;
    background: rgb(73 136 71 / 10%);
}
.product_view .sc_two {
    color: #f35024;
    background: rgb(243 80 36 / 10%);
}
.product_view .sc_three {
    color: #5e8fd9;
    background: rgb(94 143 217 / 10%);
}
.product_view .sc_four {
    color: #5035a9;
    background: rgb(80 53 169 / 10%);
}
.product_view .single_tp ul { 
    width: fit-content;
    margin: 0 auto;
    text-align: left;
}
.product_view .single_tp ul li { 
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}
.product_view .single_tp ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    position: absolute;
    left: 0;
    top: 5px;
}
.product_view .single_tp p.top_text { 
    position: relative;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(153, 153, 153);
    font-size: 12px;
    padding-bottom: 15px;
}
.product_view .single_tp p.top_text::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 19%;
    height: 2px;
    background-color: rgb(153, 153, 153);
    bottom: 13px;
    opacity: 0.6;
    display: block;
    margin: 8px auto 0;
}
.product_view .top_heading_text {
    color: #498847;
    text-transform: uppercase;
    font-weight: 600;
} 
.product_view .count{
    background: rgba(73, 136, 71, 0.1);
    display: inline;
    padding: 15px 20px;
    border-radius: 7px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: auto;
}
.product_view .count i {
    color: #498847;
    font-size: 30px;
    margin-right: 5px;
}
.product_view .count span{
    color: #498847;
    font-size: 16px;
    font-weight: 700;
}  
.product_view .single_tp h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0.7rem;
    line-height: 22px;
}
/* END PROPERTY, EPC, CONTRACTS AND AI -STRUCTURED, MATCHED, AND READY TO USE */

/* 03. DRIVE BETTER DECISIONS WITH INTEGRATED PROPERTY AND CONTRACT INTELLIGENCE */
.drive_better {
    background: #f9fafb;
}
.drive_better .section-title{
    margin-bottom: 30px;
}
.drive_better .section-title h2{
    margin-bottom: 15px;
}
.drive_better .single_course {
    border-radius: 15px;
    overflow: hidden;
    text-align: left;
    border: 1px solid #ccc;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
}
.drive_better .single_course h4 {
    padding: 0;
    margin-bottom: 7px;
}
.drive_better .single_course .single_course_content {
    padding: 20px;
} 
.drive_better .single_course .single_course_content ul {
    margin-top: 1rem;
}
.drive_better .single_course .single_course_content ul li{
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
}
.drive_better .single_course .single_course_content ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    position: absolute;
    left: 0;
    top: 5px;
} 

.drive_better .single_c_img {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 50px; 
    margin-bottom: 0px;
    height: 400px;
}

.drive_better .single_c_img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(73,136,71,0.3), rgba(73,136,71,0.3)),
                url('../img/bg/hero-bg-footer.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.3;
} 
.drive_better .single_course .price a {
    color: #498847;
}
.drive_better .single_course .price a:hover {
    color: #246e28;
}
.drive_better .single_c_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.drive_better .single_course h4 a { 
    font-size: 20px; 
    line-height: 30px;
    font-weight: 700;
    margin-top: 0px;
}   
/* END DRIVE BETTER DECISIONS WITH INTEGRATED PROPERTY AND CONTRACT INTELLIGENCE */

/* 04. WHO USES LOCARLA? */

.who_uses {
    overflow: hidden; 
}
.who_uses::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgb(255 255 255 / 40%), rgb(255 255 255 / 40%)), url(../img/bg/hero-bg-new-small-height.png);
    background-size: cover;
    background-position: center -160px;
    opacity: 0.4;
    z-index: -1;
}
.who_uses.va2 {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}
.who_uses-title {
    margin-bottom: 30px;
}
.who_uses-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    line-height: 26px;
    margin-bottom: 10px;
}

/* 04. END WHO USES LOCARLA? */

/* ============================= / 04. PRODUCT ============================= */

/* ============================= 05. PRICING ============================= */

/* 01. START HERO SECTION */

/* HEADING */
.pricing .hero-text {
    position: relative;
    top: 30px;
}
.pricing .hero_img .image_box {
    position: absolute;
    left: -193px;
    top: -11px;
    z-index: 0;
}
.pricing .hero_img img {
    width: 630px;
}
.pricing .breadcrumbs{
    position: relative;
    top: 50px;
    z-index: 1;
}
.pricing .breadcrumbs a {
    color: #498847;
}
/* / HEADING */

/* BACKGROUND IMAGE */ 
.home_bg.pricing { 
    height: 450px;
} 
/* / BACKGROUND IMAGE */

/* COUNTER */
.count_area.pricing_counter {
    margin-top: -60px;
    padding-bottom: 35px;
    background: linear-gradient(to bottom, rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, 1) 100%);
} 
.count_area.pricing_counter .count {
    z-index: 2;
    position: relative;
}
.pricing_counter .single-counter.hero_counter ul li{ 
    padding-right: 60px; 
}
.pricing_counter .single-counter.hero_counter ul li:last-child {
    padding-right: 0;
}
.pricing_counter .single-counter.hero_counter span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 5px;
}
.pricing_counter .single-counter { 
    padding: 25px 50px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
/* /COUNTER */
/* / END HERO SECTION */

/* 02. LICENCES PRICE */
.pricing_view {
    background: #f9fafb;
    padding: 40px 0 20px 0;
} 
.pricing_view .single_tp {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
    border: 1px solid #cccccc80;
    border-radius: 15px;
    line-height: 26px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
} 
.pricing_view .single_tp p.top_text { 
    position: relative;
    margin-top: 0px;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 1rem;
}
.pricing_view .single_tp p.desc_text { 
    position: relative;
    margin-top: 0px;
    text-align: left;
    margin-bottom: 0.8rem;
    padding-bottom: 0.6rem;
    line-height: 22px;
    border-bottom: 1px solid #ccc;
    height: 80px;
}
.pricing_view .single_tp p.heading_text { 
    position: relative;
    margin-top: 0px;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 22px;
    font-weight: 700;
}
.pricing_view .single_tp .list_view{
    height: 380px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5rem;
}
.pricing_view .single_tp ul { 
    width: fit-content; 
    text-align: left;
    margin-top: 0.5rem;
}
.pricing_view .single_tp ul li { 
    position: relative;
    margin-top: 5px;
    padding-left: 25px;
}
.pricing_view .single_tp ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    position: absolute;
    left: 0;
    top: 5px;
} 
.pricing_view .single_tp ul li span{
    color: #498847;
    background-color: rgb(73 136 71 / 10%);
    float: none;
    position: absolute;
    right: 20px;
    top: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    width: 55px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.pricing_view .single_tp h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 0.6rem;
}
.pricing_view .single_tp h3 span {
    float: none;
    color: #999;
    font-size: 14px;
    line-height: 22px;
}
.pricing_view .price_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    
    font-size: 13px;
    line-height: 20px;
}
.pricing_view .price_footer a {
    color: #fff;
    border-radius: 7px;
    text-align: center;
    padding: 5px 20px;
    font-weight: 600;
}
.pricing_view .price_footer button:focus {
    outline: 0;
    box-shadow: none;
}
.pricing_view .price_footer a.green{
    background-color: #498847;
    border-color: #498847;
}
.pricing_view .price_footer a.blue{
    background-color: #5e8fd9;
    border-color: #5e8fd9;
}
.pricing_view .price_footer a.purple{
    background-color: #5035a9;
    border-color: #5035a9;
}
/* END LICENCES PRICE  */

/* START WHAT'S INCLUDED */
#whats_included {
    scroll-margin-top: 120px; /* Adjust as needed */
}
.whats_included{
    background-color: #f9fafb;
    padding: 80px 0 !important;
}
.whats_included .section-title h2 {
    position: relative;
    margin-bottom: 0rem;
} 

.whats_included .section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.whats_included .section-title::before,
.whats_included .section-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #cfcfcf;
} 
.whats_included .single_tp {
    box-shadow: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.whats_included ul {
    display: flex;
    gap: 0px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 2rem;
} 
.whats_included ul li.single_tp{
    position: relative;
    padding: 0 50px !important;
}
.whats_included ul li::after {
    content: '';
    width: 1px;
    height: 70%;
    background-color: #ccc;
    position: absolute;
    top: 15px;
    right: 0;
}
.whats_included ul li:last-child::after {
    content: '';
    width: 0px;
}
.whats_included .single-counter.hero_counter span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 5px;
}
.whats_included .single_tp h3 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}
.whats_included .single_tp p { 
    margin-top: 0px;
    font-style: italic;
}
.whats_included .single_tp span {
    width: 45px;
    height: 45px;
    background-color: rgb(73 136 71 / 10%);
    color: #498847;
    line-height: 44px;
    font-size: 22px; 
} 
/* END WHAT'S INCLUDED */

/* START SEE LOCARLA IN ACTION */
.see_locarla{ 
    position: relative;
    padding: 20px 0 60px 0 !important;
}
.see_locarla::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgb(255 255 255 / 40%), rgb(255 255 255 / 40%)), url(../img/bg/hero-bg-footer.png);
    background-size: cover;
    background-position: center 0px;
    opacity: 0.4;
    z-index: -1;
}
.see_locarla .section-padding {
    padding: 15px 10px;
}
.see_locarla .background_view {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    background-color: rgb(255 255 255 / 42%);
}
.see_locarla .section-title h2 {
    font-size: 18px;
    margin-bottom: 15px;
}
.see_locarla .section-title p {
    font-size: 14px;
    margin-bottom: 1rem;
}
.see_locarla .single_tp {
    margin-bottom: 15px;
    background: #fff;
    padding: 15px; 
    border: 1px solid #cccccc80;
    border-radius: 5px;
    line-height: 26px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
}
.see_locarla .single_tp h3 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 700;
}
.see_locarla .single_tp p{
    margin-top: 10px;
    line-height: 22px;
    margin-bottom: 1rem;
    height: 70px;
}
.see_locarla .single_tp a{
    font-weight: 600;
    cursor: pointer;
}
.see_locarla .single_tp a.green{
    color: #246e28;
}
.see_locarla .single_tp a.orange{
    color: #f35024;
}
.see_locarla .single_tp a.blue{
    color: #5e8fd9;
}
.see_locarla .single_tp a.purple{
    color: #5035a9;
}
.see_locarla .single_tp span {
    width: 40px;
    display: block;
    height: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 10%;
    font-weight: 600;
    font-size: 20px;
    margin-right: 15px;
    float: none;
}
.see_locarla .sc_one {
    color: #246e28;
    background: rgb(73 136 71 / 10%);
}
.see_locarla .sc_two {
    color: #f35024;
    background: rgb(243 80 36 / 10%);
}
.see_locarla .sc_three {
    color: #5e8fd9;
    background: rgb(94 143 217 / 10%);
}
.see_locarla .sc_four {
    color: #5035a9;
    background: rgb(80 53 169 / 10%);
}
.see_locarla .ab_content {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    background-color: rgb(255 255 255 / 42%);
    padding: 20px;
}
.see_locarla .ab_content h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1rem;
}
.see_locarla .ab_content p {
    margin-bottom: 3rem;
}
/* END START SEE LOCARLA IN ACTION */

/* ============================= END 05. PRICING ============================= */


/* ============================= 06. ABOUT ============================= */
 
/* START HERO SECTION */
.about .hero_img .image_box {
    position: absolute;
    left: -175px;
    top: 0px;
    z-index: 0;
}
.home_bg.about { 
    height: 450px;
}
.about .hero_img img {
    width: 590px;
}
.section-padding.about {
    padding: 50px 0;
}
.about .breadcrumbs{
    position: relative;
    top: 50px;
    z-index: 1;
}
.about .breadcrumbs a {
    color: #498847;
}
.about .hero-text {
    position: relative;
    top: 30px;
}
/* END HERO SECTION */

/* START COUNTER */
.count_area.about_counter {
    margin-top: -60px;
    padding-bottom: 35px; 
} 
.count_area.about_counter .count {
    z-index: 2;
    position: relative;
}
.about_counter .single-counter.hero_counter ul li{ 
    padding-right: 60px; 
}
.about_counter .single-counter.hero_counter ul li:last-child {
    padding-right: 0;
}
.about_counter .single-counter.hero_counter span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 5px;
}
.about_counter .single-counter { 
    padding: 25px 50px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
/* END COUNTER */

/* START A DIFFERENT KIND OF DATA PLATFORM */
.about .section-title h2 {
    font-size: 23px;
}
.about .section-title p {
    font-size: 14px;
}
.about .single_tp span {
    float: none;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    margin: 0 auto;
    font-size: 35px;
}
.about .single_tp
{
    border-radius: 15px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    text-align: center;
    padding: 20px;
}
.about .single_tp p { 
    margin-top: 10px;
}
.about .sc_one {
    color: #246e28;
    background: rgb(73 136 71 / 10%);
} 
/* END A DIFFERENT KIND OF DATA PLATFORM */

/* START FROM DIRECTORY TO INTELLIGENCE PLATFORM */

.about_directory .ab_content {
    position: relative;
}
.about_directory .ab_content h2{
    font-size: 23px;
    font-weight: 700;
    line-height: 22px;
}
.about_directory .section-title p {
    font-size: 14px;
}
.about_directory .ab_content .home_ps2 {
    background: #fff;
    width: 110%;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    position: absolute;
    top: 133px;
    right: 0%;
    left: 0;
    z-index: 1;
}
.about_directory { 
    padding: 80px 0 !important;
} 
.about_directory .single_tp {
    box-shadow: none;
    padding: 0;
    background: none;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 0;
}
.about_directory .single_tp p{
    margin: 0;
    line-height: 22px;
    font-weight: normal;
}
.about_directory ul {
    margin-bottom: 0;
} 
.about_directory ul li.single_tp{
    position: relative;
    padding: 0 30px !important;
}
/* .about_directory ul li.single_tp:first-child{
    padding-left: 0 !important;
}
.about_directory ul li.single_tp:last-child{
    padding-right: 0 !important;
} */
.about_directory ul li::after {
    content: '';
    width: 1px;
    height: 55%;
    background-color: #ccc;
    position: absolute;
    top: 15px;
    right: 0px;
}
.about_directory ul li:last-child:after {
    content: '';
    width: 0px; 
}  

.about_directory .single-counter.hero_counter span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 5px;
}
.about_directory .single_tp h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #498847;
}
.about_directory .single_tp p { 
    margin-top: 0px; 
}
.about_directory .single_tp span {
    width: 45px;
    height: 45px;
    background-color: rgb(73 136 71 / 0%);
    color: #498847;
    line-height: 44px;
    font-size: 32px;
} 
.about_directory .ab_img img{
    border-radius: 15px;
}

/* END FROM DIRECTORY TO INTELLIGENCE PLATFORM */

/* 05. BUILT BY A UK-LED, GLOBAL TEAM */

.about_built.section-padding {
    padding: 40px 0;
}
.about_built .section-title h2 {
    font-size: 23px; 
    font-weight: 700; 
}
.about_built .section-title p { 
    font-size: 14px;
}
.about_built .single_tp {
    border-radius: 15px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    text-align: left;
    padding: 20px 20px 70px 20px;
    margin-bottom: 0;
}
.about_built .single_tp span {
    float: none;
    font-size: 23px;
    font-weight: 700;
    margin-right: 0;
    line-height: 22px;
}
.about_built .single_tp p {
    margin-top: 0;
}  
.about_built .single_tp ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 1rem;
}
.about_built .single_tp ul li::before {
    content: '\f2f7';
    font: var(--fa-font-solid);
    color: #498847;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 23px;
}
.about_built .outer {
    padding: 15px;
    border-radius: 15px;
    background-color: rgb(73 136 71 / 10%);

}

.about_built .single_tp_built .section-title p{
    margin-bottom: 1rem;
}
.about_built .single_tp_built ul li{
    padding-left: 30px;
    position: relative;
    margin-bottom: 0.5rem;
}
.about_built .single_tp_built ul li:last-child{
    margin-bottom: 1rem;
}
.about_built .single_tp_built ul li:before {
    content: '\f058';
    font: var(--fa-font-solid);
    color: #498847;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}
.about_built .single_tp_built .img_holder {
    height: 255px;
}
.about_built .single_tp_built img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: 35% 0;
}
/* END BUILT BY A UK-LED, GLOBAL TEAM */

/* 06. A USED ACROSS THE SECTOR */
.about_used_across.section-padding {
    padding: 50px 0;
}
.about_used_across .section-title h2 {
    font-size: 23px; 
}
.about_used_across .logo_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: nowrap;
}

.about_used_across .single_logo{
    width: 150px;
    height: 70px;
    background: #fff;
    border-radius: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.about_used_across .single_logo img{
    max-width: 100%;
    max-height: 45px;
    object-fit: contain;
}
/* End A USED ACROSS THE SECTOR */

/* 07. WHAT WE BELIEVE */
.about_belive {
    border-bottom: 1px solid #ccc;
}
.about_belive.section-padding  {
    padding: 50px 0;
}
.about_belive .section-title h2 {
    font-size: 23px;
}
.about_belive .single_tp span {
    float: none;
    margin-right: 0;
    background: transparent;
    font-size: 40px;
}
.about_belive .single_tp p { 
    margin-top: 0.7rem;
}
.about_belive .single_tp p.desc span{
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.about_belive .single_tp {
    margin-bottom: 0px; 
    padding: 20px; 
    box-shadow: none;
    position: relative;
}
.about_belive .border-right {
    position: relative;
}
.about_belive .border-right::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    background-color: #ccc;
    width: 1px;
    height: 60%;
} 
.about_belive .border-right:last-child:after {
    content: ''; 
    width: 0px; 
} 
/* End WHAT WE BELIEVE */


/* 08. BETTER INFORMATION */

.about_better_information {
    overflow: hidden; 
}
.about_better_information::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgb(255 255 255 / 40%), rgb(255 255 255 / 40%)), url(../img/bg/hero-bg-footer.png);
    background-size: cover;
    background-position: center -30px;
    opacity: 0.4;
    z-index: -1;
}
.about_better_information.va2 {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}
.about-better-information-title {
    margin-bottom: 30px;
}
.about-better-information-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    line-height: 26px;
    margin-bottom: 20px;
}
.about-better-information-title p {
    margin-bottom: 2rem;
}
/* BETTER INFORMATION */

/* ============================= END 06. ABOUT ============================= */


/* ============================= START CONTACT US ============================= */
 

/* 01. START HEADING */
.contact_us {  
    border-bottom: 1px solid #ccc;
} 
.contact_us .section-title span i{
    color: #498847;
    font-size: 50px;
    margin-bottom: 2rem;
}
.contact_us .section-title h2 {
    font-size: 34px;
    font-weight: 700;
    color: #498847;
}

.contact_us .section-title p.top_heading_text {
    font-size: 18px;
    line-height: 30px;
}

.contact_us .hero_bg {
    position: absolute;
    overflow: hidden;
    height: 350px;
    top: 70px;
    width: 100%;
}
.contact_us .hero_bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(73 136 71 / 40%) 0%, rgb(73 136 71 / 25%) 10%, rgba(73, 136, 71, 0.25) 75%, rgba(255, 255, 255, 0.9) 95%, rgba(255, 255, 255, 1) 102%), url(../img/bg/hero-bg-footer.png);
    background-size: cover;
    background-position: center center;
    opacity: 0.4;
    z-index: -1;
}

.contact_us .breadcrumbs{
    position: relative;
    padding-top: 50px;
    z-index: 1;
}
.contact_us .breadcrumbs a {
    color: #498847;
}

/* END HEADING */

/* 02. START TABS */

.contact_us .course-details-content .nav li a.active {
    background: #fff;
    color: #498847;
    border-bottom: 3px solid #498847;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.contact_us .course-details-content .nav li a {
    font-weight: 700;
    padding: 14px;
    color: #4c4c4c;
    display: block;
    text-transform: none;
    border-radius: 0;
    border: 0;
}
.contact_us .course-details-content .nav li a i {
    margin-right: 0.5rem;
    font-size: 18px;
}
.contact_us .course-details-content { 
    background-color: #fff;
    margin-top: 40px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}
.contact_us .course-details-content .nav {
    border: 0;
}
.contact_us .course-details-content .nav li { 
    border-left: 0; 
    position: relative;
}
.contact_us .course-details-content .nav li:nth-child(2):after,
.contact_us .course-details-content .nav li::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 12px;
    width: 1px;
    height: 50%;
    background-color: #ccc;
} 
.contact_us .course-details-content .nav li:nth-child(2):after {
    content: ''; 
    left: 0px; 
} 
/* END TABS */

/* 03. START FORM */
.contact-form .form-group {
    position: relative;
}
.contact-form .form-group .icon {
    position: absolute;
    left: 15px;
    top: 10px;
    color: #999;
    font-size: 20px;
}
.contact-form .form-group input {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 7px 5px 50px;
    height: 50px;
    margin-bottom: 1rem;
    font-size: 14px;
}
.contact-form .form-group textarea::placeholder,
.contact-form .form-group input::placeholder {
    color: #999;
}

.contact-form .form-group textarea:focus,
.contact-form .form-group input:focus {
    border: 1px solid #498847;
    box-shadow: none;
} 
.contact-form .form-group textarea {
    padding: 10px 7px 5px 50px;
    font-size: 14px;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.contact-form .form-group textarea.textarea-50 {
    height: 130px;
    resize: none; /* optional: prevents manual resizing */
}
/* END FORM */

/* 04. DEMO PREFERNCE */


.demo-preference-content {
    background-color: rgb(73 136 71 / 10%);
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 15px 15px; 
}

.demo-pre-heading .icon .icon_holder{
    background-color: rgb(73 136 71 / 5%);
    border: 1px solid rgb(73 136 71 / 40%);
    border-radius: 50%;
    font-size: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #498847; 

    display: flex;
    align-items: center;
    justify-content: center;
}
.demo-pre-heading .icon {
    padding-right: 0.5rem;
}
.demo-pre-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}
.demo-pre-heading .text {
    padding-left: 1.5rem;
    position: relative;
}
.demo-pre-heading .text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc;
    width: 1px;
    height: 50px;
}
.demo-pre-heading .text h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.demo-pre-heading .text p {
    color: #999;
    margin-bottom: 0;
}

/* START DAY */
.day_time .pref_day .title,
.day_time .pref_time .title{
    font-weight: 700;
    margin-bottom: 0.7rem;
}

.day_time .pref_day {
    position: relative;
}
.day_time .pref_day::after {
    content: '';
    position: absolute;
    right: 3px;
    top: 0;
    background-color: #ccc;
    width: 1px;
    height: 100%;
}

.days-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
}

.days-list .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    margin: 0;
}

.days-list .custom-checkbox input {
    display: none;
}

.days-list .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #498847;
    border-radius: 2px;
    position: relative;
}

.days-list .custom-checkbox input:checked + .checkmark {
    background: #fff;
}

.days-list .custom-checkbox input:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #498847;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* END DAY */

/* START TIME */
.time-options {
    display: inline-flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    font-size: 13px;
}

.time-options .radio-btn {
    margin: 0;
    cursor: pointer;
}

.time-options .radio-btn input {
    display: none;
}

.time-options .radio-btn span {
    display: block;
    padding: 10px 28px;
    background: #fff;
    color: #666;
    border-right: 1px solid #ddd;
    transition: all 0.3s ease;
}

.time-options .radio-btn:last-child span {
    border-right: none;
}

.time-options .radio-btn input:checked + span {
    background: #498847;
    color: #fff;
    font-weight: 500;
}
/* END TIME */

/* START DAY TIME OPTIONAL */
.day_time_optional .title{
    font-weight: 700;
    margin-bottom: 0.7rem;
}
.day_time_optional .form-group input{
    margin-bottom: 0;
}
.day_time_optional .form-group .icon {
    font-size: 20px;
}
/* END DAY TIME OPTIONAL */

/* START FORM SUBMISSION */
.submit_form {
    margin-top: 1rem;
}

/* START CAPTCHA */
.captcha-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 320px;
    padding: 5px 15px;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 1rem;
}

.captcha-label {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    margin: 0;
}

.captcha-label input {
    display: none;
}

.checkmark {
    width: 28px;
    height: 28px;
    border: 2px solid #c1c1c1;
    background: #fff;
    position: relative;
}

.captcha-label input:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #498847;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.captcha-text {
    font-size: 14px;
    color: #333;
}

.captcha-logo {
    text-align: center;
}

.captcha-logo img {
    width: 32px;
    display: block;
    margin: 0 auto 4px;
}

.captcha-logo small {
    font-size: 10px;
    color: #777;
}
/* END CAPTCHA */

/* START SENDING ENQUIRY */
.sending_enquiry .btn_one {
    width: 100%;
    height: 70px;
    font-size: 16px;
}
/* END SENDING ENQUIRY */

/* START FORM FOOOTER */
.form_footer {
    margin-top: 1rem;
}
.form_footer i{
    font-size: 20px;
    margin-right: 0.3rem;
    color: #498847;
}
/* END FORM FOOTER */

/* END FORM SUBMISSION */

/* END DEMO PREFERNCE */


/* 05. START EXPLORE OUR RESOURCES */
.explore_resources_content {
    background-color: #fff;
    margin-top: 40px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);    
    border-radius: 10px;
    padding: 30px 30px;
}   

/* HEADING */
.explore_resources_content .title{
    font-size: 20px;
    margin-bottom: 1rem;
    font-weight: 700;
} 
/* END HEADING */

/* LINKS */
.resources {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.resources::after {
    content: '';
    position: absolute;
    top: 0;
    right: 15px;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}

.resources.last::after {
    content: ''; 
    width: 0px; 
}

.resources .icon {
    flex-shrink: 0;
}

.resources .icon .icon_holder {
    background-color: rgb(73 136 71 / 10%); 
    border-radius: 50%;
    font-size: 25px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #498847;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources .text {
    font-weight: 600;
    font-size: 16px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.resources a i {
    font-size: 22px;  
    position: relative;
    top: 5px;
    left: 25px;
}
.resources a:hover {
    color: #498847;
}

/* END LINKS */

/* END EXPLORE OUR RESOURCES */

/* ============================= END CONTACT US ============================= */ 

/* 08. START FOOTER */

/* START LOGO, DESCRIPTION AND BOOK DEMO */
.single_footer a span {
    font-family: "Montserrat", sans-serif; 
	font-weight: 800;
	font-size: 30px;
    color: #498847; 
}
.single_footer a span:hover { 
    color: #498847; 
}
.single_footer a {
	color: #498847;
    font-weight: 600;
}
.single_footer a:hover{
	color: #246e28;
    font-weight: 600;
}
.single_footer a span img {
    width: 27px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.single_footer p {
    margin-top: 15px;
    margin-bottom: 5px;
}

/* END LOGO, DESCRIPTION AND BOOK DEMO */

/* START LINKS */
.social_profile ul li a {
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-right: 20px;
    font-size: 20px;
    background: none;
    box-shadow: none;
    width: unset;
    height: unset;
    border-radius: 0;
}
.social_profile ul li a:hover{
    color: #498847;
}
.social_profile,
.links,
.info {
    display: flex;
    margin-bottom: 5px;
    margin-top: 0;
}
.links ul li {
    position: relative;
    display: inline-flex;
    padding-right: 10px;
    padding-left: 10px;
}
.links ul li:first-child {
    padding-left: 0px;
}
.links ul li::after
{
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 65%;
    background-color: #ccc;
}
.links ul li:last-child::after {
    width: 0px;
}
.links ul li a{
    color: #4c4c4c; 
}
.links ul li a:hover{
    color: #498847; 
}
/* END START LINKS */


/* 08. END FOOTER */

/* 9. START COOKIES */

.cookies{
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 999;
}
.cookies_container{
    background: #fff;
    padding: 20px;
    border-top-right-radius: 15px; 
    border-top-left-radius: 15px;
    border: 1px solid #ccc;
    transition: all 0.4s ease;
} 
.cookies_container.hide_cookie{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

.cookies_container .home_ps2 {
    border-radius: 0;
    box-shadow: none;
    left: unset;
    position: unset;
    top: unset;
    width: unset;
    font-size: 13px;
    padding: 0;
}
.cookies_container .home_ps2 h2 {
    font-weight: 700;
    font-size: 14px;
}
.cookies_container .home_ps2 a {
    color: #498847;
    font-size: 13px;
} 
.cookies_container .home_ps2 .sc_one{
    background-color: rgb(73 136 71 / 10%);
    color: #498847;
    width: 40px;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
}
.cookies_container .cookies_button {
    position: relative;
    top: 30%;
}
.cookies_container .cookies_button .btn_one,
.cookies_container .cookies_button .btn_two{
    padding: 5px 45px;
}
/* END COOKIES */

/* 10. START FOOTER RHP */
.btn-close.custom-close-btn {
    background: none !important;
    opacity: 1;
    width: auto;
    height: auto;
    color: #fff;
    padding: 0 15px 0 0;
    font-size: 23px;
    position: absolute;
    top: 20px;
    right: 15px;
}
.btn-close.custom-close-btn:focus{
    box-shadow: none;
}
.offcanvas {
    box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.2);
    width: 380px !important;
}
.offcanvas-body {
    padding-right: 5px;
}
.offcanvas-header {
    background-color: #498847;
    width: 100%;
    display: flex;
    position: relative;
    padding: 15px 15px 15px 15px;
}
.offcanvas-header h5 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
}
.offcanvas .heading {
    padding: 0;
    font-weight: 600;
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 0rem;
}
.offcanvas .nav-tabs .nav-link,
.offcanvas .nav-tabs .nav-link.active{
    border-radius: 0;
    border-bottom: 3px solid #498847;
    padding: 10px 10px 2px 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #333;
}
.offcanvas .nav-tabs .nav-link {
    color: #498847;
    border-bottom: 0 solid #498847;
    margin: 0;
    font-size: 14px;
}
.offcanvas .nav-tabs {
    border-bottom: 1px solid #a1a1a1;
}
.site_policies .tab-content h6 {
    font-size:.9rem;
    font-weight:600;
    margin-bottom: 0.5rem;
    color: #4c4c4c;    
    margin-top: 10px;
}

/* START Scrollbar */
.site_policies .tab-content {
    overflow: auto;
    max-height: 79vh;
}
/* Width */
.site_policies .tab-content::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.site_policies .tab-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.site_policies .tab-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

/* Handle on hover */
.site_policies .tab-content::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}
/* End Scrollbar */

.site_policies .tab-content p { 
    font-size: 13px;
    color: #4c4c4c;
    margin-bottom: 1rem;
}
.site_policies .tab-content p.fw-semibold {    
    margin-bottom: 0.1px;
}

.site_policies .tab-content a, 
.site_policies .tab-content a:hover{
    color: #498847;
}

/* END FOOTER RHP */

/* START MODAL */  
.view_example .modal-content {
    border-radius: 15px;
}
.view_example .btn-close {
    position: absolute;
    right: 15px;
    font-size: 13px;
}
.view_example .btn-close:hover,
.view_example .btn-close:focus {
    color: #4c4c4c;
    outline: none;
    box-shadow: none;
}
.view_example .content .badge{  
    padding: 7px 15px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
#FindTenders.view_example .content .badge{ 
    color: #498847; 
    background-color: rgb(73 136 71 / 10%);
}
#UnderstandClient.view_example .content .badge{ 
    color: #5e8fd9; 
    background-color: rgb(94 143 217 / 10%);
}
#AnalyseEPC.view_example .content .badge{ 
    color: #f35024;
    background-color: rgb(243 80 36 / 10%);
}
#AskLocarla.view_example .content .badge{ 
    color: #5035a9;
    background-color: rgb(80 53 169 / 10%);
}
.view_example .content {
    padding: 30px;
}
.view_example .content .heading h2 {
    font-size: 22px;
    font-weight: 700;
}
.view_example .content .heading .subheading {
    font-size: 14px;
}
.view_example .content p{
    font-size: 14px;
    color: #4c4c4c;
    margin-bottom: 1rem;
    font-weight: 500;
}
.view_example .content ul {
    margin-bottom: 2rem;
}
.view_example .content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0.5rem;
}
.view_example .content ul li::before {
    content: '\f00c';
    font: var(--fa-font-regular);
    color: #498847;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
}
.view_example .image_holder img{
    width: 100%;
} 
.view_example .content .btn_two {
    margin-bottom: 2rem;
    display: block;
    text-align: center;
}
/* END MODAL */


/* .mobile {
    display: none;
}
.desktop {
    display: block;
}*/
.mobile.sugPlaceholder {
    font-size: 12px;
    padding: 7px 0;
    display: none;
} 

.site-logo {
    display: inline-flex;
    line-height: 32px;
    position: relative;
    top: 0px;
}

/* 12. RESPONSIVE STYLING */ 
/* Extra Small Devices */
@media (max-width: 575.98px) {
    .mobile.sugPlaceholder {
        display: block;
    } 
    /* .mobile {
        display: block;
    }
    .desktop {
        display: none;
    } */
    
    .single_footer a span img {
        width: 22px; 
    }
    .single_footer a span { 
        font-size: 25px; 
    }

    .single-counter.hero_counter .sc_one i {
        font-size: 25px;
    } 
    .single-counter.hero_counter span {
        width: 50px;
        height: 50px;
        line-height: 56px;
        display: block;
    }
    .single-counter.hero_counter h2 { 
        font-size: 20px;
    }
    .single-counter.hero_counter ul li { 
        padding-right: 17px;
        padding-left: 10px;
        min-width: 140px;
    }
    .single-counter.hero_counter ul li:first-child {
        padding-left: 0px;
    } 
    .single-counter.hero_counter ul li:nth-child(2)::after{
        content: '';
        width: 0;
    }
    .single-counter.hero_counter ul { 
        gap: 10px !important; 
        justify-content: center;
    }
    .single-counter.hero_counter p {
        font-size: 13px;
        line-height: 16px;
    }
    .single-counter.hero_counter ul li:last-child {
        min-width: 222px;
    }
    .count_area.counter_feature { 
        margin-top: -20px;
        padding-bottom: 0;
    }

    .home_bg.product {
        height: 300px;
    }
    .product .hero-text h1 {
        padding-top: 0;
    }
    .product .breadcrumbs { 
        top: 20px; 
    }
    .product_counter .single-counter.hero_counter ul li {
        width: calc(50% - 8px);
        min-width: unset;
        padding-right: 0px;
        padding-left: 0;
    } 
    .product_counter .single-counter.hero_counter ul li:not(:last-child)::after { 
        right: -8px; 
    }
    .count_area.product_counter { 
        padding-bottom: 0; 
    }
    .product_counter .single-counter {
        padding: 25px 20px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }
    .product_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px; 
    }
    .product_view .section-title h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .product_view .top_heading_text {
        font-size: 15px;
    }
    .product_view .count {
        display: block;
    }
    .product_view .count span { 
        padding: 0 5px;
    }
    .product_view .single_tp {
        height: auto;
    }
    
    .home_bg.pricing {
        height: 355px;
    }
    .pricing .breadcrumbs {
        top: 20px
    } 
    .pricing .hero-text h1 {
        padding-top: 0px; 
    }
    .pricing_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px; 
    }
    .pricing_counter .single-counter.hero_counter ul li {
        padding-right: 0;
        padding-left: 0;
    }
    .pricing_counter .single-counter {
        padding: 25px 20px; 
        margin-bottom: 0;
    }
    .pricing_counter .single-counter.hero_counter ul li:last-child {
        min-width: 140px;
    }
    .pricing_counter .single-counter.hero_counter ul li:not(:last-child)::after {
        content: ""; 
        right: -5px; 
    }
    .pricing_view .single_tp .list_view {
        height: auto;
        padding-bottom: 1rem;
    }
    .count_area.pricing_counter { 
        padding-bottom: 0px;
        margin-top: -23px; 
    }
    .pricing_view .single_tp p.desc_text { 
        height: auto;
        padding-bottom: 0.8rem;
    }
    .pricing_view .price_footer a { 
        padding: 5px 8px; 
    }
    .see_locarla .single_tp p {
        height: auto;
    }
    .see_locarla .ab_content { 
        margin-top: 1rem;
    }
    .see_locarla .ab_content p {
        margin-bottom: 2rem;
    }
    .pricing_view .single_tp ul li span { 
        top: 6px; 
        right: -15px;
    }
    .ab_content .btn_one,
    .ab_content .btn_two { 
        width: 140px;
        font-size: 13px;
    }
    .ab_content > div {
        display: inline-flex !important;
        width: 100%;
        flex-direction: row !important;
    }
    .see_locarla { 
        padding: 20px 0 20px 0 !important;
    }
    .whats_included ul {
        display: block !important;
    }
    .whats_included ul li.single_tp { 
        padding: 0 20px !important;
    }
    .whats_included ul li::after {
        content: '';
        width: 0px; 
    }
    .whats_included { 
        padding: 20px 0 !important;
    }

    .about .breadcrumbs { 
        top: 20px; 
    }
    .about .hero-text h1 {
        padding-top: 0px; 
    }
    .home_bg.about {
        height: 310px;
    }
    .about_counter .single-counter {
        padding: 25px 20px; 
    }
    .about_counter .single-counter.hero_counter ul { 
        justify-content: center !important;
    }
    .about_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px; 
    }
    .count_area.about_counter { 
        padding-bottom: 0;
    }
    .section-padding.about {
        padding: 20px 0;
    }
    .about_directory {
        padding: 20px 0 !important;
    }
    .about_directory .ab_content .home_ps2 { 
        width: 100%; 
        position: relative;
        top: 0; 
    }
    .about_built .single_tp_built .img_holder {
        height: auto;
        margin-top: 1rem;
    }
    .about_built .single_tp_built img { 
        object-fit: contain; 
    }
    .about_built .single_tp { 
        padding: 20px 20px 20px 20px; 
    }
    .about_directory ul { 
        display: block !important;
        margin: 0 auto;
    }
    .about_directory ul li::after {
        content: '';
        width: 0px; 
    }
    .about_directory ul li.single_tp { 
        margin-bottom: 1rem;
        padding: 0 0 1rem 0 !important;
        border-bottom: 1px solid #ccc;
    }
    .about_directory ul li.single_tp:last-child{
        border-bottom: 0;
    }
    .about_used_across .logo_wrapper {
        display: inline-block;
    }
    .about_used_across .single_logo {
        display: inline-block;
        margin-right: 0.9rem;
        margin-bottom: 0.9rem;
        text-align: center;
        vertical-align: top;
    }
    .about_used_across .single_logo img { 
        width: 80%;
    }
    .about_used_across.section-padding {
        padding: 20px 0;
    }
    .about_belive .border-right::after {
        content: '';
        width: 0px; 
    }
    .about_used_across .client_logo_area {
        text-align: center;
    }
    .about_better_information::before {
        content: "";  
        background-position: center 0px; 
    }
    .about_better_information.va2 { 
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .about-better-information-title {
        margin-bottom: 3rem;
    }
    .ab_img {
        margin-bottom: 0;
    }
    .about_built .section-title h2,
    .about .section-title h2,
    .about_directory .ab_content h2 { 
        line-height: 30px;
    }


    .demo-pre-heading .text::before {
        content: ''; 
        height: 100%;
    }
    .time-options .radio-btn span { 
        padding: 10px 23px; 
    }
    .sending_enquiry .btn_one { 
        height: 50px; 
        font-size: 14px;
    }
    .days-list .custom-checkbox { 
        width: 85px;
    }
    .contact_us .hero_bg { 
        height: 275px; 
    }

    .drive_better .single_c_img img { 
        object-fit: contain; 
    }
    .drive_better .single_c_img {
        padding: 20px;
        height: auto;
    }
    .drive_better .note {
        margin-left: 1rem !important;
    }
    .drive_better .section-title h2 { 
        line-height: 26px;
    }
    .drive_better.section-padding {
        padding-top: 0 !important;
    }

    .housing_intelligence .section-title h2 { 
        line-height: 26px;
    }
    .housing_intelligence .single_tp span { 
        margin: 0 auto;
    }
    .housing_intelligence .single_tp {
        text-align: center;
    }
    .housing_intelligence .single_tp ul {
        margin-top: 5px;
        width: fit-content;
        margin: 0 auto;
        text-align: left;
    }
    #navigation {
        padding: 20px 0;
        display: block !important;
    }
    #main-menu {
        display: none;
    }
    #navigation .header-btn {
        padding-right: 10px;
        font-size: 12px;
    }
    .site-logo span { 
        font-size: 25px; 
        padding-left: 0;
    }
    .site-logo .hamburger i { 
        font-size: 22px;
        position: relative;
        top: 2px;
    }
    .col-20 {
        width: 50%;
    }
    .btn_one {
        padding: 5px 10px; 
        font-size: 12px;
    }
    .site-logo { 
        line-height: 33px;
    }

    .delivring_managinge .mb-3{
        margin-bottom: 0rem !important;
    }
    .delivring_managinge .section-title h2{
        line-height: 26px;
    }
    .latest_insights .cour_btn {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .better_information.va2 { 
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .better_information::before {
        content: ""; 
        background-position: center 0px; 
    }
    .better-information-title {
        margin-bottom: 78px;
    }
    .col-60 {
        display: none !important;
    }
    .links ul li { 
        padding-right: 5px;
        font-size: 13px;
        width: 165px;
    }
    .links ul li:nth-child(3),
    .links ul li:nth-child(5){
        padding-left: 0;
    }
    .info {
        font-size: 13px;
    }
    .hero_img img {
        display: none;
    }
    .preview-box {
        justify-content: end;
        padding: 20px;
    }
    .preview-left i { 
        font-size: 16px;
    }
    .preview-right { 
        gap: 30px;
    }
    .delivring_managinge .single-counter {
        height: auto;
        margin-bottom: 0px;
    }
    
    .home_sb button {
        width: 80px;
        height: 42px;
        font-size: 13px;
    }
    .home_bg {
        height: auto;
    }
    
    .home_sb i { 
        left: 10px;
        top: 13px;
        font-size: 15px;
    }
    .home_si {
        height: 43px;
        padding: 0 85px 0 35px;
        /*font-size: 14px;*/
        font-size:16px;
    }  
    .home_si::placeholder {
        font-size: 11px;
    }
    .single-counter .example-label {
        font-size: 12px;
        position: absolute;
        top: -20px;
    }
    .example-tag {
        width: 135px;
    }
    .example-tags { 
        gap: 5px; 
        font-size: 12px;
        padding: 3px 8px;
        position: relative;
    }
    .preview-right a { 
        gap: 7px;    
         font-size: 12px;
    }
    .single-counter.search .search_area {
        padding: 20px;
    }
    .hero_counter ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px !important;
        justify-content: space-between;
    }
    
    .hero_counter ul li{
        width: 48%;
    }

    .hero_counter .counter-num{
        font-size: 24px;
    }

    .hero_counter p{
        font-size: 13px;
    }
    .hero_img .image_box { 
        position: relative;
        left: 0;
        top: 0; 
    }
    .hero-text h1 {
        padding-top: 20px;        
        font-size: 32px;
        line-height: 45px;
    }
    .hero-text p {
        width: 100%;
        font-size: 16px;
        line-height: 23px;
    }

    .cookies_container { 
        padding: 20px 20px 40px 20px; 
    }

    .partner-logo ul li { 
        margin-bottom: 5px;
    }
    .logo_list ul li {
        padding: 10px;
    }
    .logo_list ul li img { 
        width: 100% !important;
    }
    .btn_two {
        font-size: 12px;
        padding: 5px 10px;
    }
    .footer_sign_up .newsletter-box button { 
        font-size: 12px;
        padding: 0 14px;
    }
    .footer_sign_up .newsletter-header-text p { 
        margin-bottom: 15px !important;
    }
    .footer_sign_up .text-muted { 
        margin-top: 15px;
    }

    .footer_sign_up .newsletter-box input {
         font-size: 16px;
    }
 
    .cookies_container .cookies_button {
        position: relative;
        top: 15px;
        right: unset;
        left: 48px;
    }
    
    .cookies_container .cookies_button.justify-content-end { 
        justify-content: unset !important;
    }
    .cookies_container .cookies_button .btn_one, 
    .cookies_container .cookies_button .btn_two {
        padding: 5px 30px;
    }

    /* EXPIRY MODAL */
    .renewal_process_content .renewal_content .process_body {
        padding: 1.5rem; 
    }
    .renewal_process_content .renewal_content .process_body .process_body_content { 
        padding-left: 0; 
    }
    .renewal_process_content .renewal_content .renewal_process_head h3 { 
        font-size: 22px; 
    }
    /* END EXPIRU MODAL */
    
}

/* Small Devices */
@media (min-width: 576px) and (max-width: 767.98px) {
    .pricing_view .single_tp .list_view {
        height: 410px; 
    }
    .about_directory {
        padding: 0px 0 !important;
    }
    .about_built .single_tp { 
        padding: 20px 20px 20px 20px; 
    }
    .about_built .single_tp_built .img_holder {
        height: auto;
        margin-top: 1rem;;
    }
    .about_counter .single-counter {
        padding: 25px 20px; 
    }
    .about_counter .single-counter.hero_counter ul li {
        padding-right: 20px;
        padding-left: 20px;
        min-width: 215px;
    }
    .about_counter .single-counter.hero_counter ul li:first-child { 
        padding-left: 0px;
    }
    .about_counter .single-counter.hero_counter span {
        width: 60px;
        height: 60px; 
    }
    .about_directory .ab_content .home_ps2 { 
        width: 100%; 
        position: relative;
        top: 0;
    }
    .about_used_across .single_logo { 
        padding: 10px; 
    }
    .about_directory ul li.single_tp { 
        padding: 0 15px !important;
    }


    
    .pricing_view .price_footer a { 
        padding: 5px 10px; 
    }
    .pricing_view .single_tp ul li span { 
        right: -17px; 
    }
    .pricing_counter .single-counter {
        padding: 25px 20px; 
    }
    .pricing_counter .single-counter.hero_counter ul li {
        padding-right: 20px;
        padding-left: 20px;
        width: 24%;
    }
    .pricing_counter .single-counter.hero_counter span {
        width: 45px;
        height: 50px; 
    }
    .pricing_counter .single-counter.hero_counter ul li:first-child {
        padding-left: 0px;
    }
    .cookies_container .cookies_button {
        position: relative;
        top: 50%;
    }
    .whats_included ul {
        display: block !important; 
    }
    .whats_included ul li::after {
        content: '';
        width: 0px; 
    }
    .whats_included {
        background-color: #f9fafb;
        padding: 40px 0 !important;
    }
    .see_locarla .background_view {
        margin-bottom: 1rem;
    }
    .see_locarla .single_tp p { 
        height: auto;
    }
    
    .product_view .single_tp { 
        height: 370px;
    }
    .drive_better .section-title h2 { 
        line-height: 26px;
    }
    .product_counter .hero_counter ul { 
        gap: 12px !important; 
    }
    .product_counter .single-counter {
        padding: 25px 30px; 
    }
    .product_counter .single-counter.hero_counter ul li {
        padding-right: 0;
        min-width: 215px;
    }
    .product_counter .single-counter.hero_counter span {
        width: 60px;
        height: 60px; 
    }    
    .product_view .section-title h2 {
        font-size: 25px; 
    }
    .product_view .count { 
        display: block; 
    }
    .product_view .count span { 
        padding: 0 5px;
    }
    .drive_better .single_c_img img { 
        object-fit: contain; 
    }
    .drive_better .single_c_img { 
        height: 345px;
    }

    .housing_intelligence .single_tp span { 
        margin: 0 auto;
    }
    .housing_intelligence .single_tp {
        text-align: center;
    }
    .housing_intelligence .single_tp ul {
        margin-top: 5px;
        width: fit-content;
        margin: 0 auto;
        text-align: left;
    }
    .product_view .count span { 
        padding: 0 5px;
    }
    

    #navigation {
        padding: 15px 0;
        display: block !important;
    }
    #main-menu {
        display: none;
    }
    .delivring_managinge .section-title h2{
        line-height: 26px;
    }
    .latest_insights .cour_btn {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .better_information.va2 { 
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .better-information-title {
        margin-bottom: 78px;
    }
    .better_information::before {
        content: ""; 
        background-position: center 0px; 
    }
    .col-60 {
        display: inline-block !important;
        width: 0;
    }
    .col-20 {
        width: 47%;
        padding-right: 0;
    }
    .btn_one {
        padding: 10px 25px; 
    }
    #navigation .header-btn { 
        padding-right: 15px;
    }
    .links ul li { 
        padding-right: 5px; 
    }
    .hero_img img {
        display: none;
    }
    .home_bg {
        height: auto;
    }
    .hero_counter ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px !important;
        justify-content: space-between;
    }

    .hero_counter ul li{
        width: 25%;
    }
    .count_area.counter_feature { 
        margin-top: -20px;
        padding-bottom: 0;
    }
    .single-counter.hero_counter ul li { 
        min-width: 220px;
    }
    .single-counter.hero_counter p { 
        line-height: 18px;
        font-size: 12px;
    }
    .single-counter.hero_counter h2 { 
        font-size: 20px;
    }
    .single-counter.hero_counter span {
        width: 30px; 
        height: 50px; 
    }  

    .single-counter.hero_counter ul li:not(:last-child)::after {
        content: ""; 
        right: 30px; 
    }

    .single-counter.hero_counter .sc_one i {
        font-size: 25px;
    }
    
    .hero_counter .counter-num{
        font-size: 24px;
    }

    .hero_counter p{
        font-size: 13px;
    }
    .hero_img .image_box { 
        position: relative;
        left: 0;
        top: 0; 
    }
    .hero-text h1 {padding-top: 50px;font-size: 48px;line-height: 65px;}
    .hero-text p {width: 100%;}
    .preview-box {
        justify-content: end;
    }
    .delivring_managinge .single-counter {
        height: auto;
        margin-bottom: 0;
    }
    .home_sb button {
        width: 100px;
    }
    
    .example-tags { 
        gap: 10px; 
        display: -webkit-box;
    }
    .example-tag {
        padding: 3px 10px;
        margin-bottom: 0.5rem;
        margin-right: 3px;
        width: 27%;
    }
    .cookies_container .cookies_button {
        position: relative;
        top: 15px;
        right: unset;
        left: 55px;
    }
    
    .cookies_container .cookies_button.justify-content-end { 
        justify-content: unset !important;
    }
}

/* Medium Devices */
@media (min-width: 768px) and (max-width: 991.98px) {
    .about_directory {
        padding: 0px 0 !important;
    }
    .about_built .single_tp { 
        padding: 20px 20px 20px 20px; 
        margin-top: 1rem;
    }
    .about_built .single_tp_built .img_holder {
        height: auto;
        margin-top: 1rem;;
    }
    .about_counter .single-counter {
        padding: 25px 20px; 
    }
    .about_counter .single-counter.hero_counter ul li {
        padding-right: 20px;
        padding-left: 20px;
        min-width: 215px;
    }
    .about_counter .single-counter.hero_counter ul li:first-child { 
        padding-left: 0px;
    }
    .about_counter .single-counter.hero_counter span {
        width: 60px;
        height: 60px; 
    }
    .about_directory .ab_content .home_ps2 { 
        width: 100%; 
        position: relative;
        top: 0;
    }
    .about_used_across .single_logo { 
        padding: 10px; 
    }
    .about_directory ul li.single_tp { 
        padding: 0 15px !important;
    }
    .about_counter .single-counter.hero_counter ul li:not(:last-child)::after {
        content: "";
        right: 0;
    }
    .about .section-title p {
        font-size: 14px;
        margin-bottom: 1rem;
    }
    .about_better_information .btn_one, 
    .about_better_information .btn_two { 
        display: inline-flex; 
    }


    .pricing_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px; 
    }
    .pricing_counter .single-counter.hero_counter ul li {
        padding-right: 20px;
        padding-left: 20px;
    }
    .pricing_counter .single-counter {
        padding: 25px 20px; 
    }
    .pricing_counter .single-counter.hero_counter ul li:not(:last-child)::after {
        content: "";
        right: 5px;
    }
    .pricing_counter .single-counter.hero_counter ul li:first-child {
        padding-left: 0px;
    }
    .see_locarla .flex-column{
        flex-direction: unset !important;
    }
    .whats_included .single_tp span {
        width: 45px;
        height: 35px; 
        line-height: 35px;
        font-size: 16px;
    }
    .whats_included ul li.single_tp { 
        padding: 0 15px !important;
    }
    .see_locarla .section-padding {
        padding: 15px 10px;
        margin-bottom: 1rem;
    }
    .container, .container-md, .container-sm {
        max-width: 790px;
    }
    .product_view .count {
        display: block;
    }
    .product_counter .single-counter {
        padding: 25px 20px;
    }
    .product_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px;
    }
    .product_counter .single-counter.hero_counter ul li {
        padding-right: 10px;
        padding-left: 10px;
    }
    .product_counter .single-counter.hero_counter ul li:not(:last-child)::after {
        content: "";
        right: 5px;
    }
    .product_counter .single-counter.hero_counter h2 { 
        font-size: 20px;
    }
    .product_counter .single-counter.hero_counter p { 
        font-size: 12px;
    }
    .drive_better .single_c_img { 
        padding: 25px; 
        height: 260px;
    }
    .product_view .single_tp { 
        height: 350px;
    }
    .drive_better .single_c_img img { 
        object-fit: contain; 
    }
    .drive_better .single_course .single_course_content { 
        height: 345px;
    }
    .drive_better .section-title h2 {
        margin-bottom: 15px;
        line-height: 26px;
    }
    .housing_intelligence .single_tp span { 
        margin: 0 auto;
    }
    .housing_intelligence .single_tp {
        text-align: center;
    }
    .housing_intelligence .single_tp ul {
        margin-top: 5px;
        width: fit-content;
        margin: 0 auto;
        text-align: left;
    }    
    .product_view .count span { 
        padding: 0 5px;
    }
    

    #main-menu {
        display: none;
    }    
    .col-60 {
        display: inline-block !important;
        width: 0;
    }
    .col-20 {
        width: 47%;
        padding-right: 0;
    }
    #navigation {
        padding: 15px 0;
        display: block !important; 
    }
    .before_login_menu {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .before_login_menu .btn_one{
        margin-bottom: 0;
    }
    .footer_sign_up {
        width: 72%; 
    }
    .hero-text h1 {
        padding-top: 60px; 
    }
    .better_information::before {
        content: ""; 
        background-position: center 0px; 
    }
    .better-information-title .btn_one, 
    .better-information-title .btn_two { 
        display: inline-block; 
    }
    /* .hero_img .image_box { 
        left: 560px;
        top: -370px; 
    } */
    .section-padding {
        padding: 50px 0;
    }
    .hero_img img {
        width: 390px;
        display: none;
    }
    .preview-box {
        display: block;
    }
    .count_area.counter_feature {
        padding-bottom: 0;
    }
    .single-counter.hero_counter ul li { 
        min-width: 176px;
        padding-right: 10px;
    }
    .single-counter.hero_counter span {
        width: 50px; 
        height: 50px; 
    }
    .single-counter.hero_counter .sc_one i {
        font-size: 25px;
    }
    .single-counter.hero_counter ul li:not(:last-child)::after {
        content: ""; 
        right: -4px; 
    }
    .count_area {
        margin-top: -80px;
    }
    .custom-border{
        border-right: none !important;  
    }
    .delivring_managinge .single-counter {
        height: 150px;
        margin-bottom: 10px;
    }
    .btn_one,
    .btn_two {
        padding: 10px 15px;
        margin-top: 0;
        display: block;
        margin-bottom: 20px;
        text-align: center;
        width: 200px;
    }
    .links ul li { 
        width: 149px;
    }
    .links ul li:nth-child(4) {
        padding-left: 0px;
    }
    .housing_intelligence .single_tp h3 {
        font-size: 18px; 
    }
    .example-tags { 
        gap: 10px; 
    }
    .example-tag { 
        padding: 3px 10px; 
    }

    .cookies_container .cookies_button {
        position: relative;
        top: 15px;
        right: unset;
        left: 0;
    }
}

/* Large Devices */
@media (min-width: 992px) and (max-width: 1199.98px) {
    
    .about_built .single_tp {  
        padding-bottom: 20px;
    }
    .about_built .single_tp_built .img_holder {
        margin-top: 1rem;
        height: auto;
    }
    .about .hero_img .image_box { 
        left: 633px;
        top: -165px; 
    }
    .about .hero_img img {
        width: 325px;
    }
    .about_directory ul li.single_tp {
        position: relative;
        padding: 0 20px !important;
    }
    .about_directory .ab_content .home_ps2 { 
        padding: 20px 0px; 
    }
    .about .single_tp { 
        height: 190px;
    }
    .about .section-title h2 { 
        line-height: 26px;
    }
    .about_built.section-padding {
        padding: 120px 0 40px 0;
    }
    .about_directory {
        padding: 20px 0 !important;
    }

    .pricing .hero_img .image_box {
        left: -88px;
        top: 139px;
    }
    .pricing .hero_img img {
        width: 399px;
    }
    .pricing_counter .single-counter.hero_counter ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pricing_counter .single-counter.hero_counter span {
        width: 70px;
        height: 60px; 
    }
    .pricing_counter .single-counter.hero_counter ul li:first-child {
        padding-left: 0;
    }
    .pricing_counter .single-counter {
        padding: 25px 20px; 
    }
    .see_locarla .section-padding {
        padding: 15px 10px;
        margin-bottom: 1rem;
    }
    .drive_better .section-title h2 {
        line-height: 26px;
    }
    .product_view .single_tp { 
        height: 325px;
    }
    .product .hero_img .image_box { 
        left: 420px;
        top: -265px;
    }
    .product .hero_img img {
        width: 580px;
    }
    .drive_better .single_course .single_course_content { 
        height: 280px;
    }
    .drive_better .single_c_img img { 
        object-fit: contain; 
    }
    .drive_better .single_c_img { 
        padding: 20px; 
        height: 250px;
    }
    .product_counter .single-counter {
        padding: 25px 25px; 
    }
    .product_counter .single-counter.hero_counter span {
        width: 50px;
        height: 50px;
        border-radius: 100%; 
    }
    .product_counter .single-counter.hero_counter ul li {
        padding-right: 20px;
        padding-left: 20px;
        min-width: 200px;
    }
    .product_counter .single-counter.hero_counter ul li:first-child {
        padding-left: 0;
    }
    .single-counter.hero_counter h2 { 
        font-size: 25px;
    }
    .single-counter.hero_counter p {  
        font-size: 14px;
    }
    .single-counter.hero_counter .sc_one i {
        font-size: 25px;
    }
    .single-counter.hero_counter ul li:not(:last-child)::after {
        content: ""; 
        right: 20px; 
    }

    
    .col-20{
        width: 28%;
    }
    .col-60{
        width: 44%;
    } 
    
    .housing_intelligence .single_tp span { 
        margin: 0 auto;
    }
    .housing_intelligence .single_tp {
        text-align: center;
    }
    .housing_intelligence .single_tp ul {
        margin-top: 5px;
        width: fit-content;
        margin: 0 auto;
        text-align: left;
    }

    #navigation {
        padding: 15px 0; 
    }
    #main-menu ul li { 
        margin: 0 10px; 
    }
    .hero_img .image_box { 
        left: 560px;
        top: -390px; 
    }
    .hero_img img {
        width: 360px;
    }
    .latest_insights .single_course h4 a {
        font-size: 16px;
        line-height: 24px; 
    }
    .logo_list ul li {
        width: calc(50% - 10px); 
    }
    .preview-box {
        display: block;
    }
    .preview-right { 
        margin-top: 20px;
    }
    .delivring_managinge .single-counter .sc_one { 
        float: unset;
        display: inline-block;
        margin-bottom: 10px;
    }
    .delivring_managinge .single-counter {
        height: 190px;
        text-align: left;
        padding: 15px;
    }
     
}

/* Extra Large Devices */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about_built .single_tp {  
        padding-bottom: 20px;
    }
    .about_built .single_tp_built .img_holder {
        margin-top: 1rem;
        height: auto;
    }
    .about .hero_img .image_box {
        left: -277px;
        top: 45px;
    }
    .about .hero_img img {
        width: 455px;
    }
    .about_directory ul li.single_tp {
        position: relative;
        padding: 0 20px !important;
    }
    .about_directory .ab_content .home_ps2 { 
        padding: 20px 0px; 
    }
    .about .single_tp { 
        height: 190px;
    }
    .about .section-title h2 { 
        line-height: 26px;
    }
    .about_built.section-padding {
        padding: 120px 0 40px 0;
    }
    .about_directory {
        padding: 20px 0 !important;
    }
    .drive_better .single_c_img { 
        padding: 30px; 
        height: 350px;
    }
    .drive_better .single_c_img img { 
        object-fit: contain; 
    }
    .product_view .single_tp { 
        height: 330px;
    }

    
    .product .hero_img img {
        width: 615px;
    }
    .product .hero_img .image_box { 
        left: 0px;
        top: -11px; 
    }
    .hero_img img {
        width: 520px;
    }
    #navigation .header-btn { 
        padding-right: 30px;
    }
    .btn_one { 
        padding: 10px 10px; 
    }
    .hero_img .image_box { 
        left: -343px; 
    }
    .delivring_managinge .single-counter .sc_one { 
        float: unset;
        display: inline-block;
        margin-bottom: 10px;
    }
    .delivring_managinge .single-counter {
        height: 190px;
        text-align: left;
        padding: 15px;
    }

    .pricing .hero_img .image_box {
        left: -334px !important;
        top: 52px;
    }
    .pricing .hero_img img {
        width: 520px;
    }
    .pricing_counter .single-counter.hero_counter ul li {
        padding-right: 15px;
        padding-left: 15px;
    }
    .pricing_counter .single-counter {
        padding: 25px 25px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    }
     

    
}

/* Extra Extra Large Devices */
@media (min-width: 1400px) {
    
} 

@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 860px;
    }
}
@media only screen and (max-width: 480px) {
    .banner_subs {
        display: block;
    }
}


/* Expiry Pop up */

.renewal_process_content .renewal_content {
    display: block;
    margin: 0 auto;
}

.renewal_process_content .renewal_content .process_body {
    padding: 3.5rem;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
}

.renewal_process_content .renewal_content .renewal_process_head h3 {
    font-weight: 600;
    color: #4c4c4c;
    font-size: 1.75rem;
}

.renewal_process_content .renewal_content .process_body .process_body_content {
    text-align: left;
    padding-left: 35px;
    margin: 30px 0 0 0;
    font-weight: 600;
    font-size: 15px;
    color: #4c4c4c;
}

.renewal_process_content .renewal_content .process_body .process_body_content.success_message {
    text-align: center;
    margin-top: 15px;
}

.renewal_process_content .renewal_content .process_body .process_body_content.success_message .btn_fp_cont {
    width: 100px;
    margin-top: 0;
}

.renewal_process_content .renewal_content .process_body .process_body_content p {
    margin-bottom: 0;
    margin-top: 7px;
}

.renewal_process_content .renewal_content .process_body .process_body_content p.other_content {
    padding-left: 35px;
}

.renewal_process_content .renewal_content .process_body .process_body_content p.other_content label {
    display: block;
}

.renewal_process_content .renewal_content .process_body .process_body_content p.other_content input[type="text"] {
    border: 1px solid #ccc;
    color: #4c4c4c;
    font-size: 14px;
    width: 100%;
    padding: 5px 7px;
}
.renewal_process_content .renewal_content .process_body .process_body_content p.other_content input[type="text"]:hover,
.renewal_process_content .renewal_content .process_body .process_body_content p.other_content input[type="text"]:focus {
    box-shadow: none;
    outline: 0;
    border: 1px solid #498847;
}

.renewal_process_content .renewal_content .process_body .process_body_content .btn_fp_cont {
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #498847;
    border: 1px solid #498847;
    font-weight: 600;
    border-radius: 2px;
    font-size: 13px;
    cursor: pointer;
    box-shadow: 0 1px 5px 2px #dedede;
    width: 220px;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

#Expiry-modal .form-group {
    display: block;
    margin-bottom: 15px;
}

#Expiry-modal .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

#Expiry-modal .form-group label {
    position: relative;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
}

#Expiry-modal .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #498847;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    top: -1px;
}

#Expiry-modal .form-group input:checked+label:after {
    content: '\2713';
    display: block;
    position: absolute;
    top: 0px;
    left: 2px;
    font-weight: 600;
    color: #fff;
    width: 20px;
    background-color: #498847;
    height: 22px;
    text-align: center;
    font-size: 16px;
}

#Expiry-modal [type="radio"]:checked,
#Expiry-modal [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#Expiry-modal [type="radio"]:checked+label,
#Expiry-modal [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-bottom: 0;
}

#Expiry-modal [type="radio"]:checked+label:before,
#Expiry-modal [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #498847;
    border-radius: 100%;
    background: #fff;
}

#Expiry-modal [type="radio"]:checked+label:after,
#Expiry-modal [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #498847;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#Expiry-modal [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#Expiry-modal [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
 
@media (min-width: 1280px) and (max-width: 1366px) {

    .expiry_success .renewal_process_content .renewal_content {
        display: block;
        margin: 0 auto;
    }

    .renewal_process_content .renewal_content {
        display: block;
        margin: 0px auto;
    }
}

@media (min-width: 1367px) and (max-width: 1500px) {
    .renewal_process_content .renewal_content {
        display: block;
        margin: 0px auto;
    }

    .expiry_success .renewal_process_content .renewal_content {
        display: block;
        margin: 0 auto;
    }
}

/*End of Renewal preocess*/

/* MOTHLY SUBSCRIPBTION MODAL */
.modal.fade .modal-dialog {
    transition: modalFade .25s ease;
    transform: translate(0, -50px);
}
#otpModal .btn-success{
    background-color: #498847;
    color: #fff;
    border: 1px solid #498847;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.5rem 2rem;
    width: 230px;
    font-size: 13px;
}
#otpModal #otpModalLabel {
    position: relative;
    font-weight: 700;
    padding-bottom: 0.7rem;
    color: #333;
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}
#otpModal #otpModalLabel::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 45px;
    height: 4px;
    background-color: #498847;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#otpModal #otpSubmit {
    border: 2px solid #498847;
    border-radius: 5px;
    padding: 0 50px;
    height: 45px;
    line-height: 30px;
    font-size: 14px;
    width: 80%;
    margin: 0rem auto 0 auto;
}
#otpModal #otpSubmit:focus,
#otpModal #otpSubmit:hover{
    box-shadow: none;
    outline: 0;
    border: 2px solid #498847;
}
#otpModal #otpSubmit::placeholder {
    font-size: 13px;
}
#otpModal .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
    /* background: transparent; */
    font-size: 12px;
    cursor: pointer;
    color: #4c4c4c;
}
#otpModal .btn-close:focus,
#otpModal .btn-closet:hover{
    box-shadow: none;
    outline: 0;
}
#otpModal #otpSuccess {
    color: #498847;
}
#otpModal #otpError {
    color: #498847;
}
#otpModal .modal-header {
    border-bottom: 0 !important;
    text-align: center;
    display: block;
}
#otpModal .modal-header img {
    margin-bottom: 10px;
}
#otpModal .modal-footer {
    border-top: 0 !important;
    text-align: center;
    display: block;
}
#otpModal .modal-body { 
    position: relative;
    text-align: center;
    padding: 2rem 1rem 2rem;
}
#otpModal .modal-body img {
    padding-bottom: 12px;
}
.otp-popup-btn-disabled {
    opacity: .5;
    pointer-events: none;
}
.otp-popup-btn-active {
    opacity: 1;
    pointer-events: unset;
}
/* #otpModal .modal-body i {
    position: absolute;
    top: 13px;
    left: 15px;
    color: #498847;
    font-size: 20px;
} */
#otpModal .modal-content { 
    /* padding: 2rem 1rem 2rem; */
    padding: 0;
}
.text-success{
    color: #498847 !important;
}
.text-danger{
    color: #498847 !important;
}
.btn-primary {
    background-color: #498847 !important;
}
.otp-popup-text {
    padding-top: 5px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0.5rem;
}
.otp-popup-email {
    color: #498847;
    font-weight: 600; 
    margin-bottom: 25px;
}
#otpModal .modal-body .otp-popup-email i{
    font-size: 16px !important;
    margin-right: 5px;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
.otp-popup-email a {
    color: #498847;
    text-decoration: none;
    font-size: 15px;
}
.otp-popup-input-wrap {
    position: relative;
}
.otp-popup-input-wrap i  {
    position: absolute;
    top: 13px;
    left: 62px;
    color: #498847;
    font-size: 20px;
}
.otp-popup-input-icon {
    position: absolute;
    right: 16px;
    top: 17px;
    color: #498847;
}
.otp-popup-timer, 
.otp-popup-status{
    margin-top: 5px;
    text-align: left;
    margin-left: 45px;
    font-size: 13px;
}
.otp-popup-timer p {
    margin-bottom: 0;
}
.otp-popup-timer i  {
    color: #498847 !important; 
    margin-right: 2px;
    font-size: 13px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}
.otp-popup-timer span{
    color: #498847;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.otp-popup-footer {
    border-top: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 1rem 1rem 1.5rem;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 100px;
}
.otp-popup-resend {
    margin-top: 20px;
    text-align: center;
}
.otp-popup-resend a {
    color: #498847;
    font-weight: 600;
    text-decoration: none;
}

/* Thank you page start */
.thank_you {
    min-height: 72vh;
    display: flex;                /* Add this */
    align-items: center;          /* Add this – vertical center */
    justify-content: center;      /* Add this – horizontal center */
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.thank_you .thank_you_content {
    padding: 0px 15px 0px 15px;
    width: 100%;                  /* Add this – ensures content spans correctly */
}

.text-center {
    text-align: center !important;
}

.thank_you .thank_you_content h1 {
    color: #246e28;
    font-weight: 700;
    font-size: 56px;
}

.thank_you .thank_you_content p {
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #4c4c4c;
}
/* Thank you page end */