/*========================================
Brand Section
========================================*/

.ih-brand-section{
    width:100%;
    background:#1b3e38 ;
    padding:70px 20px;
	margin-top:103px;
}


/*========================================
Container
========================================*/

.ih-brand-container{
    max-width:600px;
    margin:0 auto;
}


/*========================================
Brand Box
========================================*/

.ih-brand-box{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:22px;

}


/*========================================
Logo
========================================*/

.ih-brand-logo{

    width:180px;
    height:100px;

    background:#17382D;

    border-radius:18px 18px 18px 0 ;
	padding:0 10px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}


.ih-brand-logo img{

    width:100%;
    height:auto;
    display:block;

}


/*========================================
Content
========================================*/

.ih-brand-content{

    color:#dcc171 ;

}


.ih-brand-content h2{

    margin:0;

    font-size:2rem;

    font-weight:700;

    line-height:1.2;

}


.ih-brand-content p{

    margin:8px 0 0;

    font-size:1rem;

    opacity:.9;

    line-height:1.6;

}


/*========================================
Mobile
========================================*/

@media(max-width:576px){

    .ih-brand-box{

        gap:16px;

    }

    .ih-brand-logo{

        width:150px;
        height:80px;

    }

    .ih-brand-logo img{

        width:100%;

    }

    .ih-brand-content h2{

        font-size:1.6rem;

    }

    .ih-brand-content p{

        font-size:.9rem;

    }

}



.ih-page{

    background:#fff;

    padding:80px 20px 100px;

}

.ih-page-container{

    width:min(1200px,100%);
    margin:auto;
	padding:0 20px; 
	margin-bottom:50px;

}



.ih-page-header{
	margin-top:90px;

    margin-bottom:55px;
    text-align:start;

}

.ih-page-header h1{

    font-size:clamp(24px,5vw,36px);
    font-weight:700;
    color:#173B2F;
    line-height:1.3;
    margin-bottom:22px;

}

.ih-page-header::after{

    content:"";
    display:block;
    width:100%;
    height:1px;
    background:green;
    margin:auto;

}



.ih-page-content{

    color:#444;
    font-size:17px;
    line-height:2.15;

}

.ih-page-content > *{

    margin-bottom:28px;

}

.ih-page-content p{

    text-align:justify;

}



.ih-page-content h2{

    font-size:34px;
    color:#173B2F;
    margin-top:25px;
    margin-bottom:20px;
    line-height:1.4;

}

.ih-page-content h3{

    font-size:26px;
    color:#173B2F;
    margin-top:25px;
    margin-bottom:15px;

}

.ih-page-content h4{

    font-size:21px;
    color:#173B2F;

}

.ih-page-content img{

    width:90%;
    display:block;
    border-radius:18px;
    margin:40px auto 15px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);

}



.ih-page-content ul,
.ih-page-content ol{

    padding-inline-start:25px;

}

.ih-page-content li{

    margin-bottom:10px;

}

.ih-page-content ul li::marker{

    color:#b08b3c;

}


.ih-page-content table{

    width:100%;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:12px;
    margin:40px 0;

}

.ih-page-content th{

    background:#173B2F;
    color:#fff;
    padding:16px;

}

.ih-page-content td{

    padding:15px;
    border:1px solid #ececec;

}

.ih-page-content tr:nth-child(even){

    background:#fafafa;

}



.ih-page-content hr{

    border:none;
    border-top:1px solid #e6e6e6;
    margin:45px 0;

}



@media (max-width:768px){

    .ih-page{

        padding:55px 18px 70px;

    }

    .ih-page-header{

        margin-bottom:40px;

    }

    .ih-page-header h1{

        font-size:30px;

    }

    .ih-page-content{

        font-size:16px;
        line-height:2;

    }
	.ih-page-content img{

		width:100%;}

    .ih-page-content h2{

        font-size:28px;
        margin-top:50px;

    }

    .ih-page-content h3{

        font-size:23px;

    }

}