*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    scroll-behavior: smooth;
}
:root{
    --inter-font: 'Inter';
    --playfairdisplay-font: 'Playfair Display';
    --glamor-font: 'Glamor Med Ext';
    --white-color: #ffffff;
    --primary-color: #9C1137;
    --secondry-color: #FFF6F8;
    --black-color: #000000;
    --text-color: #555;
}

p{
    margin-bottom: 0px !important;
}

.circle {
    width: 40px;
    height: 40px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 24px;
    color: #000;
    text-align: center;
    background: #fafafa;
    text-transform: uppercase;
}



/* section-1 start  */
.navbar{
    position: fixed !important;
    top: -10px;
    right: 0;
    left: 0;
    z-index: 999999;
    padding-bottom:0;
}
.add_class{
    padding: 10px 20px;
}
.navbar #nav{
    background: rgb(0 0 0 / 66%);
    backdrop-filter: blur(10px);
    
}
.navbar .container-fluid{
    background-color: rgb(0 0 0 / 66%) !important;
    backdrop-filter: blur(10px) !important;
    
}
.navbar .navbar-nav .nav-item .nav-link{
    color: var(--white-color);
    font-family: var(--inter-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.6px;
    text-transform: uppercase;
}
.nav_searchbar{
    position: relative;
}
.nav_searchbar i{
    color: var(--white-color);
    position: absolute;
    left: 12px;
}
.nav_searchbar .form-control{
    border: none !important;
    border-radius: 40px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    padding: 10px 30px 10px 37px !important;
    color: var(--white-color) !important;
}
.nav_button{
    border: none !important;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.10);
    padding: 10px 20px;
}
.nav_button a{
    text-decoration: none;
    color: var(--white-color);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-transform: capitalize;
}
.navbar-toggler-icon{
    color: var(--white-color);
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
}
/* section-1 end  */

/* section-2 start  */
.fu_customer_review{
    position: relative;
}
.slider {
    width: 100%;
}
.slider .slick-prev:before {
	content:url(/static/company/image/left_arrow.svg) !important;
    width: 30px !important;
    height: 10px !important;
}
.slider .slick-next:before {
	content:url(/static/company/image/right_arrow.svg) !important;
    width: 30px !important;
    height: 10px !important;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px !important;
    line-height: 1;
    opacity: .75;
    color: var(--white-color) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slider__counter{
    font-family: 'Sofia Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    bottom: 76px;
    z-index: 1;
    color: var(--white-color) !important;
    left: 447px;
    z-index: 1;
    z-index: 99;
}
.slider .slick-prev {
    left: 77% !important;
}
.slider .slick-next {
    right: 19% !important;
}
.slider .slick-prev, .slider .slick-next {
    font-size: 0 !important;
    line-height: 0 !important;
    position: absolute !important;
    top: 90% !important;     
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: -10px !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    z-index: 999 !important;
    background: transparent !important;
}
@media (max-width:1299px){
    
    .slider__counter{
        left: 13%;
        top: 85%;
    }
    .slider .slick-prev, .slider .slick-next{
        top: 82% !important;
        right: 13% !important;
    }
}
@media (max-width:766px){
    
    .slider .slick-prev, .slider .slick-next{
        top: 73% !important;
        right: 13% !important;
        
    }
   
}
@media (max-width:576px){
    
    .navbar .container{
        background-color: rgb(156, 17, 54) !important;
        backdrop-filter: blur(10px) !important;
    }
    .fu_customer_review{
        margin-top: 56px;
    }
    .slider .slick-prev:before {
        content:url(/static/company/image/left_arrow_mobile.svg) !important;
        left: 100%;
    }
    .slider .slick-next:before {
        content:url(/static/company/image/right_arrow_mobile.svg) !important;
    }
    .slider__counter{
        top: 70% !important;
    }
    .slider .slick-prev {
        left: 67% !important;
    }
}
/* section-2 end  */

/* section-3 start  */
.sail_about{
    background-image: url(../image/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.sail_headding h2{
    color: var(--primary-color);
    font-family: var(--playfairdisplay-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    margin: 33px 0px 33px 0px;
}
.sail_about p{
    color: var(--text-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.6px;
    text-transform: capitalize;
}
.sail_about .social-media-links a{
    text-decoration: none;
    margin-right:5px;
}
.sail_about .social-media-links img{
    width: 30px;
}
@media (max-width:576px){
    .sail_headding{
        text-align: center;
    }
}
/* section-3 end  */

/* section-4 start  */
.sail_values{
    padding: 100px 0px;
    background-image: url(../image/image17.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sail_values .sail_headding{
    padding-left: 16px;
}
.sail_values .sail_headding h2{
    margin: 24px 0px 24px 0px;
}
.sail_values .sail_headding p{
    color:  #7B7B7B;
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; 
    text-transform: capitalize;
}
.value_card{
    padding: 9px;
    border-radius: 10px;
    border: 1px solid var(--primary-100, #F6B7C0);
}
.sail_values .value_card .number{
    color: #F6B7C0;
    text-align: right;
    font-family: var(--glamor-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 142.857% */
    letter-spacing: 4.2px;
    text-transform: uppercase;
}
.value_card h2{
    color: var(--black-color);
    font-family: var(--inter-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 24px 0px 16px 0px;
}
.value_card p{
    color:  var(--text-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}
/* section-4 end  */

/* section-5 start  */
.sail_offer{
    padding: 100px 0px;
    background-image: url(../image/image16.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.offer_card{
    border-radius: 10px;
    border: 1px solid var(--primary-100, #F6B7C0);
    padding: 30px 20px;
}
.offer_card h2{
    color: var(--black-color);
    font-family: var(--playfairdisplay-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 4.2px;
    text-transform: uppercase;
}
.offer_card p{
    color: #434343;
    font-family: var(--inter-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
/* section-5 end  */

/* section-6 start  */
.sail_benefits{
    padding: 100px 0px;
    background-color: var(--secondry-color);
}
.sail_benefits .sail_headding h2{
    margin: 24px 0px 24px 0px;
}
.sail_benefits p{
    color: var(--text-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    text-transform: capitalize;
    margin-bottom: 24px !important;
}
.benefits_offer h2{
    color: var(--secondary-600, #555);
    font-family: var(--inter-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize;
}
.benefits_offer p{
    color: var(--secondary-600, #555);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 0px !important;
}
/* section-6 end  */

/* section-7 start  */
.sail_inventry{
    padding: 100px 0px;
    background-color: var(--secondry-color);
}
.sail_inventry .sail_headding h2{
    margin: 24px 0px 24px 0px;
}
.sail_inventry .sail_headding p{
    color: var(--text-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
    text-transform: capitalize;
}
.inventry_card{
    border-radius: 10px;
    background: var(--secondry-color);
}
.inventry_card h2{
    color: var(--text-color);
    font-family: var(--inter-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 12px 0px 12px 0px;
}
.inventry_card p{
    color: var(--text-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    text-transform: capitalize;
    margin-bottom: 12px !important;
}
.inventry_card a{
    text-decoration: none;
    color: var(--primary-color);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.inventry_card a:hover{
    color: var(--primary-color);
}
/* section-7 end  */

/* section-8 start  */
.sail_contact{
    padding: 100px 0px;
    background-color: var(--secondry-color);
}
.contact_details{
    background-color: var(--primary-color);
    padding: 100px 30px 100px 30px;
}
.sail_contact .sail_headding h2{
    color: var(--white-color);
    margin: 24px 0px 24px 0px;
}
.sail_contact .sail_headding p{
    color: var(--white-color);
}
.contect_us p{
    color: var(--primary-50, #FFF6F8);
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    text-transform: capitalize;
}
.contect_us p a{
    text-decoration: none;
    color: var(--white-color);
}
.contact_form{
    padding: 90px 30px 90px 30px !important;
    background-color: var(--white-color);
}
.contact_form h2{
    color: var(--black-color);
    font-family: var(--playfairdisplay-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 178.571% */
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.sail_contact form label{
    color:  #434343;
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    text-transform: capitalize;
}
.sail_contact form .form-control{
    color:  #7B7B7B;
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    text-transform: capitalize;
    border-bottom: 1px solid #D9D9D9 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    display: block;
    width: 100%;
    padding: 0.375rem 0rem !important; 
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: transparent !important;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.sail_contact form .btn-primary {
    color: #fff;
    background-color: var(--primary-color) !important;  
    border-color: var(--primary-color);
    border-radius: 40px;
    transition: 1s;
}
.sail_contact form  .btn-primary:hover {
    color: var(--black-color);
    background-color: transparent !important;
    border-color: var(--primary-color);
}
.sail_contact form .btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: none !important;
    border-color: none !important;
    box-shadow: none !important;
}
/* section-8 end  */

/* section-9 start  */
.sail_footer{
    background-color: #262626;
}
.office_details{
    padding: 50px 0px;
    background-color: #9C1137;
    text-align: center;
}
.office_details .social-media-links img{
    margin-bottom: 30px !important;
    width: 6%;
}
.office_details a{
    color: var(--white-color);
    text-align: center;
    font-family: var(--inter-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 178.571% */
    text-transform: capitalize;
    text-decoration: none;
}
.office_details a:hover{
    color: var(--white-color);
}
.page_links h2{
    color: var(--white-color);
    font-family: var(--inter-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
    text-transform: uppercase;
    margin-bottom: 30px !important;
}
.page_links ul{
    list-style-type: none;
    padding: 0;
}
.page_links ul li{
    margin-bottom: 12px;
}
.page_links ul li a{
    color:  #9D9D9D;
    font-family: var(--inter-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    text-transform: uppercase;
    text-decoration: none;
}
/* section-9 end  */