xXx

Hexid M1n1 5h3ll MobiLe

home/aerosoft/public_html/gurujipustakalaya/css/_[ Writable ]

File:/home/aerosoft/public_html/gurujipustakalaya/css/style.css

/*====================
google font
=====================*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,900&display=swap');

/*=========================
all css code here
==========================*/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family:Roboto;
}
html {
  scroll-behavior: smooth;
}
body{
     overflow-x: hidden !important;
     font-family:'Roboto';
     font-weight: 400;
}
span{
    color:var(--primary-color);
    
}
a{text-decoration:none;}
:root {
    --primary-color:#51c27a;
    --primary-dark-color:#15b153;
    --secondary-color:#73d59c;
    --dark-color:#0c6a31;
    --light-color:#abffd8;
    --cream-color: #fff8eb;
    --lightgrey-color: #d3d3d3;
    --darkgrey-color: #777777;
    --halfwhite-color:#eaefff;
    --transparentred-color: #fff0f0;
    --light-blue:#8be3ff;
    --bs-primary: #103125;
    --bs-primary-rgb: 16, 49, 37;
    --bs-secondary: #1A503E;
    --bs-secondary-rgb: 30, 80, 62;
    --bs-success: #0D7751;
    --bs-secondary-rgb: 13, 119, 81;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Poppins';
}
img {
    max-width: 100%;
    height:auto;
}
.logo img {
    width:200px;
}
.sm_title h3 {
    color: var(--primary-color);
    font-size: 25px;
    font-weight: 500;
}
a:hover{ text-decoration:none; }
.theme_btn_outline{  
    background-color:transparent !important;
    color:var(--primary-color) !important;
    padding: 8px 35px !important;
    border:solid 2px var(--primary-color);
}
nav {
    background-color: var(--dark-color);
    padding:0px 0px;
}
.theme_btn, .theme_btn_outline, .main_menu ul li .theme_btn, .main_menu ul li .theme_btn_outline{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-weight:600;
    border-radius: 25px;
    display: inline-block;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 10px 35px;
    text-decoration: none;
    font-family: 'Roboto';
    overflow: hidden;
}

.theme_btn:hover{
    text-decoration: none;
    background-color:var(--dark-color);
    color:#fff;
}
.theme_btn_outline:hover{  
    background-color:var(--primary-color) !important;
    color:#fff !important;
    text-decoration:none !important;
}
.main_menu ul {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0px;
}
.main_menu ul li:first-child{ margin-left:0px; }
.main_menu ul li:last-child{ margin-right:0px; }
.main_menu ul li a:hover {
    text-decoration: none !important;
}
.main_menu ul li:last-child{ margin-right:0px; }
.hero_text p{
    color:#202124;
}
.hero_text h1 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 18px;
}
.hero_text .btn_block a.theme_btn_outline {
    margin-right: 20px;
}
/*.theme_btn:before{
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--secondary-color);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.theme_btn:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
  }*/
/*=========================
headder css start here
==========================*/
header.fixed_header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    padding: 14px 0px;
    box-shadow: 2px 2px 9px #000;
}
header.fixed_header .logo img {
    width: 160px;
}
.header {
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: 15px 0px;
}

.main_menu ul{
    display: flex;
}

ul li{
    list-style: none;
}

.main_menu ul li a{
    padding: 0px 20px;
    text-decoration: none;
    color: #053317;
    font-size: 15px;
    font-weight: 500;
    font-family: poppins;
    border-right: solid 1px #ccc;
}

.regbtn{
    background-color: #00A5FF;
    border-radius: 5px;
    color: white;
}


.regbtn:hover{
    background-color:#1939B7;
    border-radius: 5px;
    color: white;
}




/*=========================
  some text statrt 
==========================*/

.tex{
    color: black;
    text-align: center;
    font-size: 2rem;
    font-family: 'Oleo Script Swash Caps', cursive;
}

/*====================================
 Business Owners and Freelancers section
=====================================*/


.ownwesection{
    background-color: #3366FF;;
    border-radius: 5px;
    font-weight: bold;
}

/*====================================
 Freelancer section
=====================================*/



.fcol {
    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    height:100%;
    border: solid 2px #eaefff;
}

.fcol:hover{
    background-color: #eaefff;
    border: solid 2px #fff;
}
.fcol h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px;
}
/*====================================
Our Referral Program section
=====================================*/

.back{
    background-color: #102693;
    border-radius: 20px;
}





/*====================================
footer section
=====================================*/



/*====================================
responsive css
=====================================*/

.sec{
    padding:60px 0px;
}
.sec p{
   color:#202124;
}
.caption_txt p {
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 500;
}
.content_box h2{ color:#202124; }
h2 {
    font-weight: 600;
}

.content_box .sub_title, .fcol_icon h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.content_box .sub_title figure, .fcol_icon h3 figure{
    margin-bottom: 0px;
    background-color: var(--halfwhite-color);
    padding: 18px;
    height: 80px;
    width: 80px;
    border-radius: 100px;
    margin-right: 15px;
}

.content_box .sub_title h2 {
    margin-bottom: 0px;
}
.content_box  ul {
    flex-wrap: wrap;
    margin-bottom: 0px;
    margin-left: 25px;
}

.content_box ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.list_style ul li {
    padding-bottom: 15px;
    background-image: url(../img/check-mark.png);
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left: 50px;
    font-size: 17px;
    padding-top: 0px;
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-weight: 500;
}
.card_box {
    background-color: #fff;
    padding: 25px;
    border: solid 2px #eaefff;
    height:100%;
    border-radius: 10px;
}

.card_box .btn_block {
    text-align: center;
}
.btn_sm {
    padding: 4px 20px;
    font-size: 14px;
}
.card.back .card-body p {
    color: #fff;
    font-size: 18px;
}

footer {
    position: relative;
    background-color: #053317;
    color: #d1cbcb;
    background-position: center;
    padding: 60px 0px;
}
footer a {
    color: #f1f1f1;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'Roboto';
}
.footer-block p {
    color: #f1f1f1;
}
footer .container {
  position: relative;
  z-index: 10;
}
.footer-block a:hover{
  color:var(--primary-color);
}

.social_icons_color a.fb:hover{background-color:#3b5998;color:#fff !important;}
.social_icons_color a.tw:hover{background-color:#1DA1F2;color:#fff !important;}
.social_icons_color a.li:hover{background-color:#0e76a8;color:#fff !important;}
.social_icons a{text-align:center;border-radius:100px;width:30px;color:#000 !important;background-color:#eceaea;height:30px;display:flex !important;margin-right:15px;align-items:center;justify-content:center;}
/* .social_icons_color a.fb:hover{} */
.social_icons_color a.it:hover{background-color:#8a3ab9;color:#fff !important;}
.footer-block a i.fa {
    font-size: 15px;
    margin-right: 8px;
}
.social_icons a i{font-size:15px !important;}
.social_icons{display:flex;margin-top:10px;}
.footer-block .logo {
    margin-bottom: 20px;
}

.footer-block .logo img {
    height: 50px;
    width: auto;
}
.footer-block h4 {
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0px;
    font-weight: 500;
}
.footer-block h5 {
  font-size: 20px;
}
.footer-block h5 {
    font-size: 16px;
    margin-bottom: 15px;
}
.footer-block a.email, .footer-block a.mobile {
    font-weight: 600;
    font-size: 13px;
    color: var(--primary-color);
}
.footer_bottom p {
  margin-bottom: 0px;
  text-align: center;
  padding:14px 0px;
  color: #f1f1f1;
  font-size: 11px;
  text-transform: uppercase;
}
.footer_bottom p a{ color:yellow; }
.footer_bottom {
    background-color: #51c27a;
}
.bg_dark_blue {
    background-color:#edebea;
    color:#fff;
}
.fcol_icon h3 figure {
    width: 50px;
    height: 50px;
    padding: 0px;
    background-color: transparent;
}
.fcol.card_job:hover {
    background-color: #fff;
    border: 0px;
}

.card_job {
    border-radius: 8px;
    overflow: hidden;
    border: 0px;
    background-color: #f8f9fa;
}

.card_job figure {
    height: 200px;
    overflow: hidden;
}

.card_job label, .card_job p {
    display: block;
    font-family: roboto;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 500;
}

.card_job label {
    margin-bottom: 0px;
}
.card_job figure img {
    transition: 0.5s;
    cursor: pointer;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card_job figure:hover img {
    transform: scale(1.2);
}
.card_job p a {
    display: block;
    color: #202124;
    font-family: 'Roboto';
}
.hero_image img{
    height: 441px;
}
.header .hero_image {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.logo .mob-menu { display:none; }
.header.hero_section .header_row.fixed_header{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 50;
    background-color: #fff;
    padding:15px 0px;
    box-shadow: -1px -1px 3px #000;
}
.header_row.fixed_header .main_menu {
    padding-top: 8px;
}
.header_row .logo img.logo1{
    display:block;
}
.header_row .logo img.logo2{
    display:none;
}

.header_row.fixed_header .logo img.logo1{
    display:none;
}
.header_row.fixed_header .logo img.logo2{
    display:block;
}

.header_row.fixed_header .logo, .header_row.fixed_header .main_menu {
    padding-bottom:0px;
}
.header .top_header_txt h2 {
    font-size: 40px;
    color:var(--primary-color);
    margin-bottom:4px;
}
.header .top_header_txt p {
    color: #000;
    font-size: 18px;
}
nav .main_menu ul li ul {
    display: none;
}
nav .main_menu ul li a {
    color: #fff;
    font-family: 'Roboto';
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    padding: 14px 0px;
}

nav .main_menu ul li a:hover{
    opacity:0.8;
}

.hero_text ul {
    display: block;
    margin-top:30px;
}

.hero_text ul li {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 15px;
    background-image: url(../img/check-mark.png);
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left: 50px;
    font-size: 17px;
    padding-top: 0px;
    margin-bottom: 10px;
    font-family: 'Roboto';
    font-weight: 500;
}
.hero_text p {
    margin-bottom: 10px;
    font-size:22px;
    color: #fff;
}
section.sec.sec_hero {
    position: relative;
    background-image: linear-gradient(357deg,#8be3ff, #acffd9 91%);
    background-size: cover;
    background-repeat: no-repeat;
}
section.sec.sec_hero .hero_txt_col{
    position: relative;
    z-index:10;
}
section.sec.sec_hero:after{
    content:'';
    top:0px;
    left:0px;
    right:0px;
    margin:auto;
    width:100%;
    height:100%;
    opacity:0.5;
    position:absolute;
    z-index:1;
    background-image: linear-gradient(357deg,#8be3ff, #acffd9 91%);
}
section.latest_news {
    background-color: green;
}
.row_news {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.title_txt.mt-label {
    width: 140px;
    padding: 5px 26px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #ffe500;
}
.mt-label {
    background-color: #139939;
}
.mt-label:after {
    content: "";
    position: absolute;
    left: 96%;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #139939;
    border-bottom: 10px solid transparent;
}
.row_news .news_txt {
    width: 88%;
    padding-left: 20px;
}
.row_news .news_txt a {
    color: #fff;
    font-size: 13px;
    margin-right: 15px;
    font-family: 'Roboto';
}
.top_header_txt {
    text-align: center;
}
section.sec.sec_hero .hero_text {
    background-color: hsl(0deg 0% 100% / 54%);
    padding: 34px;
    border-radius: 16px;
}

.owl_slider .owl-nav .owl-prev {
    left:50px;
}
.owl_slider .owl-nav .owl-next {
    right:50px;
}
.owl_slider .owl-nav .owl-prev, .owl_slider .owl-nav .owl-next {
    background-color: hsl(142deg 48% 54% / 59%);
    height: 55px;
    position: absolute;
    display: flex;
    width: 35px;
    align-items: center;
    margin: 0px;
    padding: 0px 10px;
    border-radius: 5px;
}
.owl_slider .owl-nav .owl-prev, .owl_slider .owl-nav .owl-next {
    top: 45%;
}

.owl_slider .owl-nav .owl-prev i, .owl_slider .owl-nav .owl-next i {
    font-size: 23px;
    top: -1px;
    position: relative;
    color: #fff;
}
.txt_lg p {
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 400;
}

.txt_lg p b {
    font-family: 'Roboto';
    font-weight: 800;
}
h3 {
    font-size: 24px;
    color:var(--dark-color);
}
.list_style_2 ul {
    margin: 0px;
}

.list_style_2 ul li {
    font-family: 'Roboto';
    position: relative;
    padding-left: 20px;
    font-size: 16px;
}

.list_style_2 ul li:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    background-color:var(--dark-color);
    border-radius: 100px;
    left: 0px;
    top: 8px;
}

nav .main_menu ul li:hover ul {
    display: block;
    background-color: #51c27a;
    z-index: 10;
    width: 215px;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    position:absolute;
}
nav .main_menu ul li{
    position: relative;
}
nav .main_menu ul li:hover ul li {
    display: block;
    width: 100%;
    margin: 0px;
    align-items: flex-start;
}

nav .main_menu ul li:hover ul li a {
    text-align: left;
    padding: 10px 20px;
    font-size: 13px;
    border-bottom: solid 1px #6fd56f;
}

nav .main_menu ul li ul li a:hover {
    background-color:var(--dark-color);
    color:#fff;
}
.top-header-next {
    background: #2FB317;
    height: 40px;
    line-height: 40px;
}
.top_nav, .top_nav1{
    list-style: none;
    flex-wrap:wrap;
}
.top_nav1 li {
    color: #fff;
    font-size: 13px;
    display: inline-block;
}
.top_nav1 li span, .top_nav li a {
    color: #f1f1f1;
    margin-left: 5px;
    font-family: 'Roboto';
}
.text-right ul.top_nav {
    justify-content: flex-end;
    position: relative;
    top: -3px;
}

.text-right ul.top_nav li a {
    padding: 0px;
}

.text-right ul.top_nav li.tbg a {
    background-color: green;
    padding: 4px 6px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 4px;
}

ul.top_nav {
    margin: 0px;
}

ul.top_nav li {
    padding: 0px;
    margin: 0px 6px;
}
.hero_text ._title h1
 {
    font-size: 25px;
    font-family: 'Poppins';
    color: #f1ffe2;
}

.hero_text .sub_title h2
 {
    font-size:45px;
    color:#ffff8e;
}

.hero_section:after {content: "";width: 100%;height: 100%;background-image: linear-gradient(to top, #003302, #001b0a);position: absolute;z-index: 2;left: 0px;right: 0px;margin: auto;opacity: 0.8;top: 0px;}
.hero_section{
    padding:100px 0px 100px 0px;
    width: 100%; 
    position: relative;
}
.hero_section .header_row1, .hero_section .container {
    z-index: 15;
    position: relative;
}
.hero_section .input-group .form-control
 {
    padding:15px 25px;
    font-family: 'Roboto';
    border-bottom-left-radius:15px;
    border-top-left-radius: 15px;
    border: solid 2px #28a745;
    color: #fff;
    background-color: transparent;
}
.hero_section .input-group button.btn {
    font-family: 'Roboto';
    padding: 0px 20px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
}
.text-lg p{
    font-size: 20px;
}
.hero_section .input-group .form-control::placeholder{
    color: #d7ffec;
}
    .card-lw {
        background: #663534;
    }
 
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
			z-index: 1;
			width: 40px;
			height: 40px;
			background-color: #ccc;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			transform: translatey(-50%);
            display: flex;
            align-items: center;
           justify-content: center;
}

		.owl-carousel .owl-nav .owl-prev {
			left: -10px;
		}

		.owl-carousel .owl-nav .owl-next {
			right: -10px;
		}

		.owl-carousel .owl-nav :hover {
			background-color: #aaa;
		}


		/****** */
		@keyframes blinker {
			50% {
				/* opacity: 0; */
				background-color: #60b85a;
			}
		}

		main {
			background: #f0efef;
			overflow-y: unset;
			height: 100% !important;
		}

		main.container-fluid {
			margin-top: 42px;
		}

		/* section-search */
		.section-search {
			background-image: url(/img/landing-top-banner.jpg), url(/img/landing-top-banner-bg-x.jpg);
			background-position: top center, top center;
			background-repeat: no-repeat, repeat-x;
			background-size: cover;
			position: relative;
			width: 100%;
			display: block;
			padding-bottom: 5vw;
		}

		.section-search>.container-fluid>.row {
			padding-top: 25px;
		}

		.section-search input,
		.section-search input:focus {
			background: #fff;
		}

		@media screen and (min-width: 1600px) {
			.fix-header {
				position: fixed;
				top: 0;
				width: 1600px;
				z-index: 500;
			}

			.fix-header header {
				width: 100%;
			}
		}

		@media screen and (max-width: 1599px) {
			.fix-header {
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 500;
			}

			.fix-header header {
				width: 100%;
			}
		}

		.footer-bg-image {
			background-image: url(/assets/img/footerimage2.jpg);
			background-position: center right;
			background-repeat: no-repeat;
		}

		.mb-n5 {
			margin-bottom: -70px;
		}

		.pt-n5 {
			padding-top: 70px;
		}

		.card:hover .image-box img {
			opacity: 0.4;
		}

	.container_foto {
        
    .card-body h5 a, .card-body h5 a:hover {
        text-transform: uppercase;
        color: #fff !important;
        letter-spacing: normal;
        font-weight: 500;
        font-family: 'Oswald';
        text-shadow: 1px 1px 1px #000;
    }

			.image-box {
				position: relative;
				-webkit-border-top-left-radius: 6px;
				-webkit-border-top-right-radius: 6px;
				-moz-border-radius-topleft: 6px;
				-moz-border-radius-topright: 6px;
				border-top-left-radius: 6px;
				border-top-right-radius: 6px;
			}

			.card-body article {
				position: absolute;
				width: 100%;
				top: -39%;
				margin-left: -15px;
			}

			.image-box img {
				-webkit-transition: all 1s ease;
				-moz-transition: all 15s ease;
				-o-transition: all 1s ease;
				-ms-transition: all 1s ease;
				transition: all 1s ease;
			}

			.card-body .icon-sec {
				padding: 0px;
				border:8px solid rgb(163 162 162 / 8%);
				overflow: hidden;
				width: 90px;
				height: 90px;
				position: absolute;
				left: 50%;
				margin-left: -40px;
				top: -45px;
				-webkit-box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
			}

			.card-se {
				background: #2C467A;
			}

			.card-he {
				background: #7a9b7a;
			}

			.card-re {
				background: #9a5759;
			}

			.card-cd {
				background: #588a98;
			}

			.card-ch {
				background: #9c9b59;
			}

			.card-nw {
				background: #505354;
			}

			.card-pt {
				background: #086364;
			}

			.card-lw {
				background: #663534;
			}
		}

		.card-body ul li a:hover,
		#domain-section .col a:hover {
			color: var(--bs-gray-600) !important;
		}

		#domain-section .card {
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		}

		#featured-contents .owl-carousel .card-body {
			padding: 10px;
		}

		@media screen and (max-width: 575px) {
			.section-search {
				background-image: none;
			}

			.section-search img {
				margin-top: -50px;
			}

			#domain-selector-section .owl-item {
				display: block !important;
			}

			#ndl-search-heading {
				text-align: center;
			}

			#ndl-search-heading img {
				margin: -2.5rem auto 0px;
			}

		}

		#domain-header {
			width: 300px;
			margin-top: -60px;
			background: #fff;
			text-align: center;
			padding: 10px 4px 0;
			line-height: 40px;
			-webkit-border-top-left-radius: 20px;
			-webkit-border-top-right-radius: 20px;
			-moz-border-radius-topleft: 20px;
			-moz-border-radius-topright: 20px;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}

		.blink_me {
			animation: blinker 1s linear infinite;
		}

		@keyframes blinker {
			50% {
				opacity: 50%;
			}
		}


section.who_we_are {
    background-color: #fff;
    position: relative;
}

section.who_we_are:after {
    content: "";
    background: radial-gradient(circle, rgb(175 170 169) 1px, transparent 2px);
    background-size: 20px 20px, 100% 100%;
    background-repeat: repeat, no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    opacity: 0.2;
}
section.who_we_are .container{
    position: relative;
    z-index: 2;
}
.image_container img {
    border-radius: 10px;
    border: solid 1px #ccc;
}
.main_menu ul li a:hover, .header_row.fixed_header .main_menu ul li a:hover{
    color:#1da77a;
}
.main_menu ul li a.theme_btn:hover, .header_row.fixed_header .main_menu ul li a.theme_btn:hover{
    color: #dffea8;
}
.header_row.fixed_header .logo img {
    width: 180px;
}
.header_row.fixed_header .main_menu ul li a.theme_btn{
    color:#fff;
}
.header_row.fixed_header .main_menu ul li a {
    color: #000;
}
.list__view .content .cart__action li.wishlist a, .list__view .content .cart__action li.compare a{
    align-items: center;
    justify-content: center;
    display: flex;
}
.list__view .content .cart__action li.wishlist a:hover, .list__view .content .cart__action li.compare a:hover{
    color:#fff;
}
.header.hero_section .header_row {
    position: relative;
    z-index: 90;
}


.top_header {
    background-color: #053317;
    color: #fff;
    padding: 10px 0px;
}
.top_menu ul {
    display: flex;
    padding: 0px;
    margin: 0px;
    margin-right: 15px;
}

.top_menu{
    display: flex;
}

.top_menu.top_right {
    justify-content: flex-end;
}

.top_header .top_left p {
    margin-bottom: 0px;
}

.top_menu ul li a {
    color: #fff;
}

.top_menu ul:last-child {
    margin-right: 0px;
}
header.main-header {
    padding: 0px 0px 15px 0px;
}
header.main-header .top_header{
    margin-bottom: 15px;
}
.top_menu ul li {
    margin: 0px 10px;
}

.top_menu ul li {
    font-size: 14px;
    display: block;
    font-family: 'Poppins';
}

.top_menu.top_right ul li:last-child {
    margin-right: 0px;
}

.top_menu.top_right ul li:first-child {
    margin-left: 0px;
}

.top_menu ul li i.fa-calendar {
    color: #b5ff76;
    margin-right: 6px;
}
.main_menu ul li:last-child a {
    padding-right: 0px;
    border-right: 0px;
}
.top_menu ul li span#datedisplay
 {
    margin-right: 10px;
}
.top_menu ul.sitemap li.tbg a {
    border: solid 1px #3a8f30;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #b5ff76;
}

.top_menu ul.sitemap li.tbg {
    margin: 0px 5px;
}

.top_menu ul.sitemap li.tbg a:hover {
    background-color: #b5ff76;
    color: #053317;
}
.hero_text .sub_title {
    margin-bottom: 25px;
}
.hero_section .hero_text {
    position: relative;
    padding-left: 25px;
}

.hero_section .hero_text:after {
    content: "";
    height: 97%;
    width: 6px;
    background-color: #28a745;
    position: absolute;
    top: 3px;
    left: 0px;
}
.dc-area{
    position: relative;
    background: #01583b;
    z-index: 1;
}
.dc-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/book_shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: -1;
}
.dc-img::before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: -15px;
    width: 100%;
    height: 100%;
    border: 5px solid #76bb39;
    border-radius: 30% 0 30% 30%;
}
.dc-img {
    position: relative;
    margin-left: 50px;
}
.dc-img img {
    border-radius: 30% 0 30% 30%;
    height: 400px;
    object-fit: cover;
}
.social{
    position: relative;
}
.social a {
    color: #fff;
    display: inline-block;
    margin: 0px 12px;
}

.social a:first-child {
    margin-left: 0px;
}
.text-warning p{
  color: #ffff8e;
}
 
.lists_style ul{
    list-style: none;
    position: relative;
    margin:0px;
    padding:0px;
}
.lists_style ul li {
    padding-left: 35px;
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
}
.lists_style ul li:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color:#7cb145;
    border-radius: 100px;
    left: 2px;
    top: 4px;
}
.lists_style ul li:after {
    content: "\f178";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-size: 14px;
    font-weight: 900;
    color: #e0fff1;
}
.bdr{
    width: 100%;
    height: 6px;
    background-color: green;
}
.container_foto .card-body ._text {
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.container_foto .card-body ._text .text_small {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

.container_foto .card-body ._text .text_big {
    font-size: 23px;
    line-height: 1;
    font-weight: 700;
    color:#053317;
}
.container_foto .image-box img
 {
    height: 170px;
    object-fit: cover;
}
 /* Container (styled input area) */
.hero_section .select2-container--default .select2-selection--single {
  height: 50px;
  border-radius: 10px;
  background-color: transparent;
  padding:10px 15px;
  border: 2px solid #28a745; /* Optional */
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.hero_section .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
}

/* Adjust the rendered text inside */
.hero_section .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 0 !important;
  color: #fff; /* Customize if needed */
}

/* Adjust the arrow position */
.hero_section .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 10px;
}
/* Dropdown menu background */
.hero_section .select2-container--default .select2-results__options {
  background-color: #053317;
}

/* Individual option items */
.hero_section .select2-container--default .select2-results__option {
  color: #ffffff; /* default text color in dropdown */
  padding: 10px;
}

/* Hovered/Highlighted item */
.hero_section .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ffffff; /* white background on hover */
  color: #053317; /* green text on hover */
}
.input-group_1 {
    display: flex;
    align-items: center;
}

.input-group_1 button.btn {
    width: 135px;
    margin-left: 15px;
    padding: 12px 0px;
    color: #b5ff76;
}
.input-group_1 button.btn span.text {
    color: #b5ff76;
}
.main_menu.menu_open {
    display: block;
    z-index: 100;
    margin-top: 70px;
}
.main_menu ul li.mob{
    display:none;
    margin-top: 10px;
}
.main_menu ul li a.theme_btn_outline{
    background-color: transparent !important;
    color: var(--primary-color) !important;
    padding: 8px 35px !important;
    border: solid 2px var(--primary-color);
}
.select2-container, .shop__list__wrapper .orderby__wrapper span{
    width: 100% !important;
}
.orderby__wrapper{
    width:100%;
}
.orderby__wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b{
    left:94%;
}
.shop__list__wrapper .shop__list {
    width: 100px;
}
.top_menu p {
    margin-bottom: 0px;
    margin-right: 15px;
}
.filter_text {
    display: flex;
    margin-bottom:20px;
    padding:8px 12px;
}

.filter_text > div {
    margin-right: 15px;
}
.hero_section.py-5 h1{
    font-size: 35px;
    font-weight: 300;   
}

Your Access Expired	Date. in : 23-06-2026
Regist : 09-12-2024	Expired : 01-12-2027