* {
        margin: 0;
        padding: 0;
}

:root {
     --theme-blue: #3D8BD3;
     --dark-black: #333333;
     --theme-font: 'Open Sans', sans-serif;
     --light-blue: #DFECF5;
}

body {
        color: var(--dark-black);
        font-family: var(--theme-font);  
        background-color: #FCFCFC;
}

h1 {
        font-size: 70px;
        font-weight: 700;
        line-height: 95.5px;
}

h2 {
        font-size: 32px;
}

p {
        line-height: 32px;
}

.custom-container-fluid {
        padding-left: 110px;
        padding-right: 110px;
}

header {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        z-index: 999;
        position: fixed;
        overflow: hidden;
}

header.sticky {
       background-color: #3D8BD3;
}

header .brand-maker-header {
        padding: 20px 0;
}

header .brand-maker-header .brand-maker-nav .navbar .navbar-nav .nav-item  .nav-link {
        padding: 0 20px;
        font-size: 18px;
        color: var(--bs-white);
}

header .nav-btn-wrapper .phone-text{
        font-size: 18px;
}


/* banner */
#videobg {
        position: relative;
        overflow: hidden;
        padding-bottom: 120px;
}
    
#bgVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        transform: translate(-50%, -50%);
}

.header-space {
        margin-top: 230px;
}

.hero-banner {
        position: relative;
        width: 100%;
        z-index: 1;
}


.banner-heading {
        z-index: 1;
        position: relative;
}

.banner-content {
        z-index: 1;
        position: relative;
}


.phone-icon {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        border: 1px solid var(--bs-white);
}

.heading-inner-space {
        padding-left: 67px;
}

.heading-right-space {
        padding-left: 305px;
}

.banner-heading {
        position: relative;
}

.banner-heading::before {
        content: '';
        top: -25px;
        left: 0;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        position: absolute;
        background: linear-gradient(133deg, #3D8BD3 12.09%, rgba(34, 106, 171, 0.00) 140.03%);
}

.btn.theme-btn{
        color: var(--bs-white);
        padding: 15px 25px;
        background-color: var(--theme-blue);
}

/* about us */

.about-wrapper {
        overflow: hidden;
        padding: 90px 0;
}

.small-heading {
        color: #3D8BD3;
        z-index: 2;
        padding: 0 10px;
        position: relative;
        display: inline-block;
        background-color: #FCFCFC;
        margin-left: 15px;
}

.small-heading-wrapper {
        position: relative;
}

.small-heading-wrapper::before {
        content: '';
        width: 139px;
        height: 1px;
        top: 12px;
        left: 0;
        position: absolute;
        background-color: #3D8BD3;
}

.about-para {
        margin-top: 50px;
        line-height: 32px;
        font-weight: normal;
        padding-bottom: 50px;
        border-bottom: 1px solid #979797;
}

.phone-wrapper {
        width: 50px;
        height: 50px;
        border: 1px solid #3D8BD3;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
}

.phone-number-wrapper {
        margin-top: 50px;
}

.about-seoond-img {
        border: 15px solid #FCFCFC;
        margin-top: -380px;
}

/* .about-content-wrapper {
        padding-right: 60px;
} */

.brang-color {
        color: #3D8BD3;
}

.service-wrapper {
        padding: 90px 0;
        overflow: hidden;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images/service-bg.jpg);
}

.large-heading {
        width: 32%;
}

.heading-wrapper {
        margin-top: 20px;
}

.service-card{
        padding: 30px;
        margin-top: 70px;
        position: relative;
        text-align: center;
        border-radius: 6px;
        background-color: #fff;
        transition: all 0.3s ease-in;
}

.service-card:hover {
        background-color: #3D8BD3;
}

.service-card:hover .service-text {
        color: #ffff;

}

.service-img {
        width: 92px;
        height: 92px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        margin: 0 auto 20px;
        background-color: #F7F7F9;
}

/* footer */
footer {
        padding: 90px 0;
        background-color: #0E2E47;
}

.footer-about {
        margin-top: 36px;
}

.footer-about p {
        color: #ebebeb;
        font-weight: 400;
        line-height: 30px;
}

.social-media-link {
        padding-left: 0;
        display: flex;
        margin-top: 37px;
}

.social-media-link li {
        width: 60px;
        height: 60px;
        display: flex;
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        margin-right: 20px;
        border: 1px solid #ffff;
}

.social-media-link li i {
        font-size: 24px;
        color: #fff;
}

li {
        list-style: none;
}

.footer-heading {
        padding-left: 60px;
}

.footer-heading h5 {
        color: #ebebeb;
        margin-top: 30px;
}

.footer-links {
        margin-top: 50px;
        padding-left: 0;
}

.footer-links li {
        margin-bottom: 15px;
}

.footer-links li:hover a{
        margin-left: 7px;
        color: #fff;
        transition: all 0.3s ease-in;
}

.footer-links li a {
        color: #ebebeb;
        text-decoration: none;
}

.contact-info .footer-phone {
        width: 54px;
        height: 54px;
        margin-right: 15px;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
}



/* contact */
.contact-form-wrapper {
        position: relative;
        padding: 60px 0 120px;
}

.contact-form-wrapper::before {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
        right: 0;
        width: 100%;
        height: 70%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url(../images/bg-assets.svg);
}

.contact-form h2{
        margin-bottom: 50px;
}

.custom-input {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 22px 25px;
}

.custom-input:focus {
        outline: 0;
        box-shadow: none;
        border: 1px solid var(--theme-blue);
}

.contact-img-wrapper {
        z-index: 1;
        padding-left: 40px;
        position: relative;
}

.contact-img-wrapper::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: 70%;
        margin-right: -15px;
        margin-bottom: -15px;
        background-color: var(--theme-blue);
        border-bottom-right-radius: 158px;
}

.contact-img-wrapper img {
        width: 100%;
        position: relative;
        border-bottom-right-radius: 153px;
}

/* costmized gift */

.custmized-gift-wrapper {
        padding: 90px 0;
}

.custmized-gift-wrapper .row .col-lg-4 {
        margin-bottom: 25px;
}

.gifts-heading-wrapper {
        margin-bottom: 60px;
}

.gifts-heading-wrapper .small-heading-wrapper::before {
        left: 0;
        right: 0;
        margin: 0 auto;
}

.gifts-inner-wrapper {
        position: relative;
        border-radius: 6px;
}

.gifts-inner-wrapper:hover .gift-img-wrapper::before {
        visibility: visible;
        opacity: 1;
}

.gift-img-wrapper::before { 
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
        right: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        height: 100%;
        transition: all 0.3s ease-in;
        background-color: rgba(61, 139, 211, 0.8);
}

.gifts-inner-wrapper:hover .gift-content {
        opacity: 1;
        visibility: visible;
}


.gift-img-wrapper img {
        width: 100%;
        border-radius: 6px;
}

.gift-content {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        border-radius: 6px;
        opacity: 0;
        color: var(--bs-white);
        position: absolute;
        visibility: hidden;
        justify-content: center;
        transition: all 0.3s ease-in;
}

/* project slider */
.project-wrapper {
        padding: 90px 0 0;
        position: relative;
        overflow: hidden;
}


.project-wrapper .project-slide-wrapper{
        margin-top: 70px;
        margin-left: 0; 
        width: 100%;
        max-width: 85%;
        margin-right: auto;
}

.project-slide-wrapper .slick-slide {
        padding: 0 10px;
}

.project-slide-wrapper .slick-prev, .slick-next{
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 50px;
        top: auto !important;
        z-index: 9;
        bottom: 0 !important;
        background-color: var(--light-blue) !important;
}

.project-slide-wrapper .slick-next{
        right: 0 !important;
        margin-right: -189px;
}

.project-slide-wrapper .slick-prev{
        margin-right: -140px;
        left: auto !important;
        right: 0 !important;
}

.project-slide-wrapper .slick-prev:before, .slick-next:before {
        font-size: 18px;
        color: var(--theme-blue) !important;
}

/* .project-slide-wrapper .slick-dots  li button{
        background-color: var(--light-blue) !important;
} */

/* .project-slide-wrapper .slick-dots  li {
        display: block;
        bottom: auto !important;
        position: absolute;
        top: auto !important;
        right: 0 !important;
} */

.project-slide-wrapper .slick-dots  li button::before {
        font-size: 0;
}

.project-slide {
        position: relative;
}

.project-slide .project-text {
        bottom: 0;
        left: 0;
        right: 0;
        width: 75%;
        text-align: center;
        margin-bottom: -50px !important;
        margin: 0 auto 0;
        position: absolute;
        background-color: white;
        padding: 26px;
        box-shadow: -1px 2px 15px 2px rgba(72, 72, 72, 0.3);
}

.project-slide .project-text h4{
        margin-bottom: 0;
}

.project-slide-wrapper .slick-list{
        padding-bottom: 65px;
}