/*-- Use For Custom Styling --*/

body .services-sec:before{
    background: #E75B00;
}

body .contact-sec .contact-inner{
    background: #E75B00;
    border: 10px solid #E75B00;
}

body .contact-form-sec .btn-sec-inverse:hover{
    color: black;
    background: white;
    opacity: 0.9;
}
// .btn-sec-inverse:hover{
//     background-color: red;
// }

body #instagram-section{
    padding: 120px 0;
}
body #instagram-section .heading{
    margin-bottom: 80px;
}

body #instagram-section .heading a:hover{
    color: #E75B00;
}

.link-media-insta{
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    height: 0;
    max-height: 0;
    
}
.link-media-insta > img,
.link-media-insta > video {
        position: absolute;
    inset: 0;
    height: 100%;
    width:100%;
}
.contact-sec .contact-inner .contact-details ul li {
     align-items: center;
    display: flex;
    gap: 5px;
}
.icon-insta{
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
}
body .img-insta{
    position: relative;
        overflow: hidden;
    cursor: pointer;
        margin-bottom: 30px;
        .w-full{
            width: 100%;
            max-width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .after-hover{
            position: absolute;
            inset: 0;
            background:  #E75B00;
         
            color: white;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            transform: translateY(100%);
            transition: 0.3s ease-in;
            
            pointer-events: none;
        }
    
        &:hover{
            .after-hover{
                 transform: translateY(0%);
            }
        }
}