html {
    scroll-behavior: smooth;
  }
  
body {
    font-family: 'Montserrat';
    font-weight: 600;
}

a{
    text-decoration: none;
    color: inherit;
}

a:hover{
    color: inherit;
}

.page-header {
    background: rgb(217, 245, 223);
    background: linear-gradient(202deg, rgba(217, 245, 223, 1) 8%, rgba(210, 237, 249, 1) 47%, rgba(228, 226, 253, 1) 100%);
}

.page-header2 {
    background: rgb(217, 245, 223);
    background: linear-gradient(202deg, rgba(217, 245, 223, 1) 8%, rgba(210, 237, 249, 1) 47%, rgba(228, 226, 253, 1) 100%);
}

.panel-overlay{
    background: url(../images/Ellipse.svg);
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 500px;
}

.navbar {
    margin: 0px 30px;
}

.hero-section {
    height: 60vh;
}

.btn-signup {
    background-color: #071A2A;
    color: #ffffff;
    border-radius: 5px;
}

.nav-login {
    text-decoration: none;
    margin-right: 16px;
    color: #071A2A;
}

.navbar-nav a {
    color: #071A2A;
}

.navbar-brand {
    margin-right: 50px;
}

.btn-getstarted {
    width: 50%;
    margin-top: 30px;
}

.advertisers-section {
    margin-top: 60px;
}

.advertisers-section h2 {
    text-align: center;
}

.advertisers-section-container {
    margin-top: 37px;
}

.advertisers-section .adverisers-card {
    margin-top: 30px;
}

.advertisers-section p {
    font-family: 'Montserrat';
    font-weight: 400;
}

.advertisers-section h3 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
}

.adcard-text {
    margin-top: 25px;
}

.monetization-section {
    margin-top: 60px;
    background: #071A2A;
    color: #ffffff;
}

.monetization-section h2 {
    padding-top: 60px;
    padding-bottom: 30px;
    text-align: center;
}

.monetization-section p {
    font-family: 'Montserrat';
    font-weight: 400;
}

.monetization-section h3 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
}

.monetization-text {
    margin-top: 30px;
}

.monetization-card {
    padding: 20px;
}

.intergration-section {
    background: #f9fbfc;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.intergration-section p {
    text-align: center;
}

.intergration-section img {
    margin-right: 50px;
    width: 250px;
}

.intergration-section span {
    color: #0de60d;
}

.home-joinus {
    height: 300px;
}

.right-account {
    background: #bbf9bb;
    width: 50%;
    transition: 1.5s;
}

.left-account {
    background: #071A2A;
    width: 50%;
    color: #ffffff !important;
    transition: 1.5s;
}

.left-account:hover{
    color: #fff;
}

.account-swipe {
    display: flex;
}


.join-section {
    height: 83%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
}

.join-section-auth {
    height: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
}

.join-section-auth p {
    font-family: 'Montserrat';
    font-weight: 400;
    margin-bottom: 0;
}

.join-section-auth h2 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

.join-section p {
    font-family: 'Montserrat';
    font-weight: 400;

}

.join-section h2 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
}


.hero-section-terms {
    height: 20vh;
}

footer {
    margin: 10px 0 0 0;
    padding-top: 20px;
    padding-bottom: 15px;
    background-color: #ffffff;
}

footer p {
    margin-bottom: 0;
}

footer ul {
    list-style-type: none;
    padding: 0;
}

footer li {
    display: inline;
}

footer .social-icons {
    margin-left: auto;
    margin-bottom: 0;
}

.social-icons i {
    font-size: 25px;
}

footer hr {
    margin: 0.8rem 0;
    border: 0;
    border-top: 1px solid #ccc;
}

.footer-reserved {
    display: flex;
    align-items: center;
}

.bottom-nav li {
    padding: 10px 15px;
}

.bottom-content {
    display: flex;
}

.right-arrow-home img {
    width: 40px;
    float: right;
    margin-right: 30px;
}

.auth-joinus .right-arrow-home img {
    width: 23px;
    float: right;
    margin-right: 30px;
}



.flex_align_justify {
    display: flex;
    align-items: center;
    justify-content: center;
}


.tc_wrap {
    max-width: 100%;
    background: #fff;
    display: flex;
    border-radius: 3px;
    overflow: hidden;
}

.tc_wrap .tabs_list {
    padding-top: 100px;
    width: 400px;
    background: #071A2A;
    height: auto;
}


.tc_wrap .tabs_content {
    width: calc(100% - 200px);
    padding: 0 10px 0 20px;
    min-height: 80vh;
    background: rgb(248, 248, 248);
}

.tc_wrap .tabs_content .tab_head,
.tc_wrap .tabs_content .tab_foot {
    color: #071A2A;
    padding: 25px 0;
    height: 70px;
}

.tc_wrap .tabs_content .tab_head {
    text-align: center;
}

.tc_wrap .tabs_content .tab_body {
    padding-top: 100px;
    overflow: auto;
}

.tc_wrap .tabs_list ul {
    padding: 70px 20px 0px 42px;
    list-style: auto;
}

.tc_wrap .tabs_list ul li {
    padding: 10px 0;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.5s ease;
    color: #fff;
}

.tc_wrap .tabs_list ul li:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 2px;
    height: 100%;
    background: #0de60d;
    opacity: 0;
    transition: all 0.5s ease;
}

.tc_wrap .tabs_list ul li.active,
.tc_wrap .tabs_list ul li:hover {
    color: #0de60d;
}

.tc_wrap .tabs_list ul li.active:before {
    opacity: 1;
}

.tc_wrap .tabs_content .tab_body .tab_item h3 {
    padding-top: 10px;
    margin-bottom: 10px;
    color: #071A2A;
}

.tc_wrap .tabs_content .tab_body .tab_item p {
    margin-bottom: 20px;
    font-weight: 500;
}

.tc_wrap .tabs_content .tab_body .tab_item.active {
    display: block !important;
}

.tc_wrap .tabs_content .tab_foot button {
    width: 125px;
    padding: 5px 10px;
    background: transparent;
    border: 1px solid;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.tc_wrap .tabs_content .tab_foot button.decline {
    margin-right: 15px;
    border-color: #dfc8fd;
    color: #dfc8fd;
}

.tc_wrap .tabs_content .tab_foot button.agree {
    background: #071A2A;
    border-color: #071A2A;
    color: #fff;
}

.tc_wrap .tabs_content .tab_foot button.decline:hover {
    background: #dfc8fd;
    color: #fff;
}

.tc_wrap .tabs_content .tab_foot button.agree:hover {
    background: #4e03b0;
    border-color: #4e03b0;
}


.auth-body {
    background: #ffffff;
    font-family: 'Montserrat';
}

.auth-main {
    display: flex;
}


.leftarea-auth {
    width: 40vw;
    height: 100vh;
}

.inner-leftarea {
    background: rgb(217, 245, 223);
    background: linear-gradient(202deg, rgba(217, 245, 223, 1) 8%, rgba(210, 237, 249, 1) 47%, rgba(228, 226, 253, 1) 100%);
    width: 100%;
    height: 100%;
    padding: 20px calc(40vw / 10);
}

.rightarea-auth {
    width: 60vw;
}

.rightarea-auth-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 100px);
    padding: 11px;
}

.auth-joinus {
    height: 100px;
}

.login-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.login-banner-img {
    height: 65vh;
}

.auth-quotes p {
    font-family: 'Montserrat';
    font-weight: 400;
}

.rightarea-auth-inner {
    min-width: 500px;
}

.rightarea-auth-inner h2 {
    margin-bottom: 10px;
}

.rightarea-auth-inner p {
    color: #757575;
}

.login-form {
    display: none;
}

.login-form.active {
    display: block;
}

.right-account:hover {
    width: 100%;
}

.left-account:hover {
    width: 100%;
}

.btn-green {
    background: #071a2a;
    color: #ffffff;
}

.btn-def:hover {
    color: #ffffff;
    background-color: #071a2a;
}

.btn-def:active:focus {
    color: #ffffff;
    background-color: #071a2a;
}

.btn-authback {
    margin-top: 32px;
    background: #071a2a;
    color: #ffffff;
    display: none;
    margin-bottom: 32px;
}

.auth-placeholder {
    margin-bottom: 30px;
    font-family: 'Montserrat';
    font-weight: 400;
}


.input-group-addon i {
    margin-left: -30px;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    font-size: large;
    font-weight: 400;
    color: #a8a8a8;
    margin-top: 6.5px;
}

.rightarea-auth-inner input {
    margin-bottom: 14px;
    background: #f9fcf9;
}

.rightarea-auth-inner ::placeholder {
    font-size: 14px;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.rightarea-auth-inner .forgot-pass {
    color: #0de60d;
    text-align: right;
    font-weight: 500;
    margin-left:auto;
}

.auth-alternative {
    margin-top: 34px;
    font-weight: 500;
    text-align: center;
}

.auth-alternative span {
    color: #0de60d;
}


.shine {
    position: relative;
    overflow: hidden;
}

.shine::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.247) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}

.shine:hover::before, .shine:focus::before {
    animation: shine 1.5s;
}

.rightarea-auth-inner select {
    background: #f9fcf9;
    font-size: 14px;
    color: rgb(133, 133, 133);
}

.rightarea-auth-inner textarea {
    background: #f9fcf9;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
select.form-select:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;
    border: 1px solid #0de60d;
}

.form-select option:checked,
.form-select option:hover {
    background-color: #0de60d;
}

.contact-area-inner{
    height: 100%;
    max-width: 600px;
    margin: auto;
    display: flex;
    flex-direction: column;
   justify-content: center;
}
.contact-info{
    height: 700px;
}

.contact-info .contact-top{
    height: 70%; 
    width: 100%; 
    background:#071a2a;
    color: #ffffff;
    padding: 20px;
    
}

.contact-info .contact-top p{
    font-weight: 400;
    font-size: 14px;
}


.contact-info .contact-bottom{
    height: 30%; 
    width: 100%; 
    background:#bbf9bb;
    padding: 20px;
}

.contact-info .contact-bottom p{
    font-size: 14px;
    font-weight: 400;
}

.contact-info .contact-area{
    background: rgb(248, 248, 248);
}


.contact-details{
    margin-top: 30px;
    display: grid;
grid-template-columns: 63px auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.contact-details .iconi { grid-area: 1 / 1 / 3 / 2; }
.contact-details .details{ grid-area: 1 / 2 / 3 / 3; }
.contact-details .iconi{
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-details .iconi i{
    width: 44px;
    height: 44px;
    background: #bbf9bb;
    padding: 10px;
    color: #071A2A;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.contact-details .details p{
    margin-bottom: 0px;
}
@keyframes shine {
    100% {
        left: 125%;
    }
}


.form-check-label{
    font-size: 1rem;
    color:#757575;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
}

.form-check-input:checked{
    background-color: #0de60d;
    border-color: #bbf9bb;
}

.form-check-input:focus {
    box-shadow: none;
    border-color:#bbf9bb;
}

.login-error{
    color:red;
    font-size: 10px;
    margin-top: -10px;
}
.modal-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50);
    display: flex;
    flex-direction: column;
    width: 550px;
    height: 500px;
    font-family: 'Roboto', sans-serif;
    background-color: #fefefe;
    box-shadow: 0 5px 26px -8px rgba(0, 0, 0, 0.3);
    z-index: 20;
    transition: all 0.4s ease;
    display:none;
    pointer-events: none;
  }
  .modal.active {
    display:block;
    pointer-events: auto;
    transform: translate(-50%, -50%);
  }
  .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index:16;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease;
    display:none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .modal__overlay.active {
    display:block;
  }
  .modal__close-btn {
    position: absolute;
    top: 7px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    padding: 4px;
  }
  .modal__left {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    background: linear-gradient(202deg, rgba(217, 245, 223, 1) 8%, rgba(210, 237, 249, 1) 47%, rgba(228, 226, 253, 1) 100%);
    color: #071a2a;
    box-shadow: 17px 0 17px -8px rgba(0, 0, 0, 0.3);
    padding: 26px 20px;
  }
  .modal__left span {
    display: block;
    font-size: 36px;
  }
  .modal__discount {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #ebff00;
    margin-top: 32px;
  }
  .modal__discount span {
    font-size: 60px;
  }
  .modal__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px;
  }
  .modal__text {
    font-size: 14px;
    margin-bottom: 22px;
    font-family: 'Montserrat';
    font-weight: 400;
  }
  .modal__info {
    color: #222;
    margin-bottom: 12px;
  }
  .modal__button {
    width:100%;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    background: #071a2a;
    color: #ffffff;
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
  }

  .confirmation-page{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:80vh;
    
  }

  .confirmation-page p{
    padding: 30px;
    text-align: center;
  }

  .confirmation-page h1{
    font-weight: 800;
    text-align: center;
  }

  .confirmation-image{
    max-width:340px;
   }

   .four-image{
     max-width:340px;
   }

   .four-page{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:80vh;
   }

   .four-page h1{
    font-weight: 800;
    margin-top:20px;
   }

  @media screen and (max-width: 580px) {
    .modal {
        width: calc(100vw - 20px);
        height: auto;
    }
  }

  @media screen and (max-height: 740px) {
    .four-page{
        height:auto;
        padding: 50px 0px;
    }

    
  .confirmation-page{
    height:auto;
    padding: 50px 0px;
  }
  }


.docu-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.docu-btn i{
    color:#f9fbfc;
    background:#0de60d;
    padding:6px;
    border-radius:25px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

  .toast-success, .toast-info, .toast-warning, .toast-error {
    width: 400px !important;
    font-size: 0.75rem;
    border-radius: 0.6rem !important;
    opacity: 1;
    border-color: transparent !important;
    background-color: #071A2A;
}

#toast-container>div {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

#toast-container>.toast-success {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M9 12l2 2l4 -4'%3E%3C/path%3E%3C/svg%3E") !important;
}

#toast-container>.toast-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-info-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 9h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3C/svg%3E") !important;
}

#toast-container>.toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-flag-3' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='#fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 14h14l-4.5 -4.5l4.5 -4.5h-14v16'%3E%3C/path%3E%3C/svg%3E") !important;
}

#toast-container>.toast-error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-shield-lock' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3' /%3E%3Ccircle cx='12' cy='11' r='1' /%3E%3Cline x1='12' y1='12' x2='12' y2='14.5' /%3E%3C/svg%3E") !important;
}
  
@media screen and (max-width: 991px) {

    .contact-info .contact-bottom p{
        font-weight: 400;
        font-size: 14px;
    }
    
    .contact-info{
        height: 1700px;
    }
    .btn-authback {
        display: flex;
    }

    .rightarea-auth-inner {
        min-width: 90vw;
    }

    .leftarea-auth {
        display: none;
    }

    .auth-joinus .account-swipe {
        flex-direction: row;
    }

    .auth-main .rightarea-auth {
        width: 100%;
    }

    .auth-joinus .join-section-auth {
        padding-left: 14px;
    }

    .auth-joinus .right-account {
        width: 50%;
    }

    .auth-joinus .left-account {
        width: 50%;
    }

    .tc_wrap .tabs_content .tab_body {
        padding-top: 30px;
    }

    .tc_wrap {
        display: flex;
        flex-direction: column;
    }

    .tc_wrap .tabs_content {
        width: 100%;
    }

    .tc_wrap .tabs_list {
        padding-top: 0;
        width: 100%;
    }

    .hero-section {
        height: auto;
        margin-top: 45px;
    }

    .btn-getstarted {
        width: 100%;
        margin-top: 20px;
    }

    .navbar {
        margin: 0px 20px;
    }

    .hero-section img {
        height: 50vh;
    }

    .order-card-2 {
        order: 2 !important;
    }

    .order-card-1 {
        order: 1 !important;
    }

    .adcard-img {
        display: flex;
        justify-content: center;
    }

    .right-account {
        background: #bbf9bb;
        width: 100%;
    }

    .left-account {
        background: #071A2A;
        width: 100%;
    }

    .account-swipe {
        display: flex;
        flex-direction: column;
    }

    .home-joinus {
        height: 600px;
    }
}

@media screen and (max-width: 931px) {
    .intergration-section img {
        margin-right: 0px;
        width: 250px;
    }

    .intergration-images {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 530px) {

    .hero-section img {
        height: auto;
    }

    .join-section {
        padding-left: 20px;
    }
}

.parent-card{
    margin: 0px 7px;
}


.blog-image img{
    width: 100%;
    height: 15rem;
    object-fit: fill;
    border-radius: 10px 10px 0px 0px;
}

.blog-section{
    margin-top: 50px;
}

.blog-section-top{
    display: flex;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 20px;
}

.blog-section-top h2{
    font-size: 24px;
    font-weight: 800;
}

.see-more-blog{
    margin-left: auto;
}

.see-more-blog h2{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0de60d;
}
.content-section-blog{
    padding: 11px;
}
.content-section-blog h3:first-child{
color: #0de60d;
text-transform: uppercase;
font-weight: 800;
font-size: 16px;
}

.content-section-blog h3:nth-child(2){
    font-weight: 600;
    font-size: 20px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* this can be any value you want */
    }

.content-section-blog p{
    font-weight: 400;
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* this can be any value you want */
}

@media screen and (max-width: 490px) {
    .blog-section-top h2{
        font-size: 18px;
        font-weight: 800;
    }
}


    .bottom-nav{
        margin-top: 20px;
    }
.content-section-blog span{
    text-transform: none;
    color: #071a2ab4;
    font-size: 12px;
}

.documentation-btn{
    width: 100%;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .docu-btn{
        margin-top: 18px;
    }
}

@media screen and (max-width: 576px) {
    .docu-btn{
        margin-top: 0px;
    }


    .documentation-btn{
        justify-content: center;
        margin-top: 20px;
    }
}

.bottom-nav{
    margin-top: 20px;
}


.newsletter-subscribe{
width: 100%;
height: 220px;
background: #bbf9bb;
display: flex;
justify-content: center;
text-align: center;

}

.newsletter-inner h2{
color: #071A2A;
font-weight: 800;
font-size: 24px;
}

.newsletter-inner p{
color: #071A2A;
font-weight: 500;
font-size: 15px;
}

.newsletter-inner button{
margin-top: 20px;
font-weight: 600;
}

.newsletter-inner input{
border: none;
border-bottom: 1px solid #071A2A;
width: 80%;
margin-bottom: 10px;
background-color: #bbf9bb;
font-size: 15px;
color: #071A2A;
}


.newsletter-inner input:focus-visible{
outline: none;
}

.newsletter-inner input::placeholder {
color: #071A2A;
opacity: 0.7; /* Firefox */
font-size: 15px;
}

.newsletter-inner{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 600px;
}

.btn-other {
background: #071A2A;
color: #bbf9bb;
}

.btn-other:hover {
background: #071A2A;
color: #bbf9bb;
}

.btn-other:active:focus {
background: #071A2A;
color: #bbf9bb;
}

@media screen and (max-width: 470px) {
.newsletter-subscribe{
    height: 280px;
}
}

/*Blog page */

.blog-featured .swiper-slide img{
    width: 96.8%;;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 6px;
}

.swiper-pagination-bullet{
    background-color: #fff;
}
.swiper-pagination-bullet-active{
    background: #bbf9bb;
}

.blog-image-blog img{
    width: 100%;
    height: 9rem;
    object-fit: fill;
}

.parent-blog-card .content-section-blog{
    margin-top: 8px;
    padding: 10px 14px;
}

.parent-blog-card .blog-card{
    margin-bottom: 20px;
}
.parent-blog-card{
    width: 99.9%;
}

.blog-card.shadow{
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 30px;
    margin-top: 2px;
}

.parent-blog-card .content-section-blog h3:first-child{
    color: #0de60d;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
}

.parent-blog-card .content-section-blog span{
    text-transform: none;
    color: #071a2ab4;
    font-size: 10px;
}

.search-blog .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.search-blog .input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: #071A2A;
    color: #fff;
}

.popular-posts .popular-title{
    font-size: 21px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin: 35px 0 24px 0;
    text-transform: uppercase;
    width: 100%;
    font-family: "Montserrat";
}

.popular-posts h5{
    border-bottom: 1px solid #ababab;
    padding: 13px 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #606060;
    line-height: 1.45;
}

.popular-posts a{
    text-decoration: none;
    color: #071A2A;
}

.filter-categories{
    text-align: left;
    margin-top: 35px;
}

.filter-categories .popular-title{
    font-size: 21px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin: 35px 0 24px 0;
    text-transform: uppercase;
    width: 100%;
    font-family: "Montserrat";
}

.filter-categories ul, .filter-pages ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-categories li{
    margin-bottom: 15px;
}

.filter-categories ul li a{
    border: none;
    padding: 0;
    color: #606060;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
 
.content-section-blog h4{
    font-weight: 700;
    font-size: 12px;
    margin-right: auto;
    color:#0de60d;
}

.related-blog .content-section-blog{
    padding: 14px;
}

.blog-post-main h1{
    font-weight: 700;
    margin-right: 30px;
}

.blog-post-main .article-section{
    margin-right: 30px;
}

.blog-post-main .article-section p{
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
}

.blog-post-main .article-section h1{
    font-size: 24px;
    font-weight: 700;
    text-align: justify;
}

.blog-post-main .article-section h2{
    font-size: 20px;
    font-weight: 600;
    text-align: justify;
}

.blog-post-main .article-section h3,h4,h5,h6{
    font-size: 18px;
    font-weight: 600;
    text-align: justify;
}

.blog-post-main .article-section a{
    color: #0de60d;
}

.blog-post-main .category-section h3{
    color: #0de60d;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0px;
}

.blog-post-main .category-section span{
    color: #071A2A;
}

.shared-social-media ul{
    width: 100%;
    float: none;
    padding: 0;
    position: initial;
    text-align: left;
    display: flex;
}

.shared-social-media ul li {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
    margin-right: 10px;
    border-radius: 25px;
    border: 1px solid #071A2A;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shared-social-media ul li a{
    text-decoration: none;
    color: #071A2A;
}


.newsletter-section hr{
    margin-top: 50px;
    margin-bottom: 0.8rem;
    border: 0;
    border-top: 1px solid #ccc;
}

.tag-item{
    
    --tblr-badge-padding-x: 0.5em;
    --tblr-badge-padding-y: 0.25em;
    justify-content: center;
    align-items: center;
    background: #071A2A;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 1.35714285em;
    letter-spacing: .04em;
    vertical-align: bottom;
    display: inline-block;
    padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
}

.no-articles{
    min-height:500px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.pagination,
.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}


.btn-nav,
.btn-page {
  border-radius: 10px;
  background-color: #fff;
  cursor: pointer;
}

.btn-nav {
  padding: 8px;
}

.btn-nav {
  width: 36px;
  height: 36px;
  border: 1.5px solid #071A2A;
  color:#071A2A;
  display: flex;
}

.btn-nav.inactive{
    width: 36px;
    height: 36px;
    border: 1.5px solid #071a2a67;
    color:#071a2a59;
}

.btn-nav:not(.inactive):hover,
.btn-page:hover {
  background-color: #071A2A;
  color: #fff;
}

.btn-page {
  border: none;
  width: 36px;
  height: 36px;
  font-size: 16px;
}

.btn-selected {
    background-color: #071A2A;
    color: #fff;
}

.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 13px); }
    100%   { transform: translate(0, -0px); }   
}