.bg-custom-body {
    background: #fcf9e2;
    font-family: 'Playfair Display', serif; /* Elegant font for headings */
}

.nav-text-clr {
    color: #6B493A;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 59px;
    width: 100px;
}
.carousel-custom-caption {
    position: absolute;
    right: 31%;
    /* bottom: 1.25rem; */
    left: 31%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 41%;
    background: #aa4a4a;
}

.about-section {
    background: #6b493a;
    color: #fcf9e2;
    padding: 100px 0;

}

.video-section{
    color: #6b493a;
    padding: 100px 0;

}

#carouselExampleCaptions img {
    width: 1520px;
    height: 530px;
    object-fit: cover;
}
.about-content {
    line-height: 2.0;
}

.h1-about{
    -webkit-text-stroke: thin;
}

.about-section img {
    object-fit: cover;
    width:100%;
}

/*
 *  STYLE 8
 */

body::-webkit-scrollbar-track {
    background-color: #fcf9e2;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #fcf9e2;
}

body::-webkit-scrollbar-thumb {
    background-color: #6b493a;
}

.service-section {
    background: #fcf9e2;
    color: #6b493a;
    padding: 40px 0;
}

.s2 {
    margin-top: 145px;
}

.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}

.white-heading {
    color: #ffffff;
}

.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}

.white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

.white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    left: 0;
    content: " ";
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: url(/C:/Mywork/mywork/AnamikaGlamTouch/Images/testimonial1.avif);    
    background-position: center;
    background-size: cover;
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item {
    overflow: hidden;
}

.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}

    .testimonial4_indicators .carousel-indicators li {
        padding: 0;
        width: 14px;
        height: 14px;
        border: none;
        text-indent: 0;
        margin: 2px 3px;
        cursor: pointer;
        display: inline-block;
        background: #ffffff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .testimonial4_indicators .carousel-indicators .active {
        padding: 0;
        width: 14px;
        height: 14px;
        border: none;
        margin: 2px 3px;
        background-color: #9dd3af;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
        height: 3px;
    }

    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
        background: #eeeeee;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
    transition: all 0.6s cubic-bezier(0.3,1,0,1);
}

    .testimonial4_control_button .carousel-control.left {
        left: 7%;
        top: 50%;
        right: auto;
    }

    .testimonial4_control_button .carousel-control.right {
        right: 7%;
        top: 50%;
        left: auto;
    }

        .testimonial4_control_button .carousel-control.left:hover,
        .testimonial4_control_button .carousel-control.right:hover {
            color: #000;
            background: #fff;
            border: 2px solid #fff;
        }

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

    .testimonial4_header h4 {
        color: #ffffff;
        font-size: 30px;
        font-weight: 600;
        position: relative;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    margin: auto;
    padding: 20px;
    position: relative;
    text-align: center;
}

    .testimonial4_slide img {
        top: 0;
        left: 0;
        right: 0;
        width: 136px;
        height: 136px;
        margin: auto;
        display: block;
        color: #f2f2f2;
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        position: relative;
        border-radius: 50%;
        box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
        -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
        -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    }

    .testimonial4_slide p {
        color: #ffffff;
        font-size: 20px;
        line-height: 1.4;
        margin: 40px 0 20px 0;
    }

    .testimonial4_slide h4 {
        color: #ffffff;
        font-size: 22px;
    }

.testimonial .carousel {
    padding-bottom: 50px;
}

.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}


.testimonial .transbox {
    background-color: rgb(0 0 0 / 0.5);
    padding-top: 50px;
    padding-bottom: 50px;
}
/* ------testimonial  close-------*/


/* ------- gallery start  -------*/


/* Gallery Section Styling */
.gallery-section {
    background: #fcf9e2;
    color: #6b493a;
    padding: 60px 15px; /* Adjust padding for smaller screens */
}

    .gallery-section h1 {
        text-align: center; /* Center the heading */
        margin-bottom: 30px; /* Adjust bottom margin */
    }

/* Responsive Column Gallery */
.container-gallery {
    width: 100%;
    column-count: 4; /* Default for larger screens */
    column-gap: 1em; /* Space between columns */
    margin: 0 auto;
    padding: 0;
}

.grid-item {
    break-inside: avoid; /* Prevent items from breaking across columns */
    margin-bottom: 1em; /* Space between grid items */
}

    .grid-item img,
    .custom-video-player {
        width: 100%;
        height: auto;
        display: block; /* Ensures images/videos take full width and no extra space */
        border-radius: 8px; /* Slightly rounded corners for a softer look */
        object-fit: cover; /* Ensures images/videos cover their area without distortion */
    }

/* Video Player Specific Styling */
.custom-video-player {
    position: relative;
    overflow: hidden; /* Hide anything outside the player */
    background-color: #000; /* Black background for video */
}

.gallery-video {
    width: 100%;
    height: auto;
    display: block;
}

.play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Dark overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

    .play-overlay::before {
        content: '';
        display: block;
        width: 60px;
        height: 60px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>') no-repeat center center;
        background-size: contain;
    }

.custom-video-player:hover .play-overlay {
    background: rgba(0, 0, 0, 0.6); 
}
.custom-video-player:hover .play-overlay::before {
    filter: invert(1);
}

.video-controls-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 10px;
    display: flex;
    flex-wrap: wrap; /* Allow controls to wrap on smaller screens */
    align-items: center;
    gap: 10px;
    opacity: 0; /* Hidden by default, will be shown with JS or on hover if custom controls are not used */
    transition: opacity 0.3s ease;
    pointer-events: none; /* Prevent controls from blocking clicks to the video */
}

.custom-video-player:hover .video-controls-bar {
    opacity: 1; /* Show on hover for better user experience */
    pointer-events: auto; /* Allow interaction when visible */
}

.video-progress-container {
    flex-grow: 1;
    height: 6px;
    background: #555;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

.video-progress-fill {
    height: 100%;
    background: #e0e0e0;
    width: 0%;
    border-radius: 3px;
}

.video-buttons-area {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; /* Allow buttons to wrap */
}

.play-pause-btn, .volume-btn, .fullscreen-btn {
    background: none;
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1); /* Make icons white */
}

.play-pause-btn {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>'); /* Play icon */
}
    /* You'd need a class toggled by JS for the pause state */
    .play-pause-btn.playing {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>'); /* Pause icon */
    }

.volume-btn {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.81 5 3.54 5 6.71s-2.11 5.9-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>'); /* Volume on icon */
}
    /* You'd need a class toggled by JS for the muted state */
    .volume-btn.muted {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .96-.2 1.87-.57 2.73l1.01 1.01C20.1 15.34 20.5 13.77 20.5 12c0-4.42-3.58-8-8-8-1.25 0-2.45.29-3.57.8l1.64 1.64c.7-.27 1.49-.44 2.23-.44 2.76 0 5 2.24 5 5zm-9.31-9.31l-1.63 1.63C7.57 4.19 6.84 4 6 4c-1.77 0-3.29 1.02-4.03 2.5h2.21l2.45 2.45c-.2.03-.41.05-.63.05-.96 0-1.87-.2-2.73-.57L2.1 13.01C2.66 13.9 4.23 14.5 6 14.5c4.42 0 8-3.58 8-8 0-1.25-.29-2.45-.8-3.57zm7.04 7.04l-1.01-1.01c.37-.86.57-1.77.57-2.73 0-2.76-2.24-5-5-5-.96 0-1.87.2-2.73.57L5.01 2.1C4.1 2.66 2.53 4.23 2.53 6c0 4.42 3.58 8 8 8 .96 0 1.87-.2 2.73-.57l1.01 1.01c-.37.86-.57 1.77-.57 2.73 0 2.76 2.24 5 5 5s5-2.24 5-5c0-.96-.2-1.87-.57-2.73z"/></svg>'); /* Volume off icon */
    }

.volume-control-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

.volume-slider {
    width: 80px;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    transition: opacity .2s;
    border-radius: 2px;
}

    .volume-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
    }

    .volume-slider::-moz-range-thumb {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
    }

.time-display {
    color: #fff;
    font-size: 0.9em;
    white-space: nowrap; /* Prevent time from wrapping */
}

.fullscreen-btn {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>'); /* Fullscreen icon */
}
    /* You'd need a class toggled by JS for the exit fullscreen state */
    .fullscreen-btn.exit-fullscreen {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>'); /* Exit fullscreen icon */
    }


/* Media Queries for Responsiveness */
@media only screen and (max-width: 992px) {
    .container-gallery {
        column-count: 3; /* 3 columns for medium screens */
    }

    .gallery-section h1 {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width: 768px) {
    .container-gallery {
        column-count: 2; /* 2 columns for tablets */
    }

    .gallery-section {
        padding: 40px 10px;
    }

        .gallery-section h1 {
            font-size: 2rem;
            margin-bottom: 25px;
        }
    /* Hide specific video controls for smaller screens if they become too cramped */
    .volume-control-container,
    .time-display {
        display: none;
    }

    .video-buttons-area {
        justify-content: space-between; /* Distribute remaining buttons */
    }
}

@media only screen and (max-width: 480px) {
    .container-gallery {
        column-count: 1; /* Single column for extra small screens/phones */
    }

    .gallery-section {
        padding: 30px 10px;
    }

        .gallery-section h1 {
            font-size: 1.8rem;
            margin-bottom: 20px;
        }

    .grid-item {
        margin-bottom: 0.8em; /* Slightly less space for smaller screens */
    }
}


/* General Row Gap for Bootstrap if needed, but not directly related to gallery columns */
.row {
    row-gap: 20px; /* Adjust as needed, applies to Bootstrap rows */
}


/* ------- gallery end  -------*/


.contact-section {
    background: #fcf9e2;
    color: #6b493a;
    padding: 100px 0;
}
.footer {
    background: #6b493a;
    color: #fcf9e2;
    padding: 100px 0;
}


/* Wrapper for video */
.custom-video-player {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 aspect ratio */
    height: 0;
    overflow: hidden;
    background-color: #000;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect for visual feedback */
.grid-item .custom-video-player:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Video covers the container */
.gallery-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Play button overlay */
.play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    transition: background-color 0.3s ease;
}

    /* Play triangle inside circle */
    .play-overlay::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 30px solid #333;
        margin-left: 5px;
    }

    /* Hover effect for play button */
    .play-overlay:hover {
        background-color: rgba(255, 255, 255, 1);
    }

/* Hide play overlay when playing */
.custom-video-player.playing .play-overlay {
    opacity: 0;
    visibility: hidden;
}

/* Hide all other controls */
.video-controls-bar,
.video-progress-container,
.video-progress-fill,
.video-buttons-area,
.play-pause-btn,
.volume-control-container,
.volume-slider,
.time-display,
.fullscreen-btn {
    display: none !important;
}

/* Optional: fullscreen mode override */
.custom-video-player.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    z-index: 9999;
    border-radius: 0;
    box-shadow: none;
}


/*contact section
*/
/* Import Google Fonts for a professional look */

/* Contact Section Styling */
.contact-section {
    background-color: #fcf9e2; /* A soft, warm background */
    color: #4a332d; /* A rich, deep brown for text */
    padding: 80px 0; /* Adjusted padding for better spacing */
    font-family: 'Lato', sans-serif; /* General font for readability */
}

    .contact-section h1 {
        font-family: 'Playfair Display', serif; /* Elegant font for headings */
        color: #8c6a5e; /* A complementary, slightly lighter brown for headings */
        /*font-weight: 700;*/
        margin-bottom: 3rem; /* More space below the main heading */
    }

    .contact-section h3 {
        font-family: 'Playfair Display', serif;
        color: #6b493a; /* A classic brown for subheadings */
        font-weight: 400;
        margin-bottom: 1.5rem;
    }

    .contact-section .lead {
        font-size: 1.15rem;
        line-height: 1.8;
        color: #5d4a43; /* A slightly darker shade for body text */
    }

/* Map Container Styling */
.map-container {
    border-radius: 8px; /* Slightly rounded corners for the map */
    overflow: hidden; /* Ensures the border-radius applies to the iframe */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Soft shadow for depth */
}

    .map-container iframe {
        border: none !important;
        display: block;
        width: 100%;
        height: 780px;
    }

/* Form Styling */
.contact-section .form-control {
    background-color: #fff;
    border: 1px solid #d4c0b5; /* Soft border color */
    border-radius: 5px; /* Slightly rounded form fields */
    padding: 0.9rem 1.2rem;
    font-size: 1rem;
    color: #6b493a;
    transition: all 0.3s ease-in-out; /* Smooth transition for focus */
}

    .contact-section .form-control::placeholder {
        color: #9b8a82; /* Lighter placeholder text */
    }

    .contact-section .form-control:focus {
        border-color: #8c6a5e; /* Highlight on focus */
        box-shadow: 0 0 0 0.25rem rgba(140, 106, 94, 0.25); /* Subtle glow on focus */
        background-color: #fffaf7; /* Slightly off-white on focus */
    }

.contact-section .form-label {
    font-weight: 600;
    color: #6b493a;
    margin-bottom: 0.5rem;
}

.contact-section textarea.form-control {
    resize: vertical; /* Allow vertical resizing of textarea */
    min-height: 120px; /* Minimum height for textarea */
}

/* Button Styling */
.contact-section .btn-dark {
    background-color: #6b493a; /* Dark brown button */
    border-color: #6b493a;
    color: #fff;
    padding: 0.8rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .contact-section .btn-dark:hover {
        background-color: #8c6a5e; /* Lighter brown on hover */
        border-color: #8c6a5e;
        transform: translateY(-2px); /* Slight lift effect on hover */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .contact-section .btn-dark:active {
        transform: translateY(0);
        box-shadow: none;
    }

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .contact-section .map-container {
        height: 400px; /* Adjust map height for tablets */
    }

    .contact-section .col-lg-6,
    .contact-section .col-lg-5 {
        width: 100%; /* Stack columns on smaller screens */
        margin-left: 0 !important; /* Remove offset */
    }

    .contact-section .row.align-items-center {
        flex-direction: column; /* Stack map and form vertically */
    }

    .contact-section .py-5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .contact-section h1 {
        font-size: 2.5rem; /* Adjust heading size for smaller screens */
    }
}

@media (max-width: 767.98px) {
    .contact-section .map-container {
        height: 300px; /* Further adjust map height for mobile */
    }

    .contact-section .form-control-lg {
        padding: 0.75rem 1rem; /* Smaller padding for inputs on mobile */
        font-size: 0.95rem;
    }

    .contact-section .btn-lg {
        padding: 0.75rem 1.5rem; /* Smaller padding for button on mobile */
        font-size: 1rem;
    }

    .contact-section .lead {
        font-size: 1rem;
    }
}




/* footer start */



.footer {
    background: linear-gradient(105deg,#8c6a5e ,#b39c93);
    padding-top: 80px;
    padding-bottom: 40px;
    font-family: 'Playfair Display', serif;
}
/*END FOOTER SOCIAL DESIGN*/
@media only screen and (max-width:768px) { 
.single_footer{margin-bottom:30px;}
}
.single_footer h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 20px;
}
.single_footer h4::after {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background: #fff;
    margin-top: 20px;
    font-family: 'Playfair Display', serif;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Playfair Display', serif;
}
.single_footer ul li a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 36px;
    font-size: 15px;
    font-family: 'Playfair Display', serif;
    text-decoration: none;
}
.single_footer ul li a:hover { color: #ffa136; }

.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
    font-weight: 400;
    color: #fff;
    line-height: 28px;
    font-family: 'Playfair Display', serif;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    font-family: 'Playfair Display', serif;
}

/*START NEWSLETTER CSS*/
.subscribe {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 100%;
    font-family: 'Playfair Display', serif;
}
.subscribe__input {
background-color: #fff;
border: medium none;
border-radius: 5px;
color: #333;
display: block;
font-size: 15px;
font-weight: 500;
height: 60px;
letter-spacing: 0.4px;
margin: 0;
padding: 0 150px 0 20px;
text-align: center;
text-transform: capitalize;
width: 100%;
font-family: 'Playfair Display', serif;
}
@media only screen and (max-width:768px) { 
.subscribe__input{padding: 0 50px 0 20px;}
}

.subscribe__btn {
background-color: transparent;
border-radius: 0 25px 25px 0;
color: #ffbf36;
cursor: pointer;
display: block;
font-size: 20px;
height: 60px;
position: absolute;
right: 0;
top: 0;
width: 60px;
font-family: 'Playfair Display', serif;
}
.subscribe__btn i{transition: all 0.3s ease 0s;}
@media only screen and (max-width:768px) { 
.subscribe__btn{right:0px;}
}

.subscribe__btn:hover i{
    color:#ffbf36;
}
button {
    padding: 0;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/*END NEWSLETTER CSS*/

/*START SOCIAL PROFILE CSS*/
.social_profile {margin-top:40px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    margin: 0px 5px;
    font-size: 18px;
    color: #fff;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    border: 1px solid rgba(255,255,255,0.2);
    font-family: 'Playfair Display', serif;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
    width:40px;
    height:40px;
    line-height:40px;
}
}
.social_profile ul li a:hover{
background:#ffa136;
border: 1px solid #ffa136;
color:#fff;
border:0px;
}
/*END SOCIAL PROFILE CSS*/
.copyright {
    margin-top: 70px;
    padding-top: 40px;
    color:#fff;
    font-size: 15px;
    border-top: 1px solid rgba(255,255,255,0.4);
    text-align: center;
    font-family: 'Playfair Display', serif;
}
.copyright a{color:#ffa136;transition: all 0.2s ease 0s;text-decoration:none;}
.copyright a:hover{color:#7c4d17;}

.footer .fa{
    top: 12px;
    position: relative;
    right: 0px;
    font-size: 24px;

}
.subscribe__btn .fa{
    top: 0;
}

.footer .contact-section{
        background: transparent;
    color:transparent;
 padding: 0;
}

/* footer ends here */


.bottom-text{
    position: absolute;
    bottom: 0;
    background: #00000038;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
}