.btn.group-btn-orange {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: fit-content;
    border-radius: 3px;
    padding: 15px 33px;
    background-color: #F58220;
    transition: all 0.3s ease-in-out;

    &:hover {
        transform: scale(1.02);
        background-color: #023D67;
    }
}

.btn.group-btn-blue {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: fit-content;
    border-radius: 3px;
    padding: 15px 33px;
    background-color: #023D67;
    transition: all 0.3s ease-in-out;

    &:hover {
        transform: scale(1.02);
        background-color: #F58220;
    }
}

.btn.group-btn-white {
    color: #023D67;
    font-size: 16px;
    font-weight: 600;
    width: fit-content;
    border-radius: 3px;
    padding: 15px 33px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;

    &:hover {
        color: #fff;
        transform: scale(1.02);
        background-color: #023D67;
    }
}

.other_than_home {
    padding-top: 0;
}

p {
    line-height: 1.2;
}

.section-label {
    display: flex;
    font-size: 18px;
    align-items: center;
    margin-bottom: 0.5rem;
}

.line {
    width: 40px;
    height: 2px;
    margin-right:10px;
    background-color: #F58220;
}

.label {
    color: #F58220;
    font-weight: bold;
}

.home-section-1 {
    color: #fff;
    height: 550px;
    display: flex;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;

    h1 {
        font-size: 40px;
        font-weight: 700;
    }

    p {
        width: 44%;
        font-size: 24px;
        font-weight: 200;
        line-height: 1.2;
        margin: 3rem 0;
    }
}

.home-section-2 {
    padding: 3rem 6rem;

    img.mask2 {
        width: 100%;
        height: 500px;
        margin-top:15px ;
        object-fit: contain;
    }

    .mask2 {
    width: 100% !important;
}

    .who-we-are-section {
        max-width: 800px;
        margin: 0 auto;
        color: #333;
        padding: 2rem;
    }

    .heading {
        color: #002f5f;
        font-size: 1.75rem;
        font-weight: 800;
        line-height: 30px !important;
        margin-bottom: 1rem;
    }

    .description {
        font-size: 1.125rem;
        color:rgba(68, 68, 68, 1);
        margin-bottom: 1.5rem;
        line-height: 24px;
    }

    .highlight-box {
        display: flex;
        align-items:center;
        border: 1px solid #527798;
        padding: 1rem;
        border-radius: 4px;
    }

    .highlight-icon {
        margin-right: 0.75rem;

        .side-arrow {
            max-width: 20px;
            height: 100px;
        }
    }

    .highlight-text {
        color: #023D67;
        font-weight: bold;
        font-size:1.2rem;
        padding-top: 5px;
    }
}

.home-section-3 {
    padding: 3rem 0;
    background-color: #E3E7EF;

    .what-we-do-section {
        margin: 0 auto;
        color: #333;
        padding: 1rem 1rem 2rem 1rem;
    }

    .container{
        max-width: 1167px;
    }

    a{
        font-weight:600;
        color:rgba(2, 61, 103, 1) !important;
    }

    .heading {
        color: #002f5f;
        font-size: 1.75rem;
        font-weight: 800;
        margin-bottom: 1rem;
    }

    .description {
        font-size: 0.94rem;
        color: #555555;
        margin: 2.5rem auto;
    }

    .highlight-box {
        display: flex;
        align-items: flex-start;
        border: 1px solid #527798;
        padding: 1rem;
        border-radius: 4px;
    }

    .highlight-icon {
        margin-right: 0.75rem;

        .side-arrow {
            max-width: 20px;
            height: 100px;
        }
    }

    .highlight-text {
        color: #023D67;
        font-weight: bold;
        font-size: 0.95rem;
        padding-top: 5px;
    }

    .info-grid {
        .info-card-img {
            width: 70px;
            height: 70px;
            object-fit: contain;
        }

        .part-2 {
            padding: 2rem;
            border-radius: 8px;
            margin-bottom: 2rem;
            background-color: #fff;
            border: 1px solid #15181B1A
        }

        .part-1:first-child .part-2 {
            margin-top: 2rem;
        }

        h3 {
            font-size: 24px;
            color: #023D67;
        }

        p {
            font-size: 16px;
            color: #555555;
            margin-bottom: 0;
            padding: 1.5rem 0 .5rem 0;
        }
    }
}

.home-section-4 {
    padding: 7rem 0;
    display: flex;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;

    p {
        width: 42%;
        color: #fff;
        font-size: 24px;
        padding: 1rem 0;
    }

    .badge {
        width: 260px;

        img {
            width: 50px;
            height: 50px;
            object-fit: contain;
        }

        .badge-text {
            font-size: 22px;
            font-weight: 700;
        }
    }
}

.home-section-5 {
    color: #fff;
    display: flex;
    padding: 3rem 0;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
}

.home-section-6 {
    display: flex;
    padding: 3rem 0;
    align-items: center;
    justify-content: center;
    background-color: #E3E7EF;

    .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h6 {
        color: #023D67;
        margin-bottom: 0;
    }

    p {
        margin-bottom: 0;
    }

    a {
        color: #023D67;
        font-weight: 700;
    }
}

  .home-section-portfolio{
    .container{
        max-width: 1348px !important;
    }
    .nav {
        float: none !important;
    }
    .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

  .btn.group-btn-orange{
        padding:10px 33px !important;
    }
   .what-we-do-section {
        margin: 0 auto;
        color: #333;
        padding: 1rem 1rem 0rem 1rem;
   }
   .section-label {
   display: flex;
   font-size: 18px;
   align-items: center;
   margin-bottom: 0.5rem;
   }
   .line {
   width: 40px;
   height: 2px;
   margin-right: 10px;
   background-color: #F58220;
   }
   .label {
   color: #F58220;
   font-weight: bold;
   }
   .heading {
   color: #002f5f;
   font-size:2rem;
   font-weight: 800;
   margin-bottom: 1rem;
   }
   .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a {
   color: #000 !important;
   background-color: rgba(253, 185, 19, 1) !important;
   border: 0 !important;
   }
   h1{
   color:rgba(2, 61, 103, 1);
   font-weight: 700;
   font-family: "Work Sans", sans-serif!important;
   }
   .nav-tabs .nav-link{
   border: #ccc solid 1px !important; 
   border-radius: 0px;
   padding:14px 20px;
   font-weight: 600;
   margin:0px 4px;
   }
   .nav-tabs {
   border-bottom:unset !important;
   }
   .nav-tabs .nav-link.active{
   background-color:rgba(2, 61, 103, 1);
   color:rgba(255, 255, 255, 1) !important;
   font-family: "Work Sans", sans-serif!important;
   }
   .nav-link{
   color:rgba(2, 61, 103, 1) !important;
   font-family: "Work Sans", sans-serif!important;
   }
   .panel-container {
   border: #ccc solid 1px;
   padding:40px;
   #compliance{
	h2{
		padding-right:160px;
	}
   }
   h2{
   font-size:24px;
   color:rgba(2, 61, 103, 1);
   font-weight: 700;
   font-family: "Work Sans", sans-serif;
   padding-bottom: 15px;
   }
   p{
   font-weight:500;
   color:rgba(85, 85, 85, 1);
   font-size:16px;
   font-family: "Work Sans", sans-serif;
   line-height: 25px;
   }
   .bold{
   color:rgba(0, 0, 0, 1) !important;
   font-weight: 600 !important;
   }
   .porfolio-img{
   position:absolute;
   top:0;
   height: 100%;
   width:540px;
   }
   #hybrid{
   .side-arrow{
   width:60px !important;
   }
   }
   }
   #investmentTabsContent{
   position: relative;
   }
   .highlight-box {
   display: flex;
   align-items: center;
   border: 1px solid rgba(82, 119, 152, 1);
   padding:1rem 10px;
   border-radius: 4px;
   }
   .highlight-icon {
   margin-right: 0.75rem;
   img{
   position: relative;
   height: 100px;
   width:40px;
   }
   }
   .platform_link{
   color:rgb(245,130,32);
   text-decoration: underline !important;
   }
   .highlight-text {
   color: #023D67;
   font-weight: bold;
   font-size: 0.95rem;
   padding-top: 5px;
   }
   .btn.group-btn-orange {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   width: fit-content;
   border-radius: 3px;
   padding: 15px 33px;
   background-color: #F58220;
   transition: all 0.3s ease-in-out;
   }
   }

   .home-sec_downturn{
    overflow: hidden !important;
	.downturn{
		height: 200px; 
		background-image: url('https://accretiv.co/Group/inspired-banner.webp');
		background-size: cover;
		background-repeat: no-repeat;
	}
    h5{
        font-size:1.75rem !important;
    }
   }

   .home-section-2{
    background-image: url('https://accretiv.co/Group/triangle-background.webp');
    background-repeat: no-repeat;
    background-size:20% 100%; 
    background-position: left; 
    .bold_description{
        color:rgba(0, 0, 0, 1);
        font-size:1.125rem;
        font-weight: 500 !important;
        line-height: 24px;
    }
    h3{
        color:rgba(2, 61, 103, 1);
        font-size: 1.35rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }
   }

    @media screen and (max-width:800px) {
		.home-section-portfolio {
        .row {
            display: flex !important;
            flex-wrap: wrap !important;
            margin-right:0px !important;
            margin-left:0px !important;
        }
			.nav-tabs .nav-link {
				width: 300px;
				margin: 5px 4px;
			}
			.what-we-do-section{
				padding:1rem 1rem 0rem 1rem !important;
			}
            .heading{
                font-size:28px;
            }
			.tab-pane{
				.row{
					text-align: center !important;
				}
			}
		}
        .home-sec_downturn {
            h5 {
                font-size: 1.25rem !important;
            }
        }
		.panel-container {
            h2{
                padding-bottom: 0px !important;
            }
			#compliance{
				h2{
					padding-right:0px!important;
				}
			}
			padding:10px !important;
		}
		.what-we-do-section{
			.d-lg-flex{
				text-align: center;
			}
		}
     
    }

.our_team_1,
.marketplace_page {
    height: 300px;
    display: flex;
    color: #ffffff;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;

    h1 {
        font-size: 65px; 
    }
}
@media (max-width: 768px) {
    .our_team_1 h1,
    .marketplace_page h1 {
        font-size: 50px; 
    } 
} 
.our_team_2,.our_team_3{
    .line {
        margin-left: 10px;
    }
}

.our_team_2 {
    display: flex;
    padding: 3rem 0;
    align-items: center;
    justify-content: center;
    background-color: #E3E7EF;

    h2 {
        color: #023D67;
    }

    .cards-outer {
        margin: 2rem auto;
    }

    .card-inner {
        border-radius: 10px;
        border: 1px solid #527798;
        min-height: 198px;
    }

    h5 {
        font-size: 1.23rem;
        font-weight:700;
        color: #023D67;
    }

    p {
        margin: 0;
        font-size:1rem;
        color: #555555;
    }
}

.our_team_3 {
    display: flex;
    align-items: center;
    padding: 3rem 0 8rem 0;
    justify-content: center;

    h2 {
        color: #023D67;
        margin-bottom: 1rem;
    }

    .team_pic {
        min-height: 330px;
        border-radius: 8px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .team_content {
        padding-left: 2rem;
    }

    .team_members {
        padding: 0 0rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .team_members:last-child {
        margin-bottom: 2rem;
    }

    h4 {
        color: #023D67;
        margin-bottom: 0;
        font-weight: 600;
    }

    h5 {
        color: #527798;
        font-size:1.2rem;
        margin-top:10px;
        margin-bottom: 1.5rem;
    }

    p {
        font-size: 1.125rem;
        color: #555555;
        line-height: 24px;
    }

    .team_content p:last-child {
        margin-bottom: 0;
    }
}

.contact_us_1 {
    height: 300px;
    display: flex;
    color: #ffffff;
    align-items: center;
    background-size: cover;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;

    h1 {
        font-size: 50px;
    }
}

.contact_us_2 {
    background-color: #E3E7EF;

    .container {
        position: relative;
        border: 1px solid transparent;
    }

    .get_quick_answers {
        display: flex;
        margin-top: -80px;
        border-radius: 8px;
        padding: 2.5rem 4rem;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;

        div:first-child {
            width: 48%;
            margin-right: auto;
        }

        h1 {
            font-size: 30px;
            color: #023D67;
        }

        p {
            font-size: 20px;
            color: #527798;
        }
    }

    .get_quick_answers_image {
        object-fit: contain;
    }

    .form-area {
        margin: 5rem auto;

        h2 {
            color: #023D67;
        }

        p {
            color: #555555;
        }

        .cus-box {
            gap: 1rem;
            padding: 1rem;
            border-radius: 4px;
            margin-bottom: 2rem;
            background-color: #fff;

            img {
                width: 50px;
                height: 50px;
                object-fit: contain;
            }

            h5:first-child {
                margin-top: 5px;
            }

            h5 {
                font-size: 16px;
                font-weight: 700;
                color: #023D67;
                margin-bottom: 5px;
            }

            a,
            p {
                font-size: 14px;
                color: #527798;
                margin-bottom: 5px;
            }
        }

        .cus-box:last-child {
            margin-bottom: 0;
        }
    }

    .form-outer {
        margin: auto;
        padding: 0 5rem;
    }

    .contact-form {
        margin: auto;
        padding: 1rem 0;

        h2 {
            color: #092c4c;
            margin: 0.5rem 0;
        }

        h3 {
            font-size: 1rem;
            color: #f7941e;
            margin-bottom: 0.2rem;
        }

        .line {
            display: inline-block;
            width: 30px;
            height: 3px;
            background-color: #f7941e;
            margin-right: 8px;
            vertical-align: middle;
        }

        p {
            margin-bottom: 1.5rem;
            color: #555;
            font-size: 0.95rem;
        }

        form .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }

        form input,
        form textarea {
            border: 0;
            width: 100%;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 0.95rem;

            &::placeholder {
                color: #999999;
            }
        }

        form textarea {
            height: 100px;
            resize: vertical;
            margin-bottom: 1rem;

            &::placeholder {
                color: #999999;
            }
        }

        .checkbox {
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: start;
            margin: 1rem 0 2.5rem 0;
            font-size: 14px;
            color: #444;
        }

        form input.newsletter {
            width: 18px;
            height: 18px;
            appearance: none;
            border: 2px solid #ccc;
            border-radius: 4px;
            outline: none;
            padding: 8px;
            margin-right: 8px;
            transition: background-color 0.3s, border-color 0.3s;
            position: relative;
            cursor: pointer;

            &:checked {
                background-color: #f7941e;
                border-color: #f7941e;
            }

            &:checked::after {
                content: "";
                position: absolute;
                top: 2px;
                left: 5px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
        }

        label {
            color: #555555;
        }
    }
}
.footer-2 .contact_us_2{
	background-color: transparent;
}
.footer-2 .disclosure_text, .footer-1 p{
	font-weight: 400;
	color: #E3E7EF;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}
.p2-rem{
	padding-top: 2rem;
}
.disclosure_content{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
}
.disclosure_content strong{
	font-weight: 600;
}
.disclosure_content p{
	line-height: 24px;
}
.disclosures-section-2 {
    display: flex;
    align-items: center;
    padding: 4rem 0 4rem 0;
    justify-content: center;
} 
.marketplace_cards {
    padding: 4rem 0;

    .card_box {
        padding: 20px;
        margin-bottom: 1.5rem;
        border: 1px solid #E3E7EF;
    }

    .banner {
        background-color: #023D67;
        color: #fff;
        text-align: center;
        padding: 5px;
    }

    h2 {
        font-size: 22px;
        color: #023D67;
        text-align: center;
        margin: 10px auto 5px auto;
    }

    h2.deal_type {
        margin: auto auto .8rem auto;
    }

    p {
        margin: auto;
    }

    .street_address {
        color: #527798;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
    }

    .offer_type {
        color: #527798;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }

    .card_details {
        margin: 2rem auto;
    }

    .card_details .card_dets {
        margin-bottom: 1rem;
    }

    .card_details .card_dets:nth-child(2),
    .card_details .card_dets:nth-child(5),
    .card_details .card_dets:nth-child(8) {
        border-left: 1px solid #E3E7EF;
        border-right: 1px solid #E3E7EF;
    }

    .card_details .card_dets p {
        font-size: 12px;
        font-weight: 500;
    }

    p.card_description {
        font-size: 14px;
        color: #555555;
        text-align: center;
    }

    .actions {
        gap: 3rem;
        margin: 1.5rem auto auto auto;

        .btn {
            flex-grow: 1;
        }
    }

    .card_right_section {
        padding: 0 0 0 30px;
    }

    .card_left_section {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* 🌐 Mobile Devices (up to 767px) */
@media only screen and (max-width: 767px) {
    .btn.group-btn-orange,.btn.group-btn-blue,.btn.group-btn-white{
        font-size: 14px;
        padding: 15px;
    }
    .rcxHomePage {
        padding-top: 30px !important;
    }
    .section-label{
        font-size:16px;
    }
    .home-section-1 {
        height: 400px;

        .container{
            display: flex;
            flex-direction: column;
        }
        h1 {
            font-size: 26px;
            text-align: center;
        }
        p {
            width: 100%;
            font-size: 14px;
            font-weight: 300;
            margin: 1rem 0;
        }
        .btn.group-btn-orange{
            align-self: center;
        }
    }
    .home-section-2 {
        padding: 25px 0;
        background-image:unset !important;
        h3{
            font-size: 20px!important;
        }
        img.mask2 {
            height: 300px;
            display: block;
            margin:auto;
        }
        .who-we-are-section {
            max-width: 100%;
            padding: 0;
        }
        .heading {
            font-size: 22px;
            text-align: center;
        }
        .description {
            font-size: 14px;
        }
        .bold_description{
             font-size: 14px;
        }
        .highlight-text {
            font-size: 12px;
            line-height: 1.2;
        }
    }
    .home-section-3 {
        padding: 25px 0;
    
        .what-we-do-section .d-flex{
            flex-wrap: wrap;
            justify-content: center !important;
        }
        .heading {
            font-size: 22px;
        }
        .info-grid {
            .part-1:first-child .part-2 {
                margin-top: 0rem;
            }
            .part-2 {
                padding: 1rem;
            }
            .info-card-img {
                width: 50px;
                height: 50px;
            }
            h3 {
                font-size: 16px;
            }
            p {
                font-size: 12px;
            }
        }
    }
    .home-section-4{
        padding: 25px 15px;

        p {
            width: 65%;
            color: #fff;
            font-size: 12px;
        }
        .container{
            padding: 0;
        }
        .badge {
            width: 200px;

            img {
                width: 35px;
                height: 35px;
            }
            .badge-text {
                font-size: 16px;
            }
        }
    }
    .home-section-5 {
        padding: 15px 0;
    
        .container .d-flex{
            gap: 1rem;
            flex-wrap: wrap;
            justify-content: center !important;
        }
        h1 {
            font-size: 22px;
        }
    }
    .home-section-6{
        padding: 15px 0 25px 0;

        .row{
            gap: 1rem;
        }
        .col-12{
            display: flex;
            align-items: center;
            justify-content: center;

            .mt-2{
                margin-top: 0!important;
            }
        }
        .col-12:nth-child(2){
            justify-content: space-between!important;
        }
    }

   /* contact us section css start */
   .contact_us_2 {
    .get_quick_answers{
        display: block !important;
        padding:2.5rem 3rem;
        div:first-child{
            width:100% !important;
        }
        h1,p{
            text-align: center;
        }
    }
    .get_quick_answers_image {
        display: block;
        margin:auto;
        margin-top:20px;
    }
    .form-outer {
        padding:30px 0px 0px 0rem;
    }
    .form-area {
        margin: 1rem auto;
        .cus-box{
            margin-bottom: 1rem;
        }
    }
    .contact-form{
        .checkbox{
            flex-wrap: unset;
        }
        form input.newsletter {
            margin-bottom: 15px;
        }
    }
    }
   /* contact us section css end */

   /* our team section css start */
   .our_team_2 {
    padding:2rem 0 1rem 0;
    .card-inner{
        margin-top:10px;
        min-height: auto !important;
    }
    .cards-outer{
        margin:1rem auto;
    }
    }
    .our_team_3 {
        padding:3rem 0 1rem 0;
        h2{
            text-align: center;
        }
        .team_members {
            padding: 0px 1rem;
            margin-top:1rem;
        }
        .team_content{
            text-align: center;
            margin:20px 0px;
        }
    }
   /* our team section css end */

   /* investment section css start */
    .marketplace_page{
        h1{
            text-align: center;
        }
    }
    .marketplace_cards {
        padding:4rem 0 3rem 0;
        .card_right_section {
            padding: 0 0 0 0px;
        }
    }
   /* investment section css end */
   
}

/* 📱 iPads and Tablets (768px to 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .fa-bars-staggered:before{
        color:#ffffff;
    }
    #headerOuter.navbar-expand-lg {
        .navbar-toggler {
            border: none;
            margin: unset;
        }
    }
    /* our team section css start */
    .our_team_2 {
        .card-inner {
            min-height: 220px;
            text-align: center;
        }
        .p-md-4 {
            padding: 1.5rem 10px !important;
        }
    }
    .our_team_3 {
        .team_members {
            padding: 0 0rem;
        }
    }
   /* our team section css end */

   /* contact us section css start */
   .contact_us_2 {
        & .get_quick_answers {
            div:first-child {
                width: 70%;
            }
        }

        .form-outer {
            padding: 0 2rem;
        }

        .form-area{
            margin:3rem auto 2rem auto;
            .col-md-3{
                width: 40% !important;
            }
            .col-md-9{
                width: 60% !important;
            }
        }
        .contact-form {
            .checkbox {
                flex-wrap: unset;
            }
        }
    }
   /* contact us section css end */

   /* investment section css end */
   .marketplace_cards {
    .card_left_section {
        background-size: 100% 100%;
    }
    }
    .btn.group-btn-orange{
        padding:15px 26px;
    }
   /* investment section css end */

  /* home page section css end */
    .home-section-2{
        .col-md-6{
            width:100%;
        }
    }
    .home-section-4{
        p{width:80%;}
    }
    .home-section-6{
       .col-md-4,.col-md-2{
        width:33.33% !important;
        padding:10px;
       }
    }
  /* home page section css end */
}