:root {
  --secondary-color: rgba(24, 24, 24, 1);
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.body-inner, .parallax, html, section, ul.circle li {
  position: relative;
}
body, section {
  padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
:active:focus, :focus, :hover, a {
  text-decoration: none;

  outline: 0 !important;

  outline-offset: 0 !important;
}

.title-icon, h2 {
  font-size: 32px;
}
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
h1, h2, h3, h3.same-as-h4, h4, h5, h6, ul.navbar-nav > li > a {
  font-family: JaapokkiRegular;
}

body, p {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 1;
}
body {
  font-family: Manrope, sans-serif;
  font-size: 15px;
  color: var(--secondary-color);
  text-transform: none;
  font-family: var(--bs-font-sans-serif);
  line-height: 1.5;
  color: #212529;
  -webkit-text-size-adjust: 100%;
}
.author-info h3, .post-meta, body {
  font-weight: 400;
}

.blog-date a, .btn.btn-primary.solid, .btn.btn-primary:hover, .featured-tab .nav-tabs > li > a:hover, .footer .widget-title, .footer ul li a, .footer-widget .latest-post-content h4 a, .footer-widget .post-meta, .footer-widget .post-meta a, .owl-controls .owl-next:hover, .owl-controls .owl-prev:hover, .parallax .btn, .plan a.btn:hover, .plan.featured .plan-price, .ts-carousel-controller .left:hover, .ts-carousel-controller .right:hover, .widget-tags ul > li a:hover {
  color: #fff;
}
body, p {
  font-family: Lato, sans-serif;
  font-size: 17px;
  line-height: 1;
}
            .overlay2 img {
            width: 104%;
            }
            .cd-hero-slider li:first-of-type {
            background-color: #ffffff;
            }
            #text-1{
            background: #fff;
            padding: 32px 8px;
            }
            #div-3{
            box-shadow: 0px 4px 60px #888888;
            }
            #pp{
            font-size: 20px;
            color: #000;
            font-weight: 500;
            }
            article-btn:hover {
            background: none;
            color:#000;
            }
            .navbar-fixed-top, .navbar-fixed-bottom {
            background: #000 !important;
            }
            #xyz{
            height: 10px;
            width: 10px;
}
            #abc{
            transition: 1s;
            }
            #abc:hover{
            transform: scale(1.1);
            transition: 1s;
            }
            .num-1{
            font-size: 50px;
            font-weight: 900;
            color: red;
            }
            .num-2{
            font-size: 50px;
            font-weight: 400;
            color: #000;
            }
            .mt-8p{
            margin-top: 8%;
            }
            .mb-6p{
            margin-bottom: 6%;
            }
            .heading-1{
            background: #feda14;
            padding: 16px 0;
            color: red;
            font-family: serif;
            font-size: 22px;
            }
            .custom-1{
            color: red;
            text-transform: none;
            }
            .custom-color-1{
            color: #3589a1;
            font-size: 18px;
            }
            .custom-color-2{
            color: #5e17eb;
            font-size: 18px;
            }
            .custom-color-3{
            color: #008037;
            font-size: 18px;
            }
            .custom-color-4{
            color: #ef962e;
            font-size: 18px;
            }
            .custom-color-5{
            color: #9b4ab2;
            font-size: 18px;
            }
            .custom-color-6{
            color: #ed4f49;
            font-size: 18px;
            }
            .custom-color-7{
            color: #004aad;
            font-size: 18px;
            }
            .heading-2{
            color: #fff;
            padding: 21px 0;
            text-align: center;
            }
            .heading-3{		
            background: #e7dfdf;
            padding: 21px 0;
            text-align: center;
            }
            .custom-c-1{
            background: #306091;		
            }
            .head-c-1:hover{
            background: #306091;	
            color: #fff
            }
            .custom-c-2{
            background: #f3972a;
            }
            .head-c-2:hover{
            background: #f3972a;
            color: #fff;
            }
            .custom-c-3{
            background: #f34f46;
            }
            .head-c-3:hover{
            background: #f34f46;
            color: #fff;
            }
            .custom-c-4{
            background: #43bebc;
            }
            .head-c-4:hover{
            background: #43bebc;
            color: #fff;
            }
            .custom-c-5{
            background: #9e4587;
            }
            .head-c-5:hover{
            background: #9e4587;
            color: #fff;
            }
            .center-text {
            display: flex;
            justify-content: center;
            align-items: center;}
       
			.title-1{
				font-weight: 600;				
				font-size: 38px;
				color: rgb(16, 23, 38);
				line-height: 35px;
			}
			.title-2{
				font-size: 25px;
				line-height:30px;
				font-weight: 400;
			}
			.title-3{							
				font-size: 12px;
				color: rgb(16, 23, 38);
			    font-family: proxima-nova, sans-serif !important;
			}
			.col-12-1{
				padding: 20px 0px;
				margin: 30px auto 0px;
				outline: none;
				width: 95%;
				max-width: 100%;
				background-color: rgb(16, 23, 38);
			}
			.inner-text-1{
				color: #fff; font-size: 30px;
			}
			.inner-text-2{
				font-size: 16px;
				color: #fff;
			    text-transform: lowercase;
			}
			.btn-custom-1{				
				color: rgb(0, 0, 0);
				background: rgb(255, 203, 4);
				font-size: 20px;
				padding: 0px 55px;
				font-weight: 800;
			}
			.title-4{
				font-size: 34px;
				line-height: 35px;
				font-weight: 400;
			}
			.col-12-2{
				padding-top: 20px;
				padding-bottom: 20px;
				margin: 0px auto;
				outline: none;
				background-color: rgb(255, 248, 230);
				width: 95%;
				max-width: 100%;
			}
			.img-custom{
				display: inline-block;
				height: auto;
				max-width: 100%;
				padding: 4px;
				line-height: 1.428571429;
				background-color: #fff8e6;
				-webkit-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}
			.def-3{
				font-size: 19px;
				color: #000;
				
			}
			.check-3{
				color: #ffcb04;
			}
			a.text-black{
				color: #000 !important;
			}
			.title-5{
				font-size: 29px;
				line-height: 40px;
				font-weight: 800;
			}
			.col-4-text{				
				text-align: center;
				font-size: 20px;
				color: rgb(16, 23, 38);
			}
			.check-4{
				color: #ffcb04;
				font-size: 55px !important;
			}
			.col-12-3{
				padding-top: 50px;
				padding-bottom: 0px;
				outline: none;
				margin-top: 0px;
				background-color: rgb(0, 0, 0);
				background-image: url("Images/EHM-benefits-bg.webp");
				
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
			}
			.title-6{
				font-size: 50px;
				color: #fff;
				line-height: 40px;
				font-weight: 800;
				text-align: center;
			}
			@media only screen and (max-width: 700px){
				.mfs_32 {
					font-size: 42px !important;
				}
			}
			.title-7{
				color: #fff; font-size: 24px;
				text-align: center;
			}
			.col-6-text{
				font-size: 20px;
				margin-top: 20px;
				color: #fff;
			}
			.col-6-c{
				color: #ffcd05;
			}
			.img-custom-2{
				display: inline-block;
				height: auto;
				max-width: 100%;
				padding: 4px;
				line-height: 1.428571429;
				background-color: transparent;
				-webkit-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}
			.mt-5{
				margin-top:15px;
			}
			/*.col-12-4{
				padding-top: 50px;
				padding-bottom: 0px;
				outline: none;
				margin-top: 0px;
				background-color: rgb(0, 0, 0);
				background-image: url(Images/EHM-robin-book-bg2.webp) !important;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
			}*/
			.col-6-text-2{
				text-align: left;
				font-size: 48px;
				line-height: 1;
				color: rgb(16, 23, 38);
			}
			.col-6-text-66{
				text-align: left;
				font-size: 18px;
				color: rgb(16, 23, 38);
			}
			.kindly-note{
				text-align: left;
				font-size: 24px;
				background-color: rgba(255, 245, 236, 0);
				color: rgb(19, 46, 61);
			}
			#col-right-111 {
				padding: 20px 15px 10px !important;
				box-shadow: 0px 0px 4px rgb(0 0 0 / 8%), 0px 4px 20px rgb(0 0 0 / 12%);
				background-color: #fff;
				padding: 15px 0;
			}
			.innerContent {
				word-wrap: break-word;
			}
			.col-6-text-666{
				font-size: 17px;
				margin-top: 15px;
				font-family: proxima-nova, sans-serif !important;
				text-transform: lowercase;
			}
			.pp-1{
				text-align: center;
				color: rgba(16, 23, 38, 0.7);
				font-size: 14px;
				line-height:40px;
			}
			.col-12-5{
				padding-top: 50px;
				padding-bottom: 0px;
				outline: none;
				margin-top: 0px;
				background-color: rgb(0, 0, 0);
				background-image: url('Images/EHM-main-mockup-bg (1).webp') !important;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
			}
			.box-top-bar{
				padding: 5px 30px;
				margin: 30px auto 0px;
				outline: none;
				width: 98%;
				max-width: 100%;
				background-color: rgb(255, 205, 5);
			}
			.pp-2{
				text-align: left;
				font-size: 20px;
				font-weight: 700;
				color: rgb(16, 23, 38);
				background-color: rgba(255, 116, 0, 0);
			}
			.box-body{
			    padding: 20px 30px 15px;
				margin: 0px auto;
				background-color: rgb(255, 255, 255);
				border-color: rgb(255, 116, 0);
				outline: none;
				width: 98%;
				max-width: 100%;
			}
			.img-custom-3{
				display: inline-block;
				height: auto;
				max-width: 100%;
				line-height: 1.428571429;
				background-color: #fff;
				-webkit-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}
			.bg-white{
				background: #fff;
			}
			.col-6-text-6666{
				text-align: left;
				font-size: 18px;
				color: rgb(16, 23, 38);
				/*padding: 0 32px;*/
			}
			.top-bar-2{
				padding: 0px 100px 30px;
				margin: 0px auto;
				outline: none;
				background-color: rgb(16, 23, 38);
				width: 100%;
				max-width: 100%;
			}
			.title-9{
				text-align: center;
				font-size: 48px;
				color: #fff;
			    text-transform: uppercase;
				font-weight: 700;
				line-height: 40px;
			}
			.top-bar-3{
				padding: 0px 10px;
				margin: 30px auto 0px;
				outline: none;
				background-color: rgba(255, 255, 255, 0);
				width: 95%;
				max-width: 100%;
			}
			.span-1{
				font-size: 14px;
				font-weight: 100;
			}
			.btn-custom-2{				
				color: rgb(0, 0, 0);
				background: rgb(255, 203, 4);
				font-size: 22px;
				padding: 1% 23%;
				font-weight: 800;
				border: none;
			}
			.span-2{
				text-align: center;
				color: rgb(136, 136, 136);
				font-size: 18px;
			}
			.title-10{
				text-align: center;
				font-size: 48px;
				color: rgb(16, 23, 38);
			}
			.tt{
				box-shadow: 0px 0px 4px rgb(0 0 0 / 8%), 0px 4px 20px rgb(0 0 0 / 12%);
			}
			.col-12-6bg{
				padding-top: 50px;
				padding-bottom: 50px;
				outline: none;
				background-color: rgb(16, 23, 38);
				background-image: url("Images/EHM-main-mockup-bg (1).webp") !important;
			}
			.title-11{
				text-align: center;
				font-size: 32px;
				color: #fff;
				padding: 0 16%;
			}
			.pp-3{
				color: #fff;
			}
			.hr-1{
				border-top: 1px solid #eee;
				width: 68%;
			}
			.col-6-text-66666{
				font-size: 18px;
				color: #fff;
				padding: 0 18%;
			}
			.btn-custom-3{				
				color: rgb(0, 0, 0);
				background: rgb(255, 203, 4);
				font-size: 22px;
				padding: 1% 17%;
				font-weight: 800;
				border: none;
			}
			.image-fluid
			{
				max-width: 150%;
			}
			/*.col-12-7bg{
				padding-top: 50px;
				padding-bottom: 0px;
				outline: none;
				margin-top: 0px;
				background-color: rgb(0, 0, 0);
				background-image: url(Images/guarantee.webp) !important;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
			}*/
			.col-6-text-12{				
				text-align: left;
				font-size: 48px;
				color: rgb(16, 23, 38);
			}
			.col-12-8bg{
				padding-top: 50px;
				padding-bottom: 50px;
				outline: none;
				background-color: rgb(16, 23, 38);
				background-image: url("images/TGGM-hands-bg.jpg") !important;
			}
			.title-12{				
				text-align: center;
				font-size: 48px;
				color: rgb(255, 255, 255);
			}
			.col-6-text-12{
				text-align: center;
				font-size: 24px;
				color: rgb(255, 255, 255);
			}
			.sec-12{
				padding: 20px 0px;
				margin: 0px auto;
				background-color: rgb(255, 255, 255);
				outline: none;
				width: 100%;
				max-width: 100%;
			}
			.title-123{
				text-align: center;
				font-size: 24px;
				color: rgb(16, 23, 38);
			}
			.btn-custom-4{				
				color: rgb(0, 0, 0);
				background: rgb(255, 203, 4);
				font-size: 22px;
				padding: 2% 31%;
				font-weight: 800;
				border: none;
			}
			.col-6-text-123{
				text-align: center;
				font-size: 18px;
				color: rgb(16, 23, 38);
			}
		.sec-10-title-1 {
			text-align: left;
			font-size: 32px;
			color: rgb(0, 0, 0);
			letter-spacing: 0px;
			line-height: 32px;
			font-family: fantasy;
			font-weight: 100;
		}


		/* SECTION BACKGROUND */
.col-12-3 {
    padding: 60px 0;
    background: url("Images/EHM-benefits-bg.webp") center/cover no-repeat;
    position: relative;
}

.col-12-3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
}

.col-12-3 .container {
    position: relative;
    z-index: 2;
}

/* HEADINGS */
.title-6 {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
}

.title-7 {
    font-size: 22px;
    color: #fff;
}

/* FEATURE ITEMS */
.feature-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.feature-item i {
    color: #ffcd05;
    font-size: 20px;
    min-width: 25px;
    margin-top: 5px;
}

.feature-item p {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

/* SECOND SECTION */
.col-12-4 {
    background: #fff;
}

.col-6-text-2 {
    font-size: 40px;
    font-weight: 700;
}

.col-6-text-66 {
    font-size: 17px;
    line-height: 1.6;
}

.kindly-note {
    font-size: 22px;
    font-weight: 600;
}

.innerContent {
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    border-radius: 8px;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .title-6 {
        font-size: 36px;
    }

    .col-6-text-2 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .title-6 {
        font-size: 28px;
    }

    .title-7 {
        font-size: 18px;
    }

    .feature-item {
        flex-direction: row;
    }

    .feature-item p {
        font-size: 16px;
    }

    .col-6-text-2 {
        font-size: 26px;
    }
}