/* .logo {
    filter: invert(100%);
} */

.navbar-toggler {
    filter: invert(100%);
}

/* .first-letter{
    font-size: 200%;
} */

.sm-caps {
    font-variant: small-caps;
    font-size: 28px;
    font-weight: 300;
}

/* Body  */
p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    letter-spacing: 0em;
    font-size: 1rem;
    line-height: 1.5;
    font-size: 16px;
}

.custom-text {
    text-align: justify;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    text-transform: none;
    font-size: 44px !important;
    opacity: 1;
}

/* Navbar  */
.navbar {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.nav-item a {
    letter-spacing: 1px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.navbar-nav .nav-item .nav-link.active {
    color: rgb(246, 177, 113) !important;
}


/* Home  */
.hero-image {
    background-image: url("../Images/Gotewala-legal.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 1;
    object-fit: cover;
}

.hero-image .container {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-logo{
    width: 150px;
    height: 100%;
}

.cm-practice .testimonial {
    height: 196px;
}

.card {
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    position: relative;
    transition: 0.4s;
}

.card:hover {
    transform: translateY(-3%);
    -webkit-transform: translateY(-3%);
    -moz-transform: translateY(-3%);
    -o-transform: translateY(-3%);
}

.cm-parallax {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url("../Images/Parallax.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0;
}

.cm-parallax-2 {
    background-image: url("../Images/Parallax-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 1;
    object-fit: cover;
}

.cm-work-1 {
    background-color: #494949;
    height: 100%;
    position: relative;
}

.cm-work-2 {
    width: 100%;
    position: relative;
    background: #fff;
}

.cm-work-2::before {
    content: "";
    width: 50%;
    height: 100px;
    position: absolute;
    top: -48px;
    left: 0;
    background-color: #494949;
    transform: skewY(6deg);
}

.cm-work-2::after {
    content: "";
    width: 50%;
    height: 100px;
    position: absolute;
    top: -48px;
    right: 0;
    background-color: #494949;
    transform: skewY(-6deg);
}

.client {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left {
    width: 35%;
    min-height: 350px;
    background: url("https://velawood.com/wp-content/uploads/2021/05/dave-adamson-XXqNsborcjU-unsplash-3000x2400-2-scaled.jpeg") no-repeat center / cover;
    margin-right: -5%;
    z-index: 999;
    border: 2px solid white;
}

.right {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 5px solid #CB9612;
}

.content {
    height: 400px;
    padding: 50px 80px;
}

@media (max-width: 768px) {
    .client {
        flex-direction: column;
    }

    .left {
        width: 100%;
        margin: 0;
    }

    .right {
        width: 100%;
    }

    .content {
        padding: 10px;
    }
}

/* Testimonials  */
.testimonial {
    padding: 35px 50px;
    margin: 0 20px 30px;
    border-radius: 0 70px 0 70px;
    border: 5px solid #CB9612;
    border-left: none;
    border-right: none;
    text-align: center;
    background-color: #fff;
}

.testimonial .pic {
    display: inline-block;
    width: 130px;
    height: 130px;
    /* border-radius: 50%; */
    margin-bottom: 20px;
    overflow: hidden;
    margin: 0;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .title {
    display: block;
    margin: 0 0 7px 0;
    font-size: 20px;
    font-weight: 600;
    color: #CB9612;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial .post {
    display: block;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .owl-controls .owl-page span {
    background: #fff;
    opacity: 0.8;
    transition: all 0.3s ease 0s;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #CB9612;
}

/* Footer  */
footer {
    background-color: #494949;
}

footer ul li,
footer ul li a,
footer ul li a:hover {
    list-style: none;
    color: white;
    text-decoration: none;
}

footer i {
    color: #fff;
    font-size: 26px;
}

/* Contact  */
/* .contact .info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 30px 0;
    box-shadow: 20px 20pt 50px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.contact h1 {
    color: #CB9612;
    font-size: 50px;
    font-weight: 800;
    margin-top: 20px;
    text-align: center;
}

.contact h4 {
    color: black;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.contact .info-box i {
    font-size: 32px;
    color: #CB9612;
    border-radius: 50%;
    padding: 8px;
    border: 2px dotted #be9c79;
    margin-top: 16px;
}

.contact .info-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 15px;
    margin: 13px 0;
    color: rgb(63, 60, 60);
}

.contact .info-box a i {
    font-size: 18px;
    display: inline-block;
    background: #CB9612;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid #CB9612;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    margin-bottom: 10px;
    margin-top: -10px;
}

.contact .info-box a i:hover {
    color: #fff;
    text-decoration: none;
}

.form-group {
    float: left;
    margin-top: 30px;
    min-height: 60px;
}

.form-control {
    border: none !important;
    border-bottom: 1px solid #82a3ad !important;
    border-radius: 0;
    padding: 0;
    color: #386e77 !important;
    background: none !important;
}

@media (max-width: 650px) {
    .contact .info-box {
        width: 100%;
    }
} */

@media (max-width:1025px) {
    .services-card {
        width: 90%;
        height: 350px;
    }

    .one-card {
        transform: rotate(-4deg);
    }

    .two-card {
        transform: rotate(4deg);
    }

    .three-card {
        transform: rotate(-4deg);
    }

    .four-card {
        transform: rotate(4deg);
    }

    .pic-home {
        margin-left: 20%;
    }

    .card-home {
        width: 99%;
        height: 300px;
        margin-top: -300px;
    }
}

@media (max-width:801px) {
    .services-heading {
        height: 100px;
        writing-mode: horizontal-tb;
        transform: rotate(0deg);
        border-left: none;
        border-right: none;
        border-top: 6px solid white;
        border-bottom: 6px solid white;
        margin-left: 10px;
    }

    .t1 {
        width: 98%;
    }

    .reviews {
        margin: 10px 10px -10px -10px;
        padding: 10px;
    }

    .pic-about {
        margin-left: 50%;
    }

    .card-about {
        width: 90%;
        height: 350px;
    }
}

@media (max-width:601px) {
    .services-heading {
        margin-left: 10px;
    }

    .t1 {
        width: 98%;
        margin: 20px 0;
    }

    .reviews {
        margin: 10px 10px -10px -10px;
        padding: 10px;
    }

    .services-card {
        width: 400px;
        height: 600px;
    }

    .card1 {
        margin-top: 10px;
    }

    .card2 {
        margin-top: 10px;
    }

    .card3 {
        margin-top: 10px;
    }

    .pic-home {
        width: 70%;
        margin-left: 4px;
    }

    .card-home {
        margin-left: 40px;
    }

    .beach {
        display: none;
    }

    .about {
        height: 400px;
    }

    .abt-heading {
        margin-top: 60px;
        padding-left: 10px;
        text-align: center;
    }

    .abt-text {
        margin-top: 20px;
    }

    .services-heading {
        font-size: 40px;
        padding: 10px 30px;
        margin-top: 100px;
    }

    .copyright {
        margin-bottom: 10px;
    }

    .pic-about {
        margin-left: 20%;
        width: 70%;
    }

    .card-about {
        width: 70%;
        height: 300px;
        margin-top: -760px;
        margin-left: 35%;
    }

    .pic {
        margin-top: -300px;
    }
}

@media (max-width:415px) {
    .services-heading {
        margin-left: 10px;
    }

    .services-card {
        width: 300px;
        height: 500px;
    }

    .pic-home {
        width: 70%;
        margin-left: 4px;
    }

    .card-home {
        margin-left: 40px;
        margin-top: -80px;
        margin-bottom: 20px;
    }

    .about {
        height: 450px;
    }

    .services-heading {
        font-size: 30px;
        padding: 10px 10px 0 10px;
    }

    .card-about {
        margin-top: -80px;
        margin-left: 30%;
        margin-bottom: 20px;
        width: 80%;
        height: 320px;
    }
}

/* whatsapp  */
.whatsapp {
    position: fixed;
    opacity: 1;
    right: 15px;
    bottom: 5%;
    z-index: 99999;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.top a {
    position: fixed;
    opacity: 1;
    right: 15px;
    bottom: 13%;
    z-index: 99999;
    font-size: 45px;
    cursor: pointer;
    color: #CB9612;
}

/* Blogs  */

/* Practice  */
.hero-practice {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/practice.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0;
}

.txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.practice-articles a,
.practice-articles a:hover {
    color: #CB9612;
    text-decoration: none;
}

/* .practice-articles .card{
    border: 1px solid goldenrod;
} */

/* .practice-articles a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom;
}

.practice-articles a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #CB9612;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
} */

/* About  */
.hero-team {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/people.jpeg");
    /* height: 400px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0;
}

/* News & Events  */
.hero-news {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/news.jpeg");
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 1;
    object-fit: cover;
}

.cm-card {
    border-left: 3px solid #CB9612;
}

.about-card-1 {
    height: 370px;
    margin-left: 100px;
    margin-top: -320px;
}

.about-card-2 {
    height: 370px;
    background-color: #f5f5f5;
}

/* Blogs  */
.hero-blog {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/blog.jpeg");
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 1;
    object-fit: cover;
}

.cm-left-1 {
    width: 35%;
    min-height: 350px;
    background: url("https://velawood.com/wp-content/uploads/2021/05/dave-adamson-XXqNsborcjU-unsplash-3000x2400-2-scaled.jpeg") no-repeat center / cover;
    margin-right: -5%;
    z-index: 999;
    border: 2px solid white;
}

.cm-left-2 {
    width: 35%;
    min-height: 350px;
    background: url("https://velawood.com/wp-content/uploads/2021/05/dave-adamson-XXqNsborcjU-unsplash-3000x2400-2-scaled.jpeg") no-repeat center / cover;
    margin-left: -5%;
    z-index: 999;
    border: 2px solid white;
}

.cm-right-1 {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 5px solid #CB9612;
}

.cm-right-2 {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 5px solid #CB9612;
}

@media (max-width: 768px) {

    .cm-left-1,
    .cm-left-2 {
        width: 100%;
        margin: 0;
    }

    .cm-right-1,
    .cm-right-2 {
        width: 100%;
    }
}

em {
    font-family: 'Playfair Display', serif;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid black !important;
    text-align: left;
    padding: 8px;
}

tr:nth-child(odd) {
    background-color: #efeded;
}

/* Clients  */

.our-cl {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/Clients.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0;
}

.our-cl-n .card {
    margin: 0 10px;
    width: 100%;
    height: 280px;
    transform-style: preserve-3d;
    perspective: 500px;
    border: none;
    background-color: inherit;
    margin: 20px 0;
}

.our-cl-n .card .face {
    position: absolute;
    color: #000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    transform-style: preserve-3d;
    transition: 0.5s;
    backface-visibility: hidden;
    border-top: 1px solid #ddd;
    /* border-left: 1px solid #ddd; */
}

.our-cl-n .card .face.front-face,
.our-cl-n .card .face.back-face {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.our-cl-n .card .face.front-face .profile {
    /* width: 150px;*/
    /* height: 90px;  */
    /* border-radius: 50%; */
    object-fit: cover;
}

.our-cl-n .card .face.front-face .name {
    letter-spacing: 1px;
    text-align: center;
}

.our-cl-n .card .face.front-face .designation {
    font-size: 0.8rem;
    color: #ddd;
    letter-spacing: 0.8px;
}

/* .our-cl-n .card:hover .face.front-face {
    transform: rotateY(180deg);
} */

.our-cl-n .card .face.back-face {
    background: rgba(255, 255, 255, 0.06);
    transform: rotateY(180deg);
    text-align: center;
    user-select: none;
}

.our-cl-n .card:hover .face.back-face {
    transform: rotateY(360deg);
}

.our-cl-n img {
    height: 160px;
    object-fit: contain;
}

.hero-bare-act {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/bare-acts.jpg");
    /* height: 400px; */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0;
}

.cm-b-act .card {
    height: 136px;
}

.practice-articles .card {
    height: 300px;
}

@media screen and (max-width: 425px) {

    .hero-team,
    .hero-practice,
    .our-cl,
    .hero-bare-act {
        padding: 30% 0;
    }

}

.contact .info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 30px 0;
    box-shadow: 20px 20pt 50px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.contact .info-box i {
    font-size: 32px;
    color: goldenrod;
    border-radius: 50%;
    padding: 8px;
    border: 2px dotted goldenrod;
    margin-top: 16px;
}

.contact .info-box h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin: 13px 0;
    color: rgb(63, 60, 60);
}

.contact .info-box a i {
    font-size: 18px;
    display: inline-block;
    background: goldenrod;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    border: 2px solid goldenrod;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    margin-bottom: 10px;
    margin-top: -10px;
}

.contact .info-box a i:hover {
    color: #fff;
    text-decoration: none;
}

.form-group {
    float: left;
    margin-top: 30px;
    min-height: 60px;
}

.form-control {
    border: none !important;
    border-bottom: 1px solid #82a3ad !important;
    border-radius: 0;
    padding: 0;
    color: #386e77 !important;
    background: none !important;
}

@media (max-width: 650px) {
    .contact .info-box {
        width: 100%;
    }
}

.bareact {
    width: 100%;
    box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 2em;
    display: flex;
    flex-direction: column;
    border: 5px solid #CB9612;
    border-top: none;
    border-bottom: none;
    position: relative;

    &:before,
    &:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        box-shadow: none;
    }

    &:before {
        top: -10px;
        right: 15%;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.5 101"><path fill="rgb(203 150 18)" d="m80.817.554c.458-.025.805-.06,1.152-.06,19.188-.003,38.376-.002,57.564-.002.146,0,.291.011.437.011.491,0,.712.16.712.735.002,19.353.023,38.706.044,58.059.004,3.649-.176,7.285-.832,10.88-.796,4.361-2.397,8.442-4.643,12.241-.975,1.648-2.273,3.106-3.446,4.634-.443.577-.922,1.132-1.426,1.656-1.938,2.015-4.045,3.838-6.374,5.39-3.972,2.648-8.297,4.499-12.973,5.438-2.052.412-4.157.674-6.247.751-4.326.159-8.659.151-12.989.203-.286.003-.572-.07-.917-.115v-19.877c.267,0,.491,0,.714,0,3.833,0,7.667,0,11.5,0,3.384,0,6.55-.847,9.48-2.521,2.537-1.449,4.398-3.513,5.825-6.094,1.849-3.345,2.325-6.94,2.49-10.641.008-.186-.014-.374-.029-.56-.003-.037-.035-.071-.096-.186-.223,0-.488,0-.752,0-12.625,0-25.25,0-37.875,0-.208,0-.42-.027-.624.001-.519.072-.637-.184-.638-.649-.012-3.333-.06-6.666-.061-9.999-.005-15.395.002-30.791.004-46.186,0-1.017,0-2.034,0-3.111Z" /><path  fill="rgb(203 150 18)" d="m10.837,80.498c.303,0,.528,0,.752,0,3.813,0,7.626,0,11.438,0,3.785,0,7.275-1.023,10.442-3.086,2.062-1.343,3.688-3.097,4.776-5.331.269-.552.664-1.042.952-1.586.16-.303.213-.663.323-.994.875-2.647,1.304-5.368,1.354-8.152.003-.187-.008-.375-.019-.562-.003-.06-.027-.119-.059-.254-.244-.011-.505-.034-.765-.034-12.605-.002-25.211-.001-37.816-.002-1.322,0-1.338,0-1.339-1.309-.008-16.417-.011-32.833-.014-49.25,0-2.917.01-5.833-.01-8.75-.003-.473.123-.708.617-.686.249.011.5-.01.75-.01,19.023,0,38.045,0,57.068,0,1.348,0,1.361,0,1.362,1.331.018,19.48.039,38.959.042,58.439,0,4.404-.376,8.765-1.546,13.04-.769,2.809-1.905,5.456-3.306,7.988-.679,1.227-1.481,2.395-2.32,3.52-1.017,1.364-2.061,2.721-3.223,3.96-1.867,1.992-3.953,3.752-6.226,5.276-4.003,2.682-8.364,4.559-13.084,5.497-2.174.432-4.407.686-6.623.766-4.348.158-8.702.133-13.053.197-.476.007-.478-.262-.48-.6-.013-2.166-.05-4.333-.046-6.499.006-4.125.034-8.25.053-12.375,0-.144,0-.288,0-.534Z" /></svg>');
    }

    &:after {
        bottom: -15px;
        left: 35%;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142.5 102"><path fill="rgb(203 150 18)" d="m21.67,40.996c.335,0,.603,0,.871,0,12.729,0,25.459,0,38.188,0,.921,0,.926.004.926.899.015,18.541.031,37.081.042,55.622,0,.979-.041,1.958-.042,2.937,0,.396-.145.583-.554.545-.186-.017-.375-.002-.562-.002-19.271,0-38.542,0-57.813,0-.867,0-.877,0-.887-.881-.026-2.354-.06-4.707-.06-7.061-.005-17.395-.003-34.79-.002-52.185,0-3.335.114-6.66.825-9.937.508-2.34,1.145-4.638,2.073-6.849.447-1.066.846-2.16,1.395-3.173.648-1.195,1.37-2.364,2.178-3.457,1.149-1.555,2.324-3.106,3.633-4.524,2.381-2.579,5.085-4.787,8.126-6.57,4.232-2.481,8.771-4.108,13.623-4.789,2.201-.309,4.432-.497,6.654-.554,3.498-.09,6.999-.025,10.5-.023.862,0,.87.007.87.837,0,6.187-.009,12.374.003,18.56,0,.484-.177.598-.621.597-3.958-.009-7.917-.039-11.875.017-1.828.026-3.624.311-5.406.83-2.391.695-4.464,1.843-6.339,3.468-2.378,2.061-3.955,4.581-4.83,7.588-.729,2.504-1.009,5.052-.945,7.649.003.121.016.242.03.457Z" /><path fill="rgb(203 150 18)" d="m101.501,41.049h40.222c0,1.057,0,2.01,0,2.963,0,17.791.003,35.581,0,53.372,0,1-.046,1.999-.039,2.999.003.449-.137.67-.611.617-.185-.021-.375-.002-.562-.002-19.167,0-38.333,0-57.5-.001-1.292,0-1.124.136-1.14-1.139-.036-2.77-.055-5.541-.056-8.311-.005-16.582-.009-33.165.005-49.747.002-2.29-.017-4.592.201-6.866.192-1.998.61-3.989,1.102-5.939.476-1.885,1.095-3.744,1.801-5.556.471-1.209,1.203-2.317,1.819-3.47.059-.11.129-.214.19-.323,2.575-4.597,6.106-8.327,10.329-11.44,5.251-3.871,11.178-5.995,17.603-6.812,4.082-.52,8.19-.405,12.293-.4,1.292.002,2.584.029,3.875-.004.512-.013.636.176.636.647,0,2.75.038,5.499.036,8.249-.002,3.458-.042,6.916-.036,10.374,0,.568-.158.747-.741.743-3.667-.025-7.333-.017-11-.011-2.28.004-4.493.331-6.691,1.012-2.162.67-3.995,1.786-5.707,3.217-3.207,2.68-4.893,6.169-5.496,10.22-.268,1.8-.35,3.627-.533,5.609Z" /></svg>');
    }

    .cm-border {
        height: 5px;
        width: 100%;
        position: absolute;
        left: 0;

        &.top {
            top: 0;

            &:before,
            &:after {
                content: "";
                position: absolute;
                background: #CB9612;
                z-index: 10;
                height: 5px;
            }

            &:before {
                width: 65%;
                left: 0;
            }

            &:after {
                width: 5%;
                right: 0;
            }
        }

        &.bottom {
            bottom: 0;

            &:before,
            &:after {
                content: " ";
                position: absolute;
                background: #CB9612;
                z-index: 10;
                height: 5px;
            }

            &:before {
                width: 25%;
                left: 0;
            }

            &:after {
                width: 45%;
                right: 0;
            }
        }
    }

}

.cm-b-act h3 {
    color: #dfa514;
}

.cm-box {
    background-image: linear-gradient(145deg, #ffefc5 10%, #dfa514 100%);
    border-radius: 15px;
    height: 195px;
}

.cm-box-2 {
    background-color: #f5f1f1;
    border-radius: 15px;
    height: 195px;
}

.modal-title {
    color: #dfa514;
    text-align: center;
}

.modal-body p {
    color: #5F5B5B;
    font-weight: 200;
    font-size: 14px;
}

.modal-body ul li {
    color: #5F5B5B;
    font-weight: 250;
    font-size: 14px;
    list-style-type: lower-alpha;
}

.contact button {
    background-image: linear-gradient(145deg, #fee49f 10%, #dfa514 100%);
}

@media screen and (max-width: 430px){
    .legal-drafts img{
        width: 100%;
    }
    
    .article img{
        width: 100%;
    }
}

.cm-contact{
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("../Images/bare-acts.jpg");
    /* height: 400px; */
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12% 0;
}
.hr-top{
    width: 51%;
}

.vr-1{
    height: 30px;
}

.vr-2{
    height: 30px;
}

.vr-3{
    height: 30px;
}

@media (max-width: 770px) {
    .hr-top {
        display: none;
    }
}