/*-- Google font --*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap");
/*-- Icon --*/
@import url("https://unicons.iconscout.com/release/v3.0.3/css/line.css");

@font-face {
font-family: "remixicon";
src: url('../fonts/remixicon.eot?t=1590207869815'); /* IE9*/
src: url('../fonts/remixicon.eot?t=1590207869815#iefix') format('embedded-opentype'), /* IE6-IE8 */
url("../fonts/remixicon.woff2?t=1590207869815") format("woff2"), url("../fonts/remixicon.woff?t=1590207869815") format("woff"), url('../fonts/remixicon.ttf?t=1590207869815') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/remixicon.svg?t=1590207869815#remixicon') format('svg'); /* iOS 4.1- */
font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
font-family: 'remixicon' !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.error_box {
border: 1px solid #e64141 !important;
}

.error_sec {
display: block;
width: 100%;
}

.ri-star-fill:before {
content: "\f186";
}

.ri-check-fill:before {
content: "\eb7a";
}

.ri-check-double-line:before {
content: "\eb79";
}

.ri-logout-circle-r-line:before {
content: "\eede";
}

.ri-user-settings-line:before {
content: "\f26e";
}

.ri-facebook-line:before {
content: "\ecbd";
}

.ri-file-search-line:before {
content: "\f0d1";
}

.ri-instagram-line:before {
content: "\ee66";
}

.ri-twitter-line:before {
content: "\f23b";
}

.ri-twitter-x-line:before {
content: "\f3e7";
}

.ri-youtube-line:before {
content: "\f2d5";
}

.ri-linkedin-line:before {
content: "\eeb6";
}

.ri-calendar-2-line:before {
content: "\eb21";
}

.ri-arrow-right-s-line:before {
content: "\ea6c";
}

.ri-add-line:before {
content: "\ea13";
}

.ri-loader-2-fill:before {
content: "\eec1";
}

.ri-telegram-line:before {
content: "\f1f0";
}

.ri-arrow-down-line:before {
content: "\ea4e";
}

.ri-file-user-line:before {
content: "\f253";
}

.ri-calendar-line:before {
content: "\eb27";
}

.ri-linkedin-box-line:before {
content: "\eeb4";
}

.ri-edit-box-line:before {
content: "\ec82";
}

.ri-article-line:before {
content: "\ea7e";
}

.fa-spin {
vertical-align: inherit;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}

.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

.form-control {
padding: 10px .75rem;
}

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


@font-face {
font-family: 'Satoshi Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Satoshi Regular'), url('../fonts/Satoshi-Regular.woff') format('woff');
}


@font-face {
font-family: 'Satoshi Medium';
font-style: normal;
font-weight: normal;
src: local('../fonts/Satoshi Medium'), url('../fonts/Satoshi-Medium.woff') format('woff');
}


@font-face {
font-family: 'Satoshi Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Satoshi Bold'), url('../fonts/Satoshi-Bold.woff') format('woff');
}


@font-face {
font-family: 'Satoshi Black';
font-style: normal;
font-weight: normal;
src: local('../fonts/Satoshi Black'), url('../fonts/Satoshi-Black.woff') format('woff');
}


/*============================================

02 -- General

==============================================*/
body {
font-family: 'Satoshi Regular';
overflow-x: hidden !important;
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
line-height: 1.2;
font-weight: 600;
color: #141414;
}

a {
color: #6e7078;
text-decoration: none !important;
outline: none;
}

/*
p {
line-height: 30px !important;
}*/

ul li {
padding: 0;
margin: 0;
list-style: none;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

dl,
ol,
ul {
margin-top: 0;
margin-bottom: 0rem;
margin-right: 0;
margin-left: 0;
padding: 0;
}

a:hover {
text-decoration: none;
color: #3b9945;
}

img {
max-width: 100%;
}

.btn:focus {
outline: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none
}

:focus {
outline: -webkit-focus-ring-color auto 0px;
}

button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
outline: 0;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
outline: 0;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
box-shadow: none;
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: none;
}

.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

.form-check-input:checked {
background-color: #3a9e45;
border-color: #31bf40;
}

.form-check-input:focus {
border-color: #30c03f;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(58, 158, 69, .5);
}

.list-inline-item:not(:last-child) {
margin-right: 0px;
margin-bottom: 0px;
}

.rounded {
border-radius: 5px !important;
}

.rounded-pill {
border-radius: 10px !important;
}

.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.btn-reverse:focus + .btn-reverse, .btn-reverse:focus {
color: #000
}

/*============================================

03 -- Components

==============================================*/

.btn-3d {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    white-space: nowrap;
}

.btn-primary-3d {
background: #3b9945;
color: #fff;
box-shadow: 0 6px 0 #206c28;
transition: all 0.25s ease;
}

.btn-primary-3d:hover {
transform: translateY(6px);
box-shadow: 0 2px 0 #206c28;
transition: all 0.25s ease;
color:#fff
}
.btn-secondary-3d {
background: #f1f1f1;
color: #272a3a;
box-shadow: 0 6px 0 #d9d9d9;
transition: all 0.25s ease;
}

.btn-secondary-3d:hover {
transform: translateY(6px);
box-shadow: 0 2px 0 #d9d9d9;
transition: all 0.25s ease;
color: #272a3a;
}




.btn-primary {
color: #fff;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
padding: 16px 24px;
border-radius: 8px;
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(187, 187, 187, 0.356);
box-shadow: 0px 17px 43px 1px rgba(187, 187, 187, 0.356);
background-color: #3b9945;
border: 1px solid #3b9945;
background-image: none;
}

.btn-primary:hover {
color: #333;
background-color: #fff;
border: 1px solid #333;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #3b9945;
border: 1px solid #3b9945;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #333;
background-color: #fff;
border: 1px solid #333;
box-shadow: none;
}

.btn-reverse {
color: #333;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
padding: 16px 24px;
border-radius: 8px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 500;
-webkit-box-shadow: 0px 17px 43px 1px rgba(187, 187, 187, 0.356);
box-shadow: 0px 17px 43px 1px rgba(187, 187, 187, 0.356);
background-color: #fff;
border: 1px solid #333;
background-image: none;
}

.btn-reverse:hover {
background-size: 200% auto;
background-color: #3b9945;
border: 1px solid #3b9945;
box-shadow: none;
border: 1px solid #3b9945;
color: #fff;
/*-webkit-transition: 0.5s;
transition: 0.5s;*/
}

.btn-sm {
    font-size: 14px;
    padding: 10px 20px;
}

.btn img {
max-width: 100%;
transform: rotate(90deg);
}

@keyframes animName {
0% {
transform: translateX(0);
}

30% {
transform: translateX(10px);
}

100% {
transform: translateX(0);
}
}

.moveicon {
position: absolute;
animation: animName 2s infinite;
}


.shadow {
-webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4) !important;
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4) !important;
}

/*-- form --*/
.form-group {
margin-bottom: 20px;
}

.form-group label {
font-size: 14px;
font-weight: 700;
}

.form-group .form-control {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ffffff;
border: 1px solid #dcdeed;
color: #272a3a;
height: 42px;
font-size: 13px;
border-radius: 6px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.form-group .form-control:focus, .form-group .form-control.active {
border-color: #3b9945;
}

.form-group textarea {
height: 120px !important;
}

.form-group textarea.form-control {
line-height: 25px;
}

.form-control:disabled,
.form-control[readonly] {
background-color: transparent;
opacity: 1;
}

.custom-control-input:checked ~ .custom-control-label:before {
color: #ffffff;
border-color: #3b9945;
background-color: #3b9945;
}

.custom-control-input:focus ~ .custom-control-label::before,
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #3b9945;
}

.custom-control-label {
cursor: pointer;
}

.custom-control-label:before, .custom-control-label:after {
top: 2px;
}

.custom-switch .custom-control-label:after {
top: 4px;
}

@media print {
#topnav,
.footer {
display: none !important;
}
}

/*--Custom-d-flex --*/
.custom-d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}

/*-- custom-align-item-center --*/
.custom-align-item-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

/*-- overlay --*/
.default-overlay,
.default-overlay-2 {
position: relative;
}

.default-overlay:before,
.default-overlay-2:before {
content: "";
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all 250ms ease-out;
transition: all 250ms ease-out;
z-index: 9;
}

/*-- Preloader --*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background: linear-gradient(to right, #3b9945, #24eb39);
z-index: 9999999;
}

#preloader #status {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.spinner {
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 6px;
-webkit-box-shadow: 0 3px 12px rgba(6, 11, 47, 0.06);
box-shadow: 0 3px 12px rgba(6, 11, 47, 0.06);
margin: 100px auto;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px);
}

50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}

100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}

@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}

50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}

100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}

/*-- Go Top --*/
.return-area {
position: relative;
z-index: 999;
}

.return-area .return-top {
position: fixed;
cursor: pointer;
bottom: 70px;
top: auto;
right: 24px;
color: #ffffff;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
z-index: 9999;
width: 40px;
text-align: center;
height: 42px;
line-height: 42px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.9s ease-out 0s;
transition: all 0.9s ease-out 0s;
border-radius: 0px;
}

.return-area .return-top img {
position: absolute;
top: 50%;
left: -4px;
right: 0;
margin: 0 auto;
font-size: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}

.return-area .return-top img:last-child {
opacity: 0;
visibility: hidden;
top: 60%;
}

.return-area .return-top::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
border-radius: 0px;
}

.return-area .return-top:focus, .return-area .return-top:hover {
color: #fff;
}

.return-area .return-top:focus::before, .return-area .return-top:hover::before {
opacity: 1;
visibility: visible;
}

.return-area .return-top:focus img:first-child,
.return-area .return-top:hover img:first-child {
opacity: 0;
top: 0;
visibility: hidden;
}

.return-area .return-top:focus img:last-child,
.return-area .return-top:hover img:last-child {
opacity: 1;
visibility: visible;
top: 50%;
}

.return-area .return-top.active {
opacity: 1;
visibility: visible;
border-radius: 0px;
}


.return-wrap {
position: relative;
}

.return-wrap .go-top-btn {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
z-index: 1;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 0px;
}

.return-wrap .go-top-btn img {
font-size: 20px;
font-weight: 700;
padding-left: 4px;
color: #fff;
}

.return-wrap .go-top-btn::after {
z-index: -1;
content: "";
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
-webkit-animation: ripple 1.6s ease-out infinite;
animation: ripple 1.6s ease-out infinite;
opacity: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 0px;
}

.return-wrap .go-top-btn:hover {
background-color: #222;
color: #fff;
}

@keyframes ripple {
0%, 35% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}

50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.8;
}

100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}

/*@-webkit-keyframes ripple {
0%,
35% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.8;
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}*/

.whatsup-sec {
position: fixed;
right: 15px;
bottom: 130px;
z-index: 9;
}

.whatsup-sec a {
text-decoration: none;
display: block;
}

.whatsup-sec a img {
max-height: 75px;
}

/*-- List Icon --*/
.list-icon li {
position: relative;
padding-left: 30px;
}

.list-icon li img {
position: absolute;
left: 0;
top: 5px;
color: #3b9945;
font-size: 22px;
line-height: 20px;
}

.theme-bg .list-icon li img {
color: #ffffff;
}

.list-icon-2 li {
padding-left: 20px;
position: relative;
}

.list-icon-2 li:before {
content: "";
background: #3b9945;
position: absolute;
top: 8px;
left: 0;
width: 10px;
height: 2px;
border-radius: 4px;
}

.custom-li {
display: inline-block;
}

.custom-li li {
float: left;
margin-bottom: 20px;
width: calc(100% / 2);
}

/*-- Background Iamge --*/
.bg-section {
height: 100%;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

.bg-home {
height: 100vh;
background-size: cover;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: relative;
background-position: center center;
}

@media (max-width: 767px) {
.bg-home {
padding: 150px 0;
height: auto;
}
}

/*-- width --*/
.width-100 {
width: 100%;
}

/*-- Parallax Image --*/
.parallax-img {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}

.bg-gray-100 {
    background: #ffffff;
    background: linear-gradient(2deg,rgba(255, 255, 255, 1) 52%, rgba(240, 240, 240, 1) 100%);
}

.bg-gray-200 {
background: #edeef5;
}

.bg-gray-500 {
background: #6e7078;
}

.bg-gray-600 {
background: #141414;
}

.bg-gray-700 {
background: #272a3a;
}

.gray-100 {
color: #f8f8fc;
}

.gray-200 {
color: #edeef5;
}

.gray-300 {
color: #dcdeed;
}

.gray-400 {
color: #bdc1d7;
}

.gray-500 {
color: #6e7078;
}

.gray-600 {
color: #141414;
}

.gray-700 {
color: #272a3a;
}

.theme-color-1 {
color: #3b9945 !important;
}

.bg-theme-color-1 {
background-color: #3b9945;
}

.bg-theme-li-color {
background-color: #fff3f4;
}

.bb-gray-100 {
border-bottom: 1px solid #f8f8fc;
}

.bb-gray-200 {
border-bottom: 1px solid #edeef5;
}

.bb-gray-300 {
border-bottom: 1px solid #dcdeed;
}

.bb-gray-400 {
border-bottom: 1px solid #bdc1d7;
}

.bb-gray-500 {
border-bottom: 1px solid #6e7078;
}

.bb-gray-600 {
border-bottom: 1px solid #141414;
}

.bt-gray-100 {
border-top: 1px solid #f8f8fc;
}

.bt-gray-200 {
border-top: 1px solid #edeef5;
}

.bt-gray-300 {
border-top: 1px solid #dcdeed;
}

.bt-gray-400 {
border-top: 1px solid #bdc1d7;
}

.bt-gray-500 {
border-top: 1px solid #6e7078;
}

.bt-gray-600 {
border-top: 1px solid #141414;
}

/*============================================

04 -- Header

==============================================*/
.acavo-responsive-nav {
display: none;
}

.navbar-nav .container-fluid {
padding-left: 50px;
padding-right: 50px;
}

.navbar-nav .navbar {
position: inherit;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}

.navbar-nav .navbar .navbar-brand {
font-size: inherit;
line-height: 1;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
}

.navbar-nav .navbar .navbar-brand img {
max-height: 60px;
}

.navbar-nav .navbar ul {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}

.navbar-nav .navbar .navbar-nav {
margin-left: auto;
margin-right: auto;
}

.navbar-nav .navbar .navbar-nav .nav-item {
position: relative;
margin-left: 7px;
margin-right: 7px;
}

.navbar-nav .navbar .navbar-nav .nav-item a {
color: #7c7c7e;
font-size: 17px;
font-weight: 400;
padding-left: 7px;
padding-right: 7px;
padding-top: 25px;
padding-bottom: 25px;
}

.navbar-nav .navbar .navbar-nav .nav-item a.btn-3d.btn-primary-3d {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 14px;
padding-right: 14px;
color: #fff;
font-size: 14px;
}

/*.navbar-nav .navbar .navbar-nav .nav-item a.btn.btn-primary:hover {
color: #141414;
}*/

.navbar-nav .navbar .navbar-nav .nav-item a.btn-3d.btn-secondary-3d {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 14px;
padding-right: 14px;
color: #141414;
font-size: 14px;
}

/*.navbar-nav .navbar .navbar-nav .nav-item a.btn.btn-reverse:hover {
color: #fff;
}
*/


.navbar-nav .navbar .navbar-nav .nav-item a i {
font-size: 12px;
display: inline-block;
margin-right: -3px;
}

.navbar-nav .navbar .navbar-nav .nav-item a:hover, .navbar-nav .navbar .navbar-nav .nav-item a:focus, .navbar-nav .navbar .navbar-nav .nav-item a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item:last-child {
margin-right: 0;
}

/*.navbar-nav .navbar .navbar-nav .nav-item:first-child {
margin-left: 0;
}*/

.navbar-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-nav .navbar .navbar-nav .nav-item.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu {
border: none;
top: 70px;
left: 0;
z-index: 99;
opacity: 0;
width: 285px;
display: block;
border-radius: 0;
padding: 10px 0;
margin-top: 15px;
position: absolute;
visibility: hidden;
background: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-top: 3px solid #3b9945;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
margin: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
padding: 8px 20px;
position: relative;
display: block;
color: #141414;
font-size: 16px;
font-weight: 500;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a .badge {
display: inline-block;
padding: .35em .05em;
font-size: 10px;
font-weight: 700;
line-height: 16px;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 35px;
width: 22px;
height: 22px;
background: #333;
color: #fff;
margin-right: 5px
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
margin: 0;
position: absolute;
top: 50%;
font-size: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: -300px;
margin-top: 15px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: 300px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: -300px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: 300px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: -300px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: 300px;
visibility: hidden;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
color: #141414;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
margin-top: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
margin-top: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu {
position: inherit;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .container {
display: block;
-ms-flex-wrap: unset;
flex-wrap: unset;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
width: 100%;
top: auto;
left: 0;
margin-top: 0;
padding: 30px 0;
position: absolute;
-webkit-transform: unset !important;
transform: unset !important;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
margin-top: 14px;
color: #141414;
padding: 0;
display: block;
font-size: 16.4px;
font-weight: 600;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
color: #3b9945;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li:first-child a {
margin-top: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget {
position: relative;
border-top: 1px solid #eeeeee;
padding-top: 30px;
margin-top: 30px;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon {
width: 70px;
height: 70px;
position: relative;
background: #f4f4f4;
text-align: center;
font-size: 40px;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #141414;
margin-bottom: 15px;
border-width: 1.5px;
border-style: dashed;
border-color: #eeeeee;
border-radius: 50%;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget h3 {
margin-bottom: 0;
font-size: 20px;
font-weight: 800;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title {
display: block;
margin-top: 5px;
color: #3b9945;
font-weight: 600;
font-size: 15px;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .link-btn {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}

.navbar-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget:hover .icon {
background-color: #3b9945;
border-color: #ffffff;
color: #ffffff;
}

.navbar-nav .navbar .others-option {
margin-left: 30px;
}

.navbar-nav .navbar .others-option .option-item {
margin-left: 30px;
}

.navbar-nav .navbar .others-option .option-item:first-child {
margin-left: 0;
}

.navbar-nav .navbar .others-option .option-item .search-box {
position: relative;
width: 300px;
border-radius: 5px;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search {
display: block;
width: 100%;
height: 48px;
border: none;
border-radius: 5px;
background-color: #f5f5f5;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #141414;
font-size: 16px;
font-weight: 600;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 0;
padding-right: 0;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search::-webkit-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search::-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search::-webkit-input-placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search::-webkit-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search::-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search::placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search:focus {
border-color: #3b9945;
outline: none;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::-webkit-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus:-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::-webkit-input-placeholder {
color: transparent;
}

.navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::-webkit-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus:-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::-ms-input-placeholder, .navbar-nav .navbar .others-option .option-item .search-box .input-search:focus::placeholder {
color: transparent;
}

.navbar-nav .navbar .others-option .option-item .search-box button {
position: absolute;
right: 0;
top: 0;
height: 48px;
background-color: transparent;
border: none;
color: #3b9945;
border-radius: 5px;
font-size: 22px;
padding: 0 15px;
}

.navbar-nav .navbar .others-option .option-item .default-btn {
margin-bottom: -6px;
}

.navbar-area {
background-color: #fff;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
padding: 10px 0;
position: absolute;
}

.navbar-area.is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
background-color: #ffffff !important;
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
padding-top: 5px;
padding-bottom: 5px;
}

.navbar-area.navbar-style-two {
position: relative;
}

.navbar-area.navbar-style-two.is-sticky {
position: fixed;
}

.others-option-for-responsive {
display: none;
}

.others-option-for-responsive .dot-menu {
padding: 0 10px;
height: 30px;
cursor: pointer;
z-index: 9991;
position: absolute;
right: 60px;
top: -40px;
}

.others-option-for-responsive .dot-menu .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
height: 5px;
width: 5px;
border-radius: 100%;
margin: 0 2px;
-webkit-transition: 0.5s;
transition: 0.5s;
background-color: #141414;
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
background-color: #3b9945;
}

.others-option-for-responsive .container {
position: relative;
}

.others-option-for-responsive .container .container {
position: absolute;
right: 0;
top: 10px;
max-width: 320px;
margin-left: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
z-index: 2;
padding-left: 15px;
padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.others-option-for-responsive .option-inner {
padding: 15px 15px 8px;
-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
background-color: #ffffff;
}

.others-option-for-responsive .option-inner .search-box {
margin-bottom: 15px;
position: relative;
border-radius: 5px;
}

.others-option-for-responsive .option-inner .search-box .input-search {
display: block;
width: 100%;
height: 48px;
border: none;
border-radius: 5px;
background-color: #f5f5f5;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #141414;
font-size: 17px;
font-weight: 600;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 0;
padding-right: 0;
}

.others-option-for-responsive .option-inner .search-box .input-search::-webkit-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search::-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search::-webkit-input-placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.others-option-for-responsive .option-inner .search-box .input-search::-webkit-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search::-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search::placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.others-option-for-responsive .option-inner .search-box .input-search:focus {
border-color: #3b9945;
}

.others-option-for-responsive .option-inner .search-box .input-search:focus::-webkit-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus:-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus::-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus::-webkit-input-placeholder {
color: transparent;
}

.others-option-for-responsive .option-inner .search-box .input-search:focus::-webkit-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus:-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus::-ms-input-placeholder, .others-option-for-responsive .option-inner .search-box .input-search:focus::placeholder {
color: transparent;
}

.others-option-for-responsive .option-inner .search-box button {
position: absolute;
right: 0;
top: 0;
height: 48px;
background-color: transparent;
border: none;
color: #3b9945;
border-radius: 5px;
padding: 0 15px;
}

.others-option-for-responsive .option-inner .others-option {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}

.others-option-for-responsive .option-inner .others-option .option-item {
margin-left: 0;
}

.others-option-for-responsive .option-inner .others-option .option-item:first-child {
margin-left: 0;
}

.others-option-for-responsive .option-inner .others-option .cart-btn {
font-size: 22px;
position: relative;
line-height: 1;
}

.others-option-for-responsive .option-inner .others-option .cart-btn a {
display: inline-block;
position: relative;
color: #141414;
}

.others-option-for-responsive .option-inner .others-option .cart-btn a span {
position: absolute;
right: -4px;
top: -4px;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
border-radius: 50%;
color: #ffffff;
background-color: #3b9945;
font-size: 10px;
font-weight: 600;
}

.others-option-for-responsive .option-inner .others-option .cart-btn a:hover {
color: #3b9945;
}

/*-- Header Responsive --*/
@media only screen and (max-width: 1199px) {
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.55);
border-color: transparent;
}

.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: none;
}

.navbar-area.is-sticky {
padding-top: 10px;
padding-bottom: 10px;
}

.navbar-area.is-sticky .acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav {
margin-top: 63px;
}

.navbar-area.is-sticky .others-option-for-responsive .container .container {
top: 10px;
}

.navbar-area.navbar-style-two {
padding-top: 17px;
padding-bottom: 17px;
}

.acavo-responsive-nav {
display: block;
}

.acavo-responsive-nav .acavo-responsive-menu {
position: relative;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav {
margin-top: 70px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul {
font-size: 15px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul li a.active {
color: #3b9945;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul li li a {
font-size: 14.5px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav {
overflow-y: scroll;
height: 306px;
-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item {
overflow: hidden;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container {
border-top: 1px solid #eeeeee;
padding-left: 0;
padding-right: 0;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row {
display: block;
-ms-flex-wrap: unset;
flex-wrap: unset;
margin-left: 0;
margin-right: 0;
margin-top: -20px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col {
-ms-flex-preferred-size: unset;
flex-basis: unset;
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
max-width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child {
margin-bottom: 15px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:first-child .megamenu-submenu li {
border-top: none;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a {
width: 100%;
float: unset;
display: block;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a {
border-bottom: none !important;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand {
display: none !important;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu {
width: 80%;
overflow: hidden;
display: block !important;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
border: none;
margin-top: 18px;
color: #677294;
padding: 0;
font-size: 14.5px;
font-weight: 600;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
color: #3b9945;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li:first-child {
border-top: 1px solid #eeeeee;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget {
position: relative;
border-top: 0;
margin-top: 0;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon {
width: 50px;
height: 50px;
position: relative;
background: #f4f4f4;
text-align: center;
font-size: 28px;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #141414;
margin-bottom: 15px;
border-width: 1.5px;
border-style: dashed;
border-color: #eeeeee;
border-radius: 50%;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget h3 {
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title {
display: block;
margin-top: 5px;
color: #3b9945;
font-weight: 600;
font-size: 13px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .link-btn {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget:hover .icon {
background-color: #3b9945;
border-color: #ffffff;
color: #ffffff;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box {
display: none !important;
position: absolute;
right: 340px;
top: -11px;
width: 270px;
border-radius: 5px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search {
display: block;
width: 100%;
height: 48px;
border: none;
border-radius: 5px;
background-color: #f5f5f5;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #141414;
font-size: 17px;
font-weight: 600;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 0;
padding-right: 0;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::-webkit-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::-webkit-input-placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::-webkit-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search::placeholder {
color: #848484;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus {
border-color: #3b9945;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::-webkit-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus:-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::-webkit-input-placeholder {
color: transparent;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::-webkit-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus:-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::-ms-input-placeholder, .acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box .input-search:focus::placeholder {
color: transparent;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .search-box button {
position: absolute;
right: 0;
top: 0;
height: 48px;
background-color: transparent;
border: none;
color: #3b9945;
border-radius: 5px;
padding: 0 15px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option {
position: absolute;
right: 55px;
display: none !important;
top: -10px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .option-item {
margin-left: 30px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .option-item:first-child {
margin-left: 0;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .cart-btn {
font-size: 22px;
position: relative;
line-height: 1;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .cart-btn a {
display: inline-block;
position: relative;
color: #141414;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .cart-btn a span {
position: absolute;
right: -4px;
top: -4px;
width: 14px;
height: 14px;
text-align: center;
line-height: 14px;
border-radius: 50%;
color: #ffffff;
background-color: #3b9945;
font-size: 10px;
font-weight: 600;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .others-option .cart-btn a:hover {
color: #3b9945;
}

.acavo-responsive-nav .mean-container a.meanmenu-reveal {
color: #141414;
}

.acavo-responsive-nav .mean-container a.meanmenu-reveal span {
background: #141414;
}

.acavo-responsive-nav .logo {
position: relative;
width: 70%;
z-index: 999;
}
/*.navbar-nav {
display: none;
}*/
.others-option-for-responsive {
display: block;
}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul {
font-size: 16px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul li li a {
font-size: 15px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav {
height: 324px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul {
font-size: 16.5px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .mean-nav ul li li a {
font-size: 15.5px;
}

.acavo-responsive-nav .acavo-responsive-menu.mean-container .navbar-nav {
height: 327px;
}
}

/*.container {
max-width: 80%
}
*/


@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.navbar-nav .container-fluid {
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}

.navbar-nav .navbar .navbar-nav {
/*padding-right: 50px;*/
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu {
left: auto;
right: 0;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
right: auto;
left: -250px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 250px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 250px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: -250px;
}

.navbar-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 250px;
}

.navbar-nav .navbar .others-option {
display: none !important;
}

.others-option-for-responsive {
display: block;
}

.others-option-for-responsive .container .container {
right: -20px;
}

.others-option-for-responsive .dot-menu {
padding: 0 10px 0 0;
right: -20px;
top: -51px;
}
}

/*============================================

05 -- hero

==============================================*/
.pos-rel {
position: relative;
}

.oh {
overflow: hidden;
}

/*-- Hero 01 --*/
.slider {
    padding: 100px 0 80px;
    background: radial-gradient(ellipse 70% 60% at 10% 50%, rgba(59, 153, 69, .35) 0%, transparent 55%), radial-gradient(ellipse 50% 70% at 90% 20%, rgba(42, 114, 51, .2) 0%, transparent 55%), linear-gradient(150deg, #1A4D20 0%, #2A7233 40%, #3B9945 100%);
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat !important;
    position: relative;
}
    .slider::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
        background-size: 56px 56px;
    }
    .slider .hero-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .25);
        border-radius: 50px;
        padding: 6px 16px;
        margin-bottom: 20px;
    }
    .slider .hero-tag-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #F59E0B;
        box-shadow: 0 0 10px #F59E0B;
        animation: pulse 2s infinite;
    }

    .slider .hero-tag span {
        font-size: 12px;
        font-weight: 700;
        color: rgba(255, 255, 255, .9);
        letter-spacing: .4px;
        line-height: 1.6;
    }


.slider-shape {
position: absolute;
bottom: 0;
left: 0;
}

.slider-shape2 {
position: absolute;
top: 30px;
right: 0;
}

.slider-thumb-15 {
position: relative
}

.main-banner-one__image__clients {
position: relative;
display: flex;
align-items: center;
background-color: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 100px;
max-width: 330px;
padding: 17px 15px 17px 22px;
transition: all 400ms linear;
margin-left: auto;
margin-right: 85px;
margin-top: -36px;
}

.main-banner-one__image__clients img {
width: 50px;
height: 50px;
border-radius: 50%;
max-width: 100%;
border: 3px solid #fff;
}

.main-banner-one__image__clients span {
font-weight: 600;
display: inline-block;
color: #17012c;
font-weight: 600;
text-transform: capitalize;
letter-spacing: -0.32px;
margin-left: 10px;
}

.main-banner-one__image__clients img + img {
margin-left: -19px;
}

.main-banner-one__image__customer {
position: relative;
display: flex;
align-items: center;
background-color: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 100px;
max-width: 260px;
padding: 18px 20px;
transition: all 400ms linear;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
color: #17012C;
position: absolute;
left: -7%;
top: 40%;
z-index: 4
}

.main-banner-one__image__bg {
position: absolute;
left: 115px;
bottom: 0;
width: 100%;
height: 100%;
background-position: bottom center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}

.main-banner-one__image__customer > img {
width: 32px !important;
height: 32px;
margin-right: 12px;
}

.main-banner-one__image__customer span {
color: #3b9945;
display: inline-block;
margin-right: 4px;
}

.main-banner-one__image__customer__angle {
position: absolute;
right: 12px;
bottom: -52px;
animation: movebounce2 4s linear infinite;
}

.main-banner-one__image__report {
position: relative;
background-color: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
max-width: 205px;
padding: 12px 14px 21px;
transition: all 400ms linear;
position: absolute;
right: -8%;
top: 12%;
}

.main-banner-one__image__report__text {
font-size: 13px;
font-weight: 500;
line-height: 1;
text-transform: capitalize;
margin: 0 0 3px;
color: #858585;
}

.main-banner-one__image__report__number {
font-size: 20px;
font-weight: 500;
color: #17012C;
line-height: 1;
margin: 0;
}

.main-banner-one__image__report__number span {
background-color: #3b9945;
color: #fff;
font-size: 15px;
font-weight: 500;
display: inline-block;
border-radius: 5px;
padding: 5px 5px;
margin-left: 8px;
position: relative;
top: 5px;
}

.hero-counter-sec {
    display: flex;
    gap: 0;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    overflow: hidden;
    max-width: 560px;
}
.counter-box {
    flex: 1;
    padding: 16px 20px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .12);
}


.counter-box h3 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 22px;
font-weight: 900;
color: #fff;
line-height: 1;
margin-bottom: 2px;
}

.counter-box span {
font-size: 10px;
font-weight: 600;
color: rgba(255, 255, 255, .55);
text-transform: uppercase;
letter-spacing: .6px;
}


@keyframes movebounce2 {
0% {
transform: translateX(0px);
}

50% {
transform: translateX(-15px);
}

100% {
transform: translateX(0px);
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.navbar-nav .navbar .navbar-brand img {
max-height: 50px;
}

.navbar-nav .navbar .navbar-nav .nav-item {
position: relative;
margin-left: 4px;
margin-right: 4px;
}

.navbar-nav .navbar .navbar-nav .nav-item a {
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
}


.slider {
height: auto;
padding: 150px 0px 80px;
}
}

@media(max-width:1440px) {
.navbar-nav .navbar .navbar-brand img {
max-height: 55px;
}

.navbar-nav .navbar .navbar-nav {
padding-right: 65px;
}

.navbar-nav .navbar .navbar-nav .nav-item a {
font-size: 13px;
padding-left: 6px;
padding-right: 6px;
}
}


@media only screen and (min-width: 769px) and (max-width: 991px) {
.slider {
height: auto;
padding: 150px 0px 80px;
}
}

@media only screen and (max-width: 767px) {
.slider {
height: auto;
padding: 140px 0px 70px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider {
height: auto;
padding: 140px 0px 70px;
}
}

@media only screen and (max-width: 575px) {
.navbar-nav .navbar .navbar-brand img {
max-height: 50px;
}

.slider {
height: auto;
}

.navbar-area {
background-color: #fff;
}

.navbar-nav .navbar {
background: #fff;
padding-top: 5px;
padding-bottom: 5px;
}

.navbar-nav .navbar .navbar-nav .nav-item a {
padding-left: 0px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px
}

.navbar-nav .navbar .navbar-nav {
margin-top: 30px;
}

.blog-wrapper2 p iframe {
max-width: 100%;
}

.blog-wrapper2 iframe {
max-width: 100%;
}

.blog-wrapper p iframe {
max-width: 100%;
}

.blog-wrapper iframe {
max-width: 100%;
}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.slider .slider-content {
margin-bottom: 120px;
}
}

.slider .slider-content .slider-button-group {
    display: flex;
    gap: 12px;
    margin-bottom: 56px;
}

.slider .slider-content .slider-button-group .btn {
margin: 15px;
}
.slider .slider-content .slider-button-group .btn-primary-3d {
background: #F59E0B;
color: #fff;
border-color: #D97706;
box-shadow: 0 6px 0 #B45309;
}
.slider .slider-content .slider-button-group .btn-primary-3d:hover {
transform: translateY(4px);
box-shadow: 0 0 0 #B45309;
color: #fff;
}
.slider .slider-content .slider-button-group .btn-secondary-3d {
background: transparent;
color: #fff;
border:1px solid rgba(255, 255, 255, .5);
}


.slider .slider-content .cate {
margin-bottom: 25px;
color: #3b9945;
}

@media only screen and (max-width: 767px) {
.slider .slider-content .cate {
margin-bottom: 10px;
}
}

.slider .slider-content .title {
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 900;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}

.slider .slider-content .title span {
font-style: italic;
color: #A7F3B0;
}


@media only screen and (max-width: 767px) {
.slider .slider-content .title {
font-size: 50px;
line-height: 56px;
margin-bottom: 10px;
}
}

@media only screen and (max-width: 575px) {
.slider .slider-content .title {
font-size: 48px;
line-height: 56px;
margin-bottom: 10px;
}
}

.slider .slider-content p {
    font-size: 17px;
    color: rgba(255, 255, 255, .75);
    line-height: 1.78;
    max-width: 520px;
    margin-bottom: 36px;
}

@media only screen and (max-width: 767px) {
.slider .slider-content p {
font-size: 20px;
line-height: 30px;
margin-bottom: 35px;
}
}

@media only screen and (max-width: 575px) {
.slider .slider-content p {
font-size: 18px;
line-height: 30px;
margin-bottom: 25px;
}
}







@media (max-width: 1440px) {


.slider {
padding: 100px 0px 98px;
}

.slider .slider-content .cate {
margin-bottom: 15px;
}

.slider .slider-content .title {
font-size: 40px;
line-height: 50px;
}

.slider .slider-content p {
font-size: 16px;
}

.slider .img-fluid {
max-height: 450px;
}
}




/*-- Hero 02 --*/
.hero-2 {
position: relative;
z-index: 1;
overflow: hidden;
}

.hero-2 .hero-2-item {
background-color: #fafafa;
padding-top: 50px;
padding-bottom: 50px;
background-image: url(../images/hero/hero-2.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
padding-top: 100px;
padding-bottom: 100px;
}

.hero-2 .hero-2-item .hero-2-content h1,
.hero-2 .hero-2-item .hero-2-content p {
color: #272a3a;
}

.hero-2 .hero-2-item .hero-2-content h1 {
font-size: 65px;
margin-bottom: 20px;
font-weight: bold;
}

.hero-2 .hero-2-item .hero-2-content p {
margin-bottom: 0;
}

.hero-2 .hero-2-item .hero-2-content .hero-btn {
margin-top: 30px;
}

.hero-2 .hero-2-form {
background-color: #ffffff;
-webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
padding: 50px 40px;
position: relative;
border-radius: 10px;
max-width: 590px;
margin-left: auto;
}

.hero-2 .hero-2-form .content {
margin-bottom: 30px;
text-align: center;
}

.hero-2 .hero-2-form .content h3 {
font-size: 32px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}

.hero-2 .hero-2-form .form-group label {
display: block;
margin-bottom: 10px;
color: #141414;
font-weight: 400;
font-size: 16px;
}

.hero-2 .hero-2-form .form-group .form-control {
height: 50px;
padding: 0 0 0 15px;
line-height: initial;
color: #09101f;
border: 1px solid #bdc1d7;
border-radius: 5px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 16px;
font-weight: 400;
}

.hero-2 .hero-2-form .form-group .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}

.hero-2 .hero-2-form .form-group label {
font-size: 16px;
color: #6e7078;
font-weight: 600;
margin-bottom: 10px;
}

.hero-2 .hero-2-form .nice-select {
height: 50px;
width: 100%;
line-height: 40px;
font-size: 16px;
padding-left: 20px;
border: 1px solid #bdc1d7;
color: #141414;
border-radius: 5px;
padding-top: 5px;
font-weight: 400;
margin-bottom: 20px;
}

.hero-2 .hero-2-form .nice-select:focus {
background-color: transparent;
}

.hero-2 .hero-2-form .nice-select .list {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
border-radius: 0;
margin-top: 0;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.hero-2 .hero-2-form .nice-select .list .option {
-webkit-transition: .6s;
transition: .6s;
color: #09101f;
padding-left: 20px;
padding-right: 20px;
}

.hero-2 .hero-2-form .nice-select .list .option:hover {
background-color: #3b9945 !important;
color: #ffffff;
}

.hero-2 .hero-2-form .nice-select .list .option.selected {
background-color: transparent;
font-weight: 600;
}

.hero-2 .hero-2-form .nice-select::after {
height: 8px;
width: 8px;
border-color: #b5b6bc;
right: 20px;
}

.hero-2 .hero-2-form .lost-your-id,
.hero-2 .hero-2-form .lost-your-password {
font-size: 16px;
color: #6e7078;
font-weight: 600;
float: right;
}

.hero-2 .hero-2-form .lost-your-id:hover,
.hero-2 .hero-2-form .lost-your-password:hover {
color: #3b9945;
}

.hero-2 .hero-2-form .hero-form-btn {
margin-top: 10px;
}

/*-- Hero 03 --*/
.app-sliser {
padding: 90px 0;
background-color: #f8f8fc;
height: 100vh;
}

.app-sliser h1 {
font-size: 60px;
}


.app-sliser .btn img {
max-width: 100%;
transform: rotate(0);
}


.floating {
-webkit-animation-name: floating;
animation-name: floating;
-webkit-animation-duration: 5.5s;
animation-duration: 5.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@keyframes floating {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}

50% {
-webkit-transform: translateY(5%);
transform: translateY(5%);
}

100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}

@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}

50% {
-webkit-transform: translateY(5%);
}

100% {
-webkit-transform: translateY(0%);
}
}

.stats-bar {
background: #fff;
border-bottom: 1px solid #e2ede3;
padding: 28px 0;
}
.stats-bar .stats-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.stats-bar .rv.on {
opacity: 1;
transform: none;
}
.stats-bar .stat-item {
text-align: center;
flex: 1;
min-width: 120px;
padding: 0 16px;
border-right: 1px solid #e2ede3;
}
.stats-bar .stat-number {
display: block;
font-family: 'Playfair Display', Georgia, serif;
font-size: 28px;
font-weight: 900;
color: #3b9945;
line-height: 1;
margin-bottom: 3px;
}
.stats-bar .stat-label {
font-size: 12px;
color: #6b7280;
font-weight: 500;
}

.results-sec {
background: #f7f9f7;
padding:80px 0
}
.results-sec .section-label {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #3b9945;
background: #ebf7ec;
border-radius: 50px;
padding: 5px 15px;
margin-bottom: 12px;
}
.results-sec h2 {
font-size: clamp(28px, 3.8vw, 44px);
font-weight: 900;
color: #141414;
margin-bottom: 14px;
font-family: 'Playfair Display', Georgia, serif;
}
.results-sec p {
color: #6b7280;
font-size: 15.5px;
line-height: 1.75;
}
.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.results-sec .card {
background: #fff;
border: 1.5px solid #e2ede3;
border-radius: 12px;
padding: 30px;
transition: all .3s ease;
}
.results-sec  .card:hover {
border-color: #3b9945;
transform: translateY(-5px);
box-shadow: 0 12px 48px rgba(59,153,69,.14);
}
.rv.on {
    opacity: 1;
    transform: none;
}
.results-sec .card .pillar-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebf7ec;
    color: #3b9945;
    margin-bottom: 18px;
    transition: all .25s;
}
.results-sec .card h3 {
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    color: #141414;
    margin-bottom: 10px;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.results-sec .card p {
    color: #6b7280;
    font-size: 15.5px;
    line-height: 1.75;
}
.results-sec .card .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-weight: 700;
    border-radius: 12px;
    border: 2px solid #3b9945;
    cursor: pointer;
    transition: all .22s ease;
    white-space: nowrap;
    background: transparent;
    color: #3b9945;
    width: fit-content;
    margin-top: 18px;
    font-size: 13px;
    padding: 9px 18px
}

.new-about{padding:80px 0}
.new-about .grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
.about-photo-wrap {
position: relative;
border-radius: 20px;
overflow: hidden;
border: 2px solid #e2ede3;
box-shadow: 0 12px 48px rgba(59,153,69,.14);
}

.new-about .section-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #3b9945;
    background: #ebf7ec;
    border-radius: 50px;
    padding: 5px 15px;
    margin-bottom: 12px;
}
.about-photo-wrap img {
width: 100%;
object-fit: cover;
display: block;
}

.cert-strip {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 14px;
justify-content: center;
}
    .cert-strip img {
        height: 38px;
        width: auto;
        object-fit: contain;
        background: #fff;
        border: 1px solid #e2ede3;
        border-radius: 8px;
        padding: 4px 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    }

.new-about h2 {
    font-size: clamp(28px, 3.8vw, 44px);
    font-weight: 900;
    color: #141414;
    margin-bottom: 14px;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.new-about .cred-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}
.new-about .cred-badge {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #3b9945;
    background: #ebf7ec;
    border: 1px solid rgba(59, 153, 69, .25);
    border-radius: 6px;
    padding: 4px 12px;
}
.new-about .cred-badgep {
    color: #6b7280;
    font-size: 15.5px;
    line-height: 1.75;
}
.new-about p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.75;
}

.about-quote {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
    color: #3b9945;
    border-left: 3px solid #3b9945;
    padding: 10px 16px;
    margin: 20px 0;
    line-height: 1.4;
}
.books-row {
    display: flex;
    gap: 14px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.book-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1.5px solid #e2ede3;
    border-radius: 10px;
    padding: 10px 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
    transition: all .22s;
    flex: 1;
    min-width: 0;
}
    .book-link img {
        width: 46px;
        height: auto;
        object-fit: cover;
        border-radius: 4px;
        flex-shrink: 0;
    }
.book-link-tag {
    font-size: 9.5px;
    font-weight: 800;
    color: #3b9945;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 2px;
}
.book-link-title {
    font-size: 11.5px;
    font-weight: 800;
    color: #141414;
    line-height: 1.6;
}
.book-link-cta {
    font-size: 10.5px;
    color: #6b7280;
    margin-top: 2px;
}

.why-proRSI {
    padding: 80px 0;
    background: #f7f9f7
}

    .why-proRSI .grid-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 48px;
        align-items: center;
    }

    .why-proRSI .section-label {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #3B9945;
        background: #ebf7ec;
        border-radius: 50px;
        padding: 5px 15px;
        margin-bottom: 12px;
    }
.why-proRSI h2 {
    font-size: clamp(28px, 3.8vw, 44px);
    font-weight: 900;
    color: #141414;
    margin-bottom: 14px;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.why-box {
    background: #fff;
    border: 1.5px solid #e2ede3;
    border-radius: 20px;
    padding: 36px;
    transition: all .3s;
    height: 100%;
}
    .why-box:hover {
        border-color: #3b9945;
        box-shadow: 0 12px 48px rgba(59,153,69,.14);
    }
    .why-box .section-label {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #3b9945;
        background: #ebf7ec;
        border-radius: 50px;
        padding: 5px 15px;
        margin-bottom: 12px;
    }
.why-box h3 {
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    color: #141414;
    margin-bottom: 10px;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.why-box p {
    color: #6b7280;
    font-size: 15.5px;
    line-height: 1.75;
}
.checklist {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
}
.checklist li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14.5px;
color: #3d3d3d;
line-height: 1.55;
}
.checklist li::before {
content: '✓';
width: 20px;
height: 20px;
border-radius: 50%;
background: #ebf7ec;
color: #3b9945;
font-size: 11px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}

.most-popular{padding:80px 0}

    .most-popular .section-label {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #3B9945;
        background: #ebf7ec;
        border-radius: 50px;
        padding: 5px 15px;
        margin-bottom: 12px;
    }

    .most-popular h2 {
        font-size: clamp(28px, 3.8vw, 44px);
        font-weight: 900;
        color: #141414;
        margin-bottom: 14px;
        font-family: 'Playfair Display', Georgia, serif;
        line-height: 1.15;
        letter-spacing: -.3px;
    }
.most-popular p {
    color: #6b7280;
    font-size: 15.5px;
    line-height: 1.75;
}
    .most-popular .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
    .most-popular .card {
        background: #fff;
        border: 1.5px solid #e2ede3;
        border-radius: 12px;
        padding: 30px;
        transition: all .3s ease;
    }
        .most-popular .card:hover {
            border-color: #3b9945;
            transform: translateY(-5px);
            box-shadow: 0 12px 48px rgba(59,153,69,.14);
        }
        .most-popular .card .course-thumb {
            background: var(--green-faint);
            border-radius: 8px;
            aspect-ratio: 16 / 9;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--muted);
            font-size: 13px;
            overflow: hidden;
        }
            .most-popular .card .course-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        .most-popular .card .course-tag {
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .8px;
            text-transform: uppercase;
            color: #3b9945;
            display: block;
            margin-bottom: 8px;
        }
    .most-popular .card h3 {
        font-size: clamp(18px, 2vw, 22px);
        font-weight: 700;
        color: #141414;
        margin-bottom: 10px;
        font-family: 'Playfair Display', Georgia, serif;
        line-height: 1.15;
        letter-spacing: -.3px;
    }
    .most-popular .card p {
        color: #6b7280;
        font-size: 13.5px;
        line-height: 1.75;
    }

    .testimonial-sec{padding:80px 0}
        .testimonial-sec .section-label {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            color: #3B9945;
            background: #ebf7ec;
            border-radius: 50px;
            padding: 5px 15px;
            margin-bottom: 12px;
        }

        .testimonial-sec h2 {
            font-size: clamp(28px, 3.8vw, 44px);
            font-weight: 900;
            color: #141414;
            margin-bottom: 14px;
            font-family: 'Playfair Display', Georgia, serif;
            line-height: 1.15;
            letter-spacing: -.3px;
        }

        .testimonial-sec  .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }

.testimonial-card {
    background: #fff;
    border: 1.5px solid #e2ede3;
    border-radius: 12px;
    padding: 28px;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
}
.stars {
    color: #F59E0B;
    font-size: 15px;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
}
.testimonial-card blockquote {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: 15.5px;
    color: #3d3d3d;
    line-height: 1.7;
    flex-grow: 1;
    margin-bottom: 20px;
    border-left: 3px solid #EBF7EC;
    padding-left: 14px;
}
.testimonial-card cite {
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
    color: #141414;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid #e2ede3;
}
    .testimonial-card cite img {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        object-fit: cover;
    }
    .testimonial-card cite span {
        font-size: 11.5px;
        font-weight: 400;
        color: var(--muted);
    }


.cta-band {
    padding: 96px 0;
    text-align: center;
    background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(107, 207, 119, .15) 0%, transparent 60%), linear-gradient(150deg, #1A4D20 0%, #2A7233 45%, #3B9945 100%);
    position: relative;
    overflow: hidden;
}
    .cta-band::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px);
        background-size: 28px 28px;
    }
    .cta-band  .section-label {
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        color: #fff;
        background: rgba(255, 255, 255, .15);
        border-radius: 50px;
        padding: 5px 15px;
        margin-bottom: 12px;
    }
.cta-band h2 {
    color: #fff;
    margin-bottom: 14px;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 900;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.15;
    letter-spacing: -.3px;
}
.cta-band p {
    color: rgba(255, 255, 255, .72);
    max-width: 640px;
    margin: 0 auto 36px;
    font-size: 16.5px;
    line-height: 1.75;
}

.cta-band .btn-primary-3d {
    background: #F59E0B;
    color: #fff;
    border-color: #D97706;
    box-shadow: 0 4px 0 #B45309;
    padding: 16px 36px;
}
    .cta-band .btn-primary-3d:hover {
        transform: translateY(6px);
        box-shadow: 0 2px 0 #B45309;

    }

.cta-band .btn-whatsup-3d {
    background: #25d366;
    color: #fff;
    border-color: #D97706;
    box-shadow: 0 4px 0 #1f994c;
    padding: 16px 36px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 12px;
    transition: all 0.25s ease;
}

    .cta-band .btn-whatsup-3d:hover {
        transform: translateY(6px);
        box-shadow: 0 2px 0 #1f994c;
    }



/*============================================

06 -- About 

==============================================*/
.about-area .container-fluid {
padding-left: 0;
}

.about-area .about-content h3 {
font-size: 38px;
margin: 14px 0 25px 0;
}

.about-area .about-content strong {
color: #6e7078;
font-weight: 600;
}

.about-area .about-content p {
    color: #6e7078;
    margin: 15px 0 0 0;
    display: flex;
    align-items: start;
    line-height: 1.4;
}

.about-area .about-content p img {
max-height: 20px;
margin-right: 10px;
margin-top: 5px;
}

.about-area .about-content .about-btn {
margin-top: 25px;
}

.about-area .about-content.style-width {
max-width: 630px;
}

.about-area .about-content.warp {
padding: 30px 0 30px 0;
max-width: 630px;
}

.about-area .about-content .about-inner-content {
margin-top: 18px;
position: relative;
padding-left: 45px;
-webkit-transition: 0.5s;
transition: 0.5s;
margin-bottom: 18px;
display: inline-block;
width: 100%;
}

.about-area .about-content .about-inner-content .icon i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
background: #3b9945;
color: #ffffff;
text-align: center;
font-size: 18px;
border-radius: 30px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.about-area .about-content .about-inner-content h4 {
font-size: 22px;
margin-bottom: 12px;
}

.about-area .about-content .about-inner-content p {
margin-top: 0;
}

.about-area .about-content .about-inner-content:hover .icon i {
background: #333;
}

.about-area .about-image-warp {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
position: relative;
z-index: 1;
}

.about-area .about-image-warp .video-btn {
display: inline-block;
width: 60px;
height: 60px;
line-height: 70px;
background: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background: linear-gradient(to right, #3b9945, #24eb39);
background: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 50%;
color: #ffffff;
position: absolute;
z-index: 1;
right: 30px;
bottom: 50px;
text-align: center;
}

.about-area .about-image-warp .video-btn i {
font-size: 50px;
position: relative;
top: -3px;
left: 2px;
}

.about-area .about-image-warp .video-btn::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #333;
-webkit-animation: ripple 1s linear 1s infinite;
animation: ripple 1s linear 1s infinite;
}

.about-area .about-image-warp .video-btn::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid #333;
-webkit-animation: ripple 1s linear infinite;
animation: ripple 1s linear infinite;
}

.about-area .about-image-warp .video-btn:hover,
.about-area .about-image-warp .video-btn .video-content .video-btn:focus {
background-color: #ffffff;
color: #3b9945;
}

@-webkit-keyframes ripple {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}

75% {
-webkit-transform: scale(1.75);
transform: scale(1.75);
opacity: 1;
}

100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}

@keyframes ripple {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}

75% {
-webkit-transform: scale(1.75);
transform: scale(1.75);
opacity: 1;
}

100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}

.about-three {
position: relative;
padding: 80px 0;
}

.about-three.bg{
    background: #e2e9f9;
}

.about-three h3 {
font-weight: 800;
margin-bottom: 24px;
font-size: 50px;
line-height: 50px;
font-family: 'Satoshi Bold';
color: #141414;
text-transform: capitalize;
}

.about-three p {
transition: .4s;
color: #6f6f6f;
font-size: 18px;
line-height: 1.4;
margin: 0
}

.about-three__list {
position: relative;
margin: 0 0 44px;
padding: 23px 0 0;
list-style: none;
}

.about-three__list li {
position: relative;
margin: 0;
line-height: 1.2;
font-weight: 500;
color: #5c5c5c;
display: flex;
align-items: start;
/* flex-wrap: wrap; */
gap: 9px;
margin: 0px 0 14px;
font-size: 16px;
}

.about-three__list li i {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 15px;
background-color: #f1f1f1;
color: #3b9945;
line-height: 1;
}

.about-three__image-wrapper {
position: relative;
display: inline-block;
padding-left: 32px;
padding-bottom: 68px;
}

.about-three__image {
position: relative;
z-index: 2;
width: 100%;
text-align: center;
}

.about-three__image::after {
position: absolute;
left: 0;
right: 0;
margin: 0;
bottom: 0;
width: 100%;
height: 64.6%;
content: "";
transition: all 500ms ease;
background-color: #E8E5FD;
border-radius: 0 0 50px 50px;
z-index: -1;
}

.about-three__image-wrapper__shape-two {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
}

.about-three__image-wrapper__shape-two img {
box-shadow: 0px 2px 50px 0px rgba(0, 0, 0, 0.08);
max-width: 100%;
height: auto;
border-radius: 5px;
}

.about-three__image-wrapper__rating {
position: absolute;
z-index: 2;
right: -42px;
bottom: 130px;
min-height: 77px;
background-color: #fff;
border-radius: 8px;
display: inline-block;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
padding: 19px 14px 10px 73px;
}

.about-three__image-wrapper__rating__star {
width: 47px;
height: 47px;
background-color: #F8BC24;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
position: absolute;
left: 14px;
top: 0;
bottom: 0;
margin: auto;
}

.about-three__image-wrapper__rating__title {
font-size: 16px;
font-weight: 700;
line-height: 1;
display: block;
margin: 0 0 7px;
}

.about-three__image-wrapper__rating__text {
font-weight: 600;
font-size: 14px;
margin: 0;
display: block;
line-height: 1;
}


.newsletter-home.newsletter-color {
padding: 20px 0;
}

.newsletter-home .title-newsletter .title {
text-transform: capitalize;
margin-bottom: 10px;
font-size: 1.8rem;
text-align: center;
}


.newsletter-home .title-newsletter .sub-title {
font-size: 16px;
line-height: 1.3;
letter-spacing: .015em;
margin-top: 4px;
padding-left: 4px;
color: #777;
margin-bottom: 0;
text-align: center;
}

.block.newsletter .title {
display: none;
}

.column.main .block:last-child {
margin-bottom: 0;
}

.panel-block * {
-webkit-transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

.newsletter-home .block.newsletter {
width: 100%;
padding-bottom: 0;
margin-top: 10px;
}

.newsletter-home .block.newsletter .content {
position: relative;
width: 100%;
margin: 0;
}

.block.newsletter .form.subscribe {
display: table;
width: 100%;
}

.newsletter-home.newsletter-color .block.newsletter .content .field.newsletter {
border-bottom: none;
width: 100%;
}

.newsletter-home.newsletter-color .block.newsletter .content .field.newsletter input[type=email] {
height: 46px;
padding-left: 44px;
border: 1px solid #e3e3e3;
width: 100%;
background: #fff;
border-radius: 10px;
}

.newsletter-home .block.newsletter .content .field.newsletter input[type=email] {
border: none;
line-height: 46px;
height: 46px;
padding-left: 45px;
padding-right: 85px;
font-size: .9375rem;
letter-spacing: .01em;
}

.newsletter-home .block.newsletter .content .actions {
position: absolute;
right: 0;
top: 0;
width: auto;
}

.block.newsletter .actions {
display: table-cell;
vertical-align: top;
width: 1%;
}

.newsletter-home.newsletter-color .block.newsletter .content .actions .action.subscribe.primary {
    padding: 0 24px;
}

.newsletter-home .block.newsletter .content .actions .action.subscribe.primary {
background-color: transparent;
border: none;
color: #fff;
padding: 0;
line-height: 3.3666rem;
letter-spacing: .075em;
border-radius: 0 10px 10px 0;
}

.newsletter-home .block.newsletter .content .actions .action.subscribe.primary {
    background: #3b9945;
    height: 46px;
    line-height: 46px;
}

.newsletter-home .block.newsletter .content label {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.block.newsletter .field .control img {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
line-height: 33px;
color: #c5c3d0;
content: '\e818';
font-family: "fontello";
vertical-align: middle;
display: inline-block;
font-weight: 400;
overflow: hidden;
speak: none;
text-align: center;
position: absolute;
top: 15px;
left: 15px;
max-height: 18px;
}

.newsletter-home .block.newsletter .content .field.newsletter .control:before {
color: #c5c3d0;
left: 0;
top: 50%;
margin-left: -9px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
margin-left: 20px;
}

.block.newsletter .field .control:before {
position: absolute;
}

.coppyright {
    background: #fff;
    padding: 12px 0;
    border-top: 1px solid #ededed;
}
.coppyright p{color:#6e7078; font-size:14px}

.course-list {
margin: 0;
}

.course-list .tab-content {
padding: 0
}


.course-list .tab-content h1 {
font-size: 34px;
margin-bottom: 24px;
font-family: 'Satoshi Bold';
}

.course-list .tab-content h1 span {
color: #3b9945;
}

.course-list .card {
background: #fff;
padding: 10px;
border-radius: 10px;
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}
.course-list .card a {
display: block;
width: 100%;
height: 100%;
}

.course-list .card .images-sec {
height: 256px;
text-align: center;
width: 100%;
border-radius: 10px;
overflow: hidden;
position:relative
}

.course-list .card .images-sec img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}

.course-list .card .images-sec .tagSec {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
padding: 8px;
background: #ffc409;
color: #333;
font-size: 14px;
font-weight: 600;
}

.course-list .card .images-sec .tagExpire {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
padding: 8px;
background: #ff0000;
color: #fff;
font-size: 14px;
font-weight: 600;
}

.course-list .card .images-sec .playBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .course-list .card .images-sec .playBtn img {
        height: 30px;
        width: 30px;
    }

.course-list .nav-item {
margin-left: 10px
}

.modal-dialog.courseVideo .modal-footer {
display: flex;
justify-content: space-between;
align-content: center
}

.modal-dialog.courseVideo .modal-footer .btn-link {
font-weight: 400;
color: #000;
text-decoration: none;
font-size: 18px;
font-weight: 600;
}

.modal-dialog.courseVideo .modal-body .itemiframe {
height: 630px;
display: flex;
justify-content: center;
align-items: center;
}

.modal-dialog.courseVideo .modal-body .btn-close {
background-image: none;
position: absolute;
right: -14px;
top: -14px;
width: 30px;
height: 30px;
opacity: 1;
}

.modal-dialog.courseVideo .modal-body .btn-close img {
height: 24px;
width: 24px;
}

.modal-dialog.courseVideo .modal-body .btn-close:focus {
outline: 0;
box-shadow: none;
opacity: 1;
}


.modal-dialog.resoursesModal .modal-body .btn-close {
background-image: none;
position: absolute;
right: -14px;
top: -14px;
width: 30px;
height: 30px;
opacity: 1;
}

.modal-dialog.resoursesModal .modal-body .btn-close img {
height: 24px;
width: 24px;
}

.modal-dialog.resoursesModal .modal-body .btn-close:focus {
outline: 0;
box-shadow: none;
opacity: 1;
}


.modal-dialog.resoursesModal .modal-body .listSec {
margin: 0;
padding: 0 15px;
overflow-y: auto;
overflow-x: hidden;
max-height: 670px
}


.modal-dialog.resoursesModal .modal-body .listSec::-webkit-scrollbar {
width: 4px;
}

.modal-dialog.resoursesModal .modal-body .listSec::-webkit-scrollbar-track {
background-color: darkgrey;
}

.modal-dialog.resoursesModal .modal-body .listSec::-webkit-scrollbar-thumb {
background: #000;
width: 2px
}

.modal-dialog.resoursesModal .modal-body .listSec .list {
margin-bottom: 14px;
width: 100%;
padding: 4px 15px;
box-shadow: 0px 3px 17px -8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}

.modal-dialog.resoursesModal .modal-body .listSec .list .btn-close {
background-image: none;
position: absolute;
right: -14px;
top: -14px;
width: 30px;
height: 30px;
opacity: 1;
}

.modal-dialog.resoursesModal .modal-body .listSec .list .btn-close i {
font-size: 1.3rem;
color: #333;
}


.modal-dialog.resoursesModal .modal-body .listSec .list .btn-close:focus {
outline: 0;
box-shadow: none;
opacity: 1;
}

.modal-dialog.resoursesModal .modal-body .listSec .list h3 {
margin: 0px;
font-size: 16px;
font-weight: 600;
color: #333;
}

.modal-dialog.resoursesModal .modal-body .listSec .list p.time {
font-size: 13px;
color: #8b8b8b;
}



.iconSec {
width: 50px;
height: 50px;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
}

.iconSec i {
font-size: 1.8rem;
}

.iconSec i.bi-file-earmark-text-fill {
color: #eb6c4a;
}

.iconSec i.bi-image-fill {
color: #ae4ad7;
}

.iconSec i.bi-file-earmark-word-fill {
color: #2d7ad6;
}

.iconSec i.bi-file-excel-fill {
color: #1fa163;
}

.modal.custom {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
background: rgba(0, 0, 0, .6);
}

.course-list .nav-link {
color: #000;
font-size: 20px;
font-weight: 700;
}

.course-list .nav-link {
font-size: 16px;
font-weight: 700;
background: rgba(215, 215, 215, 0.4);
padding: 4px 25px;
border-radius: 6px;
color: #000
}

.course-list .nav-link.active {
background: #3b9945;
color: #fff
}



.course-list .card .card-body h5 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    margin: 4px 0 16px;
    position: relative;
    padding-top: 0;
/*    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    color: #141414;
}

.course-list .card .card-body p {
    margin: 14px 0;
    color: #949494;
    font-size: 18px;
    line-height: 1.4;
}

.course-list .card .card-body h4 {
font-size: 20px;
margin-bottom: 0;
}

.course-list .card .card-body h4 span {
text-decoration: line-through;
font-size: 16px;
color: #dd8282;
margin-right: 4px;
}

.course-list .card .card-body {
padding: 0.5rem 0.4rem;
}

.course-list .card .card-body ul.course-time {
display: flex;
margin: 24px 0 0 0;
}
.course-list .card .card-body ul.course-time li {
margin-right: 10px;
font-size: 13px;
color: #949494;
margin-bottom: 6px;
}
.course-list .card .card-body ul.course-time li i {
color: #3b9945;
margin-right: 6px;
font-size: 12px;
}


.course-list .card .card-body ul {
margin-top: 5px;
padding: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center !important;
align-items: center !important;
}

.course-list .card .card-body .rating_star {
display: flex;
justify-content: space-between;
align-items: center;
}

.course-list .card .card-body .rating_star ul li {
margin-right: 4px;
font-size: 14px;
color: #3b9945;
}
.course-list .card .card-body .rating_star ul li i{
color: #fbc936
}

.course-list .card .card-body .rating_star ul li svg {
height: 17px;
width: 17px;
fill: #ddd;
vertical-align: text-top;
}

.course-list .card .card-body .rating_star ul li.active svg {
fill: #32b840;
}

.course-list .card .card-body .rating_star ul li.total-rating {
font-size: 14px;
color: #878787;
margin-top: 0;
}

.course-list .card .card-body .rating_star .rating-sec i {
color: #fbc936;
}

.course-list .card .card-body ul li img {
    max-height: 13px;
    margin-right: 3px;
}

.course-list .card a:hover {
color: #000;
}

.course-details {
margin: 0;
}

.course-details .course-banner {
margin: 0;
width: 100%;
padding: 60px 0 0 0;
background: #f8f8fc;
}

.course-details .course-banner h4 {
font-size: 18px;
}

.course-details .course-banner h3 {
font-size: 25px;
}

.course-details .course-banner ul {
margin-top: 30px;
padding: 0;
list-style-type: none;
display: flex;
}

.course-details .course-banner ul li {
margin-right: 20px;
}

.course-details .course-banner ul li img {
max-height: 16px;
margin-right: 3px;
}

.rating_star {
margin: 0;
}

.rating_star ul {
margin-top: 25px;
padding: 0;
list-style-type: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center !important;
align-items: center !important;
}

.rating_star ul li {
margin-right: 5px;
}

.rating_star ul li svg {
height: 20px;
width: 20px;
fill: #ddd;
}

.rating_star ul li.active svg {
fill: #32b840;
}

.rating_star ul li.total-rating {
font-size: 14px;
color: #878787;
margin-top: 6px;
}


.course-sidebar {
position: absolute;
display: block;
top: 18%;
width: 300px;
z-index: 1;
min-height: 300px;
left: 69%;
}

.course-details .course-content {
position: -webkit-sticky;
position: sticky;
top: 0;
margin: 0;
width: 100%;
padding: 20px 0;
}

.course-details .course-content p {
line-height: 25px !important;
margin-bottom: 10px;
text-align: justify;
}

.course-details .course-content hr {
width: 75%;
}

.course-details .card .images-sec {
width: 100%;
position: relative;
height: 100%;
}

.course-details .card .images-sec .play-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
padding: 11px 0 11px 15px;
}

.course-details .card .images-sec .play-button a {
width: 100%;
text-align: center;
bottom: 0;
display: block;
}

.course-details .card .images-sec .play-button a img {
max-height: 33px;
width: auto;
}

.course-details .card-body {
min-height: 55px;
display: flex;
flex-direction: column;
justify-content: center;
}

.course-details h3 {
font-size: 13px;
font-weight: 700;
margin-bottom: 0;
line-height: 1.2;
}

.course-details p.time {
font-size: 12px;
margin-bottom: 0;
line-height: 21px !important;
}


.video-image {
width: 100%;
position: relative;
}

.video-image img {
width: 100%;
}

.video-image .play-button {
position: absolute;
left: 0;
width: 100%;
text-align: center;
padding: 15px;
bottom: 0;
}

.video-image .play-button a {
display: block;
}

.video-image .play-button a img {
max-height: 70px;
width: auto;
}

.course-sidebar .sidebar-content {
padding: 0;
}

.course-sidebar .sidebar-content h3 {
font-weight: 800;
font-size: 24px;
}

.course-sidebar .sidebar-content h3 span {
font-weight: 600;
text-decoration: line-through;
color: #dd8282;
margin-right: 5px;
font-size: 20px;
vertical-align: text-top;
}

.sidebar-content {
background: #fff;
display: block;
width: 100%;
border-bottom: 1px solid #d1d7dc;
box-sizing: border-box;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .1);
min-height: 300px;
}

.sidebar-content.sticky-content {
position: fixed;
top: 0;
width: 300px;
z-index: 4;
background: #fff;
border-bottom: 1px solid #d1d7dc;
box-sizing: border-box;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .1);
}

.sidebar-content ul li img {
max-height: 18px;
margin-right: 10px;
}


@media screen and (max-width: 767px) {
.course-list .card .images-sec {
max-height: 100%;
}

.course-sidebar {
position: inherit;
width: 92%;
margin: 0 4%;
}

.sidebar-content.sticky-content {
position: inherit;
width: 100%;
}
}



/*============================================

08 -- Portfolio

==============================================*/
.portfolio-detail .portfolio_area_details .portfolio-post-content {
position: relative;
}

.portfolio-detail .portfolio_area_details .portfolio-post-content h2 {
font-size: 42px;
line-height: 58px;
margin-bottom: 28px;
}

.portfolio-detail .portfolio_area_details .portfolio-post-content img {
width: 100%;
height: auto;
border-radius: 15px;
margin: 29px 0 50px;
}

.portfolio-detail .portfolio_area_details .helping-post {
background: #f8f8fc;
padding: 64px 100px 59px;
border-radius: 15px;
margin-top: 72px;
margin-bottom: 97px;
}

.portfolio-detail .portfolio_area_details .helping-post h3 {
color: #141414;
font-size: 40px;
line-height: 55px;
margin: 0 70px 46px;
text-align: center;
}

.portfolio-detail .portfolio_area_details .helping-post .loan-desc {
position: relative;
font-size: 19px;
line-height: 35px;
color: #606378;
margin: 0 0 9px;
}

.portfolio-detail .portfolio_area_details .helping-post .loan-desc h5 {
font-weight: 700;
margin: 0;
font-size: 19px;
line-height: 35px;
color: #606378;
display: inline-block;
min-width: 155px;
}

.portfolio-detail .portfolio_area_details .helping-post .loan-desc p {
margin: 0;
display: inline-block;
padding-left: 20px;
word-break: break-all;
}

.portfolio-detail .portfolio_area_details .related-portfolio {
position: relative;
}

.portfolio-detail .portfolio_area_details .related-portfolio h3 {
font-size: 40px;
line-height: 55px;
color: #141414;
margin-bottom: 56px;
}

.single-portfolio {
position: relative;
overflow: hidden;
margin-bottom: 50px;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
box-shadow: 0px 0px 18px 0px rgba(51, 60, 142, 0.1);
}

.single-portfolio .portfolio-thumb {
position: relative;
}

.single-portfolio .portfolio-thumb img {
width: 100%;
height: auto;
border-radius: 20px;
}

.single-portfolio .portfoilo-overlay {
position: absolute;
top: 0;
z-index: 2;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition-timing-function: cubic-bezier(0.07, 0.72, 0.24, 1);
transition-timing-function: cubic-bezier(0.07, 0.72, 0.24, 1);
-webkit-transition-duration: 1s;
transition-duration: 1s;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease 400ms;
transition: all ease 400ms;
}

.single-portfolio .portfoilo-overlay h4 {
font-size: 20px;
color: #fff;
line-height: .8;
font-weight: 800;
margin: 0 0 28px;
}

.single-portfolio .portfoilo-overlay h4 a {
color: #fff;
z-index: 5;
top: -30px;
position: relative;
-webkit-transition: all ease 1200ms;
transition: all ease 1200ms;
}

.single-portfolio .portfoilo-overlay h4 a:hover {
color: #000;
}

.single-portfolio .portfoilo-overlay p {
font-size: 19px;
line-height: 30px;
color: #fff;
margin-bottom: 32px;
z-index: 5;
position: relative;
-webkit-transition: all ease 1200ms;
transition: all ease 1200ms;
}

.single-portfolio .portfoilo-overlay .portfolio-btn {
-webkit-box-shadow: 0px 17px 43px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0px 17px 43px 1px rgba(255, 255, 255, 0.1);
background-color: #edeef5;
padding: 0px 55px;
border-radius: 35px;
font-size: 16px;
color: #272a3a;
font-weight: 600;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
height: 60px;
line-height: 60px;
}

.single-portfolio .portfoilo-overlay .portfolio-btn i {
font-size: 24px;
position: relative;
top: 3px;
line-height: 39px;
}

.single-portfolio .portfoilo-overlay .portfolio-btn:hover {
background-color: #272a3a;
-webkit-box-shadow: 0px 17px 43px 1px rgba(36, 30, 52, 0.4);
box-shadow: 0px 17px 43px 1px rgba(36, 30, 52, 0.4);
color: #ffffff;
}

.single-portfolio .portfoilo-overlay .portfolio-aling {
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
padding: 30px;
}

.single-portfolio:hover .portfoilo-overlay {
visibility: visible;
opacity: .90;
border-radius: 20px;
}

.single-portfolio:hover .portfoilo-overlay h4 a {
top: 0;
}

.single-portfolio:hover .portfoilo-overlay a.portfolio-btn {
bottom: 0;
}

/*============================================

09 -- Breadcrumb 

==============================================*/
.banner-section {
padding-top: 40px;
background-color: #f8f8fc;
}

@media screen and (max-width: 991px) {
.banner-section {
padding-top: 140px;
}
}

@media screen and (max-width: 767px) {
.banner-section {
padding-top: 120px;
}


.newsletter-home .block.newsletter .content {
position: relative;
width: 100%;
margin: 30px auto 0 auto;
}

.newsletter-home.newsletter-color .block.newsletter .content .field.newsletter input[type=email] {
padding-left: 10px;
}

.block.newsletter .field .control img {
display: none;
}

.newsletter-home.newsletter-color .block.newsletter .content .actions .action.subscribe.primary {
padding: 0 15px;
}

.return-wrap .go-top-btn {
width: 20px;
height: 20px;
}

.return-wrap .go-top-btn::after {
width: 20px;
height: 20px;
}

.footer-style .footer-middle-area .footer-wrapper .footer-text p {
margin-right: 0;
text-align: center;
}
}

.banner-section .banner-content .title {
color: #272a3a;
font-weight: 700;
line-height: 1.058;
margin-bottom: 2rem;
font-size: 69px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.banner-section .banner-content .title {
font-size: 60px;
}
}

@media screen and (max-width: 1199px) {
.banner-section .banner-content .title {
font-size: 40px;
}
}

.banner-section .banner-content p {
font-size: 18px;
}

@media screen and (max-width: 991px) {
.banner-section .banner-content p {
font-size: 16px;
}
}

@media screen and (min-width: 1500px) {
.banner-img {
margin-right: -150px;
}
}

@media screen and (min-width: 1920px) {
.banner-img {
margin-right: -215px;
}
}

@media screen and (min-width: 1701px) {
.banner-padding {
padding-top: 145px;
}
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
.banner-padding {
padding-top: 140px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.banner-padding {
padding-top: 60px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner-padding {
padding-top: 30px;
}
}

/*============================================

10 -- Services

==============================================*/
.services-area {
position: relative;
z-index: 1;
overflow: hidden;
}

.single-services {
background-color: #ffffff;
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
margin-bottom: 30px;
text-align: center;
padding: 35px 30px 75px 30px;
border-radius: 5px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services .image {
width: 180px;
margin: auto;
margin-bottom: 10px;
}

.single-services h3 {
font-size: 25px;
margin-bottom: 16px;
}

.single-services h3 a {
color: #000;
font-weight: 600
}


.single-services p {
font-weight: 500;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #6e7078;
font-size: 16px;
line-height: 1.6;
}

.single-services .services-btn {
color: #333;
font-weight: 500;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services .services-btn i {
position: relative;
top: 1px;
}

.single-services:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

.single-services:hover .services-btn {
letter-spacing: 1px;
}

.single-services:hover h3 a {
color: #333;
}

.single-services .icon {
margin-bottom: 20px;
}

.single-services .icon i {
display: inline-block;
height: 80px;
width: 80px;
line-height: 80px;
background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656);
color: #ffffff;
font-size: 45px;
border-radius: 50px;
}

.single-services-item {
margin-bottom: 30px;
text-align: center;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services-item .content {
background-color: #ffffff;
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
padding: 18px 12px;
max-width: 364px;
margin: -50px auto 0;
position: relative;
z-index: 1;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 5px;
}

.single-services-item .content h3 {
margin-bottom: 10px;
font-size: 25px;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services-item .content h3 a {
color: #000;
font-weight: 600
}

.single-services-item .content span {
font-weight: 500;
-webkit-transition: 0.5s;
transition: 0.5s;
color: #6e7078;
font-size: 14px;
}

.single-services-item .content::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
/*background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));*/
/*background: linear-gradient(to right top, #0fd323, #0fd323, #65bf6f, #3b9945, #3b9945);*/
background: #eaeaea;
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 5px;
}

.single-services-item:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

.single-services-item:hover .content::before {
height: 100%;
}

.single-services-item:hover .content h3 a,
.single-services-item:hover .content span {
color: #000;
}

.single-services-box {
background-color: #ffffff;
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
margin-bottom: 30px;
text-align: center;
padding: 35px 30px 45px 30px;
border-radius: 5px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services-box::before {
content: '';
position: absolute;
bottom: -92%;
left: 0;
width: 120%;
height: 100%;
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656);
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}

.single-services-box .icon {
margin-bottom: 20px;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services-box .icon i {
display: inline-block;
height: 120px;
width: 120px;
line-height: 120px;
background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656);
color: #ffffff;
font-size: 45px;
border-radius: 50px;
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.single-services-box h3 {
font-size: 25px;
margin-bottom: 16px;
}

.single-services-box h3 a {
color: #201534;
}

.single-services-box .services-btn {
color: #333;
font-weight: 500;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.single-services-box .services-btn i {
position: relative;
top: 1px;
}

.single-services-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

.single-services-box:hover .services-btn {
letter-spacing: 1px;
}

.single-services-box:hover h3 a {
color: #333;
}

.single-services-box:hover .icon {
-webkit-animation: bounce 2s;
animation: bounce 2s;
}

/*============================================

11 -- Pricing

==============================================*/
.pricing-content .pricing-item {
background-color: #fff;
border-radius: 15px;
padding: 0;
margin-bottom: 30px;
position: relative;
z-index: 1;
border: 1px solid rgba(158, 166, 186, 0.5);
}

.pricing-content .pricing-item.disabled {
opacity: .5;
pointer-events: none;
}

.pricing-content .pricing-item .form-check-input:checked[type=radio] {
background-image: none;
}

.pricing-content .pricing-item .form-check-inline {
display: inline-block;
margin-right: 0;
width: 100%;
height: 100%;
position: absolute;
margin: 0;
padding: 0;
border-radius: 10px;
}

.pricing-content .pricing-item .form-check-inline label {
display: none;
}

.pricing-content .pricing-item .form-check-input:checked {
background-color: transparent;
border: 5px solid #3a9e45;
}

.pricing-content .pricing-item .form-check-input[type=radio] {
border-radius: 0;
background: transparent;
}

.pricing-content .pricing-item .form-check .form-check-input {
float: left;
margin: 0;
width: 100%;
height: 98.2%;
border-radius: 15px;
}

.pricing-content .pricing-item .form-check .form-check-input:focus {
outline: 0;
box-shadow: none;
}





@media only screen and (max-width: 479px) {
.pricing-content .pricing-item {
width: auto;
}
}

.pricing-content .pricing-item .pricing-tooltip {
position: absolute;
width: auto;
right: 20px;
left: auto;
top: 20px;
border-radius: 4px 4px 0 0;
}

.pricing-content .pricing-item .pricing-tooltip .pricing__tooltip {
display: inline-block;
border-radius: 8px;
padding: 6px 16px;
font-size: 16px;
color: #fff;
background-color: #575757;
}

.pricing-content .pricing-item .pricing-title {
padding-bottom: 33px;
border-bottom: none;
margin-bottom: 0;
background: #3a9e45;
padding: 25px 45px;
text-align: center;
border-radius: 14px 14px 0 0;
display: flex;
flex-direction: column;
justify-content: center;
height: 120px;
position: relative;
overflow: hidden;
}

.pricing-content .pricing-item .pricing-title .tag-sec {
background: #f55d2f;
position: absolute;
left: -42px;
top: 22px;
color: #fff;
padding: 0px 10px;
transform: rotate(-47deg);
width: 146px;
font-size: 13px;
}

.pricing-content .pricing-item .pricing-title h6 {
color: #fff;
margin: 0;
font-size: 14px;
}

.pricing-content .pricing-item .pricing-title .pricing-price {
font-size: 60px;
font-weight: 600;
color: #3b9945;
margin-bottom: 0;
}

.pricing-content .pricing-item .pricing-title .pricing-price small {
font-size: 28px;
font-weight: 600;
}

.pricing-content .pricing-item .pricing-title .pricing-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
color: #fff;
padding: 0;
}

.pricing-content .pricing-item .pricing-title p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}

.pricing-price-body {
text-align: center;
padding: 30px 55px;
}

.pricing-price-body h4 {
font-size: 20px;
font-weight: 800;
color: #3a9e45;
text-transform: uppercase;
border-bottom: 1px solid #bfbfbf;
display: flex;
height: 90px;
flex-direction: column;
justify-content: center;
}

.pricing-price-body p {
color: #333;
font-size: 14px;
margin-bottom: 0;
line-height: 22px !important;
font-weight: 700;
border-bottom: 1px solid #bfbfbf;
display: flex;
height: 90px;
flex-direction: column;
justify-content: center;
}



.pricing-content .pricing-item .pricing-list {
padding-bottom: 33px;
}

.pricing-content .pricing-item .pricing-list li {
border-bottom: 1px solid rgba(158, 166, 186, 0.2);
display: flex;
padding: 7px 0;
line-height: 23px;
font-size: 14px;
}

.pricing-content .pricing-item .pricing-list li.line-through {
text-decoration: line-through;
}

.pricing-content .pricing-item .pricing-list li.line-through img {
text-decoration: line-through;
}

.pricing-content .pricing-item .pricing-list li img {
max-height: 20px;
margin-right: 10px;
margin-top: 5px;
}

.pricing-content .pricing-item .pricing-list li span {
color: #2e3d62;
float: right;
margin-right: 0;
font-weight: 500;
}

.pricing-content .pricing-item .pricing-list li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}

.pricing-content .pricing-item .pricing-price {
padding: 0 55px;
}

.pricing-content .pricing-item .pricing-price .pricing-meta {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
margin-top: 0;
font-size: 20px;
text-align: center;
margin-bottom: 35px;
color: #333;
}

@media (max-width: 320px) {
.pricing-item .pricing-title .pricing-price {
font-size: 50px;
}
}

/*============================================

12 -- Login 

==============================================*/
.login-page {
position: relative;
background-image: url("../images/bg/login-bg.jpg");
background-size: cover;
background-position: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 88vh;
}

.login-page .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url("../images/overlay.png");
opacity: .1;
}

.login-page .login-form {
z-index: 1;
width: 450px;
background-color: #fff;
border-radius: 0.5rem;
padding: 1rem;
margin: 3rem 0rem;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.login-page .login-form .input-group {
position: relative;
margin-bottom: 1.5rem;
}

.login-page .login-form .input-group .login-form-icon {
position: absolute;
top: 0.75rem;
left: 0rem;
background-color: transparent !important;
color: #3b9945;
border: none;
z-index: 10;
font-size: 1rem;
}

.login-page .login-form .input-group .form-control {
background-color: transparent;
border: none;
border: 0.0625rem solid #eeeeff;
border-radius: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
color: #1e2022;
padding: 0.75rem 1.5rem;
height: 3.2rem;
}

.login-page .login-form .input-group .form-control:focus {
color: #1e2022;
outline: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}

.login-page .login-form .input-group .form-control::-webkit-input-placeholder, .login-page .login-form .input-group .form-control::-moz-placeholder, .login-page .login-form .input-group .form-control:-ms-input-placeholder, .login-page .login-form .input-group .form-control::-ms-input-placeholder, .login-page .login-form .input-group .form-control::-webkit-input-placeholder {
color: #97a4af;
opacity: 1;
}

.login-page .login-form .input-group .form-control::-webkit-input-placeholder, .login-page .login-form .input-group .form-control::-moz-placeholder, .login-page .login-form .input-group .form-control:-ms-input-placeholder, .login-page .login-form .input-group .form-control::-ms-input-placeholder, .login-page .login-form .input-group .form-control::placeholder {
color: #97a4af;
opacity: 1;
}


.login-page .login-form .login-social-icon {
margin: 0;
padding: 1rem;
text-align: center;
border-radius: 0.5rem;
color: #333;
}

    .login-page .login-form .login-social-icon h2 {
        color: #333;
        font-family: 'Playfair Display', Georgia, serif !important;
        font-size: clamp(2rem, 5vw, 3.2rem);
        margin-bottom: 14px;
    }

.login-page .login-form .login-social-icon .social-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
width: 100%;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1.5rem 0rem 0rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.login-page .login-form .login-social-icon .social-buttons li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 2px;
}

.login-page .login-form .login-social-icon .social-buttons li:first-child {
margin-left: 0px;
}

.login-page .login-form .login-social-icon .social-buttons li:last-child {
margin-right: 0px;
}

.login-page .login-form .login-social-icon .social-buttons a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 0.75rem 1rem;
font-weight: 500;
text-decoration: none;
color: #fff;
border-radius: 0.3125rem;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-transition: 0.4s;
transition: 0.4s;
}

.login-page .login-form .login-social-icon .social-buttons a:hover {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.25);
}

.login-page .form-check {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.login-page .form-check input[type='checkbox'] {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.3rem;
opacity: 0;
}

.login-page .form-check-box {
cursor: pointer;
}

.login-page .form-check-box::before {
border-radius: 0.25rem;
-webkit-transition: .4s;
transition: .4s;
position: absolute;
top: 6px;
left: 0rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #f7f7f7;
border: 1px solid #97a4af;
}

.login-page .form-check-box:hover::before {
border-color: #3b9945;
}

.login-page .form-check-box::after {
position: absolute;
top: 0.4rem;
left: 0rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50% / 50% 50%;
}

.login-page .form-check {
padding-left: 1.5rem;
font-weight: 400;
}

.login-page .form-check label {
color: #97a4af;
}

.login-page .form-check input:checked ~ .form-check-box::before {
color: #fff;
border-color: #3b9945;
background-color: #3b9945;
}

.login-page .form-check input:checked ~ .form-check-box::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.153l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.login-page .login-footer {
text-align: right;
margin-top: 0;
font-size: 16px;
color: #777;
font-weight: 600;
margin-bottom: 1.6rem;
}

.login-page .login-footer a {
color: #3a9b45;
text-decoration: none !important;
outline: none;
}


.login-form .selectSec {
background-color: transparent;
border: none;
border: 0.0625rem solid #eeeeff;
border-radius: 4px;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
color: #1e2022;
padding: 0;
height: 3.2rem;
margin-bottom: 1.5rem;
}

.login-form .selectSec .selectCountry {
border-right: 0.0625rem solid #eeeeff;
}

.login-form .selectSec .selectCountry .form-label {
padding: 0.8rem 1rem 0.50rem;
}

.login-form .selectSec .selectCountry .form-select {
position: absolute;
top: 0;
opacity: 0
}

.login-form .selectSec .input-group .form-control {
border: 0
}

/*============================================

13 -- Blog   

==============================================*/
.blog-area {
background-size: cover;
background-position: center center;
text-align: justify;
padding: 120px 0
}

.blog-area h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 60px;
line-height: 50px;
font-family: 'Satoshi Bold';
color: #141414;
text-transform: capitalize;
}

.blog-area p {
margin: 0;
color: #6f6f6f;
font-size: 18px;
line-height: 1.4;
}


.blog-list {
margin: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}

.blog-list .blog-wrapper {
background: #fff;
padding: 10px;
border-radius: 10px;
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}

.blog-list .blog-img {
height: 256px;
text-align: center;
width: 100%;
border-radius: 10px;
overflow: hidden
}

.blog-wrapper .blog-img > a {
display: block;
width: 100%;
height: 100%;
}

.blog-wrapper .blog-img > a img {
width: 100%;
height: 100%;
object-fit: cover
}

.blog-wrapper2 .blog-text h4 {
height: auto;
margin-top: 10px;
}



.blog-wrapper  .blog-text {
background: #fff;
padding: 20px 20px 5px 20px;
}

.blog-wrapper  .blog-text h4 {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
margin: 4px 0 16px;
position: relative;
padding-top: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #141414
}

.blog-wrapper .blog-text h4 > a {
color: #141414;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.blog-wrapper .blog-text h4 > a:hover {
color: #3b9945;
}

.blog-wrapper .blog-text .rating-sec {
margin: 0;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
color: #141414
}

.blog-wrapper .blog-text .rating-sec i {
color: #fbc936;
font-size: 16px;
vertical-align: top;
}

.blog-wrapper .blog-text p {
margin: 24px 0;
color: #949494;
font-size: 18px;
line-height: 1.4;
text-align: left;
}

/*.blog-text h4::before {
height: 2px;
width: 40px;
background: #3b9945;
content: "";
position: absolute;
left: 0;
top: 0;
}*/
.blog-text > a {
color: #6e6e6e;
font-size: 16px;
font-weight: 400;
display: inline-block;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.blog-text > a:hover {
color: #3b9945;
}

.blog-text > a i {
position: relative;
top: 3px;
margin-left: 4px;
}

.blog-meta {
margin-top: 10px;
padding-top: 0;
}

.blog-meta a {
padding: 0;
font-size: 12px;
line-height: 1.7;
font-weight: 600;
color: #3b9945;
text-transform: uppercase;
}
.blog-meta a:hover {
text-decoration: none !important
}
.blog-meta a.btn-primary-3d {
background: #3b9945;
color: #fff !important;
box-shadow: 0 6px 0 #206c28;
transition: all 0.25s ease;
text-decoration: none !important;
height: 34px;
padding: 8px 16px;
}
.blog-meta a.btn-primary-3d:hover {
transform: translateY(6px);
box-shadow: 0 2px 0 #206c28;
transition: all 0.25s ease;
color: #fff;
}

@media (max-width: 767px) {

    .navbar-nav .navbar .navbar-nav .nav-item .btn-3d {
        margin:0 0 24px 0
    }
    .blog-area {
        padding: 60px 0;
    }
    .blog-area h2 {
        margin-bottom: 20px;
        font-size: 40px;
    }
    .blog-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .blog-meta a.btn-primary-3d {
        padding: 7px 10px;
    }
}


.instructor {
margin: 0;
display: flex;
gap: 12px;
}

.instructor .icon {
width: 42px;
height: 42px;
border-radius: 35px;
overflow: hidden;
}

.instructor .icon img {
width: 100%;
height: 100%;
object-fit: cover
}

.instructor .name {
margin: 0;
}
.instructor .name p {
margin: 0;
font-size: 15px;
}

.instructor .name h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #141414;
}

.instructor p {
margin: 0;
color: #949494;
font-size: 15px;
line-height: 1.4;
}


.blog-meta > span {
font-size: 14px;
color: #141414;
font-weight: 400;
margin-right: 25px;
}

.blog-meta > span:last-child {
margin-right: 0;
}

.blog-meta > span i {
color: #6e7078;
font-size: 20px;
margin-right: 6px;
top: 1px;
position: relative;
}

/* blog-standard */
.blog-standard .blog-text h4 {
font-size: 153px;
line-height: 1.3;
}

/* pagination */
.pagination-style ul li {
display: inline-block;
margin: 0 1px;
}



.post-meta {
margin: 0;
/*position: absolute;
width: 93%;
bottom: 15px;*/
}

@media only screen and (max-width: 767px) {
.pagination-style ul li {
margin: 0 4px;
}
}

.pagination-style ul li a {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #535353;
font-size: 16px;
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
}

@media only screen and (max-width: 767px) {
.pagination-style ul li a {
width: 40px;
height: 40px;
line-height: 40px;
}
}

.pagination-style ul li a.active, .pagination-style ul li a:hover {
background-color: #3b9945;
color: #fff;
border: 1px solid #3b9945;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
}

.pagination-style ul li a i {
line-height: 40px;
font-size: 24px;
}

@media only screen and (max-width: 767px) {
.pagination-style ul li a i {
line-height: 40px;
}
}

.pagination-style ul li:last-child {
position: relative;
top: 2px;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.pagination-style.mt-70 {
margin-top: 0px;
}

.pagination-style.mt-50 {
margin-top: 0px;
}

.pagination-style.mt-20 {
margin-top: 0px;
}
}

@media only screen and (max-width: 767px) {
.pagination-style.mt-70 {
margin-top: 0px;
}

.pagination-style.mt-50 {
margin-top: 0px;
}

.pagination-style.mt-20 {
margin-top: 0px;
}
}

.blog-post-tag span {
font-size: 18px;
font-weight: 700;
display: block;
margin-bottom: 17px;
color: #062a4d;
}

.blog-post-tag a {
color: #646974;
display: inline-block;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: 2px solid #eaedff;
padding: 12px 24px;
margin-right: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 5px;
margin-bottom: 10px;
}

.blog-post-tag a:hover {
color: #fff;
background: #3b9945;
border-color: #3b9945;
}

.blog-post-tag a:last-child {
margin-right: 0;
}

.blog-share-icon span {
font-size: 18px;
font-weight: 700;
color: #062a4d;
display: block;
margin-bottom: 17px;
}

.blog-share-icon a {
color: #6f7172;
font-size: 18px;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-right: 22px;
}

.cov-navigation span a {
color: #6e7078;
}

.cov-navigation h4 a {
color: #141414;
}

.cov-navigation h4 a:hover {
color: #3b9945;
}

.blog-share-icon a:hover {
color: #3b9945;
}

.blog-share-icon a:last-child {
margin-right: 0;
}

.blog-details-border {
border-top: 1px solid #eaedff;
border-bottom: 1px solid #eaedff;
padding-top: 33px;
padding-bottom: 23px;
margin-bottom: 42px;
}

.author {
background: #f4f3ff;
padding: 0 70px 44px 70px;
}

@media only screen and (max-width: 767px) {
.author {
padding: 0 30px 44px 30px;
}
}

.author-img {
margin-bottom: 35px;
}

.author-img img {
margin-top: -60px;
}

.author-text h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}

.author-text p {
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}

.author-icon {
margin-top: 6px;
margin-bottom: 25px;
}

.author-icon a {
font-size: 14px;
color: #9498b6;
margin: 0 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.author-icon a:hover {
color: #3b9945;
}

.post-comments {
border-bottom: 1px solid #eaedff;
margin-bottom: 42px;
padding-bottom: 46px;
}

.blog-coment-title h2 {
font-size: 15px;
margin-bottom: 0;
}

.comments-avatar {
float: left;
}

@media only screen and (max-width: 767px) {
.comments-avatar {
float: none;
}
}

.latest-comments .comments-avatar img {
width: 100px;
margin-right: 20px;
}

.latest-comments li:first-child .comments-box {
border-top: 0;
padding-top: 0;
}

.latest-comments li:last-child .comments-box {
border-bottom: 0;
padding-bottom: 0;
}

.latest-comments li.children {
margin-left: 100px;
}

@media only screen and (max-width: 767px) {
.latest-comments li.children {
margin-left: 0;
}
}

.comments-box {
border-top: 1px solid #eaedff;
padding: 30px 0;
}

.comments-text {
overflow: hidden;
padding-top: 4px;
}

@media only screen and (max-width: 767px) {
.comments-text {
margin-top: 15px;
}
}

.comments-text p {
margin-bottom: 0;
margin-top: 8px;
}

.avatar-name {
margin-bottom: 3px;
overflow: hidden;
position: relative;
}

.avatar-name h5 {
font-size: 18px;
margin-bottom: 7px;
}

.avatar-name span {
color: #3b9945;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
}

.reply {
color: #6f7172;
display: inline-block;
font-size: 14px;
font-weight: 400;
-webkit-transition: 0.3s;
transition: 0.3s;
line-height: 1;
float: right;
margin-top: 4px;
position: absolute;
right: 0;
top: 0;
}

.reply:hover {
color: #3b9945;
}

.reply i {
margin-right: 5px;
}

.post-comments-title {
margin-bottom: 39px;
}

.post-comments-title h2 {
font-size: 15px;
font-weight: 700;
color: #140a20;
margin-bottom: 0;
}

.conatct-post-form {
background: #f8f8fc;
padding: 50px;
}

@media only screen and (max-width: 767px) {
.conatct-post-form {
padding: 20px;
}
}

.conatct-post-form input {
border: none;
height: 60px;
margin-bottom: 20px;
padding: 0 30px;
width: 100%;
font-size: 14px;
color: #141414;
}

.conatct-post-form textarea {
border: none;
height: 150px;
margin-bottom: 20px;
padding: 30px;
width: 100%;
color: #141414;
font-size: 14px;
}

#contacts-form textarea::-moz-placeholder, #contacts-form textarea::placeholder {
color: #141414;
font-size: 14px;
}

.about-community p {
font-size: 16px;
line-height: 28px;
}

.blog-details .blog-text {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.blog-details .blog-text ol, .blog-details .blog-text ul {
padding: 0 18px;
}

.blog-details .blog-wrapper {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}
.blog-details .blog-wrapper .blog-img img {
width: 100%;
height: 100%;
margin-bottom:20px
}

.blog-details .blog-text h4 {
font-size: 25px;
line-height: 1.3;
}
.blog-area .blog-details h2 {
    font-weight: 800;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 50px;
    font-family: 'Satoshi Bold';
    color: #141414;
    text-transform: capitalize;
}


.blog-details .blog-wrapper .blog-text p {
    margin: 14px 0;
    color: #949494;
    font-size: 16px;
    line-height: 1.4;
}
.blog-details .blog-wrapper ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.blog-details .blog-wrapper ul li{margin:0 0 10px}
.blog-details .blog-wrapper ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .blog-details .blog-wrapper ol li {
        margin: 0 0 10px
    }


.blog-details .blog-wrapper table {
    border: 0
}
.blog-details .blog-wrapper tbody {
    border: 0
}
.blog-details .blog-wrapper tr {
    border: 0
}

.sidebar .widget {
    padding: 25px;
    -webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
    box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}

.sidebar .widget .widget-search form {
position: relative;
}

.sidebar .widget .widget-search input[type="text"],
.sidebar .widget .searchform input[type="text"] {
-webkit-box-shadow: none;
box-shadow: none;
padding: 12px 15px;
height: 45px;
font-size: 14px;
display: block;
width: 100%;
outline: none !important;
padding-right: 45px;
}

.sidebar .widget .widget-search input[type="submit"],
.sidebar .widget .searchform input[type="submit"] {
position: absolute;
top: 5px;
right: 10px;
opacity: 0;
width: 40px;
height: 40px;
}

.sidebar .widget .widget-search .searchform:after {
content: "\f0cd";
position: absolute;
font-family: "remixicon";
right: 16px;
top: 15px;
font-size: 20px;
line-height: 20px;
pointer-events: none;
}

.sidebar .widget .widget-title {
font-size: 18px;
}

.sidebar .widget .catagory li {
padding-bottom: 10px;
}

.sidebar .widget .catagory li:last-child {
padding-bottom: 0;
}

.sidebar .widget .catagory li a,
.sidebar .widget .catagory li span {
font-size: 15px;
}

.sidebar .widget .catagory li a {
color: #141414;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sidebar .widget .catagory li a:hover {
color: #3b9945;
}

.sidebar .widget .post-recent {
padding-bottom: 15px;
}

.sidebar .widget .post-recent:last-child {
padding-bottom: 0;
}

.sidebar .widget .post-recent .post-recent-thumb {
width: 25%;
}

.sidebar .widget .post-recent .post-recent-content {
width: 75%;
padding-left: 10px;
}

.sidebar .widget .post-recent .post-recent-content a {
display: block;
color: #141414;
font-size: 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sidebar .widget .post-recent .post-recent-content a:hover {
color: #3b9945;
}

.sidebar .widget .post-recent .post-recent-content span {
font-size: 13px;
}

.sidebar .widget .tagcloud > a {
background: #f8f8fc;
color: #141414;
font-weight: 500;
display: inline-block;
font-size: 9px;
letter-spacing: 1px;
margin: 5px 10px 5px 0;
padding: 8px 12px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sidebar .widget .tagcloud > a:hover {
background: #3b9945;
color: #ffffff;
}

.social-icon li a {
margin-right: 4px;
color: #ffffff !important;
background-color: #272a3a;
display: inline-block;
height: 52px;
text-align: center;
font-size: 20px;
width: 52px;
line-height: 50px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden;
position: relative;
border-radius: 5px;
}

.social-icon li a:hover {
background-color: #3b9945;
}

.social-icon.social li a {
color: #8a8eaa;
border-color: #8a8eaa;
}

.author-icon {
margin-top: 6px;
margin-bottom: 25px;
}

.author-icon a {
font-size: 16px;
color: #9498b6;
margin: 0 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.author-icon a:hover {
color: #3b9945;
}

/*============================================

14 -- Contact Us 

==============================================*/
.contact-section {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}

.contact-section .map-site {
height: 100%;
min-height: 350px;
}

.contact-section .map-site iframe {
width: 100%;
height: 100%;
border-radius: 5px;
}

.contact-section .form-inner {
position: relative;
display: block;
padding:0;
border-radius: 20px;
text-align:center
}
.contact-section .form-inner p {
font-family: 'DM Sans', sans-serif;
color: #6b7280;
font-size: 17px;
line-height: 1.75;
}

.contact-section .form-inner #contact-form .form-group {
position: relative;
margin-bottom: 20px;
}

.contact-section .form-inner #contact-form .form-group:last-child {
margin-bottom: 0px;
}

.contact-section .form-inner #contact-form .form-group input {
outline: none;
}

.contact-section .form-inner #contact-form .form-group input[type="text"], .contact-section .form-inner #contact-form .form-group input[type="email"] {
border: 1px solid #bdc1d7;
position: relative;
width: 100%;
height: 50px;
background: #fff;
font-size: 15px;
font-family: 'DM Sans', sans-serif;
padding: 10px 20px;
border-radius: 5px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.contact-section .form-inner #contact-form .form-group textarea {
outline: none;
position: relative;
width: 100%;
height: 62px;
background: #fff;
border: 1px solid #bdc1d7;
font-size: 15px;
padding: 10px 20px;
font-family: 'DM Sans', sans-serif;
border-radius: 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
display: block;
margin-bottom: 20px;
height: 170px;
resize: none;
}

.contact-section .form-inner h3 {
line-height: 34px;
margin-bottom: 30px;
font-size: clamp(1.6rem,3.5vw,2.4rem)
}

.default-form {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 44px 48px;
    box-shadow: 0 2px 8px rgba(13,30,61,.08);
}

.contact-info-box {
margin-bottom: 30px;
position: relative;
padding-left: 100px;
z-index: 1;
}

    .contact-info-box .icon-sec {
        width: 75px;
        height: 75px;
        background-color: #f7f7f7;
        border-radius: 3px;
        position: absolute;
        text-align: center;
        left: 0;
        font-size: 40px;
        color: #3b9945;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        top: 46%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
    }

.contact-info-box .icon-sec img {
width: 40px;
}

.contact-info-box h3 {
margin-bottom: 10px;
font-size: 24px;
}

.contact-info-box p {
margin-bottom: 3px;
}

.contact-info-box p:last-child {
margin-bottom: 0;
}



.contact-icon::after {
position: absolute;
content: "";
font-family: "remixicon";
display: inline-block;
font-size: 16px;
text-align: center;
right: 30px;
color: #3b9945;
top: 18px;
}

.contacts-message::after {
content: "\EC86";
}

.contacts-name::after {
content: "\F1534";
}

.contacts-email::after {
content: "\EEF6";
}

.contacts-website::after {
content: "\EDCF";
}

.contacts-phone::after {
content: "\EFEC";
}

.contacts-subject::after {
content: "\F046";
}


.success_report p {
    color: #3b9945 !important;
    font-size: 14px !important
}
.error_report p {
    color: #ff0000 !important;
    font-size: 14px !important
}
/*============================================

15 -- Team

==============================================*/
.team-block {
    position: relative;
    display: block;
    margin-bottom: 93px;
}

.team-block .image-box {
position: relative;
display: inline-block;
overflow: hidden;
max-width: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
}

.team-block .image-box img {
width: 100%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-block:hover .image-box img {
opacity: 0.2;
}

.team-block .lower-content {
position: relative;
display: block;
padding-top: 20px;
}

.team-block .lower-content h3 {
position: relative;
display: block;
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #141414;
margin-bottom: 7px;
}

.team-block .lower-content h3 a {
position: relative;
display: inline-block;
color: #141414;
}

.team-block .lower-content h3 a:hover {
color: #3b9945;
}

.team-block .lower-content .designation {
position: relative;
display: block;
font-size: 18px;
color: #7379a0;
}

.team-block .image-holder {
position: relative;
}

.team-block .image-holder .social-list {
position: absolute;
left: 50%;
top: 50%;
display: table;
text-align: center;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.team-block:hover .image-holder .social-list {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.team-block .image-holder .social-list li {
position: relative;
display: inline-block;
margin: 0px 10px;
}

.team-block .image-holder .social-list li a {
position: relative;
display: inline-block;
font-size: 20px;
color: #fff;
}

/*============================================

16 -- FAQ

==============================================*/
.module_sec-tab .tabs {
padding-left: 0;
list-style-type: none;
margin-bottom: 60px;
text-align: center;
}

.module_sec-tab .tabs li {
margin-left: 10px;
margin-right: 10px;
}

.module_sec-tab .tabs li a {
color: #141414;
text-decoration: none;
border-radius: 5px;
padding: 20px;
display: block;
-webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
font-size: 17px;
font-weight: 800;
}

.module_sec-tab .tabs li a i {
font-size: 30px;
font-weight: 400;
}

.module_sec-tab .tabs li a span {
display: block;
margin-top: 8px;
}

.module_sec-tab .tabs li a:hover {
background: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background: linear-gradient(to right, #3b9945, #24eb39);
color: #ffffff;
}

.module_sec-tab .tabs li.current a {
background-color: #3b9945;
color: #ffffff;
}

.module_sec .accordion {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}

.module_sec .accordion ul {
display: inline-block;
width: 33%;
vertical-align: top;
}

.module_sec .accordion ul li ul {
padding-left: 45px;
}

.module_sec .accordion ul li ul li ul {
padding-left: 45px;
}

.module_sec .accordion ul li ul li img {
max-height: 15px;
margin-top: 9px;
}

.module_sec .accordion .accordion-item {
border: none;
border-radius: 5px;
display: block;
-webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
background: #ffffff;
margin-bottom: 15px;
}

.module_sec .accordion .accordion-item:last-child {
margin-bottom: 0;
}

.module_sec .accordion .accordion-title {
padding: 20px 20px 17px 65px;
color: #141414;
text-decoration: none;
position: relative;
display: block;
font-size: 20px;
font-weight: 600;
line-height: 25px;
}

.module_sec .accordion .accordion-title span {
display: block;
font-size: 15px;
}

.module_sec .accordion .accordion-title i {
position: absolute;
left: 25px;
top: 22px;
font-size: 18px;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.module_sec .accordion .accordion-title.active .ri-add-line:before {
content: "\f1af";
}

.module_sec .accordion .accordion-content {
display: none;
position: relative;
margin-top: -5px;
padding-bottom: 20px;
padding-right: 25px;
padding-left: 60px;
}

.module_sec .accordion .accordion-content p {
line-height: 1.8;
}

.module_sec .accordion .accordion-content.show {
display: block;
}

.tab .tabs-item {
display: none;
}

.tab .tabs-item:first-child {
display: block;
}

/*============================================

17 -- Title

==============================================*/
.section-title h6 {
padding: 15px 0 15px 15px;
position: relative;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 20px;
}

.section-title h2 {
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Satoshi Bold';
    color: #141414;
    text-transform: capitalize;
}

.section-title p {
    margin-bottom: 0;
    color: #6f6f6f;
}

.about-content h2 {
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Satoshi Bold';
    color: #141414;
    text-transform: capitalize;
}

.title-bdr {
    position: relative;
    width: 160px;
    margin-bottom: 40px;
}

.text-center .title-bdr {
margin-left: auto;
margin-right: auto;
}

/*.left-bdr,
.right-bdr {
height: 6px;
width: 60px;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 10px;
position: absolute;
}*/

.right-bdr {
height: 6px;
width: 40px;
background-image: -webkit-gradient(linear, left top, right top, from(#24eb39), to(#3b9945));
background-image: linear-gradient(to right, #24eb39, #3b9945);
border-radius: 10px;
position: absolute;
}

.left-bdr {
height: 6px;
width: 160px;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
border-radius: 10px;
position: absolute;
}

.left-bdr {
left: 0px;
-webkit-animation: left 2s infinite;
animation: left 2s infinite;
}

.right-bdr {
left: 50%;
transform: translateX(-50%);
-webkit-animation: right 2s infinite;
animation: right 2s infinite;
}

/*@-webkit-keyframes left {
0%,
50%,
100% {
width: 60px;
}
25% {
width: 120px;
}
75% {
width: 10px;
}
}

@keyframes left {
0%,
50%,
100% {
width: 60px;
}
25% {
width: 120px;
}
75% {
width: 10px;
}
}*/

@-webkit-keyframes right {
0%, 50%, 100% {
width: 60px;
}

25% {
width: 10px;
}

75% {
width: 160px;
}
}

@keyframes right {
0%, 50%, 100% {
width: 60px;
}

25% {
width: 10px;
}

75% {
width: 160px;
}
}

/*============================================

18 -- Form

==============================================*/
.open-account-area {
position: relative;
z-index: 1;
}

.open-account-area .open-account-form {
padding: 40px 50px;
-webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
border-radius: 5px;
background-color: #ffffff;
max-width: 810px;
margin: auto;
}

.open-account-area .open-account-form form .form-group {
margin-bottom: 25px;
}

.open-account-area .open-account-form form .form-group label {
display: block;
margin-bottom: 10px;
color: #141414;
font-weight: 400;
font-size: 16px;
}

.open-account-area .open-account-form form .form-group .form-control {
height: 50px;
padding: 0 0 0 15px;
line-height: initial;
color: #09101f;
border: 1px solid #bdc1d7;
border-radius: 5px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 16px;
font-weight: 400;
}

.open-account-area .open-account-form form .form-group .form-control:focus {
background-color: transparent !important;
}

.open-account-area .open-account-form form .form-group .form-control:focus::-webkit-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus:-ms-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus::-ms-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.open-account-area .open-account-form form .form-group .form-control:focus::-webkit-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus:-ms-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus::-ms-input-placeholder, .open-account-area .open-account-form form .form-group .form-control:focus::placeholder {
color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.open-account-area .open-account-form form button {
border: none;
padding: 15px 30px;
width: 100%;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}

.open-account-area .open-account-form form .nice-select {
height: 50px;
width: 100%;
line-height: 40px;
font-size: 16px;
padding-left: 20px;
border: 1px solid #bdc1d7;
color: #141414;
border-radius: 5px;
padding-top: 5px;
font-weight: 400;
margin-bottom: 20px;
}

.open-account-area .open-account-form form .nice-select:focus {
background-color: transparent;
}

.open-account-area .open-account-form form .nice-select .list {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
border-radius: 0;
margin-top: 0;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.open-account-area .open-account-form form .nice-select .list .option {
-webkit-transition: .6s;
transition: .6s;
color: #09101f;
padding-left: 20px;
padding-right: 20px;
}

.open-account-area .open-account-form form .nice-select .list .option:hover {
background-color: #3b9945 !important;
color: #ffffff;
}

.open-account-area .open-account-form form .nice-select .list .option.selected {
background-color: transparent;
font-weight: 600;
}

.open-account-area .open-account-form form .nice-select::after {
height: 8px;
width: 8px;
border-color: #b5b6bc;
right: 20px;
}

.open-account-area .open-account-form form h3 {
font-size: 18px;
font-weight: 500;
color: #141414;
}

.open-account-area .open-account-form form .default-btn {
color: #ffffff;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
padding: 0px 45px;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
-webkit-transition: 0.5s;
transition: 0.5s;
background-size: 200% auto;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
height: 50px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
}

.open-account-area .open-account-form form .default-btn:hover {
background-position: right center;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
}

/*============================================

19 -- Loan Form

==============================================*/
.loan-form-area {
position: relative;
z-index: 1;
}

.loan-form-area .loan-form {
padding: 40px 50px;
border-radius: 5px;
-webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
background-color: #ffffff;
max-width: 810px;
margin: auto;
}

.loan-form-area .loan-form form .form-group {
margin-bottom: 25px;
}

.loan-form-area .loan-form form .form-group label {
display: block;
margin-bottom: 10px;
color: #141414;
font-weight: 400;
font-size: 16px;
}

.loan-form-area .loan-form form .form-group .form-control {
height: 50px;
padding: 0 0 0 15px;
line-height: initial;
color: #09101f;
border: 1px solid #bdc1d7;
border-radius: 5px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 16px;
font-weight: 400;
}

.loan-form-area .loan-form form .form-group .form-control:focus {
background-color: transparent !important;
}

.loan-form-area .loan-form form .form-group .form-control:focus::-webkit-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus:-ms-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus::-ms-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus::-webkit-input-placeholder {
color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.loan-form-area .loan-form form .form-group .form-control:focus::-webkit-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus:-ms-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus::-ms-input-placeholder, .loan-form-area .loan-form form .form-group .form-control:focus::placeholder {
color: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.loan-form-area .loan-form form button {
border: none;
padding: 15px 30px;
width: 100%;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}

.loan-form-area .loan-form form .nice-select {
height: 50px;
width: 100%;
line-height: 40px;
font-size: 16px;
padding-left: 20px;
border: 1px solid #bdc1d7;
color: #141414;
border-radius: 5px;
padding-top: 5px;
font-weight: 400;
margin-bottom: 20px;
}

.loan-form-area .loan-form form .nice-select:focus {
background-color: transparent;
}

.loan-form-area .loan-form form .nice-select .list {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
border-radius: 0;
margin-top: 0;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.loan-form-area .loan-form form .nice-select .list .option {
-webkit-transition: .6s;
transition: .6s;
color: #09101f;
padding-left: 20px;
padding-right: 20px;
}

.loan-form-area .loan-form form .nice-select .list .option:hover {
background-color: #f2132b !important;
color: #ffffff;
}

.loan-form-area .loan-form form .nice-select .list .option.selected {
background-color: transparent;
font-weight: 600;
}

.loan-form-area .loan-form form .nice-select::after {
height: 8px;
width: 8px;
border-color: #b5b6bc;
right: 20px;
}

.loan-form-area .loan-form form .default-btn {
color: #ffffff;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
padding: 0px 45px;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
-webkit-transition: 0.5s;
transition: 0.5s;
background-size: 200% auto;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
height: 50px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
}

.loan-form-area .loan-form form .default-btn:hover {
background-position: right center;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
}

/*============================================

20 -- Loan Calculation

==============================================*/
.loan-section {
padding: 150px 0 150px 0;
}

.loan-section .loan-calculation-wrapper {
padding-right: 60px;
}

@media (max-width: 991px) {
.loan-section .loan-calculation-wrapper {
padding-right: 0px;
}
}

.loan-section .theme-title p {
font-size: 18px;
}

.loan-section .loan-filter-form {
padding-top: 50px;
}

.loan-section .loan-filter-form label {
font-size: 18px;
font-weight: 500;
color: #141414;
display: block;
margin-bottom: 5px;
}

.loan-section .loan-filter-form input {
outline: none;
height: 50px;
width: 100%;
padding: 0 0 0 15px;
line-height: initial;
color: #6e7078;
border: 1px solid #bdc1d7;
border-radius: 5px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 16px;
font-weight: 400;
}

.loan-section .loan-filter-form .accrue-field-rate {
margin: 35px 0;
}

.loan-section .loan-confirm-form {
-webkit-box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
padding: 55px 50px 50px 50px;
}

.loan-section .loan-confirm-form p {
font-size: 30px;
margin-bottom: 30px;
color: #3b9945;
}

.loan-section .loan-confirm-form p strong {
font-size: 18px;
font-weight: normal;
display: block;
color: #141414;
margin-bottom: 5px;
}

.loan-section .loan-confirm-form .apply-button {
width: 100%;
color: #ffffff;
display: inline-block;
cursor: pointer;
text-align: center;
border: none;
padding: 0px 45px;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
-webkit-transition: 0.5s;
transition: 0.5s;
background-size: 200% auto;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
height: 50px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
}

.loan-section .loan-confirm-form .apply-button:hover {
background-position: right center;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 36, 0.356);
}

/*============================================

21 -- Testimonial

==============================================*/
.new-testimonial {
    padding: 60px 0
}

.new-testimonial .offset-md-1 {
margin-left: 10% !important;
}

.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
padding-right: 13%;
}

.testimonial-header h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 60px;
line-height: 50px;
font-family: 'Satoshi Bold';
color: #141414;
text-transform: capitalize;
}

.testimonial-header p {
margin: 0;
color: #6f6f6f;
font-size: 18px;
line-height: 1.4;
}

.nav-buttons button {
width: 44px;
height: 44px;
border: 1px solid #ddd;
background: #fff;
border-radius: 10px;
margin-left: 10px;
cursor: pointer;
font-size: 18px;
transition: 0.3s;
}

.nav-buttons button:hover {
background: #000;
color: #fff;
}

.testimonial-slider .owl-stage {
display: flex;
}

.testimonial-slider .owl-item {
display: flex;
height: auto;
}

/* Make card fill full height */
.testimonial-card {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
background: #f9f9f9;
padding: 44px;
border-radius: 14px;
}

.testimonial-card p {
flex-grow: 1;
margin: 0;
color: #949494;
font-size: 18px;
line-height: 1.6;
}

.testimonial-card .stars {
color: #fbc936;
font-size: 20px;
margin-bottom: 10px;
}

.testimonial-card h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
margin: 8px 0;
color: #141414;
}



/* User */
.testimonial-card .user {
margin: 26px 0 0 0;
display: flex;
gap: 12px;
}

.testimonial-card .user .sender-icon {
width: 50px;
height: 50px;
border-radius: 35px;
overflow: hidden;
}

.testimonial-card .user .sender-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}

.testimonial-card .user .name {
margin: 0;
}

.testimonial-card .user .name h4 {
margin: 0 0 6px;
font-size: 14px;
font-weight: 600;
color: #141414;
}

.testimonial-card .user p {
margin: 0;
color: #949494;
font-size: 15px;
line-height: 1.4;
}









/*-- testimonial 1 --*/
.testimonial-item-wrap-1 .item {
position: relative;
padding: 0;
border-radius: 4px;
background-color: transparent;
border: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 1;
}

.testimonial-item-wrap-1.home .item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: 1;
}

.testimonial-item-wrap-1 .item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 96%;
background: rgba(0,0,0,0.4);
z-index: 1;
}

.testimonial-item-wrap-1 .item a {
display: block;
}

.testimonial-item-wrap-1 .item a iframe {
width: 100%;
min-height: 315px;
max-height: 315px;
}

.testimonial-item-wrap-1 .item a span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}

.testimonial-item-wrap-1 .item .testimonial-author {
position: relative;
padding-left: 0;
padding-top: 14px;
padding-bottom: 30px;
line-height: 18px;
}

.testimonial-item-wrap-1 .item .testimonial-author img {
position: absolute;
width: 54px;
height: 54px;
overflow: hidden;
left: 0;
top: 8px;
border-radius: 50%;
background-color: #fff;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

.testimonial-item-wrap-1 .item .testimonial-author .author__title {
font-size: 20px;
line-height: 20px;
font-weight: 600;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 5px;
}

.testimonial-item-wrap-1 .item .testimonial-author .author__meta {
font-size: 15px;
line-height: 14px;
text-transform: capitalize;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
margin-bottom: 8px;
}

.testimonial-item-wrap-1 .item .testimonial-author .author__rating {
color: #ffb02b;
font-size: 15px;
}

.testimonial-item-wrap-1 .item .testimonial-author .author__rating .la {
margin: 0 -2px;
}


.testimonial-item-wrap-1 .item .testimonial-desc .testimonial__desc {
line-height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}



.testimonial-item-wrap-1 .item:hover .testimonial-desc .testimonial__desc {
color: #fff;
}

.testimonial-item-wrap-1 .item:hover .testimonial-author .author__title,
.testimonial-item-wrap-1 .item:hover .testimonial-author .author__meta {
color: #fff;
}

.testimonial-item-wrap-1 .owl-dots {
text-align: center;
margin-top: 60px;
}

.testimonial-item-wrap-1 .owl-dots button {
width: 14px;
height: 14px;
padding: 6px;
line-height: 14px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
margin: 0 2px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.8);
transform: scale(0.8);
border: 2px solid #3b9945;
}

.testimonial-item-wrap-1 .owl-dots button.active, .testimonial-item-wrap-1 .owl-dots button:hover {
background-color: #3b9945;
-webkit-transform: scale(1);
transform: scale(1);
}

.testimonial-item-wrap-1.training-video iframe {
width: 100%;
height: 550px;
max-height: 100%;
}

.testimonial-item-wrap-1.success-video iframe {
width: 100%;
height: 380px;
max-height: 100%;
}



.testimonial-item-wrap-1 .itemiframe {
position: relative;
padding-bottom: 57.25%;
}

.testimonial-item-wrap-1 .itemiframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media (max-width: 767px) {
    .new-testimonial {
        padding: 60px 0;
    }
    .testimonial-header h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .testimonial-card {
        padding: 24px;
    }

}


.blog {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.blog .content h4 {
line-height: 1.2;
}

.blog .content .title {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.blog .content .title:hover {
color: #8bbe24 !important;
}

.blog .content .post-meta .like, .blog .content .post-meta .comments, .blog .content .post-meta .readmore {
font-size: 15px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.blog .content .post-meta .like:hover {
color: #e43f52 !important;
}

.blog .content .post-meta .comments:hover {
color: #2eca8b !important;
}

.blog .content .post-meta .readmore:hover {
color: #8bbe24 !important;
}

.blog .author,
.blog .teacher,
.blog .course-fee {
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.blog .author {
top: 5%;
left: 5%;
}

.blog .teacher {
bottom: 6%;
left: 5%;
}

.blog .course-fee {
bottom: -5%;
right: 5%;
width: 50px;
height: 50px;
}

.blog .course-fee .fee {
line-height: 50px;
}

.blog.blog-detail:hover {
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}

.blog:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

.blog:hover .overlay {
opacity: 0.4;
}

.blog:hover .author,
.blog:hover .teacher,
.blog:hover .course-fee {
opacity: 1;
}

.blog .blog-list-meta {
position: absolute;
bottom: 24px;
}

.about-btn a.btn-primary {
padding: 0px 60px 0 40px;
}



/*-- testimonial 2 --*/
@media only screen and (min-width: 769px) and (max-width: 991px) {
.testimonial-item-wrap-2 .item {
width: 70%;
margin-left: auto;
margin-right: auto;
}
}

.testimonial-item-wrap-2 .testimonial-img img {
border-radius: 8px;
}

.testimonial-item-wrap-2 .testimonial-content {
padding-left: 50px;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.testimonial-item-wrap-2 .testimonial-content {
padding-left: 0;
padding-top: 60px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial-item-wrap-2 .testimonial-content {
padding-left: 0;
padding-top: 60px;
}
}

@media only screen and (max-width: 479px) {
.testimonial-item-wrap-2 .testimonial-content {
padding-left: 0;
padding-top: 60px;
}
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-desc .la-quote-left {
font-size: 120px;
line-height: 70px;
color: rgba(127, 136, 151, 0.2);
margin-left: -15px;
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-desc .testimonial__desc {
margin-top: 20px;
line-height: 28px;
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-author {
margin-top: 50px;
border-left: 2px solid rgba(127, 136, 151, 0.2);
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__title {
font-size: 24px;
line-height: 20px;
font-weight: 600;
margin: 0 5px 0 15px;
padding-top: 4px;
display: inline-block;
}

@media (max-width: 320px) {
.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__title {
display: block;
}
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__meta {
font-size: 15px;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 0;
display: inline-block;
}

@media (max-width: 320px) {
.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__meta {
display: block;
margin-left: 15px;
}
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__rating {
color: #ffb02b;
font-size: 15px;
display: block;
margin-top: 4px;
margin-left: 15px;
}

.testimonial-item-wrap-2 .testimonial-content .testimonial-author .author__rating .la {
margin: 0 -2px;
}

.testimonial-item-wrap-2 .owl-nav div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background-color: #fff;
border: 1px solid rgba(127, 136, 151, 0.1);
-webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
font-size: 22px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

@media (max-width: 1366px) {
.testimonial-item-wrap-2 .owl-nav div {
top: 38%;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@media (max-width: 575px) {
.login-page .login-form {
width: 90%;
}

.testimonial-item-wrap-2 .owl-nav div {
top: auto;
bottom: -50px;
}

.module_sec .accordion ul {
width: 100%;
margin-bottom: 30px;
}

.module_sec .accordion .accordion-content {
padding-bottom: 20px;
padding-right: 30px;
padding-left: 30px;
}

.banner-section.pt-150 {
padding-top: 40px !important;
}

.banner-section.pb-60 {
padding-bottom: 5px !important;
}

.contact-info-area.pt-100 {
padding-top: 50px !important;
}

.contact-info-area.pt-100 {
padding-top: 50px !important;
}

.slider {
padding: 40px 0px 98px;
}

.single-featured-box {
text-align: center !important;
}

.single-featured-box .icon {
left: 50% !important;
transform: translateX(-50%);
}

.single-featured-box.mentor .icon {
transform: translateX(0%);
}

.about-area img {
max-height: 280px !important;
}

.about-area .about-log img {
max-height: 75px !important;
margin: 0 15px;
}


.testimonial-item-wrap-1.training-video iframe {
width: 100%;
height: 250px;
max-height: 100%;
}

.testimonial-item-wrap-1 .item::after {
height: 100%;
}

.h2, h2 {
font-size: calc(1.325rem + .4vw);
}
}

.testimonial-item-wrap-2 .owl-nav div:hover {
background-color: #3b9945;
color: #fff;
}

.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: -100px;
}

@media (max-width: 1366px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: -25px;
}
}

@media (max-width: 575px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: 200px;
}

.contact-section {
position: relative;
padding-top: 0;
padding-bottom: 0px;
}

.contact-section .form-inner {
padding: 0;
border-radius: 0;
}
}

@media (max-width: 481px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: 160px;
}
}

@media (max-width: 425px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: 130px;
}
}

@media (max-width: 384px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: 110px;
}
}

@media (max-width: 320px) {
.testimonial-item-wrap-2 .owl-nav div.owl-prev {
left: 85px;
}
}

.testimonial-item-wrap-2 .owl-nav div.owl-next {
left: auto;
right: -100px;
}

@media (max-width: 1366px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: -25px;
}
}

@media (max-width: 575px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: 200px;
}
}

@media (max-width: 481px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: 160px;
}
}

@media (max-width: 425px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: 130px;
}
}

@media (max-width: 384px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: 110px;
}
}

@media (max-width: 320px) {
.testimonial-item-wrap-2 .owl-nav div.owl-next {
right: 85px;
}
}

.testimonial-item-wrap-2 .owl-dots {
margin-top: -12px;
text-align: center;
}

@media (max-width: 1199px) {
.testimonial-item-wrap-2 .owl-dots {
margin-top: 30px;
}
}

.testimonial-item-wrap-2 .owl-dots div {
width: 14px;
height: 14px;
line-height: 14px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
margin: 0 2px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.8);
transform: scale(0.8);
border: 2px solid #3b9945;
}

.testimonial-item-wrap-2 .owl-dots div.active, .testimonial-item-wrap-2 .owl-dots div:hover {
background-color: #3b9945;
-webkit-transform: scale(1);
transform: scale(1);
}

/*============================================

22 -- cta-section

==============================================*/

.cta-section {
    padding-top: 6rem;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 80px;
}

.cta-card {
background: linear-gradient(135deg, #3b9945, #6bcf77);
border-radius: 20px;
padding: 80px 0 0 64px;
position: relative;
overflow: hidden;
max-height: 480px;
}

.cta-card h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 60px;
line-height: 1.2;
font-family: 'Satoshi Bold';
color: #fff;
text-transform: capitalize;
}

.cta-card p {
margin: 0;
color: #fff;
font-size: 18px;
line-height: 1.4;
}

.cta-card .btn-secondary-3d {
margin-top: 30px;
color: #333;
background-color: #fff;
border: 1px solid #fff;
}

.cta-card .image_sec {
width: 100%;
}

.cta-card .image_sec img {
width: 100%;
}


/*============================================

22 -- Featured

==============================================*/
.featured-boxes-area {
position: relative;
z-index: 1;
margin-top: 0;
}

.featured-boxes-area h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 60px;
line-height: 50px;
font-family: 'Satoshi Bold';
color: #141414;
text-transform: capitalize;
}

.featured-boxes-area p {
margin: 0;
color: #6f6f6f;
font-size: 18px;
line-height: 1.4;
}

.featured-boxes-area .featured-boxes-inner {
background-color: #fff;
border-radius: 5px;
}

.featured-boxes-area .featured-boxes-inner .border-right {
border-right: 1px solid #eee;
}

.featured-boxes-area .featured-boxes-inner .border-right:last-child {
border-right: none;
}

.featured-boxes-area .single-featured-box {
text-align: left;
position: relative;
padding: 30px 25px 30px;
overflow: hidden;
border: 2px solid #f2f2f2;
border-radius: 14px;
}

.featured-boxes-area .single-featured-box .icon {
transition: .4s;
color: #ee0979;
background: #ddd;
display: flex;
padding: 10px;
border-radius: 6px;
width: 60px;
height: 60px;
margin-bottom: 14px;
text-align: center;
align-items: center;
justify-content: center;
}

.featured-boxes-area .single-featured-box .icon.forex {
background: #fff4ef
}

.featured-boxes-area .single-featured-box .icon.commodities {
background: #f9e8ff
}

.featured-boxes-area .single-featured-box .icon.stocks {
background: #f2f2fd
}

.featured-boxes-area .single-featured-box .icon.futures {
background: #e9f6fa
}

.featured-boxes-area .single-featured-box .icon img {
max-height: 30px;
width: 30px;
}

.featured-boxes-area .single-featured-box .icon i::before {
font-size: 55px;
}

featured-boxes-area .single-featured-box .icon.color-fb7756 {
color: #fb7756;
}

.featured-boxes-area .single-featured-box .icon.color-facd60 {
color: #facd60;
}

.featured-boxes-area .single-featured-box .icon.color-1ac0c6 {
color: #1ac0c6;
}

.featured-boxes-area .single-featured-box h3 {
-webkit-transition: .4s;
transition: .4s;
margin-bottom: 10px;
margin-top: 5px;
font-size: 24px;
font-weight: 600;
color: #141414;
letter-spacing: 1px;
}

.featured-boxes-area .single-featured-box p {
transition: .4s;
font-size: 17px;
margin-top: 0;
margin-bottom: 0;
color: #6f6f6f
}

.featured-boxes-area .single-featured-box .read-more-btn {
background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: 0.6s;
font-size: 15px;
font-weight: 400;
}

.featured-boxes-area .single-featured-box .read-more-btn::before {
content: '';
position: absolute;
left: 0;
bottom: 1px;
width: 0;
-webkit-transition: .5s;
transition: .5s;
height: 1px;
background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
}

.featured-boxes-area .single-featured-box .read-more-btn:hover::before {
width: 100%;
}

/*.single-featured-box:hover .icon {
top: 23px;
-webkit-animation: iconTop .4s ease-in-out;
animation: iconTop .4s ease-in-out;
}*/

/*.featured-boxes-area .single-featured-box:hover .icon {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

.featured-boxes-area .single-featured-box:hover h3 {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

.featured-boxes-area .single-featured-box:hover p {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}*/

.featured-boxes-area .single-featured-box:hover .read-more-btn {
opacity: 1;
visibility: visible;
bottom: 23px;
}





.featured-boxes-area2 {
position: relative;
z-index: 1;
}

.featured-boxes-area2 .featured-boxes-inner {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.featured-boxes-area2 .featured-boxes-inner .border-right {
border-right: 1px solid #eee;
}

.featured-boxes-area2 .featured-boxes-inner .border-right:last-child {
border-right: none;
}

.featured-boxes-area2 .single-featured-box {
position: relative;
padding: 52px 25px 40px;
overflow: hidden;
text-align: center;
}

.featured-boxes-area2 .single-featured-box .icon {
-webkit-transition: .4s;
transition: .4s;
color: #ee0979;
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
}

.featured-boxes-area2 .single-featured-box .icon img {
max-height: 90px;
width: 90px;
}

.featured-boxes-area2 .single-featured-box .icon i::before {
font-size: 55px;
}

.featured-boxes-area2 .single-featured-box .icon.color-fb7756 {
color: #fb7756;
}

.featured-boxes-area2 .single-featured-box .icon.color-facd60 {
color: #facd60;
}

.featured-boxes-area2 .single-featured-box .icon.color-1ac0c6 {
color: #1ac0c6;
}

.featured-boxes-area2 .single-featured-box img {
max-height: 100px;
margin-bottom: 20px;
-webkit-transition: .4s;
transition: .4s;
}


.featured-boxes-area2 .single-featured-box h3 {
-webkit-transition: .4s;
transition: .4s;
margin-bottom: 0;
margin-top: 5px;
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}

    .featured-boxes-area2 .single-featured-box p {
        -webkit-transition: .4s;
        transition: .4s;
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 0;
        text-align: center;
        color: #6e7078;
        line-height: 1.4;
    }

.featured-boxes-area2 .single-featured-box .read-more-btn {
background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.6;
transition: 0.6;
font-size: 15px;
font-weight: 400;
}

.featured-boxes-area2 .single-featured-box .read-more-btn::before {
content: '';
position: absolute;
left: 0;
bottom: 1px;
width: 0;
-webkit-transition: .5s;
transition: .5s;
height: 1px;
background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
background: linear-gradient(90deg, #ee0979 0%, #ff6a00 100%);
}

.featured-boxes-area2 .single-featured-box .read-more-btn:hover::before {
width: 100%;
}

/*.single-featured-box:hover .icon {
top: 23px;
-webkit-animation: iconTop .4s ease-in-out;
animation: iconTop .4s ease-in-out;
}*/

.featured-boxes-area2 .single-featured-box:hover img {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

.featured-boxes-area2 .single-featured-box:hover h3 {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

.featured-boxes-area2 .single-featured-box:hover p {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}

.featured-boxes-area2 .single-featured-box:hover .read-more-btn {
opacity: 1;
visibility: visible;
bottom: 23px;
}

@-webkit-keyframes iconTop {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

25% {
opacity: 0;
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
}

50% {
opacity: 0;
-webkit-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
}

100% {
opacity: 1;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}

@keyframes iconTop {
0% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

25% {
opacity: 0;
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
}

50% {
opacity: 0;
-webkit-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
}

100% {
opacity: 1;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}

.section-heading h5 img {
width: 30px;
margin-right: 15px;
}

.button-shared .btn img {
max-width: 100%;
transform: rotate(0);
}


/*============================================

23 -- Choose Us

==============================================*/

.max-container {
max-width: 80%;
margin: 0 auto
}

.about-area img {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
    max-height: 500px;
}

.about-area .image_sec {
height: 700px;
overflow: hidden;
}

.about-area .image_sec2 {
height: auto;
overflow: hidden;
}

.about-area .image_sec2 img {
border-radius: 0;
max-height: 100%;
max-width: 100%
}

.m_right {
padding-right: 14%;
}

.m_left {
padding-left: 14%;
}

.about-area .image_sec img {
border-radius: 0;
max-height: 100%;
max-width: 100%
}

.btn-close {
position: absolute;
right: 10px;
top: 10px;
}

.modal-title {
margin-bottom: 0;
line-height: 1.5;
font-weight: 600;
}

.new_Mentorship h5 {
font-weight: 600;
margin-bottom: 30px;
font-size: 28px;
letter-spacing: 1px;
}
.new_Mentorship .section-eyebrow {
font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 12px;
}

.new_Mentorship .section-eyebrow::before {
content: '';
display: block;
width: 32px;
height: 0.5px;
background: #3b9945;
}

.new_Mentorship h2 {
font-weight: 800;
margin-bottom: 40px;
font-size: 40px;
line-height: 50px;
}

.about-area .about-content.new_Mentorship p {
color: #6e7078;
margin: 15px 0 0 0;
display: flex;
align-items: start;
font-size: 16px;
}

.broucher-btn .btn-primary {
padding: 0 36px
}

.broucher-btn .btn-reverse {
padding: 0 36px
}

.why-choose-us-area .why-choose-us-img {
position: relative;
z-index: 1;
margin-bottom: 30px;
text-align: center;
}

.why-choose-us-area .why-choose-us-content {
margin-bottom: 30px;
}

.why-choose-us-area .why-choose-us-content span {
font-size: 16px;
color: #3b9945;
display: block;
margin-bottom: 5px;
font-weight: 700;
}

.why-choose-us-area .why-choose-us-content h2 {
font-size: 46px;
margin-bottom: 20px;
position: relative;
}

.why-choose-us-area .why-choose-us-content ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 30px;
}

.why-choose-us-area .why-choose-us-content ul li {
position: relative;
padding-left: 40px;
margin-bottom: 30px;
}

.why-choose-us-area .why-choose-us-content ul li:last-child {
margin-bottom: 0;
}

.why-choose-us-area .why-choose-us-content ul li i {
position: absolute;
top: 1px;
left: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-image: -webkit-gradient(linear, left top, right top, from(#3b9945), to(#24eb39));
background-image: linear-gradient(to right, #3b9945, #24eb39);
color: #fff;
border-radius: 50%;
font-size: 18px;
}

.why-choose-us-area .why-choose-us-content ul li h3 {
font-size: 24px;
}

.why-choose-us-area .why-choose-us-content ul li p {
margin-bottom: 0;
}




.realtime-sec {
margin: 0
}


.tab_sec {
    margin: 0;
}
.gap-center {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;
}


.realtime-sec .section-eyebrow {
font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 12px;
}
.realtime-sec .section-eyebrow::before {
content: '';
display: block;
width: 32px;
height: 0.5px;
background: #3b9945;
}
.realtime-sec h2 {
font-weight: 800;
margin-bottom: 12px;
font-size: 44px;
line-height: 50px;
font-family: 'Satoshi Bold';
color: #141414;
text-transform: capitalize;
}
.realtime-sec h3 {
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 50px;
    font-family: 'Satoshi Bold';
    color: #141414;
    text-transform: capitalize;
}

.realtime-sec .tab_btn {
    display: flex;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    max-width: 620px;
    margin: 0 auto 48px;
}

    .realtime-sec .tab_btn .nav-tabs {
        border-bottom: 0;
        background: #ffffff;
        border-radius: 10px;
        overflow: visible;
        display: flex;
        justify-content: space-between;
    }

    .realtime-sec .tab_btn ul {
        margin: 0;
        width: 100%
    }

        .realtime-sec .tab_btn ul li {
            margin-bottom: 0 !important;
            width: 33.3%
        }

        .realtime-sec .tab_btn ul .nav-link {
            flex: 1;
            padding: 14px 8px;
            font-family: 'DM Sans', sans-serif;
            font-size: .76rem;
            font-weight: 600;
            color: #9b9b9b;
            background: transparent;
            border: none;
            border-right: 1px solid #e2e8f0;
            cursor: pointer;
            transition: all .2s;
            line-height: 1.3;
            width: 100%
        }

            .realtime-sec .tab_btn ul .nav-link::after {
                content: '';
                position: absolute;
                right: -32px;
                width: 32px;
                height: 28px;
                border-top: 44px solid transparent;
                border-bottom: 44px solid transparent;
                border-left: 30px solid #3b9945;
                top: -1px;
                opacity: 0
            }


            .realtime-sec .tab_btn ul .nav-link span {
                display: block;
                font-size: 11px;
                text-transform: uppercase;
                color: #6e6e6e !important;
                font-size: .875rem;
            }

    .realtime-sec  .tab_btn .nav-tabs .nav-link.active {
        border-color: transparent;
        background: #3b9945;
        color: #fff;
    }
    .realtime-sec .tab_btn .nav-tabs .nav-link.active span{
        color: #fff !important;
    }
        .tab_btn .nav-tabs .nav-link.active::after{opacity:1}
        .tab_btn .nav-tabs .nav-link.active span {
            color: #e1dfdf;
        }


    .tab_btn .nav-tabs .nav-link:focus, .tab_btn .nav-tabs .nav-link:hover {
        border-color: transparent;
        background: #3b9945;
        color: #fff;
    }
.tab_btn .nav-tabs .nav-link:focus, .tab_btn .nav-tabs .nav-link:hover span{
    color: #fff !important;
}
        .tab_btn .nav-tabs .nav-link:focus::after, .tab_btn .nav-tabs .nav-link:hover::after {
            opacity: 1
        }

        .tab_btn .nav-tabs .nav-link:focus span, .tab_btn .nav-tabs .nav-link:hover span {
            color: #e1dfdf;
        }

.realtime-sec .tab-content {
    padding: 0;
    border-radius: 10px
}

.lvl-badge {
    display: inline-block;
    font-family: 'DM Sans', sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 16px;
}
.lvl-navy {
    background: #3b9945;
    color: #fff;
}
.lvl-blue {
    background: #141414;
    color: #fff;
}
.realtime-sec .tab-content h3 {
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
    line-height: 1.2;
    color: #0d1e3d;
    font-weight: 700;
    margin-bottom:0
}

.realtime-sec .tab-content p {
    margin-bottom: 1.2em;
    color: #374151;
    font-size: 17px;
    line-height: 1.75;
}
.topic-row {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid #e2e8f0;
    align-items: flex-start;
}
.topic-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #3b9945;
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: .7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 3px;
}
.realtime-sec .topic-row h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: .95rem;
    font-weight: 700;
    color: #0d1e3d;
    margin-bottom: 5px;
    line-height: 1.2;
}
.realtime-sec .topic-row p {
    font-family: 'DM Sans', sans-serif;
    font-size: .87rem;
    color: #4B5563;
    margin: 0;
    line-height: 1.6;
}
.topic-row:last-child {
    border-bottom: none;
}

.realtime-sec p {
color: #6e7078;
margin: 15px 0 0 0;
display: flex;
align-items: start;
font-size: 18px;
}

.realtime-sec .accordion ul {
margin: 0;
display: inline-block;
width: 100%;
vertical-align: top;
}

.realtime-sec ul li:not(:last-child) {
padding: 0;
margin: 0 0 20px 0;
list-style: none;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}

.tab-content ul li {
display: flex;
align-items: center;
}

.realtime-sec ul li img {
max-height: 20px;
margin-right: 10px;
}







.about-gallery {
margin: 0;
width: 100%;
}

#demos .owl-carousel .item-video iframe {
height: 300px;
}

.module-sec {
margin: 0;
}

.module-sec p.master {
text-align: justify;
}

.module-sec ul li img {
max-height: 20px;
margin-right: 10px;
margin-top: 5px;
}

.module-sec ul li {
padding: 0;
margin: 0;
list-style: none;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
display: flex;
align-items: start;
}

.why-choose-us-area .why-choose-us-content ul li img {
position: absolute;
top: 1px;
left: 0;
width: 30px;
height: 30px;
}


.trading_skills {
margin: 0
}

.trading_skills h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 40px;
line-height: 50px;
}

.background_image {
width: 100%;
height: 750px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 0;
display: flex
}

.trading_skills .background_image h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 40px;
line-height: 50px;
color: #fff
}

.trading_skills .background_image p {
color: #fff;
margin: 15px 0 0 0;
display: flex;
align-items: start;
font-size: 18px;
}



.cta-area {
margin-bottom: -120px;
}

.cta-area .get-start-box {
background-image: -webkit-gradient(linear, left top, right top, from(#141414), to(#757272));
background-image: linear-gradient(to right, #141414, #757272);
border-radius: 8px;
-webkit-box-shadow: 0px 17px 43px 1px rgba(221, 26, 68, 0.356);
box-shadow: 0px 17px 43px 1px rgba(79, 79, 79, 0.356);
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 30px;
color: #ffffff;
}

.cta-area .get-start-box .section-heading .section__title {
color: #ffffff;
font-size: 35px;
margin-bottom: 8px;
}

.cta-area .get-start-box .section-heading .section__sub {
font-size: 18px;
font-weight: 500;
color: #ffffff;
}





@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta-area .get-start-box .button-shared.text-end {
margin-top: 30px;
text-align: center !important;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta-area .get-start-box .button-shared.text-end {
margin-top: 30px;
text-align: center !important;
}
}

@media only screen and (max-width: 479px) {
.cta-area .get-start-box .button-shared.text-end {
margin-top: 30px;
text-align: center !important;
}
}

.cta-area .get-start-box .button-shared.text-end .cta-btn {
-webkit-box-shadow: 0px 17px 43px 1px rgba(255, 255, 255, 0.1);
box-shadow: 0px 17px 43px 1px rgba(255, 255, 255, 0.1);
background-color: #edeef5;
padding: 0px 55px;
border-radius: 35px;
font-size: 16px;
color: #272a3a;
font-weight: 600;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
height: 60px;
line-height: 60px;
}

.cta-area .get-start-box .button-shared.text-end .cta-btn i {
font-size: 24px;
position: relative;
top: 3px;
line-height: 39px;
}

.cta-area .get-start-box .button-shared.text-end .cta-btn:hover {
background-color: #272a3a;
-webkit-box-shadow: 0px 17px 43px 1px rgba(36, 30, 52, 0.4);
box-shadow: 0px 17px 43px 1px rgba(36, 30, 52, 0.4);
color: #ffffff;
}



/*============================================

24 -- Coming Soon

==============================================*/
.coming-soon-logo-1 {
position: absolute;
z-index: 99;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 25px;
}

.coming-soon-1 {
height: 100vh;
width: 100%;
min-height: 555px;
background: url(../images/bg/coming-soon-bg-1.png) no-repeat center;
background-size: cover;
display: table;
position: relative;
}

.coming-soon-1 .coming-soon-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 22;
color: #FFF;
padding-top: 66px;
}

.coming-soon-1 .coming-soon-inner h1 {
font-size: 75px;
font-weight: 600;
margin-bottom: 30px;
color: #fff;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.coming-soon-1 .coming-soon-inner h1 {
font-size: 60px;
}
}

@media only screen and (max-width: 767px) {
.coming-soon-1 .coming-soon-inner h1 {
font-size: 40px;
}
}

@media only screen and (max-width: 575px) {
.coming-soon-1 .coming-soon-inner h1 {
font-size: 35px;
}
}

.coming-soon-1 .coming-soon-inner ul {
width: 900px;
margin: 36px auto;
}

@media (max-width: 991.98px) {
.coming-soon-1 .coming-soon-inner ul {
width: 100% !important;
}
}

.coming-soon-1 .coming-soon-inner ul li {
width: 22%;
font-size: 31px;
font-weight: 500;
display: inline-block;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.coming-soon-1 .coming-soon-inner ul li {
font-size: 153px;
}
}

@media only screen and (max-width: 767px) {
.coming-soon-1 .coming-soon-inner ul li {
font-size: 22px;
}
}

@media only screen and (max-width: 575px) {
.coming-soon-1 .coming-soon-inner ul li {
font-size: 18px;
}
}

.coming-soon-1 .coming-soon-inner ul li span {
color: #FFF;
font-size: 84px;
font-weight: 600;
display: block;
padding: 50px 0;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.coming-soon-1 .coming-soon-inner ul li span {
font-size: 65px;
padding: 30px 0;
}
}

@media only screen and (max-width: 767px) {
.coming-soon-1 .coming-soon-inner ul li span {
font-size: 45px;
padding: 20px 0;
}

.about-area .about-content p img {
max-height: 20px !important;
margin-right: 10px;
margin-top: 5px;
}

.whatsup-sec {
bottom: 110px;
}

.whatsup-sec a img {
max-height: 30px;
}
}

@media only screen and (max-width: 575px) {
.coming-soon-1 .coming-soon-inner ul li span {
font-size: 35px;
padding: 12px 0;
}
}

.coming-soon-1 .coming-soon-inner .subscribe {
max-width: 360px;
margin: 0 auto;
}

.coming-soon-1 .coming-soon-inner .subscribe input {
padding: 17px 17px;
border-radius: 4px;
}

.coming-soon-1 .coming-soon-inner .subscribe button {
width: 65px;
border-radius: 0px 4px 4px 0px;
font-size: 25px;
}

.coming-soon-1 .coming-soon-inner .newsletter {
padding: 10px 0;
max-width: 90%;
margin: auto;
}

.coming-soon-1 .coming-soon-inner .newsletter p {
margin-bottom: 30px;
}

.coming-soon-1 .coming-soon-inner .subscribe {
position: relative;
}

.coming-soon-1 .coming-soon-inner .subscribe input {
padding: 17px 20px;
outline: none;
color: #555;
width: 100%;
border: none;
}

.coming-soon-1 .coming-soon-inner .subscribe button {
position: absolute;
top: 0;
right: 0;
color: #fff;
width: 62px;
height: 100%;
cursor: pointer;
text-align: center;
background: #272a3a;
-webkit-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
border: none;
}

.coming-soon-1 .coming-soon-inner .subscribe button:hover {
background: #141620;
color: #fff;
}

/*============================================

25 -- Client Logo

==============================================*/
.client-logo {
padding: 15px;
}

@media only screen and (max-width: 767px) {
.client-logo img {
width: 75%;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.client-logo img {
width: 65%;
}
}

@media only screen and (max-width: 575px) {
.client-logo img {
width: 65%;
}
}

@media only screen and (max-width: 479px) {
.client-logo img {
width: 65%;
}
}

/*============================================

153 -- download

==============================================*/
.download-area {
background-color: #ffeded;
}

.download-1-content .btn img {
transform: rotate(0);
}

@media only screen and (max-width: 991px) {
.download-area {
margin-top: 50px;
margin-bottom: 50px;
}
}


.download-area h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 40px;
line-height: 50px;
}

.download-area h4 {
font-size: 26px;
font-weight: 700;
}

.download-area p {
color: #6e7078;
margin: 15px 0 0 0;
display: flex;
align-items: start;
font-size: 18px;
}

.download-area ul li {
padding: 10px 0;
font-size: 17px;
}

.download-area ul li img {
max-height: 20px;
margin-right: 5px;
}

.download-area .btn {
display: inline-block;
border-radius: 50px;
margin-right: 15px;
width: 190px;
padding: 0 24px;
}

.download-area .download-1-img {
overflow: hidden;
}

.download-area .download-1-img .img-fluid {
max-width: 100%;
max-height: 470px;
width: auto;
transform: none !important;
}



.social-area h2 {
font-weight: 800;
margin-bottom: 20px;
font-size: 40px;
line-height: 50px;
}

.social-area p {
color: #6e7078;
margin: 15px 0 0 0;
display: flex;
align-items: start;
font-size: 18px;
}


.social-area .download-1-img {
overflow: hidden;
}

.social-area .download-1-img .img-fluid {
max-width: 100%;
max-height: 470px;
width: auto;
}

.social-area .btn-primary {
width: 185px;
padding: 0px 10px;
}

/*============================================

27 -- Footer

==============================================*/

.footer-middle-area{padding:80px 0}



.footer-style .footer-logo img {
    position: relative;
    top: 20px;
    width: 150px;
}

@media only screen and (max-width: 767px) {
.footer-style .footer-logo img {
top: 10px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer-style .footer-logo img {
top: 0px;
margin-bottom: 30px;
}
}

@media only screen and (max-width: 575px) {
.footer-style .footer-logo img {
top: 0;
margin-bottom: 30px;
}
}

@media only screen and (max-width: 479px) {
.footer-style .footer-logo img {
top: 0;
margin-bottom: 30px;
}
}

.footer-style .footer-top-wrapper .footer-top-link {
margin-top: 25px;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.footer-style .footer-top-wrapper .footer-top-link {
margin-top: 15px;
}
}

@media only screen and (max-width: 767px) {
.footer-style .footer-top-wrapper .footer-top-link {
margin-top: 0;
float: none;
}
}

.footer-style .footer-top-wrapper .footer-top-link li {
display: inline-block;
padding-right: 44px;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.footer-style .footer-top-wrapper .footer-top-link li {
padding-right: 25px;
}
}

@media only screen and (max-width: 767px) {
.footer-style .footer-top-wrapper .footer-top-link li {
padding-right: 16px;
}
}

.footer-style .footer-top-wrapper .footer-top-link li:last-child {
padding-right: 0;
}

.footer-style .footer-top-wrapper .footer-top-link li a {
font-size: 15px;
color: #6e7078;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 400;
}

.footer-style .footer-top-wrapper .footer-top-link li a:hover {
color: #3b9945;
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-style .footer-middle-area .footer-wrapper {
margin-left: 0;
}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.footer-style .footer-middle-area .footer-wrapper {
margin-left: 0;
}
}

@media only screen and (max-width: 767px) {
.footer-style .footer-middle-area .footer-wrapper {
margin-left: 0;
}
}


.footer-style .footer-middle-area .footer-wrapper .footer-title {
font-size: 24px;
color: #141414;
margin-bottom: 21px;
font-weight: 700;
position: relative;
}

.footer-style .footer-middle-area .footer-wrapper .footer-text p {
color: #6e7078;
margin-bottom: 45px;
margin-right: 20px;
}

.footer-style .footer-middle-area .footer-wrapper .footer-text p a {
color: #3b9945;
}

.footer-style .footer-middle-area .footer-wrapper .footer-text p a:hover {
color: #6e7078;
}

.footer-style .footer-middle-area .footer-wrapper .footer-link ul li {
padding-bottom: 12px;
}

.footer-style .footer-middle-area .footer-wrapper .footer-link ul li:last-child {
padding-bottom: 0;
}

.footer-style .footer-middle-area .footer-wrapper .footer-link ul li a {
color: #6e7078;
font-size: 16px;
font-weight: 400;
-webkit-transition: 0.3s;
transition: 0.3s;
}

.footer-style .footer-middle-area .footer-wrapper .footer-link ul li a:hover {
color: #3b9945;
opacity: 1;
}

.footer-style .footer-middle-area .footer-wrapper .footer-icon a {
color: #6e7078;
font-size: 16px;
display: inline-block;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #6e7078;
border-radius: 50%;
margin-right: 10px;
}


.footer-style .footer-middle-area .footer-wrapper .footer-icon a:hover {
color: #fff;
background: #3b9945;
-webkit-box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
box-shadow: 0px 17px 43px 1px rgba(59, 153, 69, 0.356);
border: #3b9945;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-style .footer-middle-area .footer-wrapper .footer-icon a {
margin-right: 0;
}
}

.footer-style .footer-middle-area .footer-wrapper .subscribes-form form input {
outline: none;
background: none;
border-radius: 0;
height: 50px;
padding: 0 23px;
width: 100%;
color: #6e7078;
font-size: 15px;
font-weight: 400;
border: 1px solid #bdc1d7;
border-radius: 5px;
}

.footer-style .footer-middle-area .footer-wrapper .subscribes-form form input::placeholder, .footer-style .footer-middle-area .footer-wrapper .subscribes-form form input::-moz-placeholder {
color: #6e7078;
font-size: 15px;
font-weight: 400;
}

.footer-style .footer-middle-area .footer-wrapper .footer-info {
margin-top: 9px;
}

.footer-style .footer-middle-area .footer-wrapper .footer-info p {
margin-bottom: 0;
font-size: 15px;
color: #6e7078;
}

.footer-middle-area img.footer__logo.logo-dark {
    max-height: 60px;
    width: auto;
    margin: 0 0 20px 0;
}
.footer-middle-area p {
    color: #9b9b9b;
    margin: 0;
    display: flex;
    align-items: start;
    font-size: 15px;
    line-height: 1.7;
}
.download-sec {
margin:24px 0 0 0;
}
.download-sec .download-link {
display: flex;
width: 100%;
}
.download-sec .download-link a {
width: 160px; margin-right:10px
}
.download-sec .download-link a img {
max-width: 100%;
}
.footer-links {
    text-align: left;
    margin-bottom: 0;
    width: 100%;
}
.footer-links h4 {
font-weight: 600;
margin-top: 0;
margin-bottom: 1.5rem;
position: relative;
border-bottom: 1px solid transparent;
font-size: 18px;
letter-spacing: 0;
white-space: nowrap;
color: #141414;
line-height: 1;
}
.footer-links ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-links ul li:not(:last-child) {
width: 100%;
margin-bottom: 20px;
padding-bottom: 0;
}
.footer-links ul li a {
text-decoration: none;
font-size: 16px ;
line-height: 1.25rem ;
color: #6e7078;
transition: 0.4s;
font-weight: 400;
}
.footer-links ul li a:hover {
color: #3b9945;
transition: 0.4s;
}



@media only screen and (max-width: 767px) {
.footer-style .footer-bottom-area .footer-bottom-link {
float: none;
text-align: center;
}
}

@media (max-width: 767px) {
    .footer-links h4 {
        margin-top: 30px;
        margin-bottom: 1rem;
    }
    .footer-middle-area {
        padding: 50px 0 20px 0;
    }
}

.footer-style .footer-bottom-area .footer-bottom-link ul li {
display: inline-block;
padding-right: 20px;
}

.footer-style .footer-bottom-area .footer-bottom-link ul li:last-child {
padding-right: 0;
}

.footer-style .footer-bottom-area .footer-bottom-link ul li a {
font-size: 15px;
color: #6e7078;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 400;
position: relative;
}

.footer-style .footer-bottom-area .footer-bottom-link ul li a:hover {
color: #3b9945;
}

.footer-style .footer-bottom-area .footer-bottom-link ul li a::before {
position: absolute;
height: 15px;
width: 1px;
background: #74797f;
content: "";
right: -10px;
top: 2px;
}

.footer-style .footer-bottom-area .footer-bottom-link ul li:last-child a::before {
display: none;
}

.footer-style .footer-bottom-area .copyright p {
margin-bottom: 0;
color: #6e7078;
}

@media only screen and (max-width: 767px) {
.footer-style .footer-bottom-area .copyright p {
text-align: center;
}
}

.footer-style .footer-bottom-area .copyright p a {
color: #3b9945;
}
/*# sourceMappingURL=style.css.map */


.cpat-sec .cpat-content.warp {
padding: 30px 0 30px 0;
max-width: 100%;
}

.cpat-header img {
border-radius: 0;
width: 100%;
}

.cpat-sec .cpat-content.warp p {
color: #6e7078;
margin: 15px 0 0 0;
display: flex;
align-items: start;
}

.cpat-sec .cpat-content.warp .section-title h2 {
margin-bottom: 6px;
}

.cpat-sec .cpat-content.warp h5 span {
display: block;
font-size: 15px;
}

.cpat-sec .cpat-content.warp h6 {
padding: 0;
font-weight: 800;
margin-top: 20px;
margin-bottom: 0;
}

.cpat-sec .cpat-content.warp p a {
color: #3b9945;
margin: 0 6px;
}

.cpat-sec .cpat-content p img {
max-height: 20px;
margin-right: 10px;
margin-top: 5px;
}

.customer--wrapper {
max-width: 800px;
margin: 0 auto;
}

.customer--register {
margin: 0 auto;
max-width: 400px;
}


.cart-section {
margin: 0;
width: 100%;
}

.cart-section .card-body {
flex: 1 1 auto;
padding: 0.5rem 1rem;
}

.cart-section h3 {
font-size: 15px;
font-weight: 700;
margin-bottom: 8px;
max-height: 40px;
overflow: hidden;
line-height: 22px;
}

.cart-section p {
font-size: 14px;
line-height: 21px !important;
max-height: 40px;
overflow: hidden;
margin-bottom: 0;
}

.cart-section p.language {
height: auto;
}

.cart-section h6 a {
font-size: 14px;
color: #3b9945;
}

.cart-section h5 {
font-size: 20px;
}

.cart-section h5 span {
display: block;
font-size: 14px;
text-decoration: line-through;
color: #dd8282;
}

.cart-section h2 span {
display: block;
font-size: 14px;
text-decoration: line-through;
color: #dd8282;
}

.message-btn span.trough-line {
font-size: 18px;
text-decoration: line-through;
color: #dc3545;
}


.mobile_card {
background: #f8f8fc;
padding: 30px;
height: 345px;
margin-bottom: 40px;
text-align: center;
}


.mobile_card img {
max-width: 100%;
max-height: 90px;
margin-bottom: 30px;
margin-top: 50px;
}

.about-log {
margin: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center !important;
justify-content: center !important;
}

.about-log img {
max-height: 110px;
margin: 0 15px;
}

.googleplay-button {
padding: 50px 0 0 0;
text-align: center;
}

.googleplay-button a img {
max-height: 90px;
}

[RenderBody] {
display: none !important;
}

[DownloadApp] {
display: block !important;
}

.Otp_Section ul {
margin: 0 0 25px 0;
display: flex;
padding: 0;
list-style-type: none;
flex-direction: row;
justify-content: space-between;
}

.Otp_Section ul li {
padding: 0px;
margin: 3px;
text-align: center;
border: 1px solid;
}

.Otp_Section ul li input {
padding-top: 3px;
padding-bottom: 3px;
width: 60px;
font-size: inherit;
text-align: center;
}

/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 992px) and (-webkit-min-device-pixel-ratio: 1) {


[RenderBody] {
display: block !important;
}

[DownloadApp] {
display: none !important;
}
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
[RenderBody] {
display: block !important;
}

[DownloadApp] {
display: none !important;
}
}





@media (max-width: 1440px) {


.new_Mentorship h5 {
font-weight: 600;
margin-bottom: 10px;
font-size: 22px;
letter-spacing: 1px;
}

.about-area .about-content.new_Mentorship p {
font-size: 15px;
}

.btn-primary {
padding: 0px 30px;
font-size: 14px;
height: 45px;
line-height: 45px;
}

.btn-reverse {
padding: 0px 30px;
font-size: 14px;
height: 45px;
line-height: 45px;
}

.contact-section .form-inner #contact-form .form-group input[type="text"], .contact-section .form-inner #contact-form .form-group input[type="email"] {
height: 50px;
padding: 10px 20px;
}

.about-area .image_sec {
height: 600px;
overflow: hidden;
}

.single-services h3 {
font-size: 20px;
margin-bottom: 10px;
}

.single-services {
padding: 20px 30px 20px 30px;
}


.tab_btn ul .nav-link {
padding: 1.5rem 1rem 1rem 1rem;
font-size: 16px;
}


.download-area p {
font-size: 16px;
}


.featured-boxes-area2 .single-featured-box h3 {
font-size: 16px;
}


}

@media only screen and (min-width:992px) and (max-width:1199px) {
.about-area .about-content.new_Mentorship .broucher-btn .btn-primary {
padding: 0 10px !important;
}

.about-area .about-content.new_Mentorship .broucher-btn .btn-reverse {
padding: 0 10px !important;
}

.about-area .about-content.new_Mentorship .btn-primary {
padding: 0px 24px !important;
}

.about-area .about-content.new_Mentorship .btn-reverse {
padding: 0px 24px !important;
}
}





@media only screen and (max-width:1024px) {
.btn-primary {
padding: 0px 20px;
font-size: 14px;
height: 45px;
line-height: 45px;
}

.about-area .about-content.new_Mentorship .btn-primary {
padding: 0px 30px;
}

.about-area .about-content.new_Mentorship .btn-reverse {
padding: 0px 30px;
}

.about-area .image_sec {
height: 420px;
overflow: hidden;
}

.about-area .image_sec img {
transform: none !important;
}

.about-area .about-content.new_Mentorship .broucher-btn .btn-primary {
padding: 0 14px
}

.about-area .about-content.new_Mentorship .broucher-btn .btn-reverse {
padding: 0 14px
}

.background_image {
height: 458px;
transform: none !important;
background-position: initial !important;
}

.tab_btn ul .nav-link {
padding: 1rem .4rem 1rem .4rem;
}

.download-area .download-1-img .img-fluid {
transform: none !important;
}

.social-area .download-1-img .img-fluid {
transform: none !important;
}
}

@media (max-width: 767px) {
.about-area .image_sec {
height: auto
}

.about-area .image_sec.m_right {
padding-right: 0;
}

.about-area .image_sec.m_right img {
border-radius: 0;
max-height: 100% !important;
max-width: 100%;
}

.about-area .btn-primary {
display: block;
margin: 0 20px;
}

.about-area .btn-reverse {
display: block;
margin: 20px;
}

.about-area .image_sec2.m_left {
padding-left: 0;
margin-top: 50px
}


.about-area .image_sec img {
transform: none !important;
}

.background_image {
height: 458px;
transform: none !important;
background-position: initial !important;
}

.trading_skills .background_image h2 {
font-size: 30px;
}

.about-area .container-fluid {
padding-left: var(--bs-gutter-x, .75rem);
}

.download-area {
margin-top: 0;
margin-bottom: 0;
}

.download-area .download-1-img .img-fluid {
max-height: 310px;
}

.social-area .download-1-img .img-fluid {
max-height: 310px;
}

.pt-70 {
padding-top: 40px !important;
}

.pb-70 {
padding-bottom: 40px !important;
}




.module_sec .tab_btn {
display: none
}

.module_sec .tab-content > .tab-pane {
display: block;
opacity: 1;
}

.download-area h2 {
text-align: center;
}

.download-area p {
text-align: center;
}

.download-area h4 {
text-align: center;
}

.testimonial-area h2 {
font-size: 27px;
line-height: 40px;
}

.realtime-sec p {
font-size: 14px;
}

.realtime-sec ul {
margin-right: 15px
}


.realtime-sec ul li {
font-size: 14px;
}
}

.testimonial-area h2 {
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 44px;
    line-height: 50px;
    font-family: 'Satoshi Bold';
    color: #141414;
    text-transform: capitalize;
}

.profileimgSec {
margin: 0;
box-shadow: 0px 0px 21px -11px rgba(0,0,0,0.75);
padding: 20px 46px;
border-radius: 14px;
position: sticky;
top: 10px;
}

.profileimgSec .proimg {
width: 150px;
height: 150px;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin: 0 auto 20px auto;
}

.editPro {
position: absolute;
bottom: 16px;
right: 5px
}

.editPro a {
display: flex;
width: 40px;
height: 40px;
border-radius: 35px;
background: #fff;
justify-content: center;
align-items: center;
}

.editPro a i {
font-size: 20px;
color: #333
}

.profileimgSec h3 {
text-align: center;
font-size: 24px;
font-weight: 800;
margin-bottom: 0
}

.profileimgSec p {
text-align: center;
margin-bottom: 0;
color: #8b8b8b;
}

.profileimgSec a.settingpro {
position: absolute;
top: 20px;
left: 20px;
border-radius: 35px;
background: #d9d9d9;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}

.profileimgSec a.settingpro i {
font-size: 20px;
color: #000
}

.profileimgSec a.logoutgpro {
position: absolute;
top: 20px;
right: 20px;
border-radius: 35px;
background: #d9d9d9;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}

.profileimgSec a.logoutgpro i {
font-size: 20px;
color: #000
}

.login-form .form-group .verified {
position: absolute;
bottom: 5px;
right: 10px;
z-index: 8;
}

.login-form .form-group .verified a {
text-decoration: none;
font-size: 13px;
color: #3b9945;
}

.login-form .form-group .getotp {
position: absolute;
bottom: 5px;
right: 10px;
z-index: 8;
}

.login-form .form-group .getotp a {
text-decoration: none;
font-size: 13px;
color: #5260ff;
}

.login-form .form-group {
position: relative
}

.buttonSec {
margin: 40px 0 0 0;
width: 100%;
}

.buttonSec a {
width: 100%;
height: 44px;
line-height: 44px;
}




/*...........timeline...............*/

.timeline-container {
width: 100%;
margin: 20px 0 0 0;
display: block;
position: relative;
padding: 0;
}

.timeline-container h2 {
font-weight: 800;
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 20px;
}

.stepper {
display: flex;
flex-direction: column;
counter-reset: stepper;
padding: 0;
}

.stepper-item {
display: grid;
grid-template-rows: [text-row] auto [line-row] 35px;
grid-template-columns: [counter-column] 28px [text-column] auto;
column-gap: 30px;
position: relative;
}

.stepper-item .stepper-counter {
background-color: #cfcfcf;
color: #000;
position: relative;
font-weight: 600;
border: 2px dotted #f3f3f3;
}

.stepper-item .stepper-counter:after {
position: absolute;
content: "";
display: none;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--c-stepper-bg);
right: -6px;
bottom: -6px;
background-image: url(/Content/images/accept.png );
background-size: 16px;
background-repeat: no-repeat;
background-position: center center;
}

.stepper-item.complete .stepper-counter {
background-color: #00a859;
color: #fff;
position: relative;
font-weight: 600;
border: 1px dotted #f3f3f3;
}

.stepper-item.complete .stepper-line {
background-color: #00a859;
}

.stepper-item .stepper-line {
display: block;
width: 1px;
background-color: #ebebeb;
height: 100%;
justify-self: center;
}




.stepper-item.complete .stepper-counter:after {
display: block;
}

.stepper-item:last-child {
grid-template-rows: [text-row] auto;
}


.stepper-item:last-child .stepper-line {
display: none;
}

.stepper-counter {
flex-shrink: 0;
counter-increment: stepper;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: var(--c-primary);
color: #fff;
border-radius: 50%;
line-height: 1;
padding-top: 3px;
}

.stepper-counter:before {
content: counter(stepper);
}

.stepper-link {
display: flex;
gap: 12px;
text-decoration: none;
align-items: center;
justify-content: space-between;
}

.stepper-link a {
font-size: 1.1rem;
text-decoration: none;
margin: 0;
z-index: 2;
}

.stepper-link a i {
color: #eb445a
}

.stepper-link span {
padding-top: calc((33px - 1.5em) / 2);
font-weight: 800;
font-size: 1.1rem;
}



.stepper-link:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.stepper-link:hover span {
border-color: currentcolor;
}

.stepper-link:focus {
outline-offset: 4px;
outline-color: var(--c-primary);
outline-width: 2px;
border-radius: 4px;
}

.spinner-item--2 {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}

.spinner-item--3 {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
0% {
transform: translate(-50%, -50%) scale(0.2);
opacity: 0;
}

50% {
opacity: 0.9;
}

100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

@keyframes zoom {
0% {
transform: translate(-50%, -50%) scale(0.2);
opacity: 0;
}

50% {
opacity: 0.9;
}

100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

.mayCourses {
margin: 0;
padding: 0 24px
}

.mayCourses h3 {
text-align: left;
font-size: 28px;
font-weight: 800;
margin-bottom: 24px;
}

.loopContent {
margin-bottom: 30px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.imageSec {
width: 100%;
height: 80px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
}

.contentSec {
margin: 0;
width: 100%;
padding: 0 0 0 10px;
}

.contentSec h4 {
font-size: 18px;
font-weight: 800;
margin: 0;
width: 100%;
text-align: left
}

.contentSec p {
font-size: 14px;
color: #333;
margin: 5px 0 0 0;
line-height: 1.5;
font-weight: 800;
text-align: left
}

.contentSec p span {
color: #00A859;
margin-left: 6px
}


.ScannerSec {
margin: 0;
width: 100%;
padding: 0 10px 0 0;
overflow-y: scroll;
overflow-x: hidden;
height: 85vh;
}

.modal-dialog .modal-body .ScannerSec::-webkit-scrollbar {
width: 4px;
}

.modal-dialog .modal-body .ScannerSec::-webkit-scrollbar-track {
background-color: darkgrey;
}

.modal-dialog .modal-body .ScannerSec::-webkit-scrollbar-thumb {
background: #000;
width: 2px
}

.ScannerSec h2 {
font-size: 20px;
color: #000;
margin-bottom: 0;
}



.ScannerSec .month-area {
width: 100%;
padding: 9px;
height: 100%;
font-size: 15px;
color: #fff;
display: flex;
background: #1875d2;
text-transform: uppercase;
border-radius: 5px 0 0 5px;
}

.ScannerSec .tags-area {
width: 100%;
padding: 0;
margin-bottom: 20px;
}

.ScannerSec .tags-area ul {
margin: 0;
padding: 0;
list-style-type: none
}

.ScannerSec .tags-area ul li {
margin: 0 2px 2px 0;
padding: 3px 5px;
background: #1875d2;
display: inline-block;
color: #fff;
border-radius: 5px;
font-size: 11px;
text-transform: uppercase;
}

.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
box-shadow: none;
}

.btn-sec {
position: sticky;
bottom: 15px;
text-align: center;
width: 100%;
left: 0;
z-index: 2;
}

.readonly {
opacity: .9;
pointer-events: none;
}

.youtube-area h5 {
font-size: 24px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.4;
color: #333;
}

.youtube-area h2 {
font-size: 36px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.4;
color: #333;
}

.youtube-area h3 {
font-size: 22px;
font-weight: 600;
line-height: 1.4;
color: #333;
}

.youtube-area p {
font-size: 16px;
letter-spacing: 0;
line-height: 1.4 !important;
color: #000;
margin-bottom: 12px;
}

.youtube-area iframe {
width: 100%;
height: 380px;
max-height: 100%;
}


.videoContent h3 {
font-size: 24px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.4;
}

.youtube-area h3 span {
color: #3b9945
}

.videoContent {
font-size: 16px;
letter-spacing: 0;
line-height: 1.4 !important;
color: #000;
}

.reviewSec h3 {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.4;
}

.reviewSec h3 span {
color: #3b9945
}

.videoContent ul {
margin-top: 20px
}

.videoContent ul li {
display: flex;
align-items: center;
margin-bottom: 10px
}

.videoContent ul li img {
width: 17px;
height: 17px;
margin-right: 10px
}

.reviewSec img {
width: 34px;
height: 34px;
margin: 0 5px
}

.reviewSec p {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.4;
}





@media (max-width: 1440px) {
.profileimgSec {
margin: 0;
box-shadow: 0px 0px 21px -11px rgba(0, 0, 0, 0.75);
padding: 20px;
border-radius: 14px;
}
}


/*============================================

11 -- Pricing

==============================================*/
.pricing-area .pricing-item {
background-color: #fff;
border-radius: 8px;
padding: 42px 40px 45px 40px;
margin-bottom: 30px;
position: relative;
z-index: 1;
border: 1px solid rgba(158, 166, 186, 0.2);
}

/*.pricing-area .pricing-item .btn-primary-3d {
padding: 0px 30px 0 20px;
}*/

.pricing-area .pricing-item .btn-primary-3d img {
max-width: 100%;
height: 20px;
transform: rotate(0);
margin-right: 6px;
}



@media only screen and (max-width: 479px) {
.pricing-area .pricing-item {
width: auto;
}
}

.pricing-area .pricing-item .pricing-tooltip {
position: absolute;
width: auto;
right: 20px;
left: auto;
top: 20px;
border-radius: 4px 4px 0 0;
}

.pricing-area .pricing-item .pricing-tooltip .pricing__tooltip {
display: inline-block;
border-radius: 8px;
padding: 6px 16px;
font-size: 15px;
color: #fff;
background-color: #32d123;
}

.pricing-area .pricing-item .pricing-title {
padding-bottom: 33px;
border-bottom: none;
margin-bottom: 0;
}

.pricing-area .pricing-item .pricing-title .pricing-price {
font-size: 40px;
font-weight: 800;
color: #333;
margin-bottom: 0;
}

.pricing-area .pricing-item .pricing-title .pricing-price small {
font-size: 28px;
font-weight: 600;
}

.pricing-area .pricing-item .pricing-title .pricing-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
color: #000;
}

.pricing-area .pricing-item p {
color: #009f3c;
font-size: 18px;
line-height: 23px !important;
}

.pricing-area .pricing-item .pricing-list {
padding-bottom: 33px;
}

.pricing-area .pricing-item .pricing-list li {
margin-bottom: 10px;
}

.pricing-area .pricing-item .pricing-list li i {
margin-right: 6px
}

.pricing-area .pricing-item .pricing-list li span {
color: #2e3d62;
float: right;
margin-right: 0;
font-weight: 500;
}

.pricing-area .pricing-item .pricing-list li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}

.pricing-area .pricing-item .pricing-price .pricing-meta {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
margin-top: 23px;
font-size: 12px;
text-align: center;
}

@media (max-width: 320px) {
.pricing-item .pricing-title .pricing-price {
font-size: 50px;
}
}


.course-hero {
margin: 0;
padding: 60px 0;
height: 460px
}

.course-hero h2 {
font-size: 46px;
line-height: 56px;
margin-bottom: 15px;
color: #272a3a;
font-weight: 600;
letter-spacing: 0;
font-family: 'Satoshi Bold';
width: 70%;
}

.course-hero p {
font-size: 18px;
line-height: 26px;
margin: 0;
margin-bottom: 33px;
color: #787a7c;
width: 90%;
}

.course-hero .blog-text {
background: transparent;
padding: 2px 20px 6px 0;
}

.course-hero .blog-text .rating-sec {
margin: 0;
font-size: 15px;
line-height: 1.2;
font-weight: 600;
color: #141414;
}

.course-hero .blog-text .rating-sec i {
color: #fbc936;
font-size: 16px;
vertical-align: top;
}

.course-hero .blog-text .rating-sec i.bi-people-fill {
color: #3b9945;
}

.overview-sec iframe {
    border: 0;
    min-height: 500px;
}

.price-card {
background: #fff;
padding: 8px;
border-radius: 10px;
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}

.price-card .price {
font-size: 34px;
line-height: 1.2;
font-weight: 600;
color: #141414;
}

.price-card .offer-price {
font-size: 22px;
line-height: 1.2;
font-weight: 500;
color: #dd8282;
text-decoration: line-through
}

.price-card .badge {
background-color: #ededed;
padding: 8px 14px;
border-radius: 20px;
color: #3b9945;
}

.price-card .btn-primary {
padding: 12px 24px;
}

.price-card .btn-reverse {
padding: 12px 24px;
}

.price-card img {
border-radius: 14px;
width: 100%
}

.price-card h6 {
font-size: 20px;
}

.price-card ul {
position: relative;
margin: 0 0 44px;
padding: 23px 0 0;
list-style: none;
}

.price-card ul li {
position: relative;
margin: 0;
line-height: 2;
font-weight: 500;
color: #141414;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2px;
margin: 0px 0 6px;
font-size: 16px;
}

.price-card ul i {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 15px;
color: #3b9945;
line-height: 1;
}

@media (max-width: 767px) {
    .course-hero {
        height: auto;
    }
.course-hero h2 {
font-size: 28px;
line-height: 36px;
width: 100%;
}
}

.overview-sec {
    margin: 0;
    padding: 60px 0 40px 0
}

.overview-sec h2 {
font-size: 26px;
margin-bottom: 20px
}

.overview-sec h6 {
font-size: 20px;
}

.overview-sec ul {
position: relative;
margin: 0 0 44px;
padding: 4px 0 0;
list-style: none;
}

.overview-sec ul li {
position: relative;
margin: 0;
line-height: 1.4;
font-weight: 500;
color: #141414;
display: flex;
align-items: start;
gap: 9px;
margin: 0px 0 24px;
font-size: 16px;
}
.overview-sec ul li span{
    width: 90%;
}

.overview-sec ul i {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 15px;
background-color: #f1f1f1;
color: #3b9945;
line-height: 1;
margin-top: 4px;
}



.syllabus-section {
margin: 0;
}

.syllabus-section h3 {
font-size: 26px;
margin-bottom: 20px;
}

.syllabus-section .c-time {
display:flex;
color: #272a3a;
margin-bottom:30px
}
.syllabus-section .c-time span{margin-right:24px}


.syllabus-section .c-time i {
color: #3b9945;
font-size: 15px;
margin-right: 7px;
}

.syllabus-card .accordion-item {
border-radius: 12px;
padding: 10px;
margin-bottom: 18px;
border: 0;
background: #f9f9f9
}

.syllabus-card .accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}

.syllabus-card .accordion-button:not(.collapsed) {
color: #141414;
background-color: transparent;
border-color: transparent;
outline: 0;
box-shadow: none;
}

.syllabus-card .accordion-button {
font-size: 20px;
font-weight: 600;
color: #141414;
background-color: transparent;
}

.syllabus-card .accordion-button .tag-c {
display: block;
font-size: 14px;
color: #787a7c;
line-height: 1.4;
font-weight: 500;
margin-top: 4px;
}

.syllabus-card .accordion-body {
padding: 8px 22px 0 22px;
}

.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.lesson-item {
display: flex;
justify-content: space-between;
align-items: start;
font-size: 16px;
color: #141414;
line-height: 1.2;
margin-bottom: 16px;
}

.lesson-item i {
font-size: 16px;
color: #3b9945;
margin-right: 10px;
vertical-align: middle;
line-height: 1.3;
}

.v-title {
display: flex;
width: 90%;
}

.lesson-item .duration {
font-size: 14px;
color: #787a7c;
margin-right: 0;
line-height: 1.3;
width: 10%;
text-align: right;
}

@media (max-width: 767px) {
    .accordion-button {
        padding: 1rem 8px;
    }
    .syllabus-card .accordion-body {
        padding: 8px 8px 0 8px;
    }
    .lesson-item .duration {
        width: 20%;
    }
    .v-title {
        line-height: 1.4;
    }
}


.instructor-card {
max-width: 420px;
background: #f4fff6;
border-radius: 18px;
padding: 28px;
position:sticky;
top:0
}

.instructor-card h3 {
font-size: 26px;
margin-bottom: 20px;
color: #3b9945;
}

.instructor-card .avatar {
width: 58px;
height: 58px;
border-radius: 50%;
background: #ddd;
margin-right: 14px;
flex-shrink: 0;
}

.instructor-card .profile-row {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.instructor-card .rating-sec {
margin: 0;
font-size: 15px;
line-height: 1.2;
font-weight: 600;
color: #141414;
}

.instructor-card .rating-sec i {
color: #3b9945;
font-size: 16px;
vertical-align: top;
margin-right: 4px;
}


.instructor-card .name {
font-weight: 600;
margin-bottom: 2px;
font-size: 17px;
}


.instructor-card .subtitle {
font-size: 14px;
color: #666;
}

.instructor-card .btn-primary-3d {
padding: 10px 24px;
margin-top: 40px;
}

.testimonial-item-wrap-1 {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
}

.mentorship-sec{margin:0}

/* HERO */
.hero-mentorship {
    padding: 4rem 2rem;
    align-items: center;
    display: flex;
}
.hero-mentorship .btn-3d {
padding: 14px 18px;
}

.hero-mentorship .hero-left {
padding-right: 4rem;
}

.hero-mentorship .hero-eyebrow {

font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 12px;
}

.hero-mentorship .hero-eyebrow::before {
content: '';
display: block;
width: 32px;
height: 0.5px;
background: #3b9945;
}

.hero-mentorship .hero-title {
font-size: 70px;
line-height: 78px;
margin-bottom: 15px;
color: #272a3a;
font-weight: 600;
letter-spacing: 2px;
font-family: 'Satoshi Bold';
}

.hero-mentorship .hero-title em {
font-style: normal;
color: #3b9945;
}

.hero-mentorship .hero-subtitle {
font-size: 16px;
color: #6e7078;
line-height: 1.75;
margin-bottom: 2.5rem;
font-weight: 300;
}

.hero-mentorship .hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.hero-actions abtn-primary-3d:focus, .hero-actions abtn-primary-3d:hover {
    color: #fff !important;
}

.hero-mentorship .hero-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-mentorship .hero-card {
margin:0
}

.hero-mentorship .hero-card-top {
    display:inline-block;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.5rem;
}

.hero-mentorship .avatar {
    width: 100%;
    max-width: 490px;
    height: auto;
    border-radius: 14px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    padding:10px;
    box-shadow: 0 2px 40px rgba(0,0,0,0.06);
}

.hero-mentorship .avatar-name {
    font-weight: 600;
    font-size: 20px;
    color: #141414;
}

.hero-mentorship .avatar-title {
    font-size: 12px;
    color: var(--ink-subtle);
    margin-top: 2px;
}

.hero-mentorship .hero-card-body {
    font-size: 14px;
    font-style: italic;
    color: #949494;
    line-height: 1.7;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    max-width: 490px;
    box-shadow: 0 2px 40px rgba(0,0,0,0.06);
}

.hero-mentorship .program-levels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.hero-mentorship .level-chip {
    background: #f1f1f1;
    border: 0.5px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    text-align: center;
}

.hero-mentorship .level-chip-label {
    font-size: 12px;
    color: #3b9945;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 600;
}

.hero-mentorship .level-chip-name {
    font-size: 13px;
    font-weight: 500;
    color: #949494;
    line-height: 1.3;
}

.books-section {
    background: #fff;
    padding: 80px 0;
}
    .books-section h2 {
        font-weight: 800;
        margin-bottom: 12px;
        font-size: 40px;
        line-height: 50px;
        font-family: 'Satoshi Bold';
        color: #141414;
        text-transform: capitalize;
    }


.books-section p {
font-size: 16px;
color: #6e7078;
line-height: 1.5;
margin-bottom: 0;
font-weight: 300;
height: auto;

}

.book-card p.book-desc {
font-size: 16px;
color: #6e7078;
line-height: 1.5;
margin-bottom: 0;
font-weight: 300;
height: 122px;
overflow: hidden;
}

.books-section .section-eyebrow {
font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 12px;
}

.books-section .section-eyebrow::before {
content: '';
display: block;
width: 32px;
height: 0.5px;
background: #3b9945;
}


.books-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-top: 3rem;
}

.book-card {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 2rem;
    align-items: start;
    padding: 2rem;
    background: #f8f9fa;
    border: 0.5px solid #efefef;
    border-radius: 8px;
    position: relative;
    transition: box-shadow 0.2s;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

    .book-card:hover {
        box-shadow: 0 4px 4px rgba(0,0,0,0.08);
    }
    .book-card .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }




.book-cover {
    width: 100%;
    aspect-ratio: 2/3;
    overflow: hidden;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.12);
    border-radius: 10px;
}

    .book-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



.book-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    color: #141414;
    margin-bottom: 0.75rem;
}


.experience-sec {
    position: relative;
    z-index: 1;
    margin-top: 0;
    padding:80px 0
}

    .experience-sec h2 {
        font-weight: 800;
        margin-bottom: 20px;
        font-size: 44px;
        line-height: 50px;
        font-family: 'Satoshi Bold';
        color: #141414;
        text-transform: capitalize;
    }

    .experience-sec p {
        margin: 0 0 10px 0;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 1.4;
    }

    .experience-sec .featured-boxes-inner {
        border-radius: 5px;
    }

        .experience-sec .featured-boxes-inner .border-right {
            border-right: 1px solid #eee;
        }

            .experience-sec .featured-boxes-inner .border-right:last-child {
                border-right: none;
            }

    .experience-sec .single-featured-box {
        text-align: left;
        position: relative;
        padding: 30px 25px 30px;
        overflow: hidden;
        border: 2px solid #f2f2f2;
        border-radius: 14px;
        height: 100%;
        background:#fff
    }

        .experience-sec .single-featured-box:hover {
            transform: translateY(-20px);
            transition: all 0.25s ease;
        }

        .experience-sec .single-featured-box .icon {
            transition: .4s;
            color: #ee0979;
            background: #ddd;
            display: inline-block;
            padding: 10px;
            border-radius: 6px;
            width: 60px;
            height: 60px;
            margin-bottom: 14px;
            text-align: center;
        }

            .experience-sec .single-featured-box .icon.forex {
                background: #fff4ef
            }

            .experience-sec .single-featured-box .icon.commodities {
                background: #f9e8ff
            }

            .experience-sec .single-featured-box .icon.stocks {
                background: #f2f2fd
            }

            .experience-sec.single-featured-box .icon.futures {
                background: #e9f6fa
            }

            .experience-sec .single-featured-box .icon img {
                max-height: 30px;
                width: 30px;
            }

            .experience-sec .single-featured-box .icon i::before {
                font-size: 55px;
            }

            .experience-sec .single-featured-box .icon.color-fb7756 {
                color: #fb7756;
            }

            .experience-sec .single-featured-box .icon.color-facd60 {
                color: #facd60;
            }

            .experience-sec .single-featured-box .icon.color-1ac0c6 {
                color: #1ac0c6;
            }

        .experience-sec .single-featured-box h3 {
            -webkit-transition: .4s;
            transition: .4s;
            margin-bottom: 10px;
            margin-top: 5px;
            font-size: 24px;
            font-weight: 600;
            color: #141414;
            letter-spacing: 1px;
        }

        .experience-sec .single-featured-box p {
            transition: .4s;
            font-size: 17px;
            margin-top: 0;
            margin-bottom: 0;
            color: #6f6f6f
        }

.social-section {
    background: #fff;
    padding:80px 0
}

    .social-section h2 {
        font-weight: 800;
        margin-bottom: 12px;
        font-size: 44px;
        line-height: 50px;
        font-family: 'Satoshi Bold';
        color: #141414;
        text-transform: capitalize;
    }
    .social-section p {
        margin: 0 0 10px 0;
        color: #6f6f6f;
        font-size: 16px;
        line-height: 1.4;
    }

    .social-section .section-eyebrow {
        font-size: 11px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .social-section .section-eyebrow::before {
            content: '';
            display: block;
            width: 32px;
            height: 0.5px;
            background: #3b9945;
        }


.social-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-top: 3rem;
}

/* Social channels */
.social-channels {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.social-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 1rem 1.25rem;
    background: #fff;
    border: 0.5px solid rgba(239,239,239,0.25);
    border-radius: 6px;
    text-decoration: none;
    color: #141414;
    transition: box-shadow 0.2s, border-color 0.2s;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

    .social-card:hover {
        border-color: #fff;
        box-shadow: 0 2px 2px rgba(0,0,0,0.06);
        color: #3b9945;
    }

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}

    .social-icon.yt {
        background: #FF0000;
    }

    .social-icon.tw {
        background: #0E0E0E;
    }

    .social-icon.fb {
        background: #1877F2;
    }

    .social-icon.li {
        background: #0A66C2;
    }

    .social-icon.ig {
        background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }
    .social-icon.wt {
        background: linear-gradient(135deg, #2da443 0%, #48bd5c 25%, #50cd65 50%, #5cdb72 75%, #95dba1 100%);
    }

    .social-icon svg {
        width: 20px;
        height: 20px;
        fill: white;
    }

.social-name {
    font-weight: 500;
    font-size: 14px;
}

.social-handle {
    font-size: 12px;
    color: #6f6f6f;
    margin-top: 2px;
}

.social-arrow {
    margin-left: auto;
    font-size: 18px;
    color: #6f6f6f;
}





/*..............mobile...................*/

@media (max-width: 1600px) {
    .blog-meta a.btn-primary-3d {
        padding: 8px 12px;
        font-size: 11px !important;
    }
}

    @media (max-width: 1366px) {
        .container {
            max-width: 94%;
        }

        .books-section p {
            font-size: 14px;
            line-height: 1.4;
        }

        .testimonial-header h2 {
            font-size: 46px;
        }

        .blog-area h2 {
            font-size: 46px;
        }

        .featured-boxes-area h2 {
            font-size: 46px;
        }

        .about-three h3 {
            font-size: 40px;
        }

        .cta-card h2 {
            font-size: 40px;
        }

        .blog-wrapper .blog-text h4 {
            font-size: 16px;
        }

        .blog-meta a.btn-primary-3d {
            padding: 8px 10px;
            font-size: 10px !important;
        }
    }

    @media (max-width: 767px) {
        .featured-boxes-area h2 {
            font-size: 34px;
            line-height: 46px;
        }

        .featured-boxes-area .single-featured-box {
            margin-top: 30px;
        }

        .about-three h3 {
            font-size: 34px;
            line-height: 46px;
        }

        .about-three__content {
            margin-top: 50px;
        }

        .new-testimonial .offset-md-1 {
            margin-left: 0 !important;
        }

        .testimonial-header {
            padding-right: 0;
        }

        .cta-card {
            padding: 16px 0 0 16px;
            max-height: max-content;
        }

            .cta-card h2 {
                font-size: 34px;
            }

            .cta-card .image_sec {
                margin-top: 40px;
            }

        .main-banner-one__image__bg {
            left: 17px;
        }

        .hero-counter-sec {
            margin-top: 60px;
            margin-bottom: 40px;
            width: 100%;
            gap: 36px;
        }

        .counter-box h3 {
            font-size: 24px;
        }

        .overview-sec iframe {
            border: 0;
            min-height: auto;
        }
    }