@font-face {
    font-family: sf100;
    src: url('../fonts/SF-Pro-Display-Ultralight.otf');
}

@font-face {
    font-family: sf200;
    src: url('../fonts/SF-Pro-Display-Thin.otf');
}

@font-face {
    font-family: sf300;
    src: url('../fonts/SF-Pro-Display-Light.otf');
}

@font-face {
    font-family: sf400;
    src: url('../fonts/SF-Pro-Display-Regular.otf');
}

@font-face {
    font-family: sf500;
    src: url('../fonts/SF-Pro-Display-Medium.otf');
}

@font-face {
    font-family: sf600;
    src: url('../fonts/SF-Pro-Display-Semibold.otf');
}

@font-face {
    font-family: sf700;
    src: url('../fonts/SF-Pro-Display-Bold.otf');
}

@font-face {
    font-family: cool;
    src: url('../fonts/coolvetica.ttf');
}

@font-face {
    font-family: Delighter;
    src: url('../fonts/Delighter.otf');
}

body {
    font-family: sf300;
}

a {
    color: #2D2C2C;
    text-decoration: none !important;
}

a:hover {
    color: #2D2C2C;
    text-decoration: none !important;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    -webkit-box-shadow: none !important;
    outline: none;
}

p {
    color: #2D2C2C;
}

.navbar-nav .active>.nav-link {
    color: #D72985 !important;
}

.nav-link {
    font-family: sf400;
    color: #2D2C2C !important;
}

.nav-link:hover {
    color: #D72985 !important;
}

.service-link {
    font-family: sf400;
}

.dropdown-item:hover {
    background: none;
    color: #D72985 !important;
}

.service-link:hover {
    color: #D72985 !important;
}

.service-link.active {
    color: #D72985 !important;
}


/* .nav-item:hover {
    z-index: 1;
    box-shadow: 5px 5px 10px 3px rgb(214, 214, 214);
    padding: 30px 0px;
} */

.nav-item:hover .navbar-nav {
    position: absolute;
}

.banner-text {
    position: absolute;
    color: #fff;
}

.banner1 .owl-nav {
    display: none;
}

.banner1 .owl-dots {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #D72985 !important;
}

.ourteam .owl-nav {
    display: none;
}

.ourteam .owl-dots {
    display: block !important;
    color: #D72985 !important;
}

.black-box {
    position: absolute;
    background-color: #000;
    opacity: 0.3;
    height: 100%;
    width: 1800px;
}

.black-box2 {
    position: absolute;
    background-color: #000;
    opacity: 0.3;
    height: 300px;
    width: 100%;
}

.why-section {
    color: #2D2C2C !important;
}

.why-section p {
    font-size: 15px !important;
}

.service-head {
    color: #2D2C2C !important;
}

.service-section p {
    color: #2D2C2C !important;
}

.service-section h3 {
    color: #D72985 !important;
}

.service-section img {
    object-fit: cover;
    height: 400px;
}

.story-section {
    background-image: url("../img/storybg.jpg");
    background-size: 100%;
    object-fit: cover;
}

.story-box {
    background-color: #fff;
    opacity: 0.7;
}

.extra-box {
    border: 1px solid #EFEFEF;
    height: 300px;
}

.extra-box img {
    height: 80px;
    object-fit: contain;
}

.extra-box p {
    font-size: 14px;
}

.extra-box:hover {
    border: none;
    border-bottom: 3px solid #E4097D;
    box-shadow: 5px 5px 10px 3px rgb(214, 214, 214);
}

.foot h3 {
    color: #D72985;
}

.foot p {
    font-size: 14px;
}

.frm {
    border: none;
}

.subscribe-btn {
    background-color: #F5CF44;
    font-size: 15px;
    font-weight: 600;
    color: #2D2C2C;
}

.index-extra {
    width: 60%;
}

.service-btn {
    position: absolute;
    margin-top: -30px;
    right: 90px;
    font-size: 17px;
    background-color: #fff;
    border: 1px solid #E4097D;
}

.about-extra {
    height: 300px;
    border-radius: 15px;
    box-shadow: 5px 5px 10px 3px rgb(239, 239, 239);
}

.about-extra img {
    height: 70px;
}

.fmc {
    border-bottom: 1px solid rgb(214, 214, 214) !important;
}

.submit-btn {
    background-color: #D90877;
    color: #fff;
    border-radius: 10px;
}

.purple-box {
    position: absolute;
    right: 0;
    margin-top: -35px;
    z-index: -1;
    height: 300px;
    width: 200px;
    background-color: #D90877;
}

.service-filter {
    border-radius: 20px;
    /* width: 200px; */
    box-shadow: 5px 5px 10px 3px rgb(214, 214, 214);
}

.why-pics img {
    height: 530px !important;
    object-fit: cover;
}

.about-banner img {
    height: 300px;
    object-fit: cover
}

.position2 {
    background-color: #EFEFEF;
    height: 490px;
    /* position: absolute;
    z-index: -1;
    right: 60px; */
}

.mission-heading h1 {
    color: #5b5b5b;
}

.about-mission-p h2 {
    font-size: 23px !important;
    font-weight: 600;
}

.about-mission-p h3 {
    font-size: 17px !important;
    font-weight: 600;
}

.about-mission-p ul li {
    font-size: 14px !important;
}

.about-end {
    height: 500px;
}

.about-end img {
    margin-left: 30px;
    z-index: 1;
    height: 420px
}


/* 
.tabcontent img {
    height: 400px;
    object-fit: contain
} */