/*-- main-color-> #ff4181 , second-color-> #d10277 --*/

section .section-heading h2 {
    color: #d10277;
}

.bg-blue {
    background-color: #d10277;
}

.header-two nav.navbar.navbar-default.navbar-expand-md {
    border: 0;
}

.mini-topbar-row .social_media {
    margin: 0;
}

.mini-topbar-row {
    display: flex;
    justify-content: space-between;
}

.social_col .social_media a {
    color: #212121;
}

.social_col .social_media a i:before {
    font-size: 24px;
}

nav.navbar.navbar-default.navbar-expand-md {
    min-height: 140px;
    border-bottom: 2px solid #e1e0e0;
    padding: 0;
    background: linear-gradient(90deg, #ff4181 24%, #d10277 31%);
}

.header-two .main-navbar .navbar-nav .nav-link.active,
.header-two nav .dropdown-toggle.active::after,
.header-two .main-navbar .navbar-nav .nav-link:hover,
.header-two nav .dropdown-toggle:hover::after {
    color: #000;
}

.header-two .navbar-toggler-icon:before {
    background: #ffffff;
    box-shadow: 0 12px #616161, 0 24px #616161;
    -webkit-box-shadow: 0 7px #ffffff, 0 14px #ffffff;
    -moz-box-shadow: 0 12px #333, 0 24px #ffffff;
}

.header-two .navbar-brand img.img-fluid {
    position: relative;
    z-index: 9;
}

.brand_toggle_cont {
    width: 256px;
    bottom: 0;
    align-items: center;
    display: flex;
    min-height: 100px;
    border-radius: 100px;
    background-color: #ff4181;
}

header.header-two .main-navbar .navbar-nav .nav-link {
    color: #fff;
}

header.header-two nav .dropdown-toggle::after {
    color: #fff;
}

header.header-two .main-navbar .dropdown-menu {
    background-color: #ff4181;
}

.home-banner {
    overflow: hidden;
    background: linear-gradient(4deg, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0) 69%), url(../images/all-img/home-banner-2.jpg)!important;
    background-size: cover!important;
    background-position: center;
}

.home-banner-row .banner-content h1 {
    color: #d10277;
}

.right-img-box_inner-2 {
    filter: drop-shadow(2px 7px 10px #d10277);
    position: relative;
    z-index: 9;
}

.right-img-box_inner-2 img.img-fluid {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.btn,
.btn:link,
.btn:visited {
    background-color: #ff4181!important;
    color: #ffffff!important;
}


/*---------------- :: 03 Welcome section v2-------------*/

section.welcome-section.welcome-section_v2 .out_cont_box:before {
    background-image: none;
}

section.welcome-section.welcome-section_v2 .out_cont_box.left {
    /* -webkit-transform: translate(-48%, 0%); */
    /* border-radius: 0 48% 48% 0; */
    /* overflow: hidden; */
    /* border-left: 0!important; */
    /* border: 30px solid #d10277; */
    padding: 0;
    /* width: 50vw; */
}

section.welcome-section.welcome-section_v2 ul.about-list.nav {
    margin-bottom: 0;
}

section.welcome-section.welcome-section_v2 .section-heading h2 {
    color: #ff4181;
}

section.welcome-section.welcome-section_v2 .about-list li:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #ff4181;
    border: 2px solid #d10277;
}


/*---------------- :: 03 Services section v2-------------*/

.service-section_v2 .service-img .out_cont_box:before {
    background-image: none;
}

.service-section_v2 .out_cont_box.right.banner_img {
    border-radius: 0 0 48% 48%;
    overflow: hidden;
    border-top: 0!important;
    border: 30px solid #ff4181;
    padding: 0;
    height: 100%;
    width: 48vw;
}

.service-section_v2 .service-img img,
.service-section_v2 .out_cont_box_inner {
    height: 100%;
    margin-top: 0!important;
}

.service-section_v2 .service-content .service-title a {
    color: #393e46;
}

.service-section_v2 .service-content:hover {
    background-color: #ff4181;
    border: 1px solid #ff4181;
}

.service-section_v2 .service-content:hover .service-title a,
.service-section_v2 .service-content:hover p,
.service-section_v2 .service-content:hover .icon i:before {
    color: #fff;
}


/*---------------- :: 18 skill_counter v2  -------------*/

section.skill_counter {
    background: linear-gradient(4deg, rgba(255, 255, 255, 0.85) 17%, rgba(255, 255, 255, 0.85) 69%), url(../images/all-img/skill_bg_v2.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 90px;
}

.skill_counter .counter-col-inner {
    background-image: url(../images/all-img/v2-shape1.png);
    color: #222023;
}

.skill_counter .counter-col-inner h4 {
    color: #fff;
}

.skill_counter .counter-col-inner h2 {
    color: #fff;
}


/*---------------- :: 18 Team_v2  -------------*/

.team_v2 .team_cont_social {
    background-image: url(../images/all-img/v2-shape2.png);
}

.team_v2 .member_name {
    background-color: #ff4181;
}
.team_v2 .member_name:after {
    background-color: #d10277;
}
.team_v2 .member_name h3 {
    color: #000;
}

.team_v2 .member_name h5,
.team_v2 .team-cont .social_media li a:hover i:before {
    color: #fff;
}
.blog_v2 .blog_post:hover .post_catipon h3 a {
    color: #ff4181;
}
section.team-section.space.bg-gray.team_v2 {
    position: relative;
    overflow: hidden;
}

section.team-section.team_v2 {
    position: relative;
    overflow: hidden;
    background-image: url(../images/all-img/team_bg-v2.png)!important;
    background-repeat: no-repeat;
    background-position: bottom;
}

section.team-section.team_v2 .member_img {
    background: transparent;
}


/*---------------- :: 18 priceing_v2-------------*/


/*----------------Pricing-table_v2 ------------*/

.welcome-section_v2 .out_cont_box_inner {
    position: relative;
    padding: 0!important;
}

.priceing_v2 .pricing_table.active .btn,
.priceing_v2 .pricing_table:hover .btn,
.priceing_v2 .pricing_table.active:hover {
    background-color: #d10277!important;
}

.priceing_v2 .pricing-content ul li,
.priceing_v2 .price-value sub,
.priceing_v2 .price-value sup,
.priceing_v2.pricing_table .heading,
.priceing_v2 .pricing_table.active:hover ul li,
.priceing_v2 .pricing_table.active:hover .heading,
.priceing_v2 .pricing_table.active:hover .price-value sup,
.priceing_v2 .pricing_table.active:hover .price-value sub {
    color: #fff;
}

.priceing_v2 .active.pricing_table ul li,
.priceing_v2 .pricing_table:hover ul li,
.priceing_v2 .active .price-value sub,
.priceing_v2 .pricing_table:hover .price-value sub,
.priceing_v2 .active .price-value sup,
.priceing_v2 .pricing_table:hover .price-value sup,
.priceing_v2 .pricing_table:hover .heading,
.priceing_v2 .pricing_table .active .heading {
    color: #000;
}

.priceing_v2 .pricing_table .price-value {
    color: #ff4181;
}

.priceing_v2 .pricing_table .btn {
    background-color: #01aeb4;
    color: #fff;
}

.priceing_v2 .pricing_table.active,
.priceing_v2 .pricing_table.active:hover .btn,
.priceing_v2 .pricing_table:hover,
.priceing_v2 .pricing_table.active:hover .btn,
.priceing_v2 .pricing_table .active .btn {
    background-color: #ff4181!important;
    ;
}

.priceing_v2.pricing_table.active .btn,
.priceing_v2 .pricing_table:hover .btn,
.priceing_v2 .pricing_table.active:hover,
.priceing_v2 .pricing_table {
    background-color: #d10277;
}

.priceing_v2 .pricing_table.active .price-value,
.priceing_v2 .pricing_table:hover .price-value {
    color: #ffffff;
}

.priceing_v2 .pricing_table.active:hover .price-value {
    color: #ff4181;
}

.priceing_v2 .pricing_table.active .heading {
    color: #000;
}

.owl-carousel .owl-nav button:hover span:after {
    color: #d10277!important;
}


/*----------------Pricing-table ------------*/


/*----------------testimonial_v2------------*/

.testimonial_v2 .testimonial_slider_cover .testimonial_item {
    background-color: #d10277;
}

.testimonial_v2 .testimonial_cont_inner h3 {
    color: #fff;
}

.testimonial_v2 .testimonial_cont_inner p {
    color: #fff;
}

.dot_v2 .owl-dot.active span {
    background-color: #ff4181!important;
}

.dot_v2 .owl-dot span {
    background-color: #d10277!important;
}

.dot_v2 .owl-dots button.owl-dot {
    border: 3px solid #ff4181!important;
}

.dot_v2 .owl-dots button.owl-dot:before {
    background-color: #ff4181!important;
}


/*---------------- :: 18 blog_v2  -------------*/

.blog_v2 p.post_date:before {
    background: linear-gradient(130deg, #d10277 54%, rgba(250, 250, 250, 0) 50%);
}

.blog_v2 p.post_date {
    background: #d10277;
    color: #fff;
}

.owl-carousel .owl-nav button:hover span:after {
    color: #ff4181!important;
}

#return-to-top {
    background-color: #ff4181!important;
}
/*---------------- :: 18 Additional home 2 CSS  -------------*/
#bottom_two {
    border-bottom: 125px solid #ff4181!important;

}
#bottom {
    border-bottom: 125px solid #d10277!important;
}
.ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #d10277;
    left: 0;
}

.ocean:after {
    content: '';
    position: absolute;
    bottom: 0px;
    background: #d10277;
    width: 100%;
    height: 100%;
    height: 60px;
}

.wave {
    background: url(../images/all-img/wave-02.svg) repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
    top: -175px;
    left: -200px;
    background: url(../images/all-img/wave-01.svg) repeat-x;
    -webkit-animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
    animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
}

@-webkit-keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@keyframes wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}

@-webkit-keyframes swell {
    0%,
    100% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes swell {
    0%,
    100% {
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}