:root {
    --black: #2a2a2a;
    --textclr: #555555;
    --primary: rgb(34, 147, 235);
    --primary50: rgba(34, 147, 235, 0.5);
    --primary20: rgba(34, 147, 235, 0.2);
    --primary10: rgba(34, 147, 235, 0.1);
    --second: #4fb757;
    --second50: rgba(243, 56, 56, 0.5);
    --second20: rgba(243, 56, 56, 0.2);
    --second10: rgba(243, 56, 56, 0.1);
    --white: #f0f9ff;
    --gradient: linear-gradient(120deg, #f33838 0%, #2293eb 100%);
    --grad1: linear-gradient(120deg, #ff595e 0%, #d70006 100%);
    --grad2: linear-gradient(120deg, #ff924c 0%, #cc5000 100%);
    --grad3: linear-gradient(120deg, #ffca3a 0%, #cb7a00 100%);
    --grad4: linear-gradient(120deg, #8ac926 0%, #5a9300 100%);
    --grad5: linear-gradient(120deg, #1982c4 0%, #005a93 100%);
    --grad6: linear-gradient(120deg, #6a4c93 0%, #370082 100%);
    --trans30: all 0.3s ease;
    --font12: 0.75rem;
    --font13: 0.813rem;
    --font14: 0.875rem;
    --font16: 1rem;
    --font18: 1.125rem;
    --font20: 1.25rem;
    --font28: 1.75rem;
    --font30: 1.875rem;
    --font32: 2rem;
}
html {
    scroll-behavior: smooth;
}
body {
    font-size: var(--font16);
    font-family: "Montserrat", serif;
    color: var(--black);
    font-weight: 500;
    background-color: #fefefe;
}
.mal {
    font-family: "Noto Sans Malayalam", sans-serif;
}
a {
    color: var(--black);
    text-decoration: none !important;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
p {
    color: var(--textclr);
    font-size: 0.95rem;
}
/* h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
} */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--primary);
}
ul {
    padding-left: 0px;
    list-style-type: none;
    margin: 0;
}
img {
    display: block;
    max-width: 100%;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}

@media (min-width: 1366px) {
    .cmpad {
        max-width: 1460px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 50px;
        padding-right: 50px;
        width: 100%;
    }
}

.cmtop {
    padding-top: 120px !important;
}

@media (max-width: 1366px) {
    .cmpad {
        padding-left: 80px;
        padding-right: 80px;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .cmpad {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    .cmpad {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cmtop {
        padding-top: 90px !important;
    }
}
@media (max-width: 575px) {
    html {
        font-size: 90%;
    }
    .cmtop {
        padding-top: 80px !important;
    }
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 6px;
    }
    ::-webkit-scrollbar-track {
        background-color: #333;
    }
    ::-webkit-scrollbar-thumb {
        background-color: var(--second);
        background: linear-gradient(120deg, #4d9953 0%, #1a71b5 100%);
        background-size: 100%;
        /* border-radius: 8px; */
    }
    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(120deg, #4d9953 0%, #1a71b5 100%);
        background-size: 200%;
    }
}

.custscroll::-webkit-scrollbar,
.custscroll::-webkit-scrollbar-thumb {
    /* border-radius: 13px; */
    width: 6px;
    height: 6px;
    background-clip: padding-box;
    background: transparent;
}
.custscroll::-webkit-scrollbar-track {
    background: transparent;
}
.custscroll:hover::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.custscroll::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

.custscrollA::-webkit-scrollbar {
    /* border-radius: 13px; */
    width: 6px;
    height: 6px;
    background-clip: padding-box;
    background: rgb(0 0 0 / 5%);
}
.custscrollA::-webkit-scrollbar-track {
    background: transparent;
}
.custscrollA::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /* border-radius: 6px; */
}
.custscrollA::-webkit-scrollbar-thumb:hover {
    background-color: #999;
}

.btn-group {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 10px;
}
.btn-group .btn {
    flex: none;
}
.btn {
    padding: 10px 20px;
    min-height: 44px;
    font-size: 0.9rem;
    font-weight: 500;
    min-width: 44px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    background-color: transparent;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.btn-lg {
    padding: 12px 25px;
}

.btn-gradient {
    background-color: var(--primary);
    background: var(--gradient);
    color: #fff;
    background-size: 100%;
}
.btn-gradient:hover {
    background-size: 250%;
    box-shadow: 4px 6px 20px rgb(35 159 95 / 40%);
}
.btn-gradient img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.btn-primary {
    background-color: #327c3c;
    /* border: 1px solid #4d9953; */
    color: var(--white);
}
.btn-primary:hover {
    background-color: #449d50;
}
.btn-secondary {
    background-color: var(--second);
    border: 1px solid var(--second);
    color: var(--white);
}
.btn-white {
    background-color: #fff;
    color: var(--black);
    border: 1px solid #eee;
}
.btn-secondary:hover,
.btn-white:hover {
    background-color: var(--primary);
    color: #fff;
}
.btn-outline {
    color: var(--black);
    border: 1px solid var(--black);
    background-color: transparent;
}
.btn-outline:hover {
    background-color: #437e48;
    border: 1px solid #437e48;
    color: white;
}
.btn-secondary:hover img,
.btn-white:hover img,
.btn-outline:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    color: #fff;
}

.btn .break {
    display: flex;
    flex-direction: column;
}
.btn .small {
    font-size: var(--font12);
    line-height: normal;
    font-weight: 500;
}

.redbtn {
    background-color: var(--second);
    color: var(--white);
    background-size: 100%;
}
.bluebtn {
    background-color: var(--primary);
    color: var(--white);
    background-size: 100%;
}
.bluebtn:hover,
.redbtn:hover {
    background-size: 250%;
}
.rounded {
    border-radius: 50% !important;
}
.new {
    background-color: #e79500;
    background: linear-gradient(120deg, #e79500 0%, #e7066c 100%);
    font-size: var(--font12);
    color: var(--white);
    border-radius: 4px;
    padding: 2px 6px;
    display: inline-flex;
    margin-right: 6px;
}

.font12 {
    font-size: var(--font12) !important;
}
.font13 {
    font-size: var(--font13) !important;
}
.font14 {
    font-size: var(--font14) !important;
}
.font16 {
    font-size: var(--font16) !important;
}
.font18 {
    font-size: var(--font18) !important;
}

.social {
    display: flex;
    flex-flow: wrap;
    gap: 5px;
}
.social a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #4d9953;
}

.social a:hover {
    background-color: #437e48;
    background-image: #437e48;
}
.social a img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.morebtn {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #4d9953;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.83rem;
    font-weight: 600;
}
.morebtn:after {
    content: "";
    display: flex;
    width: 16px;
    height: 12px;
    background-image: url(../img/icons/arr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.morebtn:hover:after {
    animation: moveRight 1s infinite;
}

h2.mainhead {
    font-size: var(--font30);
}
h2.mainhead span {
    font-weight: 800;
}
.bighead {
    font-size: 2.5rem;
}
.caption {
    font-size: var(--font18);
}

.posrel {
    position: relative !important;
}

.regular {
    font-weight: 400 !important;
}
.semibold {
    font-weight: 600 !important;
}
.bold {
    font-weight: 700 !important;
}
.green {
    color: var(--primary);
}

.headcol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.headcol * {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    font-weight: 600;
}

.textgrad {
    color: var(--white);
    background: var(--primary);
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes moveRight {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    50% {
        transform: translateX(5px);
        -webkit-transform: translateX(5px);
    }
    100% {
        transform: translate(0px);
        -webkit-transform: translate(0px);
    }
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

/*PULSE*/
@keyframes pulse {
    from {
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(0.25, 0.25, 0.25);
        transform: scale3d(0.25, 0.25, 0.25);
    }
}

@keyframes pulsemd {
    from {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(360deg) scale(0.75);
    }
    to {
        transform: rotate(0deg) scale(1);
    }
}

.animate_pulse {
    animation: pulse 10s infinite;
}
.animate_pulsemd {
    animation: pulsemd 10s infinite;
}
.animate_rotate {
    animation: rotate 15s infinite;
}

/*::::::::::::::::ELEMENT:::::::::::::::::*/
.element {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.element.bottom {
    bottom: 0;
}
.element.left {
    left: 0;
}
.element.right {
    right: 0;
}
.element.top {
    top: 0;
}
.element.middle {
    top: 50%;
}
.element.center {
    left: 50%;
}

@media (max-width: 575px) {
    .element.round {
        width: 200px;
        height: 200px;
    }
}

#particles-js {
    position: fixed;
    z-index: -1;
    opacity: 0.15;
    width: 100%;
    height: 100%;
}

/*---------------------------------------*/
/*::::::::::::::::HEADER:::::::::::::::::*/
/*---------------------------------------*/
header {
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    background-color: rgb(77 153 83 / 5%);
}
header.active {
    background-color: rgb(255 255 255 / 80%);
    backdrop-filter: blur(5px);
    box-shadow: 0 3px 20px #0000000f;
}
header .headmain {
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    padding: 10px 0;
    gap: 15px;
}

header .headmain .logocol {
    width: auto;
    height: 70px;
    transition: all 0.3s ease;
}
header.active .headmain .logocol {
   height: 55px;
}
header.active .headmain .logocol img{
   height: 55px;

}
header .headmain .logocol a {
    /* padding: 15px; */
    /* display: flex;
  background-color: rgb(255 255 255 / 10%);
  border: 1px solid rgb(255 255 255 / 15%);
  border-radius: .5rem;
  position: relative;
  top: 10px;
  backdrop-filter: blur(5px); */
}
header.active .headmain .logocol a {
    top: 0;
    border-color: transparent;
    border-radius: 0;
}
header .headmain .logocol img {
    height: 70px;
    width: 100%;
object-fit: contain;
    /* width: 100%;
  transition: all .3s ease;
  height: 100%;
  object-fit: contain; */
}

header .headmain .menucol {
    flex: 1 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
}
header .menucen {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.menuend {
    display: flex;
    gap: 10px;
    align-items: center;
}
.menuend .search {
    background: #ffffff33;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
    padding: 10px;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.3s ease;
}
.menuend .search:hover {
    background: #127028;
}
.menuend .search img {
    opacity: 0.9;
}

header a.mainli {
    color: #333;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    height: 40px;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
}

header a.mainli:after {
    content: "";
    position: absolute;
    width: 0;
    height: 5px;
    background-color: var(--second);
    border-radius: 2px;
    top: -19px;
    transition: all 0.3s ease;
    left: 0;
    right: 0;
    margin: auto;
}
header.active a.mainli:after {
    top: -13px;
}
header a.mainli:hover:after {
    width: 100%;
}
.dropdown:hover a.mainli:after {
    width: 100%;
}

header .menubtn {
    background: rgb(77 153 83 / 100%);
    border: none;
    /* padding: 8px; */
    border-radius: 5px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
}
header .menubtn img{
    filter: brightness(0) invert(1);
}

.dropdown {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}
.dropdown-content {
    display: none; /* Hidden by default */
    position: absolute;
    background-color: white;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: -15px;
    /* overflow: hidden; */
    border-radius: 5px;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards; /* Keeps the final animation state */
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        transform: translateY(-20px); /* Start slightly above */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* End at its normal position */
    }
}

/* Hover effect to trigger dropdown */
.dropdown:hover .dropdown-content {
    display: block; /* Show dropdown */
    animation-name: fadeDown;
}
.dropdown:hover .dropdown-content {
    display: block;
    transition: all 0.3s ease;
}
.dropdown-content a {
    font-size: 0.8rem;
    color: #343434;
    padding: 10px 15px;
    display: flex;
    transition: all 0.3s ease;
    font-weight: 500;
    border-radius: 2px;
}

.dropdown-content a:hover,
.dropdown-content ul li:hover > a {
    color: var(--primary);
    background-color: rgb(34 147 235 / 10%);
}

.dropdown-content ul li {
    position: relative;
}

.dropdown-content ul.submenu {
    position: absolute;
    z-index: 9;
    top: 0;
    background-color: #ffffff;
    right: -185px;
    border-radius: 5px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.dropdown-content li:hover ul.submenu {
    opacity: 1;
}

.flexVcenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.text-right {
    text-align: right;
}

.h-auto .swiper-slide {
    height: auto;
}

/*::::::::::::::::SIDEMENU:::::::::::::::::*/

.sidebar {
    width: 350px;
    max-width: calc(100% - 1rem);
    height: 100vh;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: rgb(255 255 255 / 96%);
    backdrop-filter: blur(2px);
    padding: 1rem;
    transform: translateX(calc(100%));
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
    padding-right: 0;
}
.sidebar.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    box-shadow: -15px 5px 20px rgb(0 0 0 / 10%);
}
.bgoverlay {
    content: "";
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    cursor: zoom-out;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.bgoverlay.active {
    opacity: 0.75;
    visibility: visible;
}

.sidebar .sidecont {
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
    padding-right: 10px;
}
.sidebar .head {
    font-weight: 600;
    color: var(--black);
    font-size: 1.2rem;
}
.sidebar .iconcard .icon {
    background-color: transparent;
    box-shadow: none;
}
.sidebar .sidelist {
    display: flex;
    flex-direction: column;
    font-size: var(--font14);
    gap: 0.5rem;
}
.sidelogo {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.sidebar .sidelist a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    color: var(--textclr);
    border-radius: 0.5rem;
    background: #fff;
}
.sidebar .sidelist a:hover {
    color: #1a71b5;
}
.sidebar .sidelist a .icon img {
    filter: brightness(0) opacity(0.3);
    -webkit-filter: brightness(0) opacity(0.3);
}
.sidebar .sidelist a:hover .icon img {
    filter: brightness(0) opacity(0.75);
    -webkit-filter: brightness(0) opacity(0.75);
}

.sidebar .sidelist .toggle-arrow {
    position: absolute;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../img/icons/angledown.svg);
    background-size: contain;
    display: block;
    opacity: 0.25;
    transition: transform 0.3s ease-in-out;
}
.sidelist li.open > a .toggle-arrow {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.sidebar .mobidrop {
    display: none;
    background: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
    padding-top: 0.5rem;
    margin-top: -0.5rem;
}
.sidebar .sidelist li.open > .mobidrop {
    display: block;
}

.closebtn {
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid rgb(78 153 84);
    background-color: rgb(77 153 83);
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.closebtn img{
    filter: brightness(0) invert(1);
}

/*---------------------------------------*/
/*::::::::::::::::SLIDER:::::::::::::::::*/
/*---------------------------------------*/

.slider {
    position: relative;
    width: 100%;
    height: 100vh;
}
.slider-con {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    /* align-items: flex-start; */
    flex-flow: column;
    justify-content: center;
    padding-top: 5rem;
    width: 100%;
    left: 0;
    right: 0;
}
.slider .mainslider,
.slider .mainslider .swiper-slide,
.slider .mainslider .slideimg {
    height: 100%;
}
.slider .mainslider .slideimg {
    /* background-image: url(http://localhost/jamsheerkp/srv-social/public/img/images/slidebag.jpg);
    background-size: cover;
    background-position: right; */
    /* animation: zoom-a 6s linear infinite alternate; */
}
/* .slider .mainslider .slideimg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoomimg 5.5s infinite;
} */

/* @keyframes zoomimg {
    0% {
        transform-origin: 50% 65%;
        transition: transform 10s, filter 5s ease-in-out;
        filter: brightness(100%) blur(3px);
    }
    50% {
        filter: brightness(150%) blur(0);
        transform: scale(1.5);
    }
    100% {
        transform-origin: 50% 65%;
        filter: brightness(100%) blur(3px);
    }
} */

.slider .mainslider .slideimg:after {
    content: "";
    position: absolute;
    background: linear-gradient(136deg, #ffffff, rgb(98 168 104 / 30%));
    inset: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
}

.slider .slhead {
    color: rgba(0, 0, 0, 0.95);
    margin-bottom: 20px;
    font-size: 2.5rem;
    font-weight: 700;
    max-width: 800px;
    /* text-shadow: 0px 5px 8px #0000009e; */
    /* line-height: 45px; */
}
.slider .slhead span {
    color: #4d9953;
}

.slider-con p {
    color: #333;
    margin-bottom: 2.5rem;
    max-width: 750px;
    font-size: 0.95rem;
}
.bnrimg{
    max-width: 100%;
   width: 650px;
}
/* 
.slidelist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.slidelist li {
    flex: 1 0 auto;
    max-width: 50%;
    color: white;
    background-color: rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 0.5rem;
    padding: 15px 25px;
    backdrop-filter: blur(3px);
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.slidelist li p {
    margin-bottom: 0;
    font-size: 0.9rem;
    color: rgb(255 255 255 / 95%);
    line-height: normal;
}

.slidelist li h5 {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 1.6rem;
    color: #ffffffe6;
} */

.slider-form {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 20px;
    /* height: 400px; */
    position: relative;
    display: flex;
    align-items: center;
    width: 400px;
}
.slider-form .nav {
    position: absolute;
    top: -39px;
    background: #ffffff;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px -15px 20px 0px rgb(0 0 0 / 5%);
}
.slider-form .nav-pills .nav-link.active,
.slider-form .nav-pills .nav-link.active:hover {
    background-color: #1a71b5;
    color: white;
}
.slider-form .nav-pills .nav-link:hover {
    background: rgb(34 147 235 / 10%);
    color: #1a71b5;
}

.slider-form .nav-pills .nav-link {
    font-size: 0.8rem;
    padding: 5px 20px;
    color: #333;
    font-weight: 500;
}
.slider-form .myform input {
    padding: 10px 15px;
    margin-bottom: 10px;
}
.slider-form label {
    font-size: 0.75rem !important;
    color: #333;
    font-weight: 500;
    margin-bottom: 0 !important;
}
.slider-form h5 {
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 25px;
}

.slidersubhead {
    padding: 3px 15px;
    border-radius: 5px;
    background: rgb(26 113 181 / 10%);
    font-size: 0.85rem !important;
    /* color: #1a71b5 !important; */
    padding-left: 5px;
    margin-bottom: 1.5rem !important;
}
.blink {
    /* background: linear-gradient(45deg, #2d92e1, #4d9953); */
    color: white;
    font-size: 0.7rem;
    padding: 5px 10px;
    font-weight: 500;
    margin-right: 8px;
    border-radius: 5px;
    background: linear-gradient(-45deg, #2d92e1, #4d9953, #e09137, #4d9953);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* h1 {
    font-size: 9vmin;
    color: #8bf;
    text-align: left;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin: 1rem 0 1rem 2rem;
} */

/* Typewriter effect 1 */
@keyframes typing {
    0.0000%,
    27.3488% {
        content: "";
    }
    1.1395%,
    26.2093% {
        content: "e";
    }
    2.2791%,
    25.0698% {
        content: "ef";
    }
    3.4186%,
    23.9302% {
        content: "eff";
    }
    4.5581%,
    22.7907% {
        content: "effo";
    }
    5.6977%,
    21.6512% {
        content: "effor";
    }
    6.8372%,
    20.5116% {
        content: "effort";
    }
    7.9767%,
    19.3721% {
        content: "effort!";
    }
    /* 9.1163%, 18.2326% { content: "develope"; }
  10.2558%, 17.0930% { content: "developer"; } */

    30.7674%,
    51.2791% {
        content: "";
    }
    31.9070%,
    50.1395% {
        content: "w";
    }
    33.0465%,
    49.0000% {
        content: "wo";
    }
    34.1860%,
    47.8605% {
        content: "wor";
    }
    35.3256%,
    46.7209% {
        content: "work";
    }
    36.4651%,
    45.5814% {
        content: "work!";
    }
    /* 37.6047%, 44.4419% { content: "writer"; } */

    54.6977%,
    75.2093% {
        content: "";
    }
    55.8372%,
    74.0698% {
        content: "f";
    }
    56.9767%,
    72.9302% {
        content: "fi";
    }
    58.1163%,
    71.7907% {
        content: "fig";
    }
    59.2558%,
    70.6512% {
        content: "figh";
    }
    60.3953%,
    69.5116% {
        content: "fight";
    }
    61.5349%,
    68.3721% {
        content: "fight!";
    }

    /* 78.6279%, 96.8605% { content: ""; }
  79.7674%, 95.7209% { content: "h"; }
  80.9070%, 94.5814% { content: "hu"; }
  82.0465%, 93.4419% { content: "hum"; }
  83.1860%, 92.3023% { content: "huma"; }
  84.3256%, 91.1628% { content: "human"; } */
}

@keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.typewriter {
    --caret: #1a71b5;
    color: #1a71b5;
}

.typewriter::before {
    content: "";
    animation: typing 13.5s infinite;
}

.typewriter::after {
    content: "";
    border-right: 1px solid var(--caret);
    animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
    border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
    border-right: 0;
}

.navibtn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
    background-color: var(--white);
    border: 1px solid #eee;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.navibtn::after {
    font-size: var(--font14) !important;
    color: var(--primary);
    font-weight: 600;
}
.navibtn:hover:after {
    color: var(--second) !important;
}
.navcol {
    display: flex;
    gap: 10px;
    /* margin: auto; */
    justify-content: center;
    margin-top: 10px;
}
.navcol .navibtn {
    position: relative;
    right: auto;
    left: auto;
    margin: 0;
    top: auto;
    width: 36px !important;
    height: 36px !important;
}

/* \\\\\\\\\\\\TRY////////// */
.try {
    background-image: url(../img/images/conbg.webp);
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@keyframes moveBg {
    0% {
        background-position: center top;
    }
    50% {
        background-position: center bottom;
    }
    100% {
        background-position: center top;
    }
}
.try::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    backdrop-filter: blur(5px);
    background-color: rgb(255 255 255 / 80%);
}
.try img {
    width: 80px;
    margin: auto;
    margin-bottom: 10px;
}

/* \\\\\\\\\\\\TESTIMONIALS////////// */
.testi-box {
    background-color: white;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 3%);
    margin: 10px;
    border-radius: 10px;
    padding: 20px;
    padding-top: 40px;
}
.testi-box .cardhead {
    display: flex;
    align-items: center;
    gap: 10px;
}
.testi-box p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 0.95rem;
}

.testi-box .userimg {
    border-radius: 3px;
    overflow: hidden;
}
.testi-box span {
    position: absolute;
    top: -10px;
    background: #4d9953;
    padding: 8px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.testi-box h5 {
    color: #4d9953;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 3px;
}

.social-zoom {
    position: absolute;
    animation: zoomInOut 5s ease-in-out infinite;
    width: auto;
    z-index: 999;
    opacity: 0.1;
}
.social-zoom img {
    width: 100px;
}

.social-zoom.zoom1 {
    right: 2%;
    top: 5%;
}
.social-zoom.zoom2 {
    left: 5%;
    bottom: -20%;
}
.social-zoom.zoom3 {
    right: 0;
    bottom: -10%;
}
.social-zoom.zoom4 {
    left: 2%;
    bottom: 3%;
}
.social-zoom.zoom5 {
    right: 2%;
    top: 5%;
}

@keyframes zoomInOut {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1); /* Zoom in */
    }
    100% {
        transform: scale(0.8); /* Zoom out */
    }
}
/* \\\\\\\\\\\\\\MOB//////////// */
.f-bag {
    background: linear-gradient(314deg, var(--primary10), rgb(187 43 43 / 8%));
    padding: 50px;
    border-radius: 30px 30px 0 0;
    padding-bottom: 30px;
}
.f-bag1 {
    background-color: var(--primary10);
    padding: 50px;
    border-radius: 0 0 30px 30px;
    padding-top: 30px;
}
.feature-slide img {
    width: 100%;
}

/* \\\\\\\\\\\\\\OVERVIEW//////////// */
.counter h3 {
    font-weight: 800;
    background: -webkit-linear-gradient(#4d9953, #1a71b5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
}
.counter p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
}
.line {
    height: 1px;
    width: 100%;
    background-color: rgb(0 0 0 / 8%);
    margin: 2rem 0;
}

.fea h5 {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 13px;
}
.fea h5 span {
    background: #4d9953;
    width: 38px;
    height: 38px;
    padding: 8px;
    border-radius: 5px;
}
.fea h5 img {
    filter: brightness(0) invert(1);
}

.fea .para {
    font-size: 0.9rem;
}

/* \\\\\\\\\\\\\\\FAQ//////////////// */

.mainhead {
    font-weight: 800;
    line-height: 45px;
    color:#483522;
    position: relative;
}
.mainhead .leaf{
position: absolute;
    width: 24px;
    margin-left: -7px;
    margin-top: -10px;
}
.mainhead .leaf2{
position: absolute;
    width: 24px;
    margin-left: -7px;
    left: 0;
    margin-top: -10px;
}
    
.mainhead span {
    color: #327c3c;
}

.exmple{
        border-radius: 5px;
    padding: 20px;
    box-shadow: rgb(0 0 0 / 20%) 0px 15px 35px -15px;
    border: 1px solid rgb(77 153 83 / 30%);
}
.faq-accordion p {
    font-size: 0.9rem;
}

.faq-accordion .accordion-button:not(.collapsed) {
    background-color: rgb(26 113 181 / 10%);
    color: #1a71b5;
}

.faq-accordion .accordion-button::after {
    width: 13px;
    height: 13px;
    background-size: contain;
}
.faq-accordion .accordion-button {
    font-weight: 500;
    transition: 0.3s;
    padding: 15px 20px;
    font-size: 0.9rem;
}
.faq-accordion .accordion-button:hover {
    background-color: rgb(26 113 181 / 10%);
    color: #1a71b5;
}
.faq-accordion .accordion-button:focus {
    border-color: unset;
    box-shadow: unset;
}

/* \\\\\\\\\\\\\\FOOTER////////////// */

footer {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    color: var(--textclr);
    background-color: rgb(77 153 83 / 5%);
    background-image: url(../img/images/footbag.svg);
    background-size: cover;
}

footer a,
footer p {
    color: var(--textclr);
    font-size: 0.9rem;
}
footer a:hover {
    color: #437e48;
}
footer .footmid {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    border-top: 1px solid rgb(0 0 0 / 10%);
    padding: 50px 0;
    margin-bottom: 40px;
}

footer .inpbox {
    display: flex;
    gap: 10px;
}
footer .inpbox input {
    border-color: rgb(0 0 0 / 10%);
}
footer .myform.hasicon .frmicon {
    top: 15px;
}
footer .menuhead {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}
footer .footmenu,
footer .footlink {
    display: flex;
    flex-flow: wrap;
    row-gap: 8px;
}
footer .footmenu {
    row-gap: 13px;
    column-gap: 15px;
}
footer .footmenu a {
    /* display: flex;
    padding: 10px 15px;
    border-radius: 2px;
    background-color: var(--primary10);
    backdrop-filter: blur(2px); */
}
footer .contcol p {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}
footer .copy span {
    font-size: 1.15rem;
    display: inline-block;
    position: relative;
    top: 1px;
}
footer .power a:hover {
    color: #4d9953;
}
footer .policy {
    gap: 10px 20px;
}

/*---------------------------------------*/
/*::::::::::::::::FORM:::::::::::::::*/
/*---------------------------------------*/
.myform .inpbox {
    flex: 1 0 auto;
    text-align: left;
    max-width: 100%;
    position: relative;
}
.myform label {
    font-size: var(--font14);
    margin-bottom: 5px;
    color: var(--textclr);
    font-weight: 500;
}
.myform label span {
    color: red;
}
.myform .form-check {
    display: flex;
    gap: 3px;
    align-items: center;
}

.myform .textlink {
    width: 100%;
}
.myform .textlink button {
    font-weight: 600;
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0;
    color: var(--blue);
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.myform .textlink button:hover {
    color: var(--primary);
}
.myform input,
.myform textarea,
.myform select {
    width: 100%;
    margin-bottom: 1rem;
    padding: 8px 15px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #eee;
    background-color: transparent;
    outline: 0;
    color: #333;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.myform input:focus,
.myform textarea:focus,
.myform select:focus {
    border-color: var(--primary);
}
.myform input[readonly]:focus,
.myform textarea[readonly]:focus,
.myform select[readonly]:focus {
    border-color: #ddd;
}
.myform input[type="checkbox"] {
    width: auto;
    margin: 0;
}
.myform textarea {
    height: 66px;
}
.myform .btn {
    padding: 10px 25px;
    height: 40px;
    min-width: auto;
}
.myform select {
    color: var(--textclr);
}
.myform ::-webkit-input-placeholder {
    color: #333;
    opacity: 0.5;
    font-size: 0.8rem;
}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 42px;
    opacity: 0;
    -webkit-appearance: none;
}

.myform.hasicon input,
.myform.hasicon textarea,
.myform.hasicon select {
    padding-left: 40px;
}
.myform.hasicon .frmicon {
    position: absolute;
    top: 10px;
    left: 12px;
    pointer-events: none;
}

/* CUSTOM SELECT */
.select-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}
.select-dropdown__button {
    width: 100%;
    margin-bottom: 1rem;
    padding: 8px 15px;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #eee;
    outline: 0;
    text-align: left;
    color: var(--textclr);
    background-color: transparent;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.myform.hasicon .select-dropdown__button {
    padding-left: 40px;
}
.select-dropdown__button::focus {
    outline: none;
}
.select-dropdown__button .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 12px;
}
.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0;
    margin-top: -17px;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    border-radius: 2px;
    border: 1px solid #eee;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
    box-shadow: -2px 6px 20px rgb(0 0 0 / 10%);
}
.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}
.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 10px 15px;
    background: #fff;
    border-top: 1px solid #eee;
    font-size: var(--font14);
    line-height: 1.4;
    cursor: pointer;
    color: #616161;
    transition: all ease-in-out 0.3s;
}
.select-dropdown__list-item:hover {
    color: var(--primary);
}

/* \\\\\\\\\\\\\\MODAL////////////// */
.modal-content {
    border-radius: 1rem;
    border: none;
    box-shadow: 6px 8px 20px rgb(0 0 0 / 10%);
}
.modal-backdrop {
    background-color: var(--primary50);
    background: linear-gradient(
        90deg,
        rgb(35 158 95 / 100%) 0%,
        rgb(21 138 138 / 100%) 40%,
        rgb(5 114 188 / 100%) 100%
    );
}

.mymodal .profilecard {
    box-shadow: 5px 6px 20px var(--primary10);
    border-radius: 1rem;
    margin-top: -50px;
    background: #fff;
    max-width: 300px;
    width: 100%;
}

.iconcard {
    /* position: relative; */
    /* display: flex
; */
    /* flex-direction: column; */
    /* gap: 0.5rem; */
    /* background-color: rgb(255 255 255 / 80%); */
    /* border: 1px solid rgb(255 255 255 / 10%); */
    /* border-top-color: var(--primary50); */
    /* border-left-color: var(--primary50); */
    /* border-right-color: var(--second50); */
    /* border-bottom-color: var(--second50); */
    /* padding: 20px; */
    border-radius: 5px;
    height: 100%;
    transition: all 0.5slinear;
    -webkit-transition: all 0.5slinear;
    /* backdrop-filter: blur(5px);*/
}
.iconcard .head,
.listbox .head,
.noeffect .iconcard:hover .head {
    color: #4d9953;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 5px;
    transition: var(--trans30);
    -webkit-transition: var(--trans30);
}
.iconcard .con {
    font-size: 0.9rem;
    line-height: 28px;
}

/* ///////// MOBILE RESPONSIVE //////// */
@media (min-width: 992px) and (max-width: 1199px) {
    .slider .cmpad,
    header .cmpad {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 1199px) {
    header .menucen {        
        gap: 1rem;
    }
}

@media (max-width: 991px) {
    .menucol .menucen,
    .menucol a {
        display: none;
    }
    .slider .slhead {
        font-size: 2.5rem;
        margin-bottom: 10px;
    }
    .slider-con p {
        margin-bottom: 15px !important;
        line-height: unset;
    }
    .slider-form .myform input {
        padding: 5px 8px;
        margin-bottom: 10px;
    }
    .slider-form {
        margin-top: 6rem;
    }
    .slider-form .nav {
        top: -37px;
    }
    .slider-con {
        display: block;
        padding-top: 8rem;
        position: relative;
    }
    /* .slider .mainslider .slideimg > img {
        display: none;
    } */
    /* .slider .mainslider .slideimg:after{
        display: none;
    } */
    .slider {
        height: 100%;
    }
    .slider .mainslider {
        overflow: unset;
    }
    .f-bag {
        padding: 20px;
        border-radius: 10px;
        padding-bottom: 0;
    }
    .f-bag1 {
        padding: 20px;
        border-radius: 10px;
        padding-top: 20px;
    }
    .slider .mainslider .slideimg:after {
        backdrop-filter: blur(80px);
    }
    .social-zoom.zoom3 {
        right: 18%;
        bottom: 3%;
        left: auto;
    }
    .social-zoom.zoom4 {
        right: 2%;
        bottom: 3%;
        left: auto;
    }
    .social-zoom.zoom1 {
        right: auto;
        top: 50%;
        left: 2%;
    }
    .social-zoom.zoom2 {
        left: 5%;
        bottom: 0;
    }
    .social-zoom.zoom5 {
        top: 3%;
        right: 2%;
    }
}

@media (min-width: 992px) {
    /* .slider .mainslider .slideimg {
        background-image: unset;
    } */
}

@media (max-width: 767px) {
    .slider .slhead {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    footer .text-right {
        text-align: left;
    }
    .why-para{
        margin: unset !important;
        max-width: unset !important;
    }
}

@media (max-width: 575px) {
    header .headmain .logocol {
        width: 200px;
    }
    .mainhead {
        line-height: unset;
        font-size: 1.5rem !important;
    }
    footer {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    
}

.text-justify {
    text-align: justify;
}
.rad {
    border-radius: 10px;
}

.why-para {
    max-width: 80%;
    margin: auto;
}

.whybox {
    padding: 20px;
    background-color: #ffffff26;
    border-radius: 5px;
    /* box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); */
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 20%) 0px 15px 35px -15px;
    border: 1px solid rgb(77 153 83 / 30%);
}

.venu-list {
    display: flex;
    flex-flow: wrap;
    row-gap: 30px;
    column-gap: 80px;
    justify-content: center;
    /* margin-bottom: 30px; */
    /* max-width: 900px; */
    align-items: center;
    margin: auto;
    margin-bottom: 30px;
}
.venu-list li {
    color: var(--textclr);
    position: relative;
}
.venu-list li::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    left: -23px;
    top: 0;
    bottom: 0;
    margin-top: 8px;
}
.venu-list li:first-child::before {
    background-image: url(../img/icons/calendar1.svg);
}
.venu-list li:nth-child(2)::before {
    background-image: url(../img/icons/loc1.svg);
}

.venu-list.sec li::before {
    position: unset;
}

.why-para1 {
    max-width: 600px;
    margin: auto;
}

.mylist {
    display: flex;
    flex-flow: column;
    row-gap: 10px;
    color: var(--textclr);
}
.mylist li {
    position: relative;
    padding-left: 28px;
}
.mylist li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../img/images/leaf.png) center no-repeat;
    background-size: contain;
    margin-top: 3px;
}
.competion{
    padding: 15px;
    background: #f2fbf2;
    border-radius: 10px;
}
.secimg {
    width: 400px;
    margin: auto;
}

.lf1 {
   position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 36%;
    opacity: 9%;
}
.lf2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 25%;
    opacity: 32%;
}

.lf1f{
  position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 360px;
    opacity: 32%;
}

.mar {
    margin-left: 40px;
    margin-top: 20px;
}
.mar li {
    font-size: 1.2rem;
    font-weight: 700;
    color: #e58a39;
}

.venu-list.mar {
    gap: unset;
    margin: -5px;
    margin-left: 28px;
    margin-bottom: 20px;
}
.venu-list.mar li {
    flex: 1 0 100%;

    padding: 5px;
}
/* .venu-list.mar li:nth-child(2){
    margin-left: 40px;
} */
.venu-list.sec .date {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.952);
    border-radius: 5px;
    /* box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); */
    height: 100%;
    /* box-shadow: rgb(0 0 0 / 20%) 0px 15px 35px -15px; */
    border: 1px solid rgb(77 153 83 / 30%);
    height: 150px;
    font-size: 1rem;
    font-weight: 700;
}
.venu-list.sec .date img {
    width: 40px;
}
.venu-list.sec {
    margin: -5px;
    gap: unset;
}
.venu-list.sec li {
    flex: 1 0 25%;
    max-width: 25%;
    padding: 5px;
}
.logolist {
    display: flex;
    flex-flow: wrap;
    margin: -5px;
}
.logolist li {
    flex: 1 0 calc(100% / 2);
    max-width: calc(100% / 2);
    padding: 5px;
}
.logosec {
    width: 100%;
    height: 80px;
    object-fit: contain;
}
.org {
    padding: 20px;
    
    border-radius: 5px;
background: #ffffff;
}
.cap {
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 600;
}


@media(max-width: 1199px){
    .logolist li {
        flex: 1 0 calc(100% / 4);
        max-width: calc(100% / 4);        
    }
}
@media(max-width: 991px){
    .venu-list.sec li{
        flex: 1 0 50%;
        max-width: 50%;
    }
    .logolist li {
        flex: 1 0 calc(100% / 3);
        max-width: calc(100% / 3);        
    }
}
@media(max-width: 575px){
    .venu-list.sec li{
        flex: 1 0 100%;
        max-width: 100%;
    }
    .venu-list.sec .date{
        height: auto;
    }
    .logolist li {
        flex: 1 0 calc(100% / 2);
        max-width: calc(100% / 2);        
    }
}


/* tab */
.mytabnav {
    border: none;
    margin: 0 -5px;
    flex-flow: nowrap;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 8px;
        padding-top: 10px;
}

.mytabnav li.nav-item {
    padding: 0 5px;
    flex: none;
}

.mytabnav li.nav-item button {
    padding: 10px 20px;
    font-size: 1.1rem;
    border-radius: 30px;
    color: #327c3c;
    border: none;
    font-weight: 500;
    background-color: #f5fff6;
    position: relative;
    box-shadow: 0 0 2px #327c3c;
}

.mytabnav li.nav-item button:hover {
    border: none;
    background-color: #e5fde8;
}

.mytabnav li.nav-item button:focus {
    box-shadow: none;
}

.mytabnav li.nav-item button.active {
    color: #fff;
       background: #327c3c;
}
.mytabnav li.nav-item button.active img{
filter: brightness(0) invert(1);
}

.mytabnav li.nav-item button img{
        width: 40px;
    position: absolute;
    bottom: 0;
    opacity: 22%;
    right: 11px;
}

.mytabnav li.nav-item button i {
    margin-right: 8px;
    transition: none;
}

.mytabcontent .tab-pane {
    padding: 10px;
    /* background: #fdf7ee; */
    border-radius: 0.3rem;
    margin-top: 6px;
}

.mytabcontent .tab-pane p {
    color: #666;
    margin-bottom: 0 !important;
}

.tabsverti {
    display: flex;
    flex-flow: wrap;
}

.tabsverti .mytabnav {
    width: 300px;
    margin: 0;
}

.tabsverti .tab-content {
    flex: 1 0;
    padding-left: 15px;
}

.tabsverti .mytabnav li {
    padding: 5px 0;
}

.tabsverti .mytabnav li.nav-item button {
    width: 100%;
    text-align: left;
}

.tabsverti .tab-content .tab-pane {
    padding-top: 0;
}

@media(max-width: 575px){
.mytabnav li.nav-item button {
    padding: 10px 10px;
    font-size: 0.875rem;}
}


.news-full{
    display: flex
;
    flex-direction: row;
    padding: 15px;
    background: #e7f5e7;
    border-radius: 8px;
    align-items: flex-start;
}
.news-full img{
    width: 350px;
    max-width: 100%;
}
.news-full .news-cont{
    padding-left: 25px;
}

.organize{
    padding: 9px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 4px #b7d3b7;
}

@media(max-width: 767px){
.news-full{
flex-direction: column;
}
.news-full .news-cont{
padding-left: 0px;
padding-top: 10px;}

.organize{
margin-top: 10px;
}
}