@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.TTF');
  src: local("?"), url('../fonts/Roboto-Regular.woff') format("woff"), url('../fonts/Roboto-Regular.TTF') format("truetype"); 
}

html, body {
    font-family: Poppins-Regular, Arial;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    background: linear-gradient(180deg, #ecfbf5, #ffffff);
    background-repeat: no-repeat;
}

a{color:#000; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#18cb96; text-decoration:none;}

.clearfix{width:100%;}

/* Back to top button */
.back-to-top{position:fixed; display:none; background:#07936a; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{padding-top:12px; color:#fff;}


.header{margin:0; padding:0;}
.header-upper{background:#3f8bae; height:35px;}
.Login_btn {
    background: #18cb96;
    color: #EEEEEE !important;
    border-radius: 10px;
    padding: 10px 25px !important;
    border: 1px solid #dadada
}

.logo{padding:10px 0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img{height:50px;}
.logo a{color:#333; text-decoration:none;}
.logo a:hover{color:#333; text-decoration:none;}




/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.main-nav, .main-nav * {margin:5px 0 0; padding:0; list-style:none; }
.main-nav > ul > li{position: relative; white-space: nowrap; float: left; margin: 0 5px 0; border-top: 5px solid #ecfbf5;}
.main-nav a{display:block; color:#555; position:relative; margin:0; padding:10px 5px; margin:0 1px; text-decoration:none; transition:0.3s; font-weight:normal; line-height:20px; font-size:16px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {color:#18ca96; text-decoration:none;}
.main-nav li a:focus{color:#18ca96; text-decoration:none;}
.main-nav .drop-down ul {display:block; position:absolute; left:0; top:calc(100% + 30px); z-index:999; opacity:0; visibility:hidden; padding:0; background:#fff; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25); transition:ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity:1; top:100%; visibility:visible;}
.main-nav .drop-down li {min-width:180px; position:relative;}
.main-nav .drop-down ul a {padding:10px 20px;font-size: 13px;color: #333; border-right:none;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color:#fff; background:#5e87eb;}
.main-nav .drop-down > a:after {content:"\f107"; font-family:FontAwesome; padding-left:5px;}
.main-nav .drop-down .drop-down ul {top:0; left:calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity:1; top:0; left:100%;}
.main-nav .drop-down .drop-down > a {padding-right:35px;}
.main-nav .drop-down .drop-down > a:after {content:"\f105"; position:absolute; right:15px;}

/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:rgba(24, 203, 150, 0.8); transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#18ca96; margin:0 10px; font-size:18px; background:#eee;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:absolute; right:0; top:70px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:10px 10px 0 0; color:#18ca96;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed; background:rgba(19, 39, 57, 0.8); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color:#01837d;}

.nav-justified > .nav-link, .nav-justified .nav-item{margin: 0 2px;}
.fixed-top{top:-40px; transform:translateY(40px); transition:transform .3s; background:#fff; border-bottom:1px solid #ececec; box-shadow: 0 0 10px #ccc;}
.master-wrapper-content{margin:0; }
.nav_bar {
    background: #ecfbf5;
}



.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:15px 0 0;}
.mandatory{color:#cd1414;}

.btn-primary{background:#18ca96; border:1px solid #18ca96;}
.btn-primary:hover{background:#18ca96; border:1px solid #18ca96;}
.register:hover{color: #18cb96;background-color: #ffffff;border-color: #18cb96;}

.form_heading{font-size:16px; text-transform:uppercase; color:#18ca96; font-weight:bold;  border-bottom: 1px solid #18ca96;}


.register_head{font-size:30px; font-weight:bold; text-align:center; margin:50px 0; color:#18ca96; line-height:35px;}
.register_card{width:45%; border:1px solid #ccc; border-radius:10px; padding:20px; margin:0 15px 20px; text-align:center; display:inline-block;vertical-align:top; box-shadow: 0 0 10px #999;}
.reg_icon{margin:0 0 20px;}
.reg_head{font-size:20px; font-weight:bold; margin:0 0 20px; color:#18ca96;}
.reg_sub_text{font-size:16px; margin:0 0 15px; min-height:80px;}
.Demo {
    position: absolute;
    top: -50px;
    left: -15px;
    background-color: #fef4c4;
    color: #000;
    padding: 1px 60px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg) translate(-20px, -10px);
    transform-origin: top left;
}
/*/ --Coming Soon-- /*/
.card-banner-cs {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 200px;
    text-align: center;
    background-color: #18cb96;
    color: #FFF;
    padding: 30px;
    border-radius: 10px;
    width: 80%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

@media (max-width: 480px) {

}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer_section {
    width: 100%;
    margin: -200px 0 0;
}

.footer_section .footer_img {
        width: 100%;
        text-align: center;
    }

.footer_section .footer_img img {
            width: 350px;
        }

.footer_bg {
    background: #18ca96;
    color: #fff;
    padding: 40px 0 20px;
    border-radius: 100px 100px 0 0;
    padding: 43px 60px;
}
.space{margin-top:300px;}
.footer_logo {
    height: 50px;
}
.footer_head{font-size:20px; font-weight:bold; margin:0 0 10px;}
.footer_link{width:100%; margin:0; padding:0 0 20px;}
.footer_link ul{margin:0; padding:0;}
.footer_link ul li{margin:0; padding:0 0 5px; display:block; list-style-type:none;}
.footer_link ul li a{color:#fff;}

.copyright{font-size:12px; color:#fff; text-align:center; padding:5px 0; margin:10px 0 0;}


/* Home Page */
/*.Login_btn:hover {background-color: #18ca96; color: #FFFFFF !important; border: 1px solid #ffffff}*/
.split-container {display: flex;height: 70vh;}
.left-half, .right-half {flex: 1; display: flex;align-items: center;justify-content: center;color: white;text-align: center; padding: 20px; }
.left-half {background: url('https://itpluspoint.in/bb_artwork/mycrop.capital/Assets/images/e-land.jpg') no-repeat center center/cover; }
.right-half { background: url('https://itpluspoint.in/bb_artwork/mycrop.capital/Assets/images/gr-land.jpg') no-repeat center center/cover;}
.overlay { background: rgba(0, 0, 0, 0.5); padding: 20px;border-radius: 10px; text-align: left }
.crop-btn{background-color: #18cb96; color: #FFF !important;border: 1px solid #ffffff;padding: 8px 20px; cursor: pointer;}
.crop-btn:hover{background-color: #FFF; color:  #18cb96 !important;border: 1px solid #18cb96;}
.btn-light {
    padding: 10px 20px;
    background-color: #FFF;
    color: #18cb96;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
    border: 1px solid #18cb96;
}
.btn-light:hover{ background-color: #18cb96; color: #FFF;}


.click-register-btn { background-color: #18cb96;color: #FFF !important; border: 1px solid #ffffff; padding: 8px 20px; cursor: pointer;text-decoration: none;display: inline-block;}
.click-register-btn a {color: #FFF !important;text-decoration: none; }
.click-register-btn:hover {background-color: #FFF;color: #18cb96 !important; border: 1px solid #18cb96;}
.click-register-btn:hover a {color: #18cb96 !important;}


.aboutSection{ margin: 0; padding: 30px;}
.card-process{ padding: 10px; border-radius: 20px; height: 160px;  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.green-heading{color: #18cb96;line-height: 30px; }
.ProcessHeading{color: #18cb96; font-size: 18px;}
.arrow-desktop{color: #18cb96; font-size: 24px;  font-weight: bold; display: inline-block;width: 170px;text-align: center;}
.arrow-mobile{display: none;}
.arrow-mobile::before {display:none; }
.CShape{height: 280px;}

.card-choose{ padding: 10px; border-radius: 20px; height: 260px;  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.choose-icon{height: 78px; width: 100px; align-content: center;}
.row img.choose-icon {display: block;margin: 0 auto;}

.infoSection{ margin: 0; padding: 30px;}
.text-info{ display: flex;}
.image-r{height: 250px; }

.testimonial {background: #ffffff;padding: 20px 20px;}
.testimonial .card {border: none;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);border-radius: 10px; background-color: #EEEEEE;}
.testimonial .card img {width: 80px;height: 80px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;}
.carousel-controls {margin-top: 10px;}


.accordion {width: 100%;}
.accordion-item { border-bottom: 1px solid #18cb96;}
.accordion-title {padding: 15px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 16px;background: #f9f9f9;border: none;}
.accordion-title:hover {background: #eee;}
.accordion-content {display: none;padding: 15px;background: #fff;margin: 0; border: none;     font-size: 14px;}
.symbol {font-size: 20px;font-weight: bold;color: #18cb96;}

/* --about us-- */
.story-img{ height: 250px;}
.listing-card{height:auto !important;}


.hero {
    position: relative;
    text-align: center;
    padding: 80px 20px;
    color: white;
}
.hero-content {position: relative;z-index: 1;}
.section-title {font-weight: bold;margin-bottom: 20px;}
.card-container .col-md-3 {display: flex;}
.card {flex: 1;border: none;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s;}
/*.card:hover {transform: scale(1.05);}*/
.how-it-works {padding: 50px 20px;color: white;text-align: center;}
.process-flow {display: flex;align-items: center;justify-content: center;gap: 20px;}
.process-step {text-align: center;position: relative;flex: 1;display: flex;flex-direction: column;justify-content: center;height: 200px;}
.process-step .card {height: 100%;display: flex;flex-direction: column;justify-content: center;}
.choose-icon-abt{height: 50px; width: 50px;}
.fas{color: #18cb96; height: 30px; width: 30px;}

@media (max-width: 855px) {
    .mobile-nav-toggle {top: 10px;}
    }
    @media (max-width: 768px) {
        .card {margin-bottom: 10px;}
        .card-container {flex-direction: column;display: flex;align-items: center;}
    .card-container .col-md-3 {width: 100%;max-width: 90%;margin-bottom: 20px;display: flex;justify-content: center;}
    .split-container {flex-direction: column; height: auto; }
    .left-half, .right-half { flex: none;height: 400px;}
    .mobile-nav-toggle{position: fixed; top: 3px;}
.footer{text-align:center;}
.col-sm-6 {width: 100%;}
    .col-sm-3 {width: 100%;}
        .col-sm-7 {width:100%;}
.col-sm-5 {width:100%;}
.container, .container-sm {max-width: 100%;}

        .Login_btn {
            display: block;
            margin: 0 auto;
            text-align: center;
            width: fit-content; /* optional, to shrink-wrap the text */
        }

}

@media (max-width:480px){
.form_tab ul li .line{display:none;}
.arrow-desktop {display: none !important;}
.arrow-mobile {display: block !important;color: #18cb96; font-size: 24px;  font-weight: bold}
.CShape{height: 80%;}
    }

@media (max-width:425px){
.mobile-nav-toggle i {margin: 25px 10px 0 0; top: 18px !important;}
.form_tab ul li .line{display:none;}
.left-half, .right-half { flex: none;height: 250px;}
.CShape{height: 190px !important;width: 335px;} 
.card-choose{ margin-bottom: 25px; }
.card-process{ margin-bottom: 10px; margin-top: 10px;}
.arrow-desktop {display: none !important;}
.arrow-mobile {display: block !important;color: #18cb96; font-size: 24px;  font-weight: bold}
.mobile-nav-toggle {top: 12px;}
/*.arrow-mobile{display:block; color: #18cb96;  font-size: 24px;  font-weight: bold; width: 170px;text-align: center;}
.arrow-desktop{display:none;}*/
}
@media (max-width: 576px) {
  .how-it-works .row > div {
      margin-bottom: 20px; 
  }
}

.card {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);

}

.carousel-item {
    height: 250px;
    object-fit: cover;
}

.card-text {
    color: #18cb96;
}

.card-title {
    margin-top: -26px;
}

.ms-2 {
    font-size: 12px;
}

.farm-logo {
    width: 20px;
    height: 20px;
}

.category {
    right: 10px;
    top: 70%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.card .sold-out {
    position: absolute;
    top: -50px;
    left: -15px;
    background-color: red;
    color: white;
    padding: 1px 60px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg) translate(-20px, -10px);
    transform-origin: top left;
}

.green-heading {
    color: #18cb96;
}

.carousel-item {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.card-body {
    flex: 1 1 auto;
    padding: 7px 12px;
    line-height: 1.5;
}

.card-img-top {
    height: 120px;
    object-fit: cover;
    height: 120px;
}

#card {
    height: 237px;
}

#card-title {
    font-size: 20px;
    padding-top: 4px;
}

#card-text {
    padding-top: -5px;
    font-size: 12px;
    margin-top: -7px;
}

#category-logo {
    right: 10px;
    top: 52%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.badge {
    background-color: #DCFF67;
    border-radius: 5px;
    padding: 6px 13px;
    color: #000000;
    float: right;
}

.available {
    font-size: 12px;
}

.Current {
    position: absolute;
    top: -50px;
    left: -15px;
    background-color: #c4d7fe;
    color: #000;
    padding: 1px 60px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg) translate(-20px, -10px);
    transform-origin: top left;
}

.harvested {
    position: absolute;
    top: -50px;
    left: -15px;
    background-color: #fee191;
    color: #000;
    padding: 1px 60px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg) translate(-20px, -10px);
    transform-origin: top left;
}

.register-to-view {
    position: absolute;
    top: 97px;
    left: -21px;
    background-color: #17ca95;
    color: #ffffff;
    padding: 1px 60px;
    font-size: 10px;
    font-weight: bold;
    transform: rotate(-45deg) translate(-20px, -10px);
    transform-origin: top left;
}

.lot-price {
    font-size: 25px;
    font-weight: 600;
    text-align: right;
}

.blurred-card {
    filter: blur(6px);
    pointer-events: none;
    user-select: none;
}

.card-wrapper {
    position: relative;
}

.register-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 2;
    border-radius: 0.375rem;
    text-align: center;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-text {
    visibility: hidden;
    width: 500px;
    background-color: #ecfbf5;
    color: #000;
    text-align: left;
    border-radius: 8px;
    padding: 25px;
    position: absolute;
    z-index: 999;
    bottom: 100%; /* Position above */
    left: 0;
    margin-bottom: 10px; /* spacing from the li */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
}


li {
    cursor: pointer;
}


@media (max-width: 1024px) {
    #card {
        height: 260px;
    }
}

@media (max-width:480px) {
    .card-banner-cs {
        top: 111% !important;
        min-height: 160px !important;
        width: 93% !important;
        padding: 22px !important;
    }

    .coming-soon-description {
        font-size: 10px !important;
    }
    .form_tab ul li .line {
        display: none;
    }

    .lot-price {
        margin-top: -38px;
    }

    #card {
        height: 238px;
    }

    .card-body {
        line-height: 1.3;
    }
}

@media (max-width: 768px) {
    .mobile-nav-toggle {
        position: fixed;
        top: 3px;
    }

    .footer {
        text-align: center;
    }
    .tooltip-text {
        width: 100%;
    }
    .footer_section {
        text-align: center;
    }
}

    /* ------------------------------------------- */

    /* @media (max-width: 1024px) {
  .left-half, .right-half {height: 309px;}
  .split-container {display: flex;height: 28vh;}
  .CShape {margin-left: -54px;height: 280px;}
  .card-process {height: 198px;}
  .card-choose {height: 281px;}
} */