
body{ font-family: 'Poppins', sans-serif; color:#474747; font-weight:400; background:#fff; font-size:14px; line-height:24px;  overflow-x:hidden;}
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

h1, h2, h3, h4, h5, h6, .h1{ color:#000; font-weight:600; font-family: 'Poppins', sans-serif;}   

.btn{ background:#1e8067; color:#fff; font-size:15px; font-weight:500; border-radius:50px; min-width:170px;  padding:10px 25px; border:none;} 
.btn:hover{ background:#000; color:#fff;}

.light_btn{ background:#fff; color:#1e8067;} 

::-moz-selection { 
  color: #fff;
  background: #1e8067;
}

::selection {
  color: #fff;
  background: #1e8067;
}


/*========================================= Start navigation ====================================*/  
.navbar-brand{ width:70px;}
.navbar-light {background:none !important; }
.navbar-nav > li{  position:relative; margin-left:1px;}
.navbar-nav > li > a {color:#1c2f36 !important; display:inline-block; font-weight:500;  font-size:15px; padding:5px 25px!important;    text-decoration:none; }
.navbar-nav > li > a.active, .navbar-nav > li > a:hover,  .navbar-nav > li > a:focus{color:#1e8067!important;   }  
.navbar-nav > li > .dropdown-toggle:after{ position:relative; bottom:-2px;} 

.navbar-nav > li > .dropdown-menu{ border:none; background:#fff; border-radius:5px; padding:8px;} 
.navbar-nav > li > .dropdown-menu li a{ color:#000; font-size:15px; font-weight:500; outline:none !important; background:none !important; } 
.navbar-nav > li > .dropdown-menu li a:hover, .navbar-nav > li > .dropdown-menu li a:focus{  color:#1e8067; background:none !important;} 

.topright ul li.login_lnk a{ text-decoration:none; font-size:15px; color:#000; font-weight:500;} 
.topright ul li.login_lnk a:hover{ text-decoration:none; color:#1e8067;}

/*========================================= End navigation ====================================*/   

.slide_caption figure img{ max-width:500px;} 
.slide_caption h2{ font-size:35px;}

.s_col {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  border-top: 4px solid #1e8067;
} 
.s_col i{ 
  width: 70px;
  height: 70px;
  background: rgba(30, 128, 103, 0.1);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: #1e8067;
  font-size: 1.8rem;
}
.s_col i img{ height:40px;} 
.s_col:hover{
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
} 

.bg_gray{ background:#fafafa;}

.solutions_bx{background:#1e8067; color:#fff; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important;} 
.solutions_bx .thmnl{ padding:50px; border-radius:50% 50% 0px 0px; width:100%; max-width:280px; min-height:280px;} 
.solutions_bx .thmnl img{ height:140px;} 

.haeps_work ul li{ position:relative; min-height:30px; margin-bottom:20px; padding-left:75px;} 
.haeps_work ul li .ic_h{ position:absolute; left:0px; top:0px; width:60px; height:60px; border-radius:100%; display:flex; align-items:center; justify-content:center;  background:#1e8067; } .haeps_work ul li .ic_h img{ height:36px; filter: brightness(0) invert(1);} 
.haeps_work ul li h6{ font-size:15px;}

.ai_bx{ padding:20px 50px; border-radius:100px; box-shadow:0px 0px 30px rgba(0,0,0,.06);} 
.ai_bx h5{ font-size:30px; font-weight:600;} 
.ai_bx small{ font-size:20px; font-weight:500; color:#000; padding-bottom:0px; display:block;} 
.ai_bx:hover, .ai_bx.active{background:#1e8067 !important; color:#fff;} 
.ai_bx:hover h5, .ai_bx:hover small, .ai_bx.active h5, .ai_bx.active small{ color:#fff;} 

.text_f1{ height:50px; border-radius:50px; padding:0px 20px; color:var(--bs-secondary-color);} 
.text_f1:focus{ box-shadow:0 0 12px .25rem rgba(247,105,0,.25); border-color:#1e8067;} 
.btn2{ height:50px; border-radius:50px;} 
.select_f{ background:#fff url(../images/down_arrow.png) no-repeat right center; padding-right:35px;  -webkit-appearance: none;
   -moz-appearance: none; appearance: none;}
.footer{ background:#eeeeee;} 
.footer a{ color:#1e8067; text-decoration:none;} 
.footer a:hover{ color:#000;}


/*================================loginregisterForm================================*/
html, body{ height:100%;}
.bg_srf{ background:#1e8067;}
.form_section {
	
	background: #fff; margin-left:-12px; margin-right:-12px;
	
}

	.form_section .cl_f_1 {
		
		padding: 25px; width:100%; margin:0 auto; max-width:550px;
	}

	.form_section .cl_f_2 {
		padding: 30px 25px;
		
		position: relative;
	}




.link_f_a a {
	color: #1e8067; text-decoration:none; font-weight:500;
}

	.link_f_a a:hover {
		text-decoration: underline;
		color: #000;
	}


.login_sec .form-group {
	margin-bottom: 1.5rem;
}

.txt1 {
	border-radius: 48px;
	border: #c6d5e6 1px solid;
	height: 50px;
	padding: 0px 10px 0px 50px;
	color: #475f7b;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

.txt1:focus {
		border: #1e8067 1px solid;
		box-shadow: 0px 8px 8px rgba(0,0,0,.15);
	}

.loginbtn {
	width: 100%;
	height: 42px;
	padding: 0; border-radius: 48px;
}



.ps_input_rw {
	position: relative;
}

.ps_input_rw .v_icn {
		position: absolute;
		right: 14px;
		top: 14px;
	}


.ic_frm {
	position: absolute;
	left: 11px;
	top: 13px;
	font-size: 18px;
	width: 28px;
	text-align: center;
	border-right: #c6d5e6 1px solid;
	padding-right: 8px;
	z-index: 9;
}


/*=====================formend=======================*/

.home_aeps_work .nav-tabs{ border-bottom:#1e8067 1px solid;} 
.home_aeps_work .nav-tabs .nav-item{ margin-left:5px; margin-right:5px;}
.home_aeps_work .nav-tabs .nav-link{ font-weight:600; color:#000; font-size:16px; padding:10px 26px;} 
.home_aeps_work .nav-tabs .nav-link i{ margin-right:6px;}
.home_aeps_work .nav-tabs .nav-link i img{ height:30px;}
.home_aeps_work .nav-tabs .nav-link.active, .home_aeps_work .nav-tabs .nav-link:hover{ border-color:#1e8067; border-bottom-color:#fff; color:#1e8067;} 

.mobile_verify_f form:hover{border-color:#1e8067 !important;} 

.title_inner_head{ height:300px; background:#1e8067;}

.bread_top .breadcrumb-item + .breadcrumb-item::before{ content:">"; color:#000; position:relative; bottom:-1px;} 
.bread_top .breadcrumb-item.active, .bread_top .breadcrumb-item a:hover{color:#1e8067;} 
.bread_top .breadcrumb-item a{ color:#000; text-decoration:none;}  

.aeps_col{ background:#fafafa; width:200px; height:200px; padding:15px;} 
.aeps_col i img{ height:50px;} 
.aeps_col .number{ width:40px; height:40px; background:#1e8067; color:#fff; font-size:20px; left:10px; top:10px;} 

.faq_section .accordion-button:not(.collapsed){ background:#1e8067; color:#fff;}  
.faq_section .accordion-button:not(.collapsed):after{ background-color:#fff;}
.faq_section .accordion-button{ font-weight:600; font-size:18px; box-shadow:none !important;} 

.ul2 li, .ul3 li{ margin-bottom:6px;} 
.ul2 li a{ color:#1e8067;} 
.ul3 li strong{ font-weight:600;}

.mas{ max-width:380px;} 
.textarea{ height:180px !important; padding-top:20px; border-radius:30px;} 

.find_us a{ color:#000; text-decoration:none; font-weight:500; padding:0px 15px 10px; z-index:9;  background:#f7f7f7; width:100%; min-height:210px; position:relative; border-radius:20px;} 
.find_us a i{ display:inline-flex; margin-bottom:25px; position:relative; align-items:center; justify-content:center; background:#1e8067; color:#fff; border-radius:0px 0px 100% 100%; width:80px; height:80px; font-size:30px;}  
.find_us a i img{ height:30px;}
.find_us a i:after{ content:""; width:100%; height:1px; background:#1e8067; position:absolute; left:0px; bottom:-14px;} 
.find_us a:hover i, .find_us a:hover i:after{ background:#000; } 

 

.single-blog-area .blog-content{ margin-top:-35px;} 
.post-meta p a { text-decoration:none;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 25px;
}
.post-title h4{ font-size:20px;} 
.post-title h4:hover, .post-meta p a:hover{color:#1e8067;} 

.blog_section .col{ margin-bottom:25px;} 
.pagination .page-item{ margin:3px !important;}
.pagination .page-link{ border:none !important; width:45px; height:45px; font-size:16px; font-weight:500; background:#eee; color:#000; border-radius:100% !important; display:inline-flex; align-items:center; justify-content:center;} 
.pagination .page-item.active .page-link, .pagination .page-link:hover{ background:#1e8067; color:#fff;} 

.mark-links a{ color:#1e8067; text-decoration:none;} 
.mark-links a:hover{ color:#000; text-decoration:none;} 

.mark-links ul li, .mark-links ol li{ margin-bottom:6px;} 

.blog_detail .single-blog-area .post-meta p a{ font-size:14px; } 

.related_post .post-title h4{ font-size:15px; margin:0; line-height:24px;} 
.related_post .single-blog-area .blog-content{ margin-top:-15px;} 

.ul_3 ul li{ margin-bottom:8px;}


.sabheading-aeps{
	font-size: 16px;
	
}

.exp_text{
	font-size: 16px; line-height:28px;
}

/*===============================30=06=2023=================================*/ 
.bg_org{ background:#1e8067;}
.why_c_bx{ padding:25px 25px 25px 70px; min-height:174px; border-left-width:6px !important; border-right-width:5px !important; border-radius:25px; background:#fff; margin-left:37px;}  
.why_c_bx .ic{ position:absolute; width:86px; height:86px; left:-43px; top:50%; z-index:9; margin-top:-37px; background:#fff; border-radius:100%; border:#dee2e6 6px solid;} 
.why_c_bx .ic img{ height:40px; }  
.why_c_bx:hover .ic{ background:#1e8067;} 
.why_c_bx:hover .ic img{filter: brightness(0) invert(1);} 
.why_c_bx:hover h6{ color:#1e8067;}

.mobile_verify_f form{ padding:0px !important; border-color:#1e8067 !important; width:100%; max-width:420px;} 
.mobile_verify_f form .btn{ height:45px; font-size:14px; padding:10px 20px;} 
.mobile_verify_f form .form-control{ border-radius:50px 0px 0px 50px;} 
.mobile_verify_f form:hover{border-color:#000 !important;}


.selecthbx > input[type="checkbox"] {
  background-color: #cc0000;
  height: 0em;
  width: 0em;
  background: none;
  display: none;
}



.selecthbx > label{
  width:100%; display:flex; align-items:center; justify-content:center;
 color: #051441;
  background: #ffffff;
  border:var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 50px;
 
  cursor: pointer; 
  height:50px;
  font-size: 1rem;
  font-weight: 400;
  padding: 0px 20px;
 
  -webkit-transition: background-color 0.5s, top 0.1s;
  transition: background-color 0.5s, top 0.1s;
  
  text-align: center; color:var(--bs-secondary-color);
}

.selecthbx > input[type="checkbox"]:checked + label{
  background-color: #1e8067;
  color: #ffffff;
  border: 1px solid transparent;
}



.solutions_bx::before{ /* create :before and :after pseudo elements that are initially positioned outside canvas */
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	position: absolute;
	opacity:0.9;
	top: 0;
	left: 0;
	-moz-transform: translate3d(0, -100%, 0); /* position elements past bottom of layout */
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}



.solutions_bx .solution_overlay{
	position: absolute;
	display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	text-align: center;
	
	padding: 5px;
	z-index: 100;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	top: 50%;
	left: 0;
	-moz-transform: translate3d(-100%, -50%, 0); /* position caption outside layout horizontally and centered vertically */
	-webkit-transform: translate3d(-100%, -50%, 0);
	transform: translate3d(-100%, -50%, 0);
	opacity: 0;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


.solutions_bx:hover::before{
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}



.solutions_bx:hover .solution_overlay{
	opacity: 1;
	-moz-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}



.ul_s2 li{ margin-bottom:12px; padding-left:35px; background:url(../images/check.png) no-repeat; background-position:0px 5px; background-size:22px; color:#474747;} 

.contact_m{ background:#1e8067; padding:35px 25px 35px 70px; margin-left:-70px; border-radius:35px;}  
.contact_m .btn2{ background:#fff; color:#1e8067; font-size:16px; text-transform:uppercase; font-weight:600;} 
.contact_m .btn2:hover{ background:#000; color:#fff;} 

.contact_m .text_f1::-moz-placeholder{color:#fff;opacity:1;} 
.contact_m .text_f1::placeholder{color:#fff;opacity:1;}

.service_main .aeps_col{ width:230px; height:230px;} 
.service_main .aeps_col:hover{  background:#1e8067 !important; color:#fff;} 
.service_main .aeps_col:hover h6{ color:#fff;} 
.service_main .aeps_col:hover i img{filter: brightness(0) invert(1);}

/*-------------------------blog sidebar-----------------------------------*/
.sidebar__widget {
  border: 1px solid #E5E5E5;
  border-radius: 14px;
}
.sidebar__widget-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 16px;
  color: #000;
  padding: 20px 0px;
  margin: 0px 30px;
  border-bottom: 1px solid #EDEDED;
}
.sidebar__widget:last-child-title {
  border-bottom: 0;
}
.sidebar__widget ul li {
  list-style: none;
  margin-bottom: 25px;
}
.sidebar__widget ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget ul li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  color: #5F6168;
  display: flex; align-items:center;
  justify-content: space-between; text-decoration:none;
}
.sidebar__widget ul li a:hover {
  color:#1e8067;
}
.sidebar__widget ul li a i {
  font-size: 18px;
  transform: translateY(2px);
  margin-right: 10px; width:26px; height:26px; display:inline-flex; border-radius:100%; justify-content:center; align-items:center;
  background:#1e8067; color:#fff;
}



.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 0;
  outline: none;
  padding-right: 60px;
  border: 1px solid #E5E5E5;
  border-radius: 14px;
}

.sidebar__search input:focus {
  border-color: #1e8067;
}
.sidebar__search input::placeholder {
  color: #777777;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 20px; background:#1e8067 !important; font-size:18px;
  color: #fff;
  line-height: 54px;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -o-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  
}

.sidebar__search button:hover{ background:#000 !important;}

.tagcloud a {
  border: 1px solid #F2F4F6;
  color: #474747;
  display: inline-block;
  line-height: 1;
  padding: 10px 25px;
  margin-bottom: 8px;
  margin-right: 8px;
  border-radius: 30px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 14px; text-decoration:none;
}

.tagcloud a:hover {
  background: #1e8067;
  color: #fff;
  border-color: #1e8067;
}

.sidebar__widget-content {
  padding: 40px 30px;
}

.rc__post-thumb {
  flex: 0 0 auto;
}
.rc__post-thumb img {
  border-radius: 10px;
  width: 75px;
  height: 75px;
  flex: 0 0 auto;
  object-fit: cover;
}
.rc__post-title {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}

.rc__post-title a{ text-decoration:none; color:#000;}
.rc__post-title a:hover {
  color: #1e8067;
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #6A6A74;
}

.mb-20{ margin-bottom:20px;} 
.mr-20{ margin-right:20px;} 

#m-contactform div.error {
	color: red;
	padding-left: 12px;
	margin-top: 4px;
}
.contactp_form div.error {
	color: rgb(45, 39, 39) !important;
	padding-left: 0px !important;
	margin-top: 4px;
}

/*-------------------end--------------------------*/


.soff_sec{ border:#1e8067 1px solid; box-shadow:0px 0px 25px rgba(0,0,0,.1) !important; padding:25px 40px;}
.soff_sec .ic img{ height:50px;}  .soff_sec .ic span{ width:50px; display:block;}

.ul_4 li .bx{ background:#fafafa; padding:0px 15px 15px; border-radius:10px; text-align:center; border-bottom:#1e8067 5px solid; margin-top:50px; margin-bottom:10px; min-height:100px; color:#000; font-weight:600; } 
.ul_4 li .bx .ic{ display:inline-flex; align-items:center; justify-content:center; border-radius:100%; margin-top:-40px;  width:80px; height:80px; background:#1e8067; margin-bottom:15px;}  .ul_4 li .bx .ic img{ height:50px; filter: brightness(0) invert(1);} 

.ul_5 li{ position:relative; padding-left:25px; margin-bottom:5px;} 
.ul_5 li .ic{color:#1e8067; position:absolute; left:0px; top:0px; font-size:16px;}  

.contact_m .form-control{ background:none !important; border-radius:0px !important; color:#fff; border-bottom:#fff 1px solid !important; padding:0px !important;} 
.contact_m .textarea{ height:100px !important;} 

.c_pic figure{ width:300px; min-height:310px; padding:30px 20px 20px; border-radius:50% 50% 0px 0px;} 
.c_pic figure img{ height:200px;}

.landing_head{ background:#1e8067; height:calc(100vh - 60px);} 
.landing_head .solutions_bx{ min-height:444px; background:#fff; color:#474747;} 
.landing_head .solutions_bx .thmnl{ min-height:320px; max-width:320px; background:#1e8067 !important;} 
.landing_head .solutions_bx .thmnl img{ filter: brightness(0) invert(1);}  
.landing_head .solutions_bx:before{ z-index:9;} 
.landing_head .solutions_bx .solution_overlay{ z-index:99;} 



.bank_service  h5{ font-size:18px;} 

.software_service_bank li{ margin:0px 35px 10px 0px;} 
.software_service_bank li:before{ font-family:'FontAwesome'; content:"\f058"; color:#1e8067; font-size:22px; position:relative; bottom:-3px; margin-right:8px;} 

.faq_section .accordion .accordion-item{ margin-bottom:15px; border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) !important; border-radius:30px !important;} .faq_section .accordion-button{border-radius:30px !important;} 
.faq_section .accordion-button:after{ background-color:#1e8067; width:30px; height:30px; border-radius:30px; background-position:center;} 

.faq_ic img{ height:80px;} 

.cta-bg{background-color: #1e8067;} 
.cta-bg .btn{ position:relative; padding-left:20px; padding-right:50px; min-width:inherit;} 
.cta-bg .btn:after{ content:"\f105"; font-family:'FontAwesome';  width:40px; height:40px; border-radius:100%; position:absolute; right:1px; top:1px; background:#fff; color:#1e8067; text-align:center; display:inline-flex; align-items:center; justify-content:center; font-size:22px; }  
.cta-bg .btn:hover:after{ background:#1e8067; color:#fff;}

.f18{ font-size:18px;} 

.s_last_rw{ width:310px; height:250px; } 
.s_last_rw:before{ content:""; width:310px; height:310px;  position:absolute; left:0px; top:-30px; bottom:-20px; background:#fff; border-radius:100%;}  
.s_last_rw p{ font-size:20px;}

.cta-bg h3{ line-height:48px;} 


.down_arrow_lg{ position:absolute; left:45%; top:-70px;} 
.down_arrow_lg img{animation:mover 2s cubic-bezier(.76,0,.3,1) infinite alternate; height:60px;} 


@keyframes mover {
0% {
transform:translateY(0)
}
to {
	transform:translateY(-10%)
}
}
@-webkit-keyframes mover {
0% {
transform:translateY(0)
}
to {
	transform:translateY(-10%)
}
}


.bs_title_top{ padding:25px ; overflow:hidden;} 
.bs_title_top i{  display:inline-flex; align-items:center; justify-content:center; background:#fff; margin-bottom:25px; width:80px; height:80px; background:#fff; border-radius:100%;} 
.bs_title_top i img{ height:45px;} 
.bs_title_top:before{ content:""; position:absolute; left:-70px; top:70px; bottom:0px; right:65px; background:#fafafa;  transform: skew(35deg); transition:all .5s;} 
.bank_s_cl:hover .bs_title_top:before{ top:0px;} 
.bank_s_cl:hover .bs_title_top i{ background:#1e8067;} 
.bank_s_cl:hover .bs_title_top i img{  filter: brightness(0) invert(1);} 

.benefits_customers .software_service_bank li{ margin-right:0px; width:31%; position:relative; padding-left:35px; margin-bottom:25px;} 
.benefits_customers .software_service_bank li:before{ position:absolute; left:0px; top:3px;} 

/*==========================12=07=2023===================================*/ 
.aepsmodalA .modal-dialog{ width:96%; max-width:1000px;} 
.aepsmodalA .contact_m{ padding:35px; margin-left:0px;} 
.aepsmodalA .close_button{ background:none; border:none; padding:0px; margin-left:auto;} 
.aepsmodalA .modal-content{ border-radius:30px;} 



.marquee {
    font-size: 14px;
    color: #fff;
    height: 2.5vw;
    overflow: hidden;
    background-color: #1e8067;
    position: relative;
    line-height: 36px;
}
/* nested div inside the container */
.marquee div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: marquee 28s linear infinite;
}
/* span with text */
.marquee span {
    float: left;
    width: 42%;
    margin-left: 140px;
}
/* keyframe */
@keyframes marquee {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

.user-toggle {
  height: 40px;
  width: 40px;
  border: 1px solid #1e8067;
  font-size: 20px;
  color: #1e8067;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.user-toggle:hover {
  background-color: #1e8067;
  color: white;
}
.dropdown-menu-user {
  right: 0;
  left: unset !important;
  padding: 6px;
}
.dropdown-menu-user .dropdown-item {
  padding: 8px;
  font-size: 14px;
}


.hero-slider {
  height: 80vh;
}
.hero-slider .slide-1 {
  background:url(../images/slider-1.jpg) no-repeat center;
  background-size: cover;
}
.hero-slider .slide-2 {
  background:url(../images/slider-2.png) no-repeat center;
  background-size: contain;
}
.hero-carousel-btn {
  height: 45px;
  width: 45px;
  top: 50%;
  background-color: #1e8067;
  border-radius: 50%;
  margin-inline: 25px;
}
.hero-carousel-btn .carousel-control-prev-icon, 
.hero-carousel-btn .carousel-control-next-icon {
  height: 18px;
  width: 18px;
}

/* Download Button Styles */
.download-btn {
  background-color: #1e8067;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(30, 128, 103, 0.3);
  text-decoration: none;
}
.download-btn:hover {
  background-color: #176951;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(30, 128, 103, 0.4);
}
.download-btn:active {
  transform: translateY(0);
}