@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:#0a58ca; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#23527c; 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:#FFFFFF !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:#FFFFFF; text-decoration:none;}
.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;}

.col-form-label{font-weight:bold;}
.form-check{font-weight:bold;}
.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:20px; text-transform:uppercase; color:#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;}
.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;}


.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;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer_section {
    width: 100%;
    margin: -280px 0 0;
}
.footer_section .footer_img {
    margin-top: -302px; 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;}
.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 { color: #18cb96;background-color: white; border: 1px solid #18cb96;padding: 8px 20px; cursor: pointer;}
.btn-light:hover{ background-color: #18cb96; color: #FFF;}




.banner_section { line-height: 1.1; padding: 10px 0;}
.banner-heading {font-size: 2rem;font-weight: bold;color: #18cb96;text-align: left;}
.banner_subhead {line-height: 1.5;font-size: 16px;text-align: left;}
.Login_btn {padding: 10px 20px;background-color: #18cb96;color: white;text-decoration: none;border-radius: 10px;display: inline-block;}
.Login_btn:hover {background-color: #13a87b;}
.image-right {max-width: 100%;height: 365px;border-radius: 10px;}
.top-center-img {margin-top: 0;position: relative;top: 0;height: 200px;}

.process_icon{height: 100px; width: 100%;}
.process_head{font-size: 20px; font-weight: bold;}
.process_subhead{font-size: 16px;}
.journet-heading{font-size: 18px; font-weight: bold; color: #18cb96;}
.journet-sub-heading{font-size: 16px;}
.sub-head-text{text-align: right;}


.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;}


.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: 768px) {
    .Login_btn {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: fit-content; /* optional, to shrink-wrap the text */
    }


    .split-container {
        flex-direction: column;
        height: auto;
    }
    .left-half, .right-half { flex: none;height: 400px;}
    .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;
        }
    .banner-heading {
        font-size: 1.5rem;
    }

    .banner_subhead {
        font-size: 0.95rem;
    }

    .Login_btn {
        margin: 0 auto;
    }

    .mobile-nav-toggle {
        position: fixed;
        top: 3px;
    }

    .footer {
        text-align: center;
    }

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

    .image-right {
        height: 250px;
    }
    .tooltip-text {
        width: 100%;
    }

    .footer_section {
        text-align: center;
    }

}
@media (max-width:425px){
.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-mobile{display:block; color: #18cb96;  font-size: 24px;  font-weight: bold; width: 170px;text-align: center;}
.arrow-desktop{display:none;}
.footer_section{width: 100%; margin: 0;}
.footer_section .footer_img img {width: 60%;}
}
@media (max-width: 576px) {
  .how-it-works .row > div {
      margin-bottom: 20px; 
  }


}


@media (max-width:480px){
.form_tab ul li .line{display:none;}
    .footer_section .footer_img {
        margin-top: -46px;
        width: 100%;
        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;}
} */