/*
Theme Name: PheonixBuild
Theme URI: http://localhost/Pheonix-Build-theme
Author: PheonixBuild
Author URI: http://localhost/Pheonix-Build-theme
Description: PheonixBuild custom theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: PheonixBuild

*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* Universal styling */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden !important;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
    font-family: 'Poppins', sans-serif;
}
h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
h5,h6,h1{
    font-family: 'Montserrat', sans-serif;
}
p{
    font-family: 'Poppins', sans-serif;
}
/*--------------------------
-------Header Section-------
----------------------------*/
header {
    background-color: #f8f9fa;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: black;
}
.menu-item  a{
    color: #787878;
	
}
.menu-item a:hover{
    color: black;
}

.top-header a p {
    margin-bottom: 0 !important;
    color: white;
    font-family: 'Poppins', sans-serif;
}
.navbar{
	background: #592E0C;
}
.fixed-top{
	background: #592E0C;
}

.call:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="%23f37422"%3E%3Cpath d="m15.556 14.548l-.455.48s-1.083 1.139-4.038-1.972c-2.955-3.111-1.872-4.25-1.872-4.25l.287-.303c.706-.744.773-1.938.156-2.81L8.374 3.91C7.61 2.83 6.135 2.688 5.26 3.609L3.691 5.26c-.433.457-.723 1.048-.688 1.705c.09 1.68.808 5.293 4.812 9.51c4.247 4.47 8.232 4.648 9.861 4.487c.516-.05.964-.329 1.325-.709l1.42-1.496c.96-1.01.69-2.74-.538-3.446l-1.91-1.1c-.806-.463-1.787-.327-2.417.336ZM13.26 1.88a.751.751 0 0 1 .861-.62c.025.005.107.02.15.03c.085.018.204.048.352.09c.297.087.712.23 1.21.458c.996.457 2.321 1.256 3.697 2.631c1.376 1.376 2.175 2.702 2.632 3.698c.228.498.37.912.457 1.21a5.727 5.727 0 0 1 .113.454l.005.031a.765.765 0 0 1-.617.878a.75.75 0 0 1-.86-.617a2.82 2.82 0 0 0-.081-.327a7.395 7.395 0 0 0-.38-1.004c-.39-.85-1.092-2.024-2.33-3.262c-1.237-1.238-2.412-1.939-3.262-2.329a7.394 7.394 0 0 0-1.003-.38a5.749 5.749 0 0 0-.318-.08a.759.759 0 0 1-.627-.861Z"%2F%3E%3Cpath fill-rule="evenodd" d="M13.486 5.33a.75.75 0 0 1 .927-.516l-.206.721l.206-.72h.003l.003.001l.008.002l.02.006l.056.02a5.028 5.028 0 0 1 .767.373c.489.29 1.157.77 1.942 1.556c.785.785 1.266 1.453 1.556 1.942c.145.245.241.444.303.59a2.969 2.969 0 0 1 .09.233l.005.02l.003.008v.003l.001.001s0 .002-.72.208l.72-.206a.75.75 0 0 1-1.439.422l-.003-.01a3.67 3.67 0 0 0-.25-.504c-.224-.377-.627-.947-1.327-1.647c-.7-.7-1.269-1.102-1.646-1.325a3.662 3.662 0 0 0-.504-.25l-.01-.004a.75.75 0 0 1-.505-.925Z" clip-rule="evenodd"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    position: relative;
    top: 3px;
    right: 3px;
}

.mail:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23f37422" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5z"%2F%3E%3C%2Fsvg%3E');
    position: relative;
    top: 3px;
    right: 3px;
}

/* Dropdown menu icon arrow */
.menu-item .menu-item-type-post_type .menu-item-object-page .menu-item-has-children .menu-item-35:a{
	content:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z"%2F%3E%3C%2Fsvg%3E');
	 position: relative;
    top: 3px;
    right: 3px;
}






.navbar {
    font-family: 'Montserrat', sans-serif;
}
.navbar-light{
    color: #000;
}

.navbar-nav li {
    padding: 0 13px;
}

.navbar-collapse .btn-outline-warning {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	
}
.menu-item a {
    font-size: 15px!important;
}
img.custom-logo {
	margin-right: 110px;
}
/* Dropdown Menu */
.navbar-nav ul ul{
	display: none;
}
.navbar-nav ul li:hover > ul {
    display: block;
}

.navbar-nav ul ul{
    display: none;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 99999;
	background:#fff;
    width: 350px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.navbar-nav li{
	position:relative;
	
}



/* Banner slider section */
.banner-section{
    margin-top: 150px;
}
.banner-img {
    background: url('./assests/images/banner.webp')no-repeat center/cover;
    height: calc(100vh - 170px);
}

.banner-content {
    position: relative;
    /* height: calc(100vh - 200px) !important; */
    top: 30% !important;
}

.inner-banner-content {
    margin: 150px 0;
}

.banner-h5 {
    color: #f47521;
    font-family: 'Poppins', sans-serif;
}

.banner-section .slick-dots li button {
    border-radius: 50%;
    background-color: #f47521;
    position: relative;
    transform: translateY(-50px);
}

.banner-section .slick-dots li.slick-active button:before {
    border-radius: 50%;
    background-color: black;
    border: 4px solid rgb(255, 254, 254);
}

.btn-banner-about {
    background: #ffffff;
    padding: 10px 20px;
    font-weight: 700;
}

.btn-banner-about:hover {
    background: #f47521;
    color: white;
}

/*---------------------------
------Welcome section--------
-----------------------------*/
.welcome {
    background: url('./assests/images/background.jpg')no-repeat center/cover;
    margin-top: -29px;
}

.amazing-card {
    background: #ebd9d9;
}

.quality-card {
    background: #cde3ce;
}

.modern-card {
    background: #eae3c9;
}

.support-card {
    background: #f2ddc8;
}

.welcome-card .row .col-md-3 .card {
    outline: none !important;
    border-radius: 0 !important;
    border: none !important;
}

.container .row .col-md-6 ul {
    padding: 0;
    margin: 0;
}

.container .row .col-md-6 ul li {
    color: #f47521;
    font-weight: 700;
}

.container .row .col-md-6 ul li:before {
    position: relative;
    top: 1px;
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 24 24"%3E%3Cpath fill="%23a6903c" d="M4.4 19.425q-.5.2-.95-.088T3 18.5v-3.725q0-.35.2-.625t.55-.35L11 12l-7.25-1.8q-.35-.075-.55-.35T3 9.225V5.5q0-.55.45-.838t.95-.087l15.4 6.5q.625.275.625.925t-.625.925l-15.4 6.5Z"%2F%3E%3C%2Fsvg%3E');
    margin-right: 10px;
}

/*---------------------------
---------Our services--------
-----------------------------*/
.img-fluid-item {
/*    width: 600px; */
    height: 90vh;
	object-fit: cover;
}

.img-fluid-item1 {
/*    width: 600px; */
    height: 100vh;
	object-fit: cover;
}

.painting,
.carpet-flooring
 {
    background: linear-gradient(10deg, rgba(105, 20, 14, 0.9276960784313726) 0%, rgba(213, 137, 54, 1) 100%);
}

.timber-flooring,
.modern-window,
.rugs-looring,
.industrial-flooring,
.vinyle-flooring,.kitchen-renovation {
    background: linear-gradient(216deg, rgba(4, 4, 78, 1) 0%, rgba(12, 186, 186, 1) 100%);
}

.tiles-flooring,
.soft-furnishing
 {
    background: linear-gradient(194deg, rgba(252, 87, 94, 1) 0%, rgba(247, 180, 44, 1) 100%);
}

.btn-tiles-flooring,
.btn-vinyle-flooring {
    background: #6c2b11;
    color: white;
    padding: 15px 25px;
}
.painting-img{
	object-fit:contain !important;
}
.btn-tiles-flooring:hover,
.btn-vinyle-flooring:hover {
    color: aliceblue;
}

.btn-timber-flooring,
.btn-modern-window,
.btn-rugs-looring,
.btn-industrial-flooring,
.btn-painting {
    background: #04044e;
    color: white;
    padding: 15px 25px;
}

.btn-timber-flooring:hover,
.btn-modern-window:hover,
.btn-rugs-looring:hover,
.btn-industrial-flooring:hover,
.btn-painting:hover {
    color: aliceblue;
}

.btn-carpet-flooring,
.btn-soft-furnishing,
.btn-kitchen-renovation {
    background: #cc151d;
    color: white;
    padding: 15px 25px;
}

.btn-carpet-flooring:hover,
.btn-soft-furnishing:hover,
.btn-kitchen-renovation:hover {
    color: aliceblue;
}


/*---------------------------
---Repaire and refinishing---
-----------------------------*/
.repaire {
    background: url('./assests/images/sec-12\(banner\).webp')no-repeat center/cover;
}

.btn-join-masterclass {
    background: #f47521;
    color: white;
    padding: 10px 20px;
    font-weight: 600;
}

/*--------------------------
----Why choose us Section---
----------------------------*/
.why-choose-us {
    background: url('./assests/images/background.jpg')no-repeat center/cover;
}

/* @media screen and (min-width: 991px) {

    .why-choose-us img {
        padding: 0 10px;
    }

    .why-choose-us .container .col-md-6 img:nth-child(2) {
        margin-top: -150px;
    }

    .why-choose-us .container .col-md-6 img:nth-child(3) {
        margin-top: 30px;
    }

    .why-choose-us .container .col-md-6 img:nth-child(4) {
        margin-top: -100px;
    }

    .grid-view .col-md-6:nth-child(1),
    .grid-view .col-md-6:nth-child(2) {
        border-bottom: 2px dashed rgb(51, 46, 46);
    }

    .grid-view .col-md-6:nth-child(1) {
        border-right: 2px dashed rgb(51, 46, 46);
    }

    .grid-view .col-md-6:nth-child(3) {
        border-right: 2px dashed rgb(51, 46, 46);
    }
}

@media screen and (max-width: 768px ) {
    .inner-banner-content {
        margin: 80px 0;
    }

    .why-choose-us .container .col-md-6 img {
        margin-top: 10px;
        margin: 10px auto;
        width: 300px;
        height: 400px;
    }
} */

/*--------------------------
--------FAQS Section--------
----------------------------*/
.working-process {
    background: url('./assests/images/sec-17\(banner\).webp')no-repeat center/cover;
    padding: 80px 0;
}

.working-process-card {
    background: rgba(164, 105, 63, 0.76);
    padding: 10px 20px;
    border-radius: 5px;
}

.working-process-card p:first-child {
    background-color: #D1B54A;
    display: inline-block;
    padding: 15px 50px;
    /* top: 100px !important; */
    margin-left: -20px;
    margin-top: -10px;
    border-radius: 5px;
}

/*--------------------------
--------FAQS Section--------
----------------------------*/
.faqs {
    background: url(./assests/images/background.jpg)no-repeat center/cover;
    padding: 50px 0;
}
.accordion {
    margin: auto;
    /* width: 400px; */
}

.accordion input {
    display: none;
}

.box {
    position: relative;
    background: rgba(255, 255, 255, 0);
    height: 64px;
    transition: all .15s ease-in-out;
}

.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    /* box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24); */
}


header .box-title {
    margin: 0;
    font-weight: normal;
    font-size: 16pt;
    color: white;
    cursor: initial;
}

.box-title {
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.box-content {
    width: 100%;
    /* width: calc(100% - 40px); */
    padding: 30px 20px;
    font-size: 11pt;
    color: rgba(0, 0, 0, .54);
    display: none;
}

.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}

input:checked+.box {
    height: auto;
    margin: 16px 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

input:checked+.box .box-title {
    border-bottom: 1px solid rgba(0, 0, 0, .18);
}

input:checked+.box .box-content,
input:checked+.box .box-close {
    display: inline-block;
}

.arrows section .box-title {
    padding-left: 44px;
    /* width: calc(100% - 64px); */
}
/* .arrows section .box-title:after{
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 24 24"%3E%3Cpath fill="%23f47521" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E');
} */
.arrows section .box-title:before {
    position: absolute;
    display: block;
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 2048 2048"%3E%3Cpath fill="%23f47521" d="M1920 896v128h-896v896H896v-896H0V896h896V0h128v896h896z"%2F%3E%3C%2Fsvg%3E');
    font-size: 18pt;
    left: 15px;
    top: 2px;
    transition: transform .15s ease-in-out;
    color: rgba(0, 0, 0, .54);
    width: 100%;
}

input:checked+section.box .box-title:before {
    position: absolute;
    display: block;
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30" viewBox="0 0 24 24"%3E%3Cpath fill="%23f47521" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E');
    left: 10px;
    top: 5px;
}

/*--------------------------
--------Promotion Section--------
----------------------------*/
.promotion-wrapper {
    background: url('./assests/images/sec-18\(banner\).webp')no-repeat center/cover;
    padding: 80px 0;
}

.btn-promotion {
    background-color: #f47521;
    color: white;
    font-weight: 700;
    padding: 10px 20px;
}

/*--------------------------
--------Portfolio Section--------
----------------------------*/
.portfolio-img1 {
    background: url('./assests/images/spc.jpg')no-repeat center/cover;
    height: 300px;
}

.portfolio-img2 {
    background: url('./assests/images/engineering.png')no-repeat center/cover;
    height: 300px;
}

.portfolio-img3 {
    background: url('./assests/images/laminate.jpg')no-repeat center/cover;
    height: 300px;
}

.portfolio-img4 {
    background: url('./assests/images/carpets.jpg')no-repeat center/cover;
    height: 300px;
}

.portfolio-img5 {
    background: url('./assests/images/vinyl.jpg')no-repeat center/cover;
    height: 300px;
}

.portfolio-img1-content .img1-content,
.img2-content,
.img3-content,
.img4-content,
.img5-content {
    display: none;
    transition: 5s ease-out;
}

.portfolio-img1:hover .img1-content,
.portfolio-img2:hover .img2-content,
.portfolio-img3:hover .img3-content,
.portfolio-img4:hover .img4-content,
.portfolio-img5:hover .img5-content {
    display: block;
    z-index: 99;
}

/*--------------------------
-----Testimonial Section----
----------------------------*/
.testimonial {
    background: url(./assests/images/sec-20.webp)no-repeat center/cover;
    color: white;
}

.border-styles {
    border: 2px solid #d1b54a;
    padding: 40px 40px;
    border-top-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.border-styles:after {
    position: relative;
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="44" height="44" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M18.62 18h-5.24l2-4H13V6h8v7.24L18.62 18zm-2-2h.76L19 12.76V8h-4v4h3.62l-2 4zm-8 2H3.38l2-4H3V6h8v7.24L8.62 18zm-2-2h.76L9 12.76V8H5v4h3.62l-2 4z"%2F%3E%3C%2Fsvg%3E');
    left: -45px;
    bottom: -60px;
    background: rgba(0, 0, 0, 0);
}

.border-styles:before {
    /* position: absolute; */
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="44" height="44" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M11 18v-8H9.12l2-4H5.38L3 10.76V18m6-2H5v-4.76L6.62 8h1.26l-2 4H9m12 6v-8h-1.88l2-4h-5.74L13 10.76V18m6-2h-4v-4.76L16.62 8h1.26l-2 4H19Z"%2F%3E%3C%2Fsvg%3E');
    right: 500px !important;
    top: -20px;
}

.slick-dots li button {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
}

.slick-dots li.slick-active button:before {
    border-radius: 50%;
    background-color: #1e1c1f;
    border: 2px solid rgb(255, 254, 254);
}

.slick-prev:before {
    content: '' !important;
}

.slick-next:before {
    content: '' !important;
}

.first-content img,
.second-content img {
    height: 100px;
    width: 100px;
    border-radius: 50px;
}

.user-content h3 {
    color: #f47521;
}

/*--------------------------
--------Blog Section--------
----------------------------*/
.blog {
    background: url(./assests/images/background.jpg)no-repeat center/cover;
}

.card-inline-content p {
    color: #d1b54a;
}

.card-inline-content p span {
    color: #f47521;
}

.blog .container h5 {
    font-size: large;
}

h6 {
    color: #f47521;
    font-size: larger;
    position: relative;
    /* display: inline; */
    /* margin: 0 auto !important; */
}

h6:after {
    margin-left: -5em;
    margin-top: 5px;
    content: '';
    position: absolute;
    width: 100px;
    height: 3px;
    background: #d1b54a;
    top: 100%;
    /* left: 0; */
}

.blog .card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/*--------------------------
-------Footer Section-------
----------------------------*/
footer {
    background: url(./assests/images/sec-22.webp)no-repeat center/cover;
    /* height: 50vh; */
    /* bottom: 0 !important; */
}

footer ul li:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23f37422" d="M16 8H8v8h8V8Z"%2F%3E%3C%2Fsvg%3E');
    vertical-align: middle;
    position: relative;
    top: 2px;
}

footer ul {
    padding: 0 !important;
}

footer ul a {
    text-align: start;
}
footer ul li{
	color: white;
}
footer ul a {
    color: aliceblue !important;
	 color:white;
}

footer h4 {
    color: #f47521;
    padding: 15px 0;
}
footer p{
    color: white;

}

.input-group {
    display: flex;
    align-items: center;
}

.input {
    min-height: 50px;
    max-width: 180px;
    padding: 0 1rem;
    color: #fff;
    font-size: 15px;
    border: 1px solid #d1b54a;
    border-radius: 6px 0 0 6px;
    background-color: transparent;
}

.button--submit {
    min-height: 50px;
    padding: .5em 1em;
    border: none;
    border-radius: 0 6px 6px 0;
    background-color: #d1b54a;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23f37422" d="m3.4 20.4l17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12L2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z"%2F%3E%3C%2Fsvg%3E');
}

.button--submit:hover {
    background-color: #5e5dcd;
}

.input:focus,
.input:focus-visible {
    border-color: #d1b54a;
    outline: none;
}

.credits {
    background-color: #1e1c1f;
}

.credits p {
    padding: 10px 0;
    margin-bottom: 0;
}



/*--------------------------
---About us page styles-----
----------------------------*/
.bannerinnerpage-img{
    background: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('./assests/images/inner-page-banner.webp')no-repeat center/cover;
    height: 60vh;
}
.inner-service-content .col-md-4 .card img{
    height: 300px;
}
.inner-service-content .col-md-4{
    padding: 0 10px;
}
.inner-service-wrapper .slick-dots li button {
    border-radius: 50%;
    background-color: #f47521;
    position: relative;
    transform: translateY(10px);
}

.inner-service-wrapper .slick-dots li.slick-active button:before {
    border-radius: 50%;
    background-color: black;
    border: 4px solid rgb(255, 254, 254);
}
.inner-service-wrapper .slick-dots li button:before{
    font-size: 0;

}

.banner{
    margin-top: 150px;
}


.blog-card-atag{
    color: black;
}
.blog-card-atag:hover {
    color: #6c2b11;
}


.single-blog-part img{
    height: 60vh;
    width: 100%;
}


/*************************/
Contact Section Form Start
/*************************/
 
.contact-icon a{
    color: black;
    font-size: 18px;
}

/*Footer  call now option fixed*/
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.menu-item-has-children{
	position: relative;
}
.menu-item-has-children:before{
	content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1.5em" height="1.5em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m7 10l5 5l5-5H7Z"%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	right:-5px;
	
}
@media screen and (min-width:991px)
{
		.sub-menu{
	text-align: left ;
			line-height: 2;
}
}
/*-----------------------------------
      Contact Us Page Section
------------------------------------*/
.contact-page-section .contact-section-content{
	padding: 7em 3em 3em 3em;
}
.contact-page-section .contact-section-content .section-sub-title{
	color:var(--secondary-color);
}
.contact-page-section .contact-section-content .section-title{
	color: #fff;
	line-height: 43px;
}
.contact-page-section .contact-section-para{
	color: #f0f0f0;
	
}
.contact-page-section .contact-section-content-text{
	border-bottom: 1px solid #FFFFFF25;
}
.contact-page-section .contact-section-info .contact-section-icon{
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: var(--primary-color);
	border-radius: 4px;
	
}
.contact-page-section .contact-section-info .contact-section-icon svg{
	width: 25px;
	height: 25px;
	color: #fff;
}
.contact-page-section .contact-section-info .contact-section-details h3{
	color: #fff;
	 font-family: "Alumni Sans", sans-serif;
	font-weight: 700;
}
.contact-page-section .contact-section-info .contact-section-details a{
	color: #d1d1d1;
}
@media screen and (min-width:991px){
	.contact-page-section .contact-section-info .contact-section-details h3{
		font-size: 24px;
	}
}

.contact-page-section .contact-section-form-details h3{
	color: var(--primary-color);
	font-weight: 700;
	line-height: 43px;
	font-family: "Inter", sans-serif;
}
.contact-page-section .contact-section-form-details p{
	color: #666;
}
@media screen and (min-width: 991px){
	.contact-page-section .contact-section-form-details h3{
		font-size: 45px;
	}
}
.contact-page-section .contact-section-form label{
	color: var(--secondary-color);
	font-weight: 500;
}
.contact-page-section .contact-section-form input{
	background: #f0f0f0;
	border: none;
	height: 45.19px;
	border-radius: 4px;
}
.contact-page-section .contact-section-form input:focus{
	box-shadow: none;
	border: 1px solid #f0f0f0;
	background: transparent;
}
.contact-page-section .contact-section-form textarea{
	background: #f0f0f0;
	border: none;
	height: 150px;
	border-radius: 4px;
}
.contact-page-section .contact-section-form textarea:focus{
	box-shadow: none;
	border: 1px solid #f0f0f0;
	background: transparent;
}
.contact-page-section .contact-section-form input::placeholder{
	color: #666;
}
.contact-page-section .contact-section-form .theme-btn{
	background: #d1b54a !important;
	font-size: 14px;
	height: unset;
	padding: 10px 20px;
	color: var(--text-white);
	
}
.contact-page-section .contact-section-form .theme-btn:hover{
	background: orange !important;
	color: #fff;
}

@media screen and (min-width:991px){
	.contact-page-section .contact-section-form-wrapper{
	padding: 3em;
}
}
.modal-backdrop.show {
    opacity: .1;
}
.modal-backdrop {
	position: unset !important;
}

/*-----------------------------------
  Contact Section
------------------------------------*/
.contact-section .contact-section-img-wrapper{
    background: var(--secondary-color);
    position: relative;
}
.contact-section .contact-section-img-wrapper img{
    position: absolute;
    top: -30px;
    left: 25px;
}
@media screen and (max-width:768px){
	.contact-section .contact-section-img-wrapper img{
    position: unset;
   
}
}
.contact-section .contact-section-form input{
    height: 50px;
    border: 1px solid orange;
    width: 100%;
    border-radius: 5px;
}
.contact-section .contact-section-form textarea{
    height: 120px;
    border: 1px solid orange;
    width: 100%;
    border-radius: 5px;
}
.contact-section .contact-section-form input:focus,
.contact-section .contact-section-form textarea:focus{
    box-shadow: none;
    border: 1px solid orange);
}
.contact-section .contact-section-form input::placeholder,
.contact-section .contact-section-form textarea::placeholder{
    font-size: 14px;
    color: #00000080;
}
@media screen and (min-width:991px){
    .contact-section .contact-section-img-wrapper{
        width: 630px;
        height: 435px;
    }
    .contact-section .contact-section-img-wrapper img{
        
        width: 581px;
        height: 412px;
    }
    .contact-section .contact-section-form {
        padding-left: 80px;
    }
}
.contact-section .contact-section-form .theme-btn{
    color: var(--text-white);
    transition: all .5s ease-in-out;
    border: none;
}
.contact-section .contact-section-form .theme-btn:hover{
    background: orange;
}