MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0755) :  /home2/imyrqtmy/public_html/vssvclinic/assets/css/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/vssvclinic/assets/css/style.css
/*--------------------- Copyright (c) 2021 --------------------------
    Template By: Landing Layouts
    Author: Team Landing Layouts
    Author URI: http://landinglayouts.com
    Version: 1.0
 ------------------------------------------------------------------- 
[Table of contents] 
1. body 
2. top header
3. main header
4. banner
5. top mediciene
6. why choose us
7. product
8. counter
9. trending product
10. testimonial
11. blog
12. footer
13. copyright
14. login model
15. feature
16. team
17. pricing
18. breadcrumb
19. cart
20. checkout
21. contact
--------------------------------------------------------------------*/
body{
	font-family: 'PT Sans', sans-serif;
	color: #242424;
	font-size: 16px;
	font-weight: 300;
    line-height: 26px;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Playfair Display', serif;
	color: #111111;
    font-size: 31px;
}
a{
	color: #242424;
	transition: 0.3s;
}
a:hover{
	text-decoration: none;
	color: #04582f;
}

.ll-header-call a{
    color: #fff;
}
.ll-foot-box p a{
color: #fff;
}
.ll-foot-box p a:hover{
    color: #fff;
    }
ul{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
.spacer-top{
    padding-top: 80px;
}
.spacer-bottom{
    padding-bottom: 80px;
}
.ll-heading {
    text-align: center;
    margin-bottom: 46px;
}
.ll-heading h1 {
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 25px;
}

.ll-heading h5 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 20px;
    color: #04582f;
}

.ll-heading img{
    opacity: 0.4;
}


.ll-btn{
    background: #04582f;
    color: #fff;
    padding: 0px 20px;
    min-width: 160px;
    height: 50px;
    line-height: 46px;
    border: none;
    border-radius: 50px;
    text-transform: capitalize;
    outline: none;
    text-align: center;
    cursor: pointer;
    border: 2px solid #04582f;
    transition: 0.3s;
    display: inline-block;
}
.ll-btn:hover{
    outline: none;
    background: #fff;
    color: #04582f;
}
.ll-btn:focus,.modal-header .close {
    outline: none;
}
input{
    width: 100%;
    height: 50px;
    padding:0px 20px;
    border: 1px solid #04582f;
    outline: none;
    border-radius: 50px;
}
ll-header-call-button a {
    color:#04582f;

}
 .ll-btn-button {
    margin-bottom: 7px;
    background: #ffffff;
    color: #04582f !important;
    padding: 1px 9px;
    min-width: 153px;
    height: 47px;
    /* margin-top: 14px; */
    line-height: 42px;
    border: none;
    border-radius: 50px;
    text-transform: capitalize;
    outline: none;
    text-align: center;
    cursor: pointer;
    border: 2px solid #04582f;
    transition: 0.3s;
    display: inline-block;
    margin-left: 80%;

}

.ll-header-call-button{
    text-align: end;
}

.submitForm{
    background: #ffffff;
    color: #04582f !important;
    padding: 8px 35px;
    border: none;
    border-radius: 50px;
    text-transform: capitalize;
    outline: none;
    text-align: center;
    cursor: pointer;
    border: 2px solid #04582f;
    transition: 0.3s;
    display: inline-block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* top header start */
.ll-top-header {
    height: 68px;
    display: flex;
    align-items: center;
	padding: 0 150px;
    background: #04582f;
}
.ll-top-header p {
    margin-top: 12px;

	margin-bottom: 0;
	font-size: 14px;
    color: white;
}
.ll-header-call {
    text-align: right;
}
.ll-header-call span {
    font-size: 12px;
    color: #04582f;
    font-weight: 600;
}


/* top header end */
/* main header start */
.ll-main-header {
    background: white;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 150px;
    z-index: 5;
    position: relative;
}

/* .ll-main-header {
    background: #04582f;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0 150px;
    z-index: 5;
    position: relative;
} */
.logo-width{
    width: 100px !important;
}
.ll-menu>ul>li, .ll-head-icon>ul>li{
	display: inline-block;
	margin-right: 20px;
	position: relative;
}
.ll-menu ul li:last-child,.ll-head-icon ul li:last-child{
	margin-right: 0px;
}
.ll-menu>ul>li>a {
    color: #0a0707;
    padding: 25px 0 26px;
}

/* .ll-menu>ul>li>a {
    color: #ffffff;
    padding: 25px 0 26px;
} */
.ll-menu ul li a{
    text-transform: capitalize;
} 
.ll-nav-bar {
    display: flex;
    align-items: center;
	justify-content: flex-end;
	padding-top: 28px;
    margin-left: -105px;
        fill: black;	
}

@media screen and (max-width:527px){
    .ll-nav-bar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-top: 28px;
        margin-left: -105px;
            fill: black;
    }
    }

.ll-head-icon {
    margin-left: 40px;
    
}
.ll-head-icon ul li svg {
    width: 16px;
    height: 16px;
    fill: black;
    cursor: pointer;
}
.ll-head-icon ul li span {
    background: #f0cbcb;
    min-width: 16px;
    height: 16px;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    border-radius: 100%;
    top: -2px;
    right: -12px;
	color: #04582f;
	cursor: pointer;
}
/* main header end */
/* banner start */
.ll-banner{
	padding:200px 0px 185px;
	background-image: url(../imgs/hero-img-01.webp);
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}
.ll-banner-text h4 {
    position: relative;
    padding-left: 30px;
	margin-bottom: 25px;
    font-size: 22px;
    z-index: 1;
    color: #fff;
    letter-spacing: 1px;
}
.ll-banner-text h4:after {
    position: absolute;
    top: -8px;
    left: 0;
    width: 90px;
    background: #04582f;
    content: '';
    bottom: -8px;
    z-index: -1;
}
.ll-banner-text h2 {
    font-size: 50px;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.ll-view-all {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
}
.ll-view-all:after {
    position: absolute;
    content: '';
    right: -40px;
    width: 10px;
    height: 10px;
    top: 9px;
    background: transparent;
    transform: rotate(45deg);
    border-top: 2px solid #04582f;
    border-right: 2px solid #04582f;
}
.ll-view-all:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    top: 13px;
    right: -39px;
    background: #04582f;
}
.ll-banner-text p {
    margin-bottom: 30px;
}
.ll-banner-text {
    animation: slideInFromRight 3s;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    transition: 0.3s;
	margin-bottom: 10px;
	outline: none;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #04582f;
    height: 20px;
	border-radius: 30px;
}
.swiper-button-next, .swiper-button-prev {
    background-image: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	background: #04582f;
    outline: none;
    border-radius:4px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.swiper-button-next:after{
	transform: rotate(45deg);
}
.swiper-button-prev:after {
    transform: rotate(-135deg);
}
.swiper-button-prev {
	left: 0px;
}
.swiper-button-next {
    right: 0;
}
/* banner end */
/* medicine start */
.ll-medicine-box {
    text-align: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px;
    transition: 0.3s;
    border-bottom: 3px solid transparent;
}
.ll-medicine-box h2 {
    font-size: 22px;
    margin: 20px 0 10px;
    text-transform: capitalize;
}
.ll-medicine-box p {
    margin:0px;
    padding-top: 10px;
}
.ll-medicine-box:hover{
    border-color:#04582f;
}
/* medicine end */
/* why start */
.ll-why,.ll-counter,.ll-tesimonial,.ll-why-pure,.ll-team-home{
    background: rgba(108, 170, 168, 0.1);
}
.ll-why-img {
    width: 380px;
    height: 380px;
    line-height: 380px;
    border: 1px dashed #04582f;
    border-radius: 100%;
    text-align: center;
}
.ll-why-ul ul li {
    font-size: 20px;
    margin-bottom: 60px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
}
.ll-why-ul ul li:last-child{
    margin-bottom: 0;
}
.ll-why-ul ul li:after {
    position: absolute;
    content: '';
    width: 145px;
    border: 0.5px dashed #04582f;
    top: 0;
    bottom: 0;
    height: 1px;
    margin: auto 0;
}
.ll-why-left ul li {
    text-align: right;
    padding-right: 150px;
}
.ll-why-right ul li {
    text-align: left;
    padding-left: 150px;
}
.ll-why-right ul li:after{
    left: 0;
}
.ll-why-left ul li:after {
    right: 0;
}
.ll-why-left ul li:first-child:after {
    transform: rotate(11deg) translate(70px, 0px);
}
.ll-why-left ul li:nth-child(2):after {
    transform: rotate(8deg) translate(13px, 10px);
}
.ll-why-left ul li:nth-child(4):after {
    transform: rotate(-8deg) translate(10px, -10px);
}
.ll-why-left ul li:last-child:after {
    transform: rotate(-14deg) translate(55px, -10px);
}
.ll-why-right ul li:first-child:after {
    transform:rotate(-11deg) translate(-62px, 10px);
}
.ll-why-right ul li:nth-child(2):after {
    transform: rotate(-8deg) translate(-15px, 10px);
}
.ll-why-right ul li:nth-child(3):after {
    transform: rotate(0deg);
}
.ll-why-right ul li:nth-child(4):after {
    transform: rotate(8deg) translate(-11px, -10px);
}
.ll-why-right ul li:last-child:after {
    transform: rotate(16deg) translate(-50px, -10px);
}
.ll-why-left ul li:first-child {
    padding-right: 85px;
}
.ll-why-left ul li:nth-child(2) {
    padding-right: 140px;
}
.ll-why-left ul li:nth-child(4) {
    padding-right: 145px;
}
.ll-why-left ul li:last-child {
    padding-right: 100px;
}
.ll-why-right ul li:first-child {
    padding-left: 95px;
}
.ll-why-right ul li:nth-child(2) {
    padding-left: 140px;
}
.ll-why-right ul li:nth-child(4) {
    padding-left: 145px;
}
.ll-why-right ul li:last-child {
    padding-left: 110px;
}
.ll-why-img img {
    width: 150px;
}
/* why end */
/* product start */
.ll-product-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 50px 30px 44px;
    text-align: center;
    position: relative;
    transition: 0.3s;
    margin-bottom: 30px;
}
.ll-trending-product .ll-heading {
    margin-bottom: 31px;
}
.ll-product-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.ll-product-content {
    padding-top: 30px;
}
.ll-product-content p {
    margin-bottom: 0;
    font-weight: 500;
    color: #04582f;
}
.ll-product-content p del {
    padding-right: 15px;
    font-weight: 400;
    color: #222;
}
p.ll-product-rating i {
    margin-right: 2px;
    font-size: 12px;
}
p.ll-product-rating {
    padding-bottom: 10px;
}
.ll-product-cart ul li svg{
    width: 16px;
    height: 16px;
    transition: 0.3s;
}
.ll-product-cart ul li {
    display: inline-block;
    margin: 0 5px;
}
.ll-product-cart ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #738d6c;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 4px;
}
.ll-product-cart ul li a:hover svg{
    fill:#738d6c;
}
.ll-product-cart {
    bottom: -25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.ll-product-box:hover .ll-product-cart{
    bottom: -15px;
    opacity: 1;
    visibility: visible;
}
.ll-product-box:hover,
.ll-blog-box:hover,
.ll-counter-box:hover,
.ll-medicine-box:hover{
    transform: translateY(-5px);
}
.ll-product,.ll-blog,.ll-why-pure,.ll-team,.ll-price-plan {
    padding-bottom: 50px;
}
/* product end */
/* counter start */
.ll-counter-box h1 {
    font-size: 35px;
    margin-bottom: 15px;
    display: inline-block;
}
.ll-counter-box span {
    font-size: 35px;
    font-weight: 600;
}
.ll-counter-box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px 30px 23px;
    transition: 0.3s;
}
.ll-counter-box p{
    margin-bottom: 0;
    font-weight: 400;
    text-transform: capitalize;
}
/* .ll-counter {
    margin-bottom: 180px;
} */
.ll-counter-main {
    margin-bottom: -180px;
}
.ll-counter-box svg {
    width: 50px;
    height: auto;
    fill: #04582f;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
}
/* counter end */
/* trending product start */
.ll-trending-product{
    position: relative;
}
.ll-trending-product .ll-product-box,.ll-related-product .ll-product-box {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
    margin: 15px;
}
/* trending product end */
/* testimonial start */
.ll-tesimonial-box {
    display: flex;
    max-width: 900px;
    justify-content: center;
    margin: auto;
    padding: 35px;
    align-items: center;
    position: relative;
}
.pas-testi-img {
    width: 300px;
    z-index: 1;
    position: relative;
}
.pas-testi-img img {
    border-radius: 10px;
}
.pas-testi-content {
    width: calc(100% - 300px);
    padding-left: 40px;
}
.pas-testi-content p {
    display: -webkit-box;	
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;	
	overflow: hidden;
}
.pas-testi-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.pas-testi-content .ll-view-all {
    font-size: 18px;
}
.pas-testi-content .ll-view-all:after {
    top: 6px;
}
.pas-testi-content .ll-view-all:before {
    width: 15px;
    top: 10px;
    right: -39px;
}
.ll-tesimonial-box:after {
    position: absolute;
    content: '';
    left: -8px;
    top: -2px;
    background-image: radial-gradient(#b6d2adeb 2px,transparent 2px);
    background-size: 20px 20px;
    width: 200px;
    bottom: -8px;
    z-index: 0;
}
.ll-tesimonial-button {
    width: 100px;
    right: 0;
    position: absolute;
    bottom: 53px;
}
.pas-testi-img:after {
    position: absolute;
    content: '';
    right: -90px;
    top: -35px;
    width: 150px;
    height: 150px;
    background: rgba(186, 213, 178, 0.12);
    z-index: -1;
    margin: auto;
    border-radius: 100%;
}
.pas-testi-img:before,.ll-about-img:before,.ll-services-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #04582f;
    z-index: -1;
    border-radius: 10px;
    transition: 0.3s;
}
.ll-tesimonial-box:hover .pas-testi-img:before,
.ll-about-img:hover:before,.ll-services-img:hover:before {
    top: -10px;
    left: -10px;
    bottom: 10px;
    right: 10px;
}
.ll-trending-product,.ll-product-single{
    padding-bottom: 65px;
}
.ll-services{
    padding-bottom: 63px;
}
/* testimonial end */
/* blog start */
.ll-blog-box {
    border: 1px solid #eee;
    border-radius: 10px;
    transition: 0.3s;
    margin-bottom: 30px;
}
.ll-blog-box img {
    border-radius: 10px 10px 0px 0px;
}
.ll-blog-category {
    color: #04582f;
    font-size: 14px;
    text-transform: capitalize;
}
.ll-blog-title{
    padding: 16px 25px 17px;
}
.ll-blog-box h2 {
    font-size: 20px;
    margin: 5px 0px;
    line-height: 26px;
}
.ll-blog-date{
    font-size: 14px;
}
.ll-blog-view {
    padding: 10px 25px;
    border-top: 1px solid #eee;
}
.ll-blog-view ul{
    margin: 0;
    padding: 0;
}
.ll-blog-view ul li {
    display: inline-block;
    padding-right: 15px;
}
.ll-blog-view ul li a{
    font-size: 14px;
}
.ll-blog-view ul li a i {
    padding-right: 5px;
}
.ll-blog-page {
    padding-bottom: 75px;
}
/* blog end */
/* footer start */
.ll-footer {
    background-color: #162c10;
    background-size: cover;
    padding: 72px 0 42px;
}
.ll-foot-box img,.ll-foot-box{
    margin-bottom: 30px;
}
.ll-foot-box p,.ll-foot-box a{
    color: #fff;
}
.ll-foot-box a:hover{
    color: #04582f;
}
.ll-foot-title {
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
}
.ll-foot-box ul li {
    margin-bottom: 10px;
}
.ll-foot-box ul li:last-child,.ll-foot-box p {
    margin-bottom: 0px;
}
.ll-newsletter {
    position: relative;
    margin-bottom: 25px;
}
.ll-newsletter .ll-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    line-height: 36px;
}
.ll-newsletter input {
    padding-right: 170px;
    border: none;
}
/* footer end */
/* copyright start */
.ll-copyright p, .ll-copyright p a {
    margin: 0;
    color: #fff;
}
.ll-copyright {
    background: #04582f;
    padding: 12px 0;
    text-align: center;
}
/* copyright end */
/* breadcrumb start */
.ll-breadcrumb {
    padding: 91px 0 93px;
    background: linear-gradient(45deg,rgba(0, 0, 0, 0.56),rgba(0, 0, 0, 0.56) ), url(../imgs/inner-page-banner.webp);
    background-size: cover;
}
.ll-breadcrumb-box {
    text-align: center;
}
.ll-breadcrumb-box ul li {
    display: inline-block;
    padding-right: 30px;
    position: relative;
    color: #fff;
    text-transform: capitalize;
}
.ll-breadcrumb-box ul li:last-child {
    padding: 0;
}
.ll-breadcrumb-box h1 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
}
.ll-breadcrumb-box ul li a{
    color: #fff;
}
.ll-breadcrumb-box ul li:after {
    position: absolute;
    right: 10px;
    top: 4px;
    content: '';
    width: 8px;
    height: 8px;
    background: rgba(255, 0, 0, 0);
    border-top: 7px double #04582f;
    border-right: 7px double #04582f;
    transform: rotate(45deg);
    bottom: 0;
    margin: auto;
}
.ll-breadcrumb-box ul li:last-child:after{
    display: none;
}
/* breadcrumb end */
/* about start */
.ll-about-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.ll-about-img {
    position: relative;
    width: fit-content;
}
.ll-about-img img {
    border-radius: 10px;
}
.ll-about-content .ll-heading,.ll-services-content .ll-heading,.ll-why-pure .ll-heading{
    text-align: left;
    margin-bottom: 25px;
}
.ll-about-content .ll-heading h1 {
    margin-top: 10px;
}
.ll-about-content p:last-child {
    margin: 0;
}
/* about end */
/* team start */
.ps-team-box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding-bottom: 13px;
    margin-bottom: 30px;
}
.ps-team-box h2 {
    font-size: 20px;
    margin: 12px 0 5px;
    text-transform: capitalize;
}
.ps-team-box p {
    margin-bottom: 0;
    text-transform: capitalize;
}
.ps-team-box img {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
}
.ll-team-social li {
    display: inline-block;
    margin-right: 10px;
}
.ll-team-social li a {
    width: 28px;
    height: 28px;
    display: block;
    border: 1px solid #04582f;
    border-radius: 4px;
    line-height: 25px;
    transition: 0.3s;
}
.ll-team-social {
    background: #fff;
    padding: 20px 0 0 0;
    margin: 0px 20px 0;
    z-index: 1;
    position: relative;
    border-radius: 4px 4px 0px 0px;
    transition: 0.3s;
}
.ll-team-social li a:hover{
    background: #04582f;
    transform: translateY(-3px);
}
.ps-team-box:hover .ll-team-social{
    margin: -20px 20px 0;
}
.ll-team-social li a:hover svg{
    fill: #fff;
}
.ll-team-social li svg {
    fill: #04582f;
    width: 14px;
}
.ll-team-social li:last-child {
    margin: 0;
}
/* team end */
/* shop start */
.ll-sidebar-title {
    font-size: 25px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.ll-widget ul li {
    margin-bottom: 15px;
    position: relative;
}
.ll-widget ul li:last-child{
    margin-bottom: 0;
}
.ll-product-sidebar {
    padding: 30px 30px 25px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.ll-widget {
    border-bottom: 1px solid #eee;
    margin-bottom: 22px;
    padding-bottom: 30px;
}
.ll-widget:last-child{
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.ll-widget.ll-search .ll-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    min-width: 100px;
    height: 40px;
    line-height: 36px;
}
.ll-widget.ll-search {
    position: relative;
}
.ll-widget.ll-search input {
    padding-right: 110px;
}
.ll-widget ul li span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #04582f;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 2px;
}
.ll-widget.ll-tag ul li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}
.ll-widget.ll-tag ul li a {
    border: 1px solid #04582f;
    padding: 0px 10px;
    min-height: 35px;
    display: block;
    line-height: 35px;
    border-radius: 4px;
    text-transform: capitalize;
}
.ll-product-widget ul li {
    display: flex;
    margin-bottom: 20px;
}
.ll-product-widget .ll-pro-wid-img {
    width: 70px;
}
.ll-product-widget .ll-pro-wid-content {
    width: calc(100% - 70px);
    padding-left: 15px;
}
.ll-pro-wid-content h4 {
    font-size: 16px;
    margin-bottom: 6px;
}
.ll-pro-wid-content p {
    margin-bottom: 0;
}
.ll-pro-wid-img img {
    border: 1px solid #04582f;
    padding: 5px;
    border-radius: 4px;
}
.ll-widget.ll-shop-category {
    padding-bottom: 27px;
}
/* shop end */
/* pricing plans start */
.ll-plan-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 42px 30px 50px;
    text-align: center;
    border-bottom: 3px solid #04582f;
    position: relative;
    transform: translate(0px, 37px);
    transition: 0.3s;
    margin-bottom: 30px;
}
.ll-plan-box.ll-popular-plan {
    padding-top: 88px;
    transform: translate(0px, 0px);
}
.ll-popular-plan .ll-plan-title {
    margin-bottom: 0;
}
.ll-plan-box:hover{
    transform: translateY(27px);
}
.ll-plan-box.ll-popular-plan:hover {
    transform: translateY(-5px);
}
.ll-plan-title {
    font-size: 25px;
    text-transform: capitalize;
}
.ll-plan-price {
    font-size: 50px;
    margin-bottom: 0px;
    color: #04582f;
}
.ll-plan-price span {
    font-size: 25px;
}
.ll-plan-price p {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0;
}
.ll-plan-box ul li {
    margin-bottom: 15px;
    text-transform: capitalize;
}
.ll-plan-box ul li:last-child {
    margin-bottom: 0;
}
.ll-plan-box ul {
    margin: 36px 0 40px;
    padding: 33px 0;
    border-top: 2px dashed #eee;
    border-bottom: 2px dashed #eee;
}
.ll-plan-offer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #04582f;
    margin: 0;
    padding: 10px;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.ll-popular-plan .ll-plan-price {
    font-size: 80px;
}
/* pricing plans end */
/* services start */
.ll-services-img {
    position: relative;
}
.ll-services-img img{
    border-radius: 10px;
    width: 100%;
}
.ll-services-icon svg {
    width: 40px;
    height: 40px;
    fill: #04582f;
}
.ll-services-content ul{
    column-count: 2;
}
.ll-services-content ul li {
    display: flex;
    margin-bottom: 20px;
}
.ll-services-content ul li:last-child{
    margin-bottom: 0;
}
.ll-services-icon {
    width: 50px;
}
.ll-services-data {
    width: calc(100% - 50px);
    padding-left: 15px;
}
.ll-services-data h2 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 6px;
}
.ll-services-data p {
    margin-bottom: 0;
}
/* services end */
/* blog single start */
.ll-blog-single .ll-blog-box{
    transform: translateY(0);
}
.ll-blog-title p {
    margin: 10px 0 0;
}
.ll-blog-user {
    display: flex;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 4px;
    margin-top: 43px;
}
.ll-blog-user-img {
    width: 100px;
}
.ll-blog-user-content {
    width: calc(100% - 100px);
    padding-left: 20px;
}
.ll-blog-user-content p {
    margin-bottom: 0;
}
.ll-blog-user-content h2 {
    font-size: 20px;
    margin-bottom: 8px;
}
.ll-blog-user-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.ll-blog-comnt {
    margin: 42px 0 0;
}
.ll-cmnt-title {
    font-size: 25px;
    margin-bottom: 30px;
}
.ll-blog-comnt ul .ll-cmnt-box {
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.ll-blog-comnt ul li p {
    margin-bottom: 0;
}
.ll-cmnt-img {
    width: 100px;
}
.ll-cmnt-content {
    width: calc(100% - 100px);
    padding-left: 20px;
}
.ll-cmnt-content h3 {
    font-size: 20px;
    margin-bottom: 8px;
    display: inline-block;
}
.ll-cmnt-content p span {
    padding-right: 20px;
    position: relative;
    font-size: 14px;
    color: #04582f;
}
.ll-cmnt-content p span:after {
    position: absolute;
    content: '';
    right: 10px;
    top: 2px;
    background: #04582f;
    width: 1px;
    height: 14px;
}
.ll-cmnt-content p span:last-child:after {
    display: none;
}
.ll-cmnt-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.ll-blog-comnt>ul>li:last-child .ll-cmnt-box {
    margin-bottom: 0;
}
.ll-blog-comnt ul li ul {
    margin-left: 50px;
}
.ll-cmnt-form input,
.ll-cmnt-form textarea,
.ll-contact-form input,
.ll-contact-form textarea {
    margin-bottom: 15px;
}
.ll-cmnt-form {
    margin-top: 50px;
}
.ll-cmnt-form textarea,.ll-contact-form textarea {
    width: 100%;
    height: 200px;
    padding: 10px 20px;
    border: 1px solid #04582f;
    outline: none;
    border-radius: 10px;
    resize: none;
}
/* blog single end */
/* contact start */
.ll-contact-detail{
    padding-bottom: 50px;
}
.ll-contact-map iframe {
    width: 100%;
    height: 600px;
    border: none;
    border-radius: 10px;
    filter: grayscale(1);
}
.ll-contact-form {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 30px;
    border-radius: 10px;
    transform: translate(-130px, 36px);
    z-index: 1;
    position: relative;
    background: #fff;
}
.ll-contact-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 25px 30px 23px;
    border-radius: 10px;
    transition: 0.3s;
    margin-bottom: 30px;
}
.ll-contact-box:hover{
    transform: translateY(-5px);
}
.ll-contact-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.ll-contact-box p {
    margin-bottom: 0px;
}
.response {
    position: fixed;
    bottom: 45px;
    right: 40px;
    color: #f44336;
}
.response p {
    transform: translate(10px, 0px);
    margin: 0;
}
.ll-contact{
    padding-bottom: 73px;
}
/* contact end */
/* product single start */
.ll-prod-thumb-img {
    text-align: center;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 10px;
}
.ll-prod-title {
    font-size: 25px;
    margin-bottom: 15px;
}
.ll-prod-category,.ll-prod-price {
    color: #04582f;
}
.ll-prod-category{
    display: block;
    margin-bottom: 4px;
}
.ll-prod-category span,.ll-prod-price span {
    color: #222;
    padding-right: 5px;
}
.ll-prod-price span {
    font-size: 16px;
    font-weight: 400;
}
.ll-prod-price {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}
.ll-prod-count {
    display: flex;
    margin: 10px 0 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    align-items: center;
}
.ll-prod-count .ll-cart-quantity {
    margin-right: 20px;
}
.ll-prod-content ul li svg {
    width: 18px;
    fill: #04582f;
    margin-right: 10px;
    height: 18px;
}
.ll-prod-content ul li {
    margin-bottom: 5px;
}
.ll-prod-content ul {
    margin-top: 15px;
}
.ll-rating i {
    font-size: 14px;
    color: #04582f;
}
.ll-related-product .ll-heading {
    text-align: left;
    margin-bottom: 0;
    margin-top: 18px;
}
.ll-prod-price span.ll-offer-price {
    padding-left: 10px;
    color: #04582f;
}
/* product single end */
/* cart start */
.ll-cart-box table,.ll-bill-detail table {
    width: 100%;
}
.ll-cart-img img {
    width: 70px;
}
.ll-cart-box table th {
    padding: 12px 20px 13px;
    text-transform: capitalize;
}
.ll-cart-box table td {
    padding: 20px;
    text-transform: capitalize;
    border: 1px solid #eee;
}
.ll-cart-box table th,.ll-bill-detail table th {
    background: #04582f;
    color: #fff;
}
.ll-cart-box table th {
    border-right: 1px solid #eee;
}
.ll-cart-box table td {
    border-top: none;
    max-width: 250px;
}
.ll-cart-quantity button {
    width: 25px;
    height: 25px;
    border: 1px solid #04582f;
    border-radius: 4px;
    background: #fff;
    position: relative;
    outline: none;
    transition: 0.3s;
}
.ll-cart-quantity button:hover{
    background: #04582f;
}
.ll-cart-quantity button:hover:after,
.ll-cart-quantity button:hover:before{
    background: #fff;
}
.ll-cart-quantity button:after,
.ll-cart-quantity button:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #04582f;
    margin: auto;
    width: 8px;
    height: 2px;
    transition: 0.3s;
}
.ll-cart-quantity button.ll-add:before{
    width: 2px;
    height: 8px;
}
.ll-cart-quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.ll-cart-quantity input {
    width: 50px;
    border-radius: 25px;
    height: 35px;
    margin: auto 4px;
    padding: 0 5px;
    text-align: center;
    line-height: 35px;
}
td.ll-cart-update,td.ll-cart-total,table.ll-garnd-total td:first-child {
    text-align: right;
}
.ll-cart-box p {
    margin: 0;
}
td.ll-cart-total-price p {
    font-size: 18px;
    font-weight: 600;
    color: #04582f;
}
.ll-garnd-total p span:first-child {
    font-size: 20px;
}
.ll-garnd-total {
    text-align: right;
}
.ll-garnd-total p span:last-child {
    min-width: 143px;
    display: inline-block;
    text-align: left;
    color: #04582f;
}
.ll-garnd-total p span{
    padding: 15px 20px;
    font-weight: 600;
}
.ll-garnd-total .ll-btn {
    margin-top: 20px;
}
.ll-garnd-total p {
    border: 1px solid #eee;
    border-top: 0;
}
.ll-cart-box table th:first-child,.ll-bill-detail table th:first-child {
    border-radius: 10px 0px 0px 0px;
}
.ll-cart-box table th:last-child,.ll-bill-detail table th:last-child {
    border-radius: 0px 10px 0px 0px;
    border: none;
}
.ll-garnd-total p:nth-child(3) {
    border-radius: 0px 0px 10px 10px;
}
/* cart end */
/* checkout start */
.ll-checkout{
    padding-top: 76px;
}
.ll-bill-form label {
    display: flex;
    margin-bottom: 12px;
}
.ll-bill-form label:last-child{
    margin-bottom: 0;
}
label.ll-bill-title,p.ll-bill-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 40px;
}
.ll-bill-form label span {
    min-width: 120px;
}
.ll-bill-detail table th{
    padding: 12px 20px 13px;
    text-transform: capitalize;
    border-right: 1px solid #eee;
}
.ll-bill-detail table td {
    padding: 15px 20px;
    text-transform: capitalize;
    border: 1px solid #eee;
}
.ll-checkout-total td{
    font-size: 20px;
    font-weight: 600;
}
.ll-checkout-total td:last-child {
    color: #04582f;
}
.ll-place-order-btn {
    text-align: right;
    margin-top: 30px;
}
/* checkout end */
/*Loader Css start*/
.ll-preloader {
	background-color: #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.ll-ellipsis {
	margin: 0 auto;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 64px;
	text-align: center;
	z-index: 9999;
}
.ll-ellipsis span {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #04582f;
	-webkit-animation: ball-pulse-sync 1s 0s infinite ease-in-out;
	animation: ball-pulse-sync 1s 0s infinite ease-in-out;
}
.ll-ellipsis span:nth-child(1) {
	-webkit-animation:ball-pulse-sync 1s -.14s infinite ease-in-out;
	animation:ball-pulse-sync 1s -.14s infinite ease-in-out
}
.ll-ellipsis span:nth-child(2) {
	-webkit-animation:ball-pulse-sync 1s -70ms infinite ease-in-out;
	animation:ball-pulse-sync 1s -70ms infinite ease-in-out
}
@-webkit-keyframes ball-pulse-sync {
	33% {
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
 }
	66% {
		-webkit-transform:translateY(-10px);
		transform:translateY(-10px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes ball-pulse-sync {
	33% {
		-webkit-transform:translateY(10px);
		transform:translateY(10px)
	}
	66% {
		-webkit-transform:translateY(-10px);
		transform:translateY(-10px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
/*Loader Css end*/

/* index two start */
/* banner2 start */
.ll-banner-two {
    padding:89px 180px 184px;
    position: relative;
}
.ll-banner-two:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 600px;
    content: '';
    background: #04582f;
    z-index: -1;
    animation: 2s slideInFromRight;
}

@keyframes slideInFromRight {
    0% {
      transform: translateX(+100%);
    }
    50% {
      transform: translateX(-5%);
    }
    100% {
        transform: translateX(0);
      }
}
.ll-banner-two-text h2 {
    font-size: 60px;
    margin: 20px 0 30px;
}
.ll-banner-two-text h4 {
    margin-bottom: 0;
    color: #04582f;
    font-size: 22px;
}
.ll-banner-two-text p{
    margin-bottom: 30px;
}
.ll-banner-two-img {
    background: #fff;
    z-index: 0;
    position: relative;
    border-radius: 100%;
    width: 620px;
    height: 620px;
    text-align: center;
    line-height: 620px;
    animation:banner_popup 1s ;
}
@keyframes banner_popup {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.ll-banner-two-img img {
    width: 450px;
}
.ll-banner-two .row{
    align-items: center;
}
.ll-banner-two-text {
    position: relative;
    margin-top: 47px;
}
.ll-banner-two-text:after {
    position: absolute;
    background-image: radial-gradient(#04582f1a 3px,transparent 3px);
    background-size: 30px 30px;
    content: '';
    width: 300px;
    left: -60px;
    top: -60px;
    bottom: -70px;
    z-index: -1;
    animation: 3s slideInFromLeft;
}
@keyframes slideInFromLeft {
    0% {
      transform: translateY(-100%);
    }
    50% {
        transform: translateY(10%);
      }
    100% {
      transform: translateY(0);
    }
}
.ll-fixed-cart SVG {
    width: 40px;
    fill: #04582f;
}
.ll-fixed-cart {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 100%;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    animation: pa_cart 1s infinite alternate;
    cursor: pointer;
    z-index: 1;
}
.ll-fixed-cart span {
    background: #04582f;
    min-width: 20px;
    height: 20px;
    position: absolute;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    border-radius: 100%;
    top: 0px;
    right: 0px;
    color: #ffffff;
    cursor: pointer;
    border: 1px solid #fff;
}
@keyframes pa_cart{
    0%{
        transform: translateY(5px)
    }
    30%{
        transform: translateY(-3px)
    }
    70%{
        transform: translateY(3px)
    }
    100%{
        transform: translateY(0px)
    }
}
.ll-fixed-cart:hover {
    animation: none;
}
/* banner2 end */
/* header2 start */
.ll-main-header.ll-header-two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 1;
}
.ll-menu-two {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #04582f;
    z-index: 9;
    text-align: center;
    transition: 1s;
    height: 0;
    border-radius: 0% 0% 100% 100%;
    visibility: hidden;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    overflow-x: auto;
}
.ll-open-menu .ll-menu-two {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    opacity: 1;
    visibility: visible;
}
.ll-menu-two ul li {
    margin:0px auto 35px;
    width: fit-content;
}
.ll-menu-two ul li a {
    font-size: 35px;
    color: #fff;
    text-transform: capitalize;
}
.ll-menu-two>ul {
    margin-top: 100px;
    visibility: hidden;
    opacity: 0;
}
.ll-open-menu .ll-menu-two>ul {
    opacity: 1;
    visibility: visible;
    transition: 1.5s;
    transition-delay: 1s;
}
ul.ll-submenu-two {
    margin-top: 30px;
}
.ll-menu-two ul li.ll-menu-tow-child {
    position: relative;
}
.ll-menu-two ul li.ll-menu-tow-child:after {
    position: absolute;
    content: '';
    right: -50px;
    top: 10px;
    border-left: 10px solid #fff;
    border-top: 10px solid rgba(0, 0, 255, 0);
    transform: rotate(-45deg);
    cursor: pointer;
}
.ll-submenu-two{
    display: none;
}
.ll-toggle-nav2 {
    margin-left: 10px;
    vertical-align: middle;
    z-index: 10;
    position: relative;
    cursor: pointer
}
.ll-toggle-nav2 span {
    display: block;
    width: 18px;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    transition: 0.3s;
}
.ll-toggle-nav2 span:nth-child(3){
    margin-bottom: 0px;
}
.ll-open-menu .ll-toggle-nav2 span:nth-child(1) {
    transform: translate(1px, 6px) rotate(-48deg);
}
.ll-open-menu .ll-toggle-nav2 span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
}
.ll-open-menu .ll-toggle-nav2 span:nth-child(3) {
    transform: translate(1px, -6px) rotate(48deg);
}
.ll-toggle-nav2, .ll-head-icon>ul {
    display: inline-block;
}
.ll-header-two .ll-head-icon {
    text-align: right;
}
.ll-open-menu .ll-toggle-nav2 {
    position: fixed;
    top: 20px;
}
/* header2 end */
/* feature start */
.ll-feature ul li svg {
    width: 50px;
    fill: #04582f;
}
.ll-feature ul {
    text-align: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    padding: 50px 10px 43px;
    border-radius: 10px;
    margin-top: -95px;
    background: #fff;
}
.ll-feature ul li {
    display: inline-block;
    width: 16%;
    border-right: 1px solid #eee;
    vertical-align: top;
}
.ll-feature ul li:last-child {
    border: none;
}
.ll-feature ul li a {
    font-size: 18px;
    margin-top: 20px;
    display: block;
    font-weight: 600;
}
.ll-feature ul li:hover svg{
    animation: pa_blink 0.7s;
}
@keyframes pa_blink{
    0%{
        transform: scale(0.9)
    }
    50%{
        transform: scale(1.2)
    }
    100%{
        transform: scale(1)
    }
}
/* feature end */
/* product two start */
.ll-product-two .ll-product-box {
    box-shadow: none;
    border: 1px dashed #04582f;
}
/* product two end */
/* why pure start */
.ll-why-pure-shape ul li svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    fill: #04582f;
}
.ll-why-pure-shape ul li {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(231, 245, 245);
    border-radius: 10px;
    padding: 30px 30px 23px;
    margin-bottom: 30px;
    display: inline-block;
    text-align: center;
    transition: 0.3s;
}
.ll-why-pure-shape ul li:hover {
    transform: translate(0px, -5px);
}
.ll-why-pure-shape ul li:nth-child(3) {
    margin-top: 30px;
}
.ll-why-pure-shape ul {
    column-count: 2;
    column-gap: 30px;
}
.ll-why-pure-shape ul li p {
    margin: 0;
}
.ll-why-pure-shape ul li h3 {
    font-size: 20px;
    margin: 15px 0;
    text-transform: capitalize;
}
.ll-why-pure-content .ll-btn {
    margin-top: 20px;
}
/* why pure end */
/* footer start */
.ll-footer-two {
    background: linear-gradient(45deg,rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7) ), url(https://via.placeholder.com/1920x375);
    background-size: cover;
    padding: 72px 0 42px;
}
/* footer end */
/* blog start */
.ll-blog-view.ll-blog-two-view {
    border-top: 0px;
    border-bottom: 1px solid #eee;
}
/* blog end */
/* index two end */

/* index three start */
/* banner start */
.ll-banner-three {
    position: relative;
    overflow: hidden;
    background: #04582f;
}
.ll-banner-three-text {
    padding: 80px 0px 94px 150px;
    position: relative;
}
.ll-banner-three .col-lg-5 {
    align-items: center;
    display: flex;
}
.ll-banner-three-text:after {
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    background: #74afad;
    border-radius: 63% 37% 50% 50%/70% 68% 32% 30%;
    top: 30px;
    left: 0;
    z-index: 0;
    animation: rotate_shape 2s alternate infinite;
}
@keyframes rotate_shape {
    0%{
        border-radius: 63% 47% 60% 60%/80% 78% 42% 40%;
        transform:rotate(20deg);
    }
    100%{
    	border-radius: 60% 37% 50% 50%/70% 68% 32% 30%;
    }
}
.ll-banner-three-img {
    text-align: right;
    padding: 80px 150px 80px 0;
    z-index: 1;
    position: relative;
}
.ll-banner-three-text h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
    color: #fff;
}
.ll-banner-search .ll-btn {
    position: absolute;
    right: 5px;
    height: 40px;
    line-height: 36px;
    top: 5px;
    min-width: 120px;
}
.ll-banner-search {
    position: relative;
    margin-top: 30px;
    z-index: 1;
}
.ll-banner-search input {
    padding-right: 130px;
}
.ll-banner-three-text p {
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    color: #fff;
}
.ll-banner-three:after {
    position: absolute;
    top: -200px;
    right: -20px;
    width: 650px;
    height: 850px;
    background: #74afad;
    content: '';
    border-radius: 100px 100px 100px 50px;
    transform: rotate(81deg) skew(0deg, -12deg);
    z-index: 0;
    animation: banner_move_two 8s linear alternate infinite;
}
@keyframes banner_move_two {
    0%, 100% {
      transform: rotate(81deg) skew(0deg, -12deg) translateY(1px);
    }
    50% {
      transform: rotate(81deg) skew(0deg, -12deg) translate(10px,-30px);
    }
  }
.ll-banner-three .col-md-5 {
    display: flex;
    align-items: center;
}
/* banner end */
/* header start */
.ll-main-header.ll-head-three {
    background: #ffffff;
}
.ll-head-three .ll-menu>ul>li>a {
    color: #111;
}
.ll-head-three .ll-head-icon ul li svg {
    fill: #04582f;
}
.ll-head-three .ll-head-icon ul li span {
    background: #04582f;
    color: #ffffff;
}
/* header end */
/* blog start */
.ll-blog-widget {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.ll-blog-widget:last-child {
   border: none;
   padding: 0;
   margin-bottom: 22px;
}
.ll-blog-widget .ll-blog-title {
    padding: 0 0 0 20px;
    width: calc(100% - 100px);
}
.ll-blog-wimg {
    width: 100px;
}
.ll-blog-widget h2 {
    font-size: 18px;
    line-height: 24px;
}
.ll-blog-wimg img{
    border-radius: 10px;
}
/* blog end */
/* medi icon start */
.ll-medi-icon svg {
    width: 50px;
    height: 50px;
    fill: #04582f;
}
.ll-medi-icon {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    line-height: 100px;
    border-radius: 100%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    display: inline-block;
}
/* medi icon end */
/* footer start */
.ll-footer-three {
    background: url(../images/banner-shape.html)#04582f;
    background-size: cover;
    padding: 72px 0 42px;
    background-position: center;
}
.ll-copyright.ll-copyright-two {
    background: #589a98;
}
/* footer end */
/* index three end */
/* profile start */
.ll-profile-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px;
    max-width: 600px;
    margin: auto;
}
.ll-profile-img {
    margin-bottom: 22px;
    display: flex;
}
.ll-profile-img img {
    border-radius: 100%;
    width: 92px;
    height: 92px;
    object-fit: cover;
    margin-left: 91px;
}
.ll-profile-data ul li {
    display: flex;
    margin-bottom: 22px;
    border-bottom: 1px solid #eee;
    padding-bottom: 23px;
}
.ll-profile-data ul li p {
    flex: 1;
    margin-bottom: 0;
}
.ll-profile-data .ll-btn {
    margin-top: 10px;
}
.ll-profile-data ul li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}
.ll-profile-userimg{
    width: 100px;
    position: relative;
}
.ll-profile-name-box {
    width: calc(100% - 100px);
    padding-left: 30px;
}
.ll-profile-svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.ll-profile-svg svg {
    width: 25px;
    height: 25px;
    fill: #ffffff;
    z-index: 1;
    cursor: pointer;
    transition: 0.3s;
}
.ll-profile-svg input {
    width: 105px;
    z-index: 2;
    opacity: 0;
    transform: translate(0px, -30px);
    cursor: pointer;
    height: 145px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ll-profile-userimg:hover .ll-profile-svg {
    opacity: 1;
    visibility: visible;
}
.ll-profile-svg:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(108, 170, 168, 0.84);
    border-radius: 100%;
}
.ll-profile-name,.ll-edit-model .modal-title{
    /* font-size: 20px; */
    font-size: 20px;
    margin-top: 39px;
    text-align: center;
}
.ll-profile-name span {
    padding-left: 12px;
    font-weight: 600;
    color: #04582f;
}
.ll-profile-name-box p {
    margin-bottom: 0px;
}
.ll-edit-model ul li {
    display: flex;
    margin-bottom: 20px;
}
.ll-edit-model ul li:last-child{
    margin-bottom: 0;
}
.ll-edit-model ul li p {
    width: 280px;
}
.ll-edit-model ul li textarea {
    width: 100%;
    height: 90px;
    padding: 10px 20px;
    border: 1px solid #04582f;
    outline: none;
    border-radius: 10px;
    resize: none;
    line-height: normal;
}
.ll-edit-model .modal-body {
    padding: 30px;
}
.ll-edit-model {
    border-radius: 10px;
}
.ll-edit-model .modal-footer {
    padding: 26px;
}
.ll-edit-model .modal-header {
    padding: 22px 30px 23px;
}
/* profile end */
/* login start */
.ll-login-close {
    position: absolute;
    top: -10px;
    right: -10px;
    opacity: 1;
    z-index: 5;
    outline: none;
}
.ll-login-close span{
    background: #04582f;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 1400%;
    line-height: 30px;
    color: #fff;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover{
    opacity: 1;
    outline: none;
}
.ll-login-form input {
    margin-bottom: 20px;
}
.ll-login-title {
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.ll-login-model .modal-body {
    padding: 41px 50px 50px;
}
.ll-login-model form {
    margin-bottom: 0;
}
.ll-remember input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin-bottom: 0;
}
.ll-remember .s_checkbox {
    position: absolute;
    top: 4px;
    left: 0;
    border: 1px solid rgb(233, 237, 250);
    border-radius: 4px;
    background-color: rgb(248, 249, 253);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.04);
    width: 17px;
    height: 17px;
}
.ll-remember {
    margin: 15px 0px 27px;
    position: relative;
}
.ll-remember .s_checkbox:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #04582f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ll-remember input:checked ~ .s_checkbox:after {
    display: block;
}
.ll-remember .s_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.ll-remember label {
    padding-left: 30px;
    cursor: pointer;
}
.ll-login-btn{
    position: relative;
}
.ll-forgot-password,.ll-login-btn p{
    position: absolute;
    right: 0;
    top: 0;
}
.ll-login-btn p {
    margin-bottom: 0px;
    bottom: 0;
    display: flex;
    align-items: center;
}
.ll-login-btn p a{
    color: #04582f;
    padding-left: 5px;
    font-weight: 600;
}
.ll-login-model .modal-content{
    border: none;
    border-radius: 10px;
}
.modal.ll-login-model {
    overflow-y: auto;
}
/* login end */
/* responsive start */
@media screen and (max-width:1399px){
    .ll-main-header,.ll-top-header {
        padding: 0 100px;
    }
    .ll-banner-two {
        padding: 89px 80px 184px;
    }
    .ll-banner-two-img {
        width: 488px;
        height: 488px;
        line-height: 488px;
    }
    .ll-banner-two-img img {
        width: 330px;
    }
    .ll-banner-two:after {
        width: 450px;
    }
    .ll-banner-three-text {
        padding: 65px 0px 79px 100px;
    }
    .ll-banner-three-img {
        padding: 80px 100px 80px 0;
    }


  
}
@media screen and (max-width:1199px){
    .ll-main-header,.ll-top-header {
        padding: 0 80px;
    }
    .ll-banner {
        padding: 88px 0px 75px;
    }
    .ll-why-img {
        width: 320px;
        height: 320px;
        line-height: 320px;
        margin-top: 15px;
    }
    .ll-why-ul ul li {
        margin-bottom: 53px;
    }
    .ll-banner-two-img {
        width: 450px;
        height: 450px;
        line-height: 450px;
    }
    .ll-banner-two-img img {
        width: 330px;
    }
    .ll-banner-two:after {
        width: 300px;
    }
    .ll-banner-two-text h2 {
        font-size: 36px;
    }
    .ll-banner-three-text h1 {
        font-size: 35px;
        line-height: 45px;
    }
}
@media screen and (min-width:992px){
    ul.ll-submenu {
        background: #fff;
        padding: 15px 20px;
        position: absolute;
        top: 49px;
        left: 0;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.11);
        min-width: 120px;
        border-radius: 0px 0px 5px 5px;
        max-width: 200px;
        width: max-content;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        transform: translateX(15px);
        z-index: 1;
    }
    ul.ll-submenu li:last-child {
        margin-bottom: 0;
    }
    ul.ll-submenu li {
        margin-bottom: 5px;
    }
    li.ll-menu-child:hover ul.ll-submenu{
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }
    .ll-menu>ul>li:last-child ul.ll-submenu{
        left: auto;
        right: 0;
    }
}
@media screen and (max-width:991px){

    .close-toggle{
        display: block !important;
        padding: 8px;
        text-align: right;
    }
    .ll-main-header,.ll-top-header {
        padding: 0;
    }
    .ll-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -270px;
        width: 260px;
        background: #fff;
        z-index: 9;
        transition: 0.3s;
    }
    .ll-menu>ul li {
        display: block;
        margin: 0;
        border-bottom: 1px solid #eee;
    }
    .ll-menu>ul>li a {
        color: #222;
        padding: 10px 15px;
        display: block;
    }
    ul.ll-submenu li {
        padding-left: 20px;
    }
    .ll-menu>ul li:last-child {
        border-bottom: 0;
    }
    ul.ll-submenu li:first-child {
        border-top: 1px solid #eee;
    }
    .ll-submenu,.ll-banner-two:after,.ll-why-ul ul li:after,.ll-banner-three-text:after{
        display: none;
    }
    .ll-toggle-nav{
        margin-left: 10px;
        vertical-align: middle;
    }
    .ll-toggle-nav span {
        display: block;
        width: 18px;
        height: 2px;
        background: #000;
        margin-bottom: 4px;
        transition: 0.3s;
        fill: black;
    }
    .logo-width {
    width: 64px !important;
}
.ll-main-header {
    height: initial;
    padding: 10px 0;
}
    .ll-toggle-nav span:nth-child(3),.col-md-6:last-child .ll-medicine-box{
        margin-bottom: 0px;
    }
    .ll-open-menu .ll-toggle-nav span:nth-child(1) {
        transform: translate(1px, 6px) rotate(-48deg);
    }
    .ll-open-menu .ll-toggle-nav span:nth-child(2) {
        opacity: 0;
        visibility: hidden;
    }
    .ll-open-menu .ll-toggle-nav span:nth-child(3) {
        transform: translate(1px, -6px) rotate(48deg);
    }
    .ll-toggle-nav, .ll-head-icon>ul {
        display: inline-block;
    }
    .ll-open-menu .ll-menu{
        left: 0;
        border-color:black;
    }
    .ll-banner {
        background-position: right;
    }
    .ll-medicine-box,.ll-blog-widget:last-child,.ll-about-img {
        margin-bottom: 30px;
    }
    .ll-why-img {
        width: 210px;
        height: 210px;
        line-height: 210px;
        margin-top: 30px;
    }
    .ll-why-img img {
        width: 100px;
    }
    .ll-why-ul ul li,
    .ll-why-left ul li:first-child,
    .ll-why-left ul li:nth-child(2),
    .ll-why-left ul li:nth-child(4),
    .ll-why-left ul li:last-child,
    .ll-why-right ul li:first-child,
    .ll-why-right ul li:nth-child(2),
    .ll-why-right ul li:nth-child(4),
    .ll-why-right ul li:last-child {
        padding: 0;
    }
    .ll-why .pr-0,.ll-why .p-0{
        padding-right: 15px!important;
    }
    .ll-why .pl-0,.ll-why .p-0{
        padding-left: 15px!important;
    }
    .ll-why-left ul li{
        text-align: left;
    }
    .ll-why-right ul li {
        text-align: right;
    }
    .ll-why-ul ul li {
        margin-bottom: 35px;
    }
    .ll-counter-box p {
        line-height: normal;
    }
    .ll-counter.spacer-bottom {
        padding-bottom: 50px;
    }
    .ll-counter-main {
        margin-bottom: 0;
    }
    .ll-counter-box {
        margin-bottom: 30px;
        padding: 30px 30px 26px;
    }
    .ll-counter{
        margin-bottom: 80px;
    }
    .ll-nav-bar {
        padding-top: 8px;
        
        
    }
    .ll-toggle-nav2 span,.ll-head-three .ll-toggle-nav span {
        background: #04582f;
    }
    .ll-header-two .ll-head-icon ul li svg {
        fill: #04582f;
    }
    .ll-banner-two-img {
        border: 1px dashed #04582f;
        background: transparent;
    }
    .ll-banner-two-text {
        margin: 42px 0 80px;
    }
    .ll-feature ul {
        margin-top: 0;
        padding-bottom: 13px;
    }
    .ll-banner-two {
        padding: 86px 0px 80px;
    }
    .ll-banner-two-text:after {
        background-size: 24px 24px;
        width: 200px;
        left: -20px;
        top: -30px;
        bottom: -30px;
    }
    .ll-why-pure-shape,.ll-product-sidebar,.ll-services-content,.ll-blog-sidebar {
        margin-top: 30px;
    }
    .ll-feature ul li {
        width: 32%;
        margin-bottom: 30px;
    }
    .ll-feature ul li:nth-child(3){
        border: none;
    }
    .ll-open-menu .ll-toggle-nav2 span {
        background: #ec0707;
    }
    .ll-open-menu .ll-toggle-nav2 {
        right: 20px;
    }
    .ll-menu-two ul li a {
        font-size: 25px;
    }
    .ll-menu-two ul li.ll-menu-tow-child:after {
        top: 5px;
        border-left-width: 8px;
        border-top-width: 8px;
    }
    .ll-banner-three-text {
        padding: 0px;
    }
    .ll-banner-three-img {
        padding: 0px;
        text-align: center;
    }
    .ll-banner-three {
        padding: 80px 0;
    }
    .ll-plan-box {
        transform: translate(0px);
    }
    .ll-popular-plan .ll-plan-price {
        font-size: 50px;
    }
    .ll-plan-box:hover {
        transform: translateY(-5px);
    }
    .ll-about {
        padding-bottom: 73px;
    }
    .ll-why {
        padding-bottom: 74px;
    }
    .ll-product-single .ll-product-sidebar {
        margin-top: 15px;
    }
    .ll-blog-single {
        padding-bottom: 55px;
    }
    .ll-garnd-total p span:last-child {
        min-width: 90px;
    }
    .ll-bill-form {
        margin-bottom: 46px;
    }
    label.ll-bill-title {
        margin-bottom: 28px;
    }
    p.ll-bill-title{
        margin-bottom: 36px;
    }
    .ll-contact-form {
        transform: translate(-60px, 36px);
    }
}
@media screen and (max-width:767px){
    .ll-header-address, .ll-header-call {
        text-align: center;
    }
    .ll-top-header {
        margin: 5px 0;
        height: auto;
    }   
    .ll-banner {
        padding: 68px 0px 53px;
    }
    .ll-blog-box img {
        width: 100%;
    }
    .pas-testi-content {
        width: calc(100% - 200px);
    }
    .pas-testi-img {
        width: 200px;
    }
    .ll-counter-box h1,.ll-counter-box span {
        font-size: 25px;
    }
    .ll-counter{
        margin-bottom: 60px;
    }
    .spacer-bottom, .ll-product-single,.ll-contact {
        padding-bottom: 60px;
    }
    .spacer-top {
        padding-top: 60px;
    }
    .ll-why .col-md-4:nth-child(2) {
        order: -1;
    }
    .ll-why-img {
        margin: 0 auto 30px;
    }
    .ll-product, .ll-blog, .ll-why-pure,
    .ll-counter.spacer-bottom,.ll-team,.ll-price-plan {
        padding-bottom: 30px;
    }
    .ll-trending-product{
        padding-bottom: 45px;
    }
    .ll-services {
        padding-bottom: 53px;
    }
    .ll-footer,.ll-footer-two,.ll-footer-three {
        padding: 52px 0 23px;
    }
    .ll-why {
        padding-bottom: 54px;
    }
    .ll-feature ul li {
        width: 49%;
    }
    .ll-feature ul li:nth-child(2),.ll-feature ul li:nth-child(4) {
        border: none;
    }
    .ll-feature ul li:nth-child(3) {
        border-right: 1px solid #eee;
    }
    .ll-banner-two-text:after{
        display: none;
    }
    .ll-banner-two {
        padding: 65px 0px 60px;
    }
    .ll-banner-two-text {
        margin: 42px 0 50px;
    }
    .ll-feature ul {
        padding: 40px 10px 3px;
    }
    .ll-foot-title,.ll-foot-box img {
        margin-bottom: 20px;
    }
    .ll-login-title {
        font-size: 25px;
    }
    .ll-banner-three {
        padding: 48px 0 60px;
    }
    .ll-banner-three-text {
        margin-bottom: 50px;
    }
    .ll-about {
        padding-bottom: 53px;
    }
    .ll-breadcrumb {
        padding: 71px 0 73px;
    }
    .ll-blog-page {
        padding-bottom: 55px;
    }
    .ll-prod-count {
        margin: 23px 0 22px;
    }
    .ll-cart-box table td {
        max-width: 100%;
        border: none;
        border-bottom: 1px solid #eee;
    }
    .ll-cart-box table td:last-child,.ll-cart-box table thead tr,.ll-bill-detail table td,.ll-bill-detail table td:last-child,.ll-cart-box table th,.ll-cart-box table th:last-child{
        border: none;
    }
    .ll-cart-box table tr,.ll-bill-detail table tr {
       
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-radius: 10px;
    }
    .ll-cart-box table th:first-child, .ll-bill-detail table th:first-child{
        border-radius: 10px 10px 0px 0px;
    }
    td.ll-cart-update, td.ll-cart-total, table.ll-garnd-total td:first-child,.ll-garnd-total {
        text-align: left;
    }
    .ll-garnd-total p:first-child {
        border-top: 1px solid #eee;
        border-radius: 10px 10px 0px 0px;
    }
    .ll-cart-box table th:last-child, .ll-bill-detail table th:last-child {
        border-radius: 0px 0px 10px 10px;
    }
    .ll-cart-box table th, .ll-bill-detail table th,.ll-bill-detail table td {
        border-bottom: 1px solid #eee;
    }
    .ll-bill-detail table th{
        border-right:none ;
    }
    .ll-place-order-btn {
        text-align: left;
        margin-top: 10px;
    }
    .ll-checkout {
        padding-top: 56px;
    }
    .ll-contact-detail{
        padding-bottom: 30px;
    }
    .ll-contact-form {
        transform: translate(0px, 0px);
        margin-top: 30px;
    }
}    
@media screen and (max-width:575px){
    .ll-why-right ul li, .ll-why-left ul li {
        text-align: center;
        border-bottom: 1px solid #e5ecec;
        padding-bottom: 20px!important;
        margin-bottom: 20px;
        
    
    
    }
    
    .banner_caption h3 {
    color: #fff;
    font-size: 30px !important;
    font-weight: 600;
}
    .ll-why-right ul li:last-child{
        border-bottom: none;
        padding-bottom: 0px!important;
    }
    .ll-why-right ul {
        margin-top: 30px;
    }
    .ll-tesimonial-box {
        padding: 0 15px;
        display: block;
    }
    .pas-testi-content {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
    .ll-tesimonial-box:after,.pas-testi-img:after{
        display: none;
    }
    .ll-tesimonial-button {
        right: 15px;
        bottom: 18px;
    }
    .pas-testi-content p{
        margin-bottom: 2rem;
    }
    .swiper-button-prev {
        left: 5px;
    }
    .swiper-button-next {
        right: 5px;
    }
    .ll-newsletter input {
        padding-right: 145px;
    }
    .ll-newsletter .ll-btn{
        padding: 0px 15px;
        min-width: 135px;
    }
    .ll-login-btn p {
        position: unset;
        padding-top: 10px;
        display: block;
    }
    .ll-forgot-password {
        position: unset;
        padding-left: 30px;
        display: block;
    }
    .ll-login-model .modal-body {
        padding: 21px 30px 30px;
    }
    .ll-remember {
        margin: 5px 0px 17px;
    }
    .ll-login-close {
        top: -5px;
        right: -5px;
    }
    .ll-feature ul li a {
        font-size: 16px;
        font-weight: 400;
    }
    .ll-banner-two-img {
        width: auto;
        height: auto;
        line-height: unset;
        padding: 60px;
    }
    .ll-banner-two-img img {
        width: 100%;
    }
    .ll-fixed-cart {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .ll-fixed-cart SVG {
        width: 30px;
    }
    .ll-copyright p, .ll-copyright p a {
        line-height: normal;
    }
    .ll-menu-two ul li a {
        font-size: 20px;
    }
    .ll-blog-wimg {
        width: 70px;
    }
    .ll-blog-widget .ll-blog-title {
        width: calc(100% - 70px);
    }
    .ll-services-content ul {
        column-count: 1;
    }
    .ll-prod-content {
        margin-top: 22px;
    }
}
@media screen and (max-width:480px){
    .ll-banner-text h2 {
        font-size: 36px;
    }
    .ll-why-pure-shape ul {
        column-count: 1;
        column-gap: 0;
    }
    .ll-why-pure-shape ul li:nth-child(3) {
        margin-top: 0;
    }
    .ll-blog-widget:last-child {
        margin-bottom: 22px;
    }
    .ll-blog-comnt ul .ll-cmnt-box,.ll-bill-form label,.ll-profile-data ul li,.ll-profile-img,.ll-edit-model ul li,.ll-blog-user {
        display: block;
    }
    .ll-cmnt-content,.ll-profile-name-box,.ll-blog-user-content {
        padding: 0;
        margin-top: 15px;
        width: 100%;
    }
    .ll-blog-comnt ul li ul {
        margin-left: 20px;
    }
    .ll-bill-form label span {
        margin-bottom: 10px;
        display: block;
    }
  
}
/* responsive end */

.ll-menu.active{
    left:0;
}

.close-toggle{
    display: none;
}

.close-toggle.active .ll-menu{
    left: -500px !important;
}





/* whats App Button  */

/* <style type="text/css"> */
.icon-bar {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1024;
}
.icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}
.twitter {
    background: green;
    color: white;
}
.facebook {
    background: #54be73;
    color: white;
}
.google {
    background: #005c97;
    color: white;
}
.trin-trin
{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

.trin-trinw
{
    animation: wiggle 1.5s linear infinite;
}

@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

/* end whats App */


 
.user-dropdown {

   position: relative;
    
}
.user-dropdown:hover .child-user{
    opacity: 1;
    visibility: visible;
}

.child-user {
    background: white;
    width: max-content;
    position: absolute;
    left: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    border-top: 2px solid #04582f;
    top: 37px;
}

.child-user a{
    border-bottom:1px dashed #50dc98;
}

.child-user a:hover{
    color: #04582f;
}

.child-user a {
    display: block;
    color: gray;
    padding: 10px;

}




.carousel-inner .item{
    position: relative;
    width: 100%;
    height: 520px;
}

.carousel-inner .item img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.banner_caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(45deg, rgb(0 0 0 / 58%), #000000ab);
    padding: 0 66px;
    text-align: center;
}

.banner_caption h3{
    color: #fff;
    font-size: 52px;
    font-weight: 600;
}

.banner_caption p{
    color: #fff;
    font-size: 18px;
}

@media (max-width:1200px) {
    .ll-top-header{
        height: initial;
    padding: 12px 0;
    }
}
@media (max-width:769px) {
    .carousel-inner .item {
        height: 222px;
          /*height: 586px;*/
          width: 100%;
        
        
    }
}

@media (max-width:308px) {
    .carousel-inner .item {
        height: 336px;
          width: 596px;
    } 
}



.success-body {
    text-align: center;
}

.success-body img{
    width: 105px;
    height: initial !important;
}

.success-body h6{
    font-size: 20px;
    margin-top: 26px;
}

.modal-footer{
    justify-content: center;
}


@media screen and (max-width:410px){
    .banner_caption h3{
        color: #fff;
        font-size: 40px;
        font-weight: 600;
    }
}

@media screen and (max-width:344px){
    .banner_caption h3{
        color: #fff;
        font-size: 38px;
        font-weight: 600;
    }
}

@media screen and (max-width:333px){
    .banner_caption h3{
           color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-right: 250px;
    }
}

@media screen and (max-width:308px){
    .banner_caption h3{
               color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-right: 250px;
    }
        
    }
    


@media screen and (max-width:290px){
    .banner_caption h3{
        color: #fff;
        font-size: 29px;
        font-weight: 600;
    }
}

.table-heading{
    padding-left: 180px;
    padding-bottom: 37px;
    padding-top: 19px;
    font-weight: bold;
    font-size: 20px;

    /* padding-left: 180px; 
    padding-bottom: 40px;  
    padding-top: 33px;
    font-weight: bold; */
}

@media  (max-width:525px){
    .table-heading{
        padding-left: 18px;
    padding-bottom: 20px;
    padding-top: 73px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    }

    .table td, .table th {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        display: block;
    }

    .footer-table{
        display: flex;
    flex-direction: column;
    }
}





/* @media screen and (max-width:529px){
.ll-nav-bar {
    display: flex;
    align-items: center;
	justify-content: flex-end;
	padding-top: 28px;
    margin-left: -1px;
        fill: black;
}
} */

MMCT - 2023