.sticky{
    border-bottom: 1px solid #ffffff3d;
}

.single-cas{
    background: var(--black);
    padding: 45px 0 135px;
}

.single-cas>.content{
    position: relative;
    z-index: 1;
    /* margin-bottom: 80px; */
    padding: 0 50px;
}

.single-cas>.content .img{
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    width: calc(100% - 100px);
    height: 100%;
    margin: 0 auto;
}

.single-cas>.content .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 30px;
}

.single-cas>.content .box{
    min-height: 587px;
}

.single-cas>.content .box{
    position: relative;
    width: 381px;
    max-width: 100%;
    background: #000000b0;
    padding: 53px 120px 53px 26px;
}

.single-cas>.content .box::before{
    content: '';
    position: absolute;
    inset: auto auto 0 14.96062%;
    width: 1px;
    height: 76.66098%;
    background: var(--main);
}

.single-cas>.content .box .title{
    color: var(--white);
    font-size: 28px;
    margin-top: 18px;
    padding-left: 55px;
}

.single-cas .container.cnt2 .row{
    grid-gap: 2rem 0;
}

.single-cas .container.cnt2 .row>*:first-child{
    padding-top: 80px;
}

.single-cas .textcontent{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 39px;
}

.single-cas .textcontent::before{
    content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.659 21.214V4.445C25.659 3.26611 25.1907 2.13551 24.3571 1.30191C23.5235 0.468311 22.3929 0 21.214 0H4.445C3.26611 0 2.13551 0.468311 1.30191 1.30191C0.468311 2.13551 0 3.26611 0 4.445L0 21.214C0 22.3929 0.468311 23.5235 1.30191 24.3571C2.13551 25.1907 3.26611 25.659 4.445 25.659H21.214C22.3929 25.659 23.5235 25.1907 24.3571 24.3571C25.1907 23.5235 25.659 22.3929 25.659 21.214Z" fill="rgb(255, 203, 0)"/><path d="M12.4938 19.9567L19.9573 12.4932L12.4953 5.03112" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.9564 12.4941H5.7959" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 26px;
}

.single-cas .textcontent::after{
    content: '';
    position: absolute;
    inset: auto auto 0 13px;
    width: 1px;
    height: 97.37142%;
    background: var(--main);
}

.single-cas .text{
    width: 658.67px;
}

.single-cas .text h1,
.single-cas .text h2,
.single-cas .text h3,
.single-cas .text h4,
.single-cas .text h5,
.single-cas .text h6{
    font-weight: 800;
    margin: 36px 0;
}

.single-cas .gallery{
    position: relative;
    z-index: 1;
    display: grid;
    display: -webkit-grid;
    grid-gap: 11px;
    width: 399px;
    /* width: 289px; */
    /* border: 1px solid var(--white); */
    /* border-radius: 11px; */
    border-radius: 16px;
    background: var(--black);
    transform: translateY(-153px);
    -webkit-transform: translateY(-153px);
    -moz-transform: translateY(-153px);
    -ms-transform: translateY(-153px);
    -o-transform: translateY(-153px);
    margin-left: auto;
    padding: 46px;
}

.single-cas .gallery>*{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    aspect-ratio: 1/.77227;
    /* aspect-ratio: 1/.76818; */
    border-radius: 11px;
    overflow: hidden
}

.single-cas .gallery>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.763 0V1.688L2.888 1.7L10.733 9.546L9.543 10.736L1.7 2.887L1.689 6.762H0V0.8C0.0158705 0.615145 0.087744 0.439527 0.206028 0.296586C0.324312 0.153644 0.483379 0.0501794 0.662 0H6.763Z" fill="white"/><path d="M26.415 0C26.5635 0.0555756 26.6976 0.143842 26.8073 0.258263C26.9171 0.372684 26.9997 0.510327 27.049 0.661V6.761H25.361L25.354 2.886L17.507 10.732L16.321 9.538L24.162 1.7L20.286 1.693L20.304 0H26.415Z" fill="white"/><path d="M27.049 20.303V26.414C26.9929 26.5867 26.8871 26.739 26.7448 26.8518C26.6024 26.9646 26.43 27.0329 26.249 27.048H20.284V25.36L24.159 25.353L16.313 17.506L17.506 16.32L25.35 24.162L25.357 20.287L27.049 20.303Z" fill="white"/><path d="M0.873001 27.05C0.759276 27.0537 0.645988 27.0343 0.53993 26.9931C0.433872 26.9519 0.337229 26.8897 0.255798 26.8102C0.174366 26.7307 0.109823 26.6356 0.0660401 26.5306C0.0222568 26.4256 0.000134914 26.3128 0.00100105 26.199V20.286H1.689L1.701 24.16L9.546 16.306L10.736 17.506L2.888 25.35L6.764 25.357V27.05H0.873001Z" fill="white"/></svg>');
    position: absolute;
    height: 28px;
}

/* .single-cas .gallery>*::before{
    content: '';
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.9 0V1.223L2.093 1.228L7.775 6.912L6.913 7.774L1.229 2.091L1.224 4.9H0V0.577C0.0119283 0.443452 0.0642487 0.316704 0.149997 0.213627C0.235745 0.110551 0.350853 0.0360356 0.48 0H4.9Z" fill="white"/><path d="M19.136 0C19.2434 0.0402266 19.3404 0.104062 19.4199 0.186794C19.4993 0.269527 19.5592 0.369044 19.595 0.478V4.9H18.372L18.367 2.093L12.682 7.774L11.823 6.909L17.504 1.227H14.697L14.709 0H19.136Z" fill="white"/><path d="M19.5941 14.7068V19.1338C19.5535 19.2585 19.4772 19.3685 19.3746 19.4501C19.272 19.5317 19.1477 19.5813 19.0171 19.5928H14.6961V18.3698L17.5031 18.3648L11.8201 12.6808L12.6841 11.8218L18.3661 17.5028V14.6958L19.5941 14.7068Z" fill="white"/><path d="M0.632986 19.593C0.550696 19.5957 0.46871 19.5818 0.391934 19.552C0.315159 19.5223 0.245173 19.4774 0.186166 19.42C0.12716 19.3625 0.0803457 19.2938 0.0485267 19.2179C0.0167077 19.1419 0.000537997 19.0603 0.000985608 18.978V14.695H1.22399L1.22999 17.502L6.91299 11.812L7.77499 12.681L2.09299 18.364L4.89999 18.369V19.592L0.632986 19.593Z" fill="white"/></svg>') no-repeat center,#1e2b55bd;
} */

.single-cas .gallery>* img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.single-cas .container.cnt3{
    margin-top: 161px;
}

.single-cas .container.cnt3 .row{
    grid-gap: 2rem 0;
    padding-left: 72px;
}

.single-cas .container.cnt3 .row>*{
    align-content: center;
}

.single-cas .container.cnt3 .content{
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: fit-content;
}

.single-cas .container.cnt3 .content::before{
    content: '';
    position: absolute;
    z-index: -1;
    left: -72px;
    width: 98.68421%;
    height: 435.61643%;
    border: 1px solid var(--white);
    border-radius: 29px;
    clip-path: polygon(-20% -20%,120% -20%,120% 28%,80% 28%,80% 72%,120% 72%,120% 120%,-20% 120%);
    -webkit-clip-path: polygon(-20% -20%,120% -20%,120% 28%,80% 28%,80% 72%,120% 72%,120% 120%,-20% 120%);
    box-shadow: 0 3px 6px #00000029;
}

.single-cas .container.cnt3 .items{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 9px 49px;
}

.single-cas .container.cnt3 .items>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 8px;
    color: var(--white);
}

.single-cas .container.cnt3 .items>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.659 4.445V21.214C25.659 22.3929 25.1907 23.5235 24.3571 24.3571C23.5235 25.1907 22.3929 25.659 21.214 25.659H4.445C3.26611 25.659 2.13551 25.1907 1.30191 24.3571C0.468311 23.5235 0 22.3929 0 21.214L0 4.445C0 3.26611 0.468311 2.13551 1.30191 1.30191C2.13551 0.468311 3.26611 0 4.445 0L21.214 0C22.3929 0 23.5235 0.468311 24.3571 1.30191C25.1907 2.13551 25.659 3.26611 25.659 4.445Z" fill="rgb(255, 203, 0)"/><path d="M7.2168 7.88867H17.7708V18.4417" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.7708 7.8877L7.75781 17.9007" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 26px;
}

@media(max-width:992px){
    .single-cas{
        padding: 2rem 0;
    }
    .single-cas>.content{
        margin-bottom: 2rem;
    }
    .single-cas>.content .container{
        padding: 0;
    }
    .single-cas>.content .box{
        width: 100%;
        min-height: unset;
        padding: 3rem;
    }
    .single-cas>.content .box::before,
    .single-cas .container.cnt3 .content::before{
        display: none;
        display: -webkit-none;
    }
    .single-cas>.content .box .title,
    .single-cas .container.cnt3 .row{
        padding-left: 0;
    }
    .single-cas .gallery{
        grid-template-columns: repeat(4,1fr);
        width: 100%;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding: 1.5rem;
    }
    .single-cas .container.cnt3{
        margin-top: 2rem;
    }
}

@media(max-width:768px){
    .single-cas>.content{
        margin: 0 20px 2rem;
        padding: 0;
    }
    .single-cas>.content .box{
        padding: 2rem;
    }
    .single-cas>.content .img{
        width: 100%;
    }
    .single-cas .textcontent::before,
    .single-cas .textcontent::after{
        display: none;
        display: -webkit-none;
    }
    .single-cas .container.cnt3 .items{
        grid-template-columns: repeat(1,1fr);
    }
}

@media(max-width:575px){
    .single-cas .gallery {
        grid-template-columns: repeat(3,1fr);
    }
}

@media(max-width:425px){
    .single-cas .gallery {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:375px){
    .single-cas .gallery {
        grid-template-columns: repeat(1,1fr);
    }
}