@charset "UTF-8";



/* CSS Index 
-----------------------------------
1. Theme default css
2. preloader
3. header-area
4. header sticky area
5. slider dots
6. BREADCRUMBS AREA
7. SLIDER AREA
8. FEATURE AREA
9. COUNTER AREA
10. SERVICES AREA
11. WORKING AREA
12. PRICING AREA
13. CLIENT TESTIMONIAL AREA
14. BOX REBON CSS
15. BLOG BOX CSS
16. PAGINATION
17. SOCIAL ICON
18. pagination-area
19. blog-sidebar-area
20. sidebar-widget
21. blog-details-area 
22. portfolio-area 
23. single-work 
24. contact-box-area 
25. contact-area
26.	contact-map
27.	model-button-animation
28.	404-wrapper
29.	Modal
30. Faq CSS
31. Pricing Table CSS
*/


/* 1. Theme default css */


/*======= COLOR VARIABLE =========*/


/*======= FONT FAMILY =========*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    position: relative;
}

p {
    line-height: 26px;
}
a{
   color: #000000;
}

/*==== 2. preloader =====*/

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #D8D8D8;
    top: 0;
    left: 0;
    font-size: 3rem;
    vertical-align: center;
}

.preloader .loader {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.preloader .loader>div {
    height: 100%;
    width: 1rem;
    display: inline-block;
    margin-left: 0.2rem;
    -webkit-animation: delay 0.8s infinite ease-in-out;
    animation: delay 0.8s infinite ease-in-out;
}

.preloader .loader .bar {
    border-radius: 50px;
    width: 10px;
    height: 30px;
    margin: 5px;
}

.preloader .loader .bar1 {
    background-color: #000248;
}

.preloader .loader .bar2 {
    background-color: #D21756;
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.preloader .loader .bar3 {
    background-color: #818181;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.preloader .loader .bar4 {
    background-color: #D21756;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.preloader .loader .bar5 {
    background-color: #000248;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.preloader .loader .bar6 {
    background-color: #D21756;
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

@-webkit-keyframes delay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    20% {
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5);
    }
}

@keyframes delay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    20% {
        -webkit-transform: scaleY(1.5);
        transform: scaleY(1.5);
    }
}


/*===== Preloader CSS END =======*/


/*====== SCROLL UP BTN =======*/

.scroll_up {
    background: #D21756;
    color: rgb(241, 199, 199);
    cursor: pointer;
    display: none;
    padding: 0.8rem 1rem;
    position: fixed;
    z-index: 9;
    right: 2rem;
    bottom: 2rem;
    border-radius: 50%;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.scroll_up:hover {
    background: #D21756;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.scroll_up i {
    font-size: 2.2rem;
    color:#fff;
}


/*========== START Reusable Componants ============*/


/*------ Section Inner Padding -----*/

.section {
    padding: 10rem 0;
}

.section_top {
    margin-bottom: 3.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif;
}

a:hover {
    text-decoration: none;
}


/*========== START All Button Style ============*/

.btn_middle {
    background: #D21756;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .header-area .request-qoute-btn a.quote_btn {
    color: #fff;
    display: block;
    padding: 1rem 1.8rem;
    border-radius: 3rem;
    margin: -1px;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .header-area .request-qoute-btn a.quote_btn::before {
    content: "";
    background: #000248;
    height: 100%;
    border-radius: 2.5rem;
    width: 0%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .header-area .request-qoute-btn a.quote_btn:hover {
    color: #FFFFFF;
    z-index: 9;
}


/*----- Header Menu Button Style -----*/

header .header-area .request-qoute-btn a.quote_btn::before {
    height: 0%;
    width: 100%;
    top: 50%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

header .header-area .request-qoute-btn a.quote_btn:hover::before {
    height: 100%;
    top: 0%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*------ Services Button Style -----*/

.slider_wrap .slider_content .slider-btn .service_btn {
    border: 2px solid;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background: transparent;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    padding: 1rem 2.5rem;
    border-radius: 5rem;
    border: 0.2rem solid #D21756 !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider_wrap .slider_content .slider-btn .service_btn:hover {
    background-color: #D21756 !important;

}


/*------ Read More Button Style -----*/

.blog-box .blog-content .readMore_btn,
.slider_wrap .slider_content .slider-btn .readMore_btn,
.feature_area .inner__contentArea .inner__btn .learn-more,
.pricing-area .pricing-table .block .pricing_btn .Purchase_btn,
.buildEx__area .inner__contentArea .readMore_btn,
.sidebar-widget-area .sidebar-img-box .sidebar-item .readMore_btn,
.sidebar-widget-area ul.tag-item li a.btn-tag,
.comments-form .btn-submit,
.contact-area .contact-mailform .form-button .btn-submit,
.error-area .error-content .error-footer-content .btn-back {
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background: #D21756;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    padding: 1rem 2.1rem;
    border-radius: 5rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-box .blog-content .readMore_btn:hover,
.slider_wrap .slider_content .slider-btn .readMore_btn:hover,
.feature_area .inner__contentArea .inner__btn .learn-more:hover,
.pricing-area .pricing-table .block .pricing_btn .Purchase_btn:hover,
.buildEx__area .inner__contentArea .readMore_btn:hover,
.sidebar-widget-area .sidebar-img-box .sidebar-item .readMore_btn:hover,
.sidebar-widget-area ul.tag-item li a.btn-tag:hover,
.comments-form .btn-submit:hover,
.contact-area .contact-mailform .form-button .btn-submit:hover,
.error-area .error-content .error-footer-content .btn-back:hover {
    background: #000248;
    color: #FFFFFF;
    /*box-shadow: 0 0.5rem 1rem 0 rgba(0, 2, 72, 0.3) !important;*/
}


/*======= START All Title & Description Style ========*/


/*------ Section Area Title Style -----*/

.section-breadCrumbs .breadCrumbs-content .page-name h2,
.feature_area .inner__contentArea h2,
.service-area .section_top h2,
.working-area-one .section_top h2,
.pricing-area .section_top h2,
.client_testimonial-area .section_top h2,
.marquee-area .section_top h2,
.blog-area .section_top h2,
.getInTuch-area .section_inner .tuch-area-text h2,
.team-area .section_top h2,
.buildEx__area .inner__contentArea h2,
.w_process-area .section_top h2,
.faq-page-area .section_top h2,
.error-area .error-content h2 {
    color: #000248;
    font-size: 4rem;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: 5rem;
    margin-bottom: 1rem;
    letter-spacing: 1.1px;
}


/*------ Section Inner Mini Title Style -----*/

.service-area .service-item .box_innerContent h3 a,
.working-area-one .portfolio-active .grid-item .case-item .bottom-area h3 a,
.pricing-area .pricing-table .block .pricing-inner-content h3,
.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info h3,
.footer-area .footer-wrapper .footer-widget h3,
.team-area .team__singleBox .team__info h3,
.w_process-area .inner__contentArea .little_item .text-inner h3,
.sidebar-widget-area h3,
.comment-area h3,
.contact-area h3,
.faq-page-area .style-faq h3,
.error-area .error-content .error-footer-content h3 {
    color: #000248;
    font-size: 2rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
}


/*------ Blog Inner Title Style -----*/

.blog-box .blog-content a h4,
.blog-standard-area .blog-box .blog-content a h3,
.blog-details-info .blog-content a h3 {
    margin-top: 3rem;
    color: #000248;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: 3rem;
}


/*------ Blog Sidebar Title Style -----*/

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content h4 a,
.comment-area ul li .commenter h4,
.faq-page-area .style-faq .inner-cards .card .card-header h5 a {
    color: #000248;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
}


/*------ Hero Area Description Style -----*/

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info p {
    color: #C9C9C9;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: 3rem;
    margin: 0;
}


/*------ Hero Area Description Style -----*/

.feature_area .inner__contentArea p,
.service-area .section_top p,
.pricing-area .section_top p,
.marquee-area .section_top p,
.blog-area .section_top p,
.getInTuch-area .section_inner .tuch-area-text p,
.footer-area .footer-wrapper .footer-wrap p,
.w_process-area .section_top p,
.faq-page-area .section_top p {
    color: #818181;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: 3rem;
}


/*------ Section Area Description Style -----*/

.blog-box .blog-content p,
.feature_area .inner__contentArea .checkMark p,
.service-area .service-item .box_innerContent p,
.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info p,
.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info a,
.buildEx__area .inner__contentArea p,
.w_process-area .inner__contentArea .little_item .text-inner p,
.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content p,
.blog-standard-area .blog-box .blog-content .author-area span,
.blog-details-info .blog-content .author-area span,
.blog-details-info .blog-content p,
.blog-details-info .small-content p,
blockquote p,
.comment-area ul li .commenter-text p,
.contact-box-area .single-contact-box p,
.faq-page-area .style-faq .inner-cards .card .card-body,
.error-area .error-content .error-footer-content p {
    color: #707070;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: 2.5rem;
    padding: 0;
    margin: 0;
}


/*========= 14. BOX REBON CSS ==========*/

.rebon {
    background: #D21756;
    width: 30rem;
    padding: 0.7rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    text-align: center;
    top: 15%;
    left: -25%;
}

.rebon a {
    color: #FFFFFF;
}

.rebon a i {
    margin-right: 1rem;
    vertical-align: middle;
}

.standard-rebon {
    top: 10%;
    left: -12%;
}


/*========= BOX LABEL CSS END ==========*/

ul li {
    list-style: none;
}

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

textarea {
    resize: vertical;
    padding: 15px 20px;
    min-height: 150px;
}


/*========= 15. BLOG BOX CSS =========*/

.blog-box {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12) !important;
    position: relative;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    margin: 0 0 3rem 0;
    overflow: hidden;
}

.blog-box:hover {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}

.blog-box .blog-content {
    padding: 1.5rem;
    text-align: left;
}

.blog-box .blog-content:hover h4 {
    color: #D21756 !important;
}

.blog-box .blog-content a h4 {
    margin: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 18px;
}

.blog-box .blog-content p {
    margin: 0;
    padding: 1rem 0;
}


/*========== BLOG BOX END ===========*/


/*=========== 16. PAGINATION ==========*/

.pagination {
    padding-top: 6rem;
}

.pagination li.nextAndPrev {
    background: #FFFFFF;
    margin: 0 1.5rem;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.pagination li.nextAndPrev:hover a i:before {
    color: #FFFFFF;
}

.pagination li.nextAndPrev a i:before {
    margin: 0;
    font-weight: 500;
    color: #D21756;
    font-size: 1.3rem;
    vertical-align: middle;
}

.pagination li.page-item {
    position: relative;
    margin: 0.5rem;
}

.pagination li.page-item a.page-link {
    outline: none !important;
    padding: 0.5rem 1.2rem;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 0.3rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none !important;
    color: #000248;
}

.pagination li.page-item a.page-link:hover {
    background: #D21756;
    color: #FFFFFF;
}

.pagination li.page-item a.active__item {
    background: #D21756;
    outline: none !important;
    padding: 0.5rem 1.2rem;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 0.3rem;
    border: none !important;
    color: #FFFFFF;
}


/*============== PAGINATION END ========*/


/*=========== 17. SOCIAL ICON ==========*/

.social-links {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
}

.social-links .social-button {
    margin-right: 1rem;
    margin-top: 0 !important;
    padding: 1.5rem 0;
}

.social-links {
    background-color: #D21756;
    margin-top: 1.5rem;
    width: 100%;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.social-links .social-button {
    margin-right: 1rem;
    color: #FFFFFF;
    text-align: center;
    border-radius: 1rem;
    font-size: 2.8rem;
}

.social-links .social-button i {
    background: transparent;
    border: 1px solid #707070;
    padding: 0.5rem;
    border-radius: 1rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-links .social-button i:hover {
    background: #D21756;
    border-color: #D21756;
}


/*========== SOCIAL ICON END =======*/


/*========== 5. slider dots ============*/

.owl-carousel .owl-dots {
    text-align: center;
    position: relative;
    bottom: 5px;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    margin-top: 3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
}

.owl-carousel .owl-dots .owl-dot {
    margin: 0.5rem;
    width: 1.3rem;
    height: 1.3rem;
    background: #D21756;
    border-radius: 90%;
    display: inline-block;
    vertical-align: middle;
}

.owl-carousel .owl-dots .active {
    background: #D21756;
    position: relative;
}

.owl-carousel .owl-dots .active::before {
    content: "";
    height: 1.9rem;
    width: 1.9rem;
    border: 1px solid #D21756;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    border-radius: 90%;
    top: -3px;
    left: -3px;
}


/*========= slider dots END =========*/


/*======= FORM SELECTION AREA ============*/

.form_control .nice_selection {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 1rem 1.5rem;
    font-size: 1.6rem !important;
    font-weight: 500;
    border: 0.1rem solid #ddd !important;
    color: #000248 !important;
    outline: none !important;
    margin-bottom: 3rem;
}

.form_control .nice_selection:nth-child(2):hover {
    background: green;
}


/*======= FORM SELECTION AREA END ========*/


/*======= FORM INPUT AREA ========*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea.form-control {
    background: #FFF !important;
    height: 50px;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    width: 100%;
}

.form-label {
    color: #9b9b9b;
    font-size: 1.6rem;
}


/*======= FORM INPUT AREA END ========*/


/*======= 6. BREADCRUMBS AREA ========*/

.section-breadCrumbs {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url(../images/breadcamp-bg.png);
    background: url(../images/breadcamp-bg.png);
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    background-position-y: center;
    position: relative;
}

.section-breadCrumbs .breadCrumbs-content {
    padding-top: 18rem;
    padding-bottom: 9rem;
}

.section-breadCrumbs .breadCrumbs-content .page-name h2 {
    font-size: 5rem;
    font-weight: 500;
    color: #FFFFFF;
}

.section-breadCrumbs .breadCrumbs-content .breadcrumbs-link ul {
    padding: 2rem 0;
    margin: 0 !important;
}

.section-breadCrumbs .breadCrumbs-content .breadcrumbs-link ul span a {
    color: #D21756;
    font-size: 1.6rem;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.section-breadCrumbs .breadCrumbs-content .breadcrumbs-link ul span a :hover {
    color: #818181;
}

.section-breadCrumbs .breadCrumbs-content .breadcrumbs-link ul p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all 0.3s;
}

.breadcrumb-link .breadcrumb-page {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.breadcrumb-link .breadcrumb-page a {
    color: #D21756;
    ;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.breadcrumb-link .breadcrumb-page a:hover {
    color: #5e5e5e;
}


/*==== BREADCRUMBS AREA END ====*/


/*========= End Reusable Componants ==========*/


/*======= 3. header-area ========= */

header .header-area .main-nav ul {
    margin: 0;
    list-style: none;
    float: right;
}

header .header-area .main-nav ul li {
    display: inline-block;
    position: relative;
    padding: 0 14px;
}

header .header-area .main-nav ul li:hover>a {
    color: #D21756;
}

header .header-area .main-nav ul li:hover>a::before {
    opacity: 1;
    background: #D21756;
}
header .header-area .main-nav-wrapper > ul > li.current-menu-item > a{
    color: #D21756;
}
header .header-area .main-nav-wrapper > ul > li.current-menu-item > a:before{
    opacity: 1;
    background-color: #D21756;
}
header .header-area .main-nav ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 3.4rem 0;
    position: relative;
}

header .header-area .main-nav ul li a::before {
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #FFFFFF;
    opacity: 0;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

header .header-area .main-nav ul li ul.sub-menu>li {
    padding: 0;
    border-bottom: 1px solid #eee;
}

header .header-area .main-nav ul li ul.sub-menu>li a {
    display: block;
    padding: 15px 10px;
    color: #000248;
    line-height: 1;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .header-area .main-nav ul li ul.sub-menu>li a.active {
    color: #D21756;
    font-weight: 500;
}

header .header-area .main-nav ul li ul.sub-menu>li a:hover {
    background: transparent;
    color: #D21756;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}

header .header-area .main-nav ul li ul.sub-menu>li a:hover::before {
    opacity: 0;
}

header .header-area .main-nav ul li.has-child-menu:after {
    position: absolute;
    right: -3px;
    color: #b8b8b8;
    top: 3.1rem;
    font-family: "boxicons";
    content: "";
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header .header-area .main-nav ul li:hover.has-child-menu:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

header .header-area .nav-right {
    float: right;
    margin: 2.5rem 0;
}

header .header-area .nav-right a.search-btn {
    margin-right: 3rem;
    margin-left: 2rem;
}

header .header-area .nav-right a.search-btn i {
    margin: 10px 0;
}

header .header-area .nav-right a.search-btn i:before {
    font-size: 1.8rem;
    font-weight: 600;
    color: #FFFFFF;
    vertical-align: middle;
}

header .header-area .request-qoute-btn {
    border-radius: 5rem;
}

.request-qoute-btn a.quote_btn {
    text-transform: uppercase;
}

header .header-area .main-nav-wrapper>ul>li>a.active {
    color: #D21756;
    font-weight: 500;
    font-size: 1.4rem;
}

header .header-area .main-nav-wrapper>ul>li>a.active:before {
    opacity: 1;
    background-color: #D21756;
}

.searchbox.searchbox-open {
    width: 100%;
    height: 5rem;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 1;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.searchbox.searchbox-open input[type="search"] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #707070;
    top: 10px;
    right: 0;
    outline: none;
    background: #ffffff;
    padding: 1rem 0 1rem 1.5rem !important;
    border-radius: 0 !important;
}

.searchbox.searchbox-open input:focus {
    outline: none !important;
    border-radius: 0 !important;
    border: 1px solid #D21756 !important;
}

button.searchbox-submit {
    margin-top: 1rem;
    padding: 0 1.8rem;
    height: 100%;
    overflow: hidden;
    background: #D21756;
    border: none;
}

button.searchbox-submit i:before {
    font-size: 2rem;
    color: #FFFFFF;
}

.searchbox {
    opacity: 0;
    position: absolute;
    width: 0%;
    right: 5px;
    left: auto;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.input-group-prepend {
    margin-right: 0 !important;
    background: #D21756;
}


/*===== Main Menu CSS =====*/

.logo {
    margin: 20px 0;
}

.bottombar {
    background-color: #08509e;
}

.main-nav ul li .sub-menu {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    min-width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #F3F2F7;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-top: 0.3rem solid #D21756;
}

.main-nav ul li .sub-menu li .sub-menu {
    right: -200px;
    left: inherit;
    top: 0;
}

.main-nav ul li .sub-menu>li {
    display: block;
    margin: 0;
    position: relative;
}

.main-nav ul>li a:hover {
    background: transparent;
    color: #D21756;
}

.main-nav .fl {
    font-size: 20px;
    line-height: 35px;
    text-align: right;
    color: #fff;
    font-style: normal;
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 999;
    display: none;
    cursor: pointer;
}

.main-nav .fl:before {
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.main-nav>ul>li+li>.sub-menu {
    left: 15px;
}

.main-nav-wrapper>ul>li:hover>.sub-menu,
.main-nav-wrapper ul li .sub-menu li:hover>.sub-menu,
.main-nav-wrapper ul li .sub-menu li .sub-menu li:hover>.sub-menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.slideInUp {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.is-active .slideInUp {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideInUp2 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}


/*===== 3. header-area =====*/

header {
    background: url(../images/header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom 40%;
    padding-bottom: 0;
}

header .header-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}


/*===== 4. header sticky area =====*/

.header-area.sticky {
    position: fixed;
    padding: 0;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
    background: #0B0039;
}
a.sticky-logo {
    display: none;
}
.header-area.sticky a.sticky-logo{
    display: block;
}
.header-area.sticky a.main-logo{
    display: none;
}
.header-area.sticky a.custom-logo-link{
    display: none;
}

/*===== HEADER STICKY AREA END =====*/


/*===== 7. SLIDER AREA ====*/

.slider_wrap {
    padding-top: 20rem;
    padding-bottom: 12rem;
    position: relative;
    background: url(../images/slider_bg-shape.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.slider_wrap .slider_content {
    position: relative;
    height: 100%;
}

.slider_wrap .slider_content .slider_content_box {
    vertical-align: middle;
}

.slider_wrap .slider_content .slider_title {
    padding-right: 2rem;
}

.slider_wrap .slider_content .slider_title h1 {
    font-size: 5rem;
    color: #FFFFFF;
    font-weight: 700;
}

.slider_wrap .slider_content .title_content {
    font-size: 1.6rem;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 3rem;
    margin-right: 3rem;
    padding-top: 3rem;
}

.slider_wrap .slider_content .slider-btn {
    padding: 3rem 0;
}

.slider_wrap .slider_content .slider-btn .banner-btn {
    border: 2px solid #D21756!important;
}


/*===== End Header SLIDER AREA =====*/


/*===== 8. FEATURE AREA =====*/

.feature_area {
    padding-top: 10rem;
}

.feature_area .inner__contentArea {
    margin: 0;
}

.feature_area .inner__contentArea p {
    margin-bottom: 3rem;
}

.feature_area .inner__contentArea .checkMark {
    margin-bottom: 1.5rem;
}

.feature_area .inner__contentArea .checkMark span i::before {
    color: #D21756;
    font-size: 2rem;
    font-weight: 500;
    padding-right: 1rem;
    margin: 0;
}

.feature_area .inner__contentArea .checkMark p {
    font-size: 1.6rem;
    font-weight: 500;
}

.feature_area .inner__contentArea .inner__btn {
    padding: 2rem 0 0 0;
}


/*===== END FEATURE AREA ====*/


/*--------- 9. COUNTER AREA ----------*/

.counter__widgetArea {
    background: url(../images/section_bg1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10rem 0;
    /*  margin: 5.5rem 0;*/
}

.counter__widgetArea .counter-container {
    background-color: #FFFFFF;
    border-radius: 1rem;
    padding: 2rem 3rem;
}

.counter__widgetArea .counter-container i::before {
    font-size: 7rem;
    margin: 0 !important;
    color: #D21756;
}

.counter__widgetArea .counter-container .widget_info {
    text-align: center;
    margin-top: 2rem;
}

.counter__widgetArea .counter-container .widget_info .inner-count .cw_1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #000248;
    margin: 0;
}

.counter__widgetArea .counter-container .widget_info .inner-count span {
    font-size: 3.5rem;
    line-height: 4rem;
}

.counter__widgetArea .counter-container .widget_info span {
    font-size: 2rem;
    font-weight: 500;
    color: #000248;
    font-family: "Poppins", sans-serif;
    line-height: 3.6rem;
}


/*------- END COUNTER AREA ----------*/


/*-------- 10. SERVICES AREA -------*/

.service-area {
    position: relative;
}

.service-area .service-item {
    -webkit-box-shadow: 0 4px 25px rgba(223, 223, 223, 0.8);
    box-shadow: 0 4px 25px rgba(223, 223, 223, 0.8);
    padding: 3rem 1.5rem;
    border-radius: 1rem;
    margin: 1.5rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.service-area .service-item::before {
    background-image: url(../images/service-box-shape.png);
    width: 6rem;
    height: 6rem;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 2rem;
    left: 3rem;
}

.service-area .service-item:hover {
    background: #D21756;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-area .service-item:hover .box_innerIcon i::before {
    background: #ffffff;
}

.service-area .service-item:hover::before {
    background-image: url(../images/service-box-shape2.png);
    width: 6rem;
    height: 6rem;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 2rem;
    left: 3rem;
}

.service-area .service-item:hover .box_innerContent h3 a {
    color: #FFFFFF!important;
}

.service-area .service-item:hover .box_innerContent p {
    color: #D8D8D8;
}

.service-area .service-item:hover .box_innerContent a.btn_learnMore {
    color: #FFFFFF!important;
}

.service-area .service-item:hover .box_innerContent a.btn_learnMore i:before {
    color: #FFFFFF!important;
}

.service-area .service-item .box_innerIcon {
    border-radius: 1rem;
    margin: 1.5rem 0;
}

.service-area .service-item .box_innerIcon i::before {
    font-size: 7rem;
    color: #D21756;
    margin: 0;
    padding: 1rem;
    background: #D8D8D8;
    border-radius: 1rem;
}

.service-area .service-item .box_innerContent {
    margin-left: 1.5rem;
    text-align: left;
}

.service-area .service-item .box_innerContent h3 a {
    margin-bottom: 1rem;
}

.service-area .service-item .box_innerContent p {
    margin: 1rem 0 1rem 0;
}

.service-area .service-item .box_innerContent a.btn_learnMore {
    color: #000248;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
    -webkit-transition: 0s;
    transition: 0s;
}

.service-area .service-item .box_innerContent a.btn_learnMore i:before {
    font-family: Flaticon;
    font-size: 0.8rem;
    font-weight: 900 !important;
    font-style: normal;
    color: #707070;
    margin: 0;
}


/*------- END SERVICES AREA --------*/


/*------- 11. WORKING AREA --------*/

.home .working-area-one {
    background: #E8EEFF;
}

.working-area-one.portfolio-area {
    background: none;
}

.working-area-one .portfolio-menu {
    text-align: center;
    margin-bottom: 2.5rem;
}

.working-area-one .portfolio-menu li {
    list-style-type: none;
    display: inline-block;
    color: #000248;
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    margin-right: 15px;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.working-area-one .portfolio-menu li.active {
    color: #D21756;
    position: relative;
}

.working-area-one .portfolio-menu li.active:before {
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 5rem;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #D21756;
}

.working-area-one .portfolio-active .grid-item__1 {
    max-width: 41.666667%;
    margin-left: 1.5rem;
}

.working-area-one .portfolio-active .grid-item__2 {
    max-width: 58.333333%;
    margin-left: 1.5rem;
}

.working-area-one .portfolio-active .grid-item .case-item {
    margin-top: 20px;
}

.working-area-one .portfolio-active .grid-item .case-item .top-area {
    position: relative;
    overflow: hidden;
}

.working-area-one .portfolio-active .grid-item .case-item .top-area .preview-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    /*transform: translateX(100%);*/
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: rgba(0, 0, 0, 0.5);
}

.working-area-one .portfolio-active .grid-item .case-item .top-area .preview-img i {
    color: #fff;
    font-size: 24px;
    background: #d21756;
    padding: 15px;
    border-radius: 90%;
    cursor: pointer;
    top: 42%;
}

.working-area-one .portfolio-active .grid-item .case-item:hover .preview-img {
    /*transform: translateX(0);*/
    opacity: 1;
}

.working-area-one .portfolio-active .grid-item .case-item:hover>.bottom-area>h3 a {
    color: #D21756;
}

.working-area-one .portfolio-active .grid-item .case-item .top-area img {
    height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.working-area-one .portfolio-active .grid-item .case-item .bottom-area {
    margin-top: 10px;
}

.working-area-one .portfolio-active .grid-item .case-item .bottom-area h3 {
    margin-bottom: 5px;
}

.working-area-one .portfolio-active .grid-item .case-item .bottom-area span {
    display: block;
    font-size: 15px;
    color: #000248;
    font-weight: 600;
}

.portfolio-details h2 {
    font-size: 3rem;
}

.portfolio-details table.project-details-table {
    width: 100%;
    margin-bottom: 30px;
}

.portfolio-details table.project-details-table tr td {
    border: 1px solid #ddd;
    padding: 10px;
}

.portfolio-details h3.project-details-title {
    margin-bottom: 20px;
}


/*------- END WORKING AREA -------*/


/*------ 12. PRICING AREA -------*/

.pricing-area .pricing-table {
    margin-bottom: 14px;
}

.pricing-area .pricing-table .block {
    text-align: center;
    padding: 3rem;
    margin-top: 4rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px;
    border-radius: 1rem !important;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.pricing-area .pricing-table .block:hover {
    background-color: #D21756;
    -webkit-transform: scaleY(1.05);
    transform: scaleY(1.05);
    color: #FFFFFF !important;
    -webkit-box-shadow: rgba(210, 23, 86, 0.35) 0px 4px 12px;
    box-shadow: rgba(210, 23, 86, 0.35) 0px 4px 12px;
}

.pricing-area .pricing-table .block:hover::before {
    background-image: url(../images/pricing-shape.png);
    width: 25.4rem;
    height: 17rem;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}

.pricing-area .pricing-table .block:hover .pricing-inner-content h3 {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .block:hover .pricing-inner-content p.price {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .block:hover .pricing-inner-content p.price sub,
.pricing-area .pricing-table .block:hover .pricing-inner-content p.price span {
    color: #FFFFFF!important;
}

.pricing-area .pricing-table .block:hover .pricing-inner-content ul.features li {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .block:hover .Purchase_btn {
    background: #FFFFFF!important;
    color: #D21756;
}

.pricing-area .pricing-table .block .pricing-inner-content h3 {
    font-size: 3rem;
    font-weight: 800;
}

.pricing-area .pricing-table .block .pricing-inner-content p.price {
    color: #D21756;
    padding: 2rem 0 1rem 0;
    font-weight: 500;
    font-size: 1.8rem;
}

.pricing-area .pricing-table .block .pricing-inner-content p.price sub {
    font-size: 3rem;
    font-weight: 700;
}

.pricing-area .pricing-table .block .pricing-inner-content p.price span {
    font-weight: 600;
    font-size: 5rem;
}

.pricing-area .pricing-table .block .pricing-inner-content .features {
    margin: 15px 0;
}

.pricing-area .pricing-table .block .pricing-inner-content .features li {
    font-size: 1.6rem;
    font-family: "Poppins", sans-serif;
    padding: 1rem 0;
    color: #000248;
}

.pricing-area .pricing-table .block .pricing_btn {
    opacity: 1;
    padding: 1.5rem 0;
    border-radius: 0.5rem;
}

.pricing-area .pricing-table .block .pricing_btn .Purchase_btn {
    text-transform: capitalize;
}

.pricing-area .pricing-table .active {
    position: relative;
    color: #FFFFFF!important;
    -webkit-transform: scaleY(1.05);
    transform: scaleY(1.05);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    background-color: #D21756;
    -webkit-box-shadow: rgba(210, 23, 86, 0.35) 0px 4px 12px;
    box-shadow: rgba(210, 23, 86, 0.35) 0px 4px 12px;
}

.pricing-area .pricing-table .active::before {
    background-image: url(../images/pricing-shape.png);
    width: 25.4rem;
    height: 17rem;
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}

.pricing-area .pricing-table .active .pricing-inner-content h3 {
    color: #FFFFFF!important;
}

.pricing-area .pricing-table .active .pricing-inner-content p.price {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .active .pricing-inner-content p.price sub,
.pricing-area .pricing-table .active .pricing-inner-content p.price span {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .active .pricing-inner-content ul.features li {
    color: #FFFFFF !important;
}

.pricing-area .pricing-table .active .pricing_btn a.Purchase_btn {
    background: #FFFFFF!important;
    color: #D21756;
}


/*------- END PRICING AREA -------*/


/*------ 13. CLIENT TESTIMONIAL AREA -----*/

.client_testimonial-area {
    background: url(../images/section_bg1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0;
}

.client_testimonial-area .section_top h2 {
    color: #FFFFFF;
}

.client_testimonial-area .client_testimonial-slider .owl-stage-outer {
    padding: 1rem 0;
}

.client_testimonial-area .client_testimonial-slider .slide_caption {
    padding: 0 2rem;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .img_box {
    position: relative;
    border: 3px solid #fff;
    padding: 10px;
    border-radius: 10px;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .img_box img {
    border-radius: 1rem;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info {
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    margin-left: 2rem;
    height: 100%;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info .ct-caption-info {
    vertical-align: middle;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info h3 {
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: 500;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info span.designation {
    color: #FFFFFF;
    padding: 1.5rem 0;
    font-size: 1.6rem;
}

.client_testimonial-area .client_testimonial-slider .slide_caption .caption_info p {
    padding: 3rem 0;
}

.client_testimonial-area .owl-dots {
    position: absolute;
    right: 0;
    width: auto;
}


/*------ END CLIENT TESTIMONIAL AREA ------*/


/*------- START MARQUEE AREA -------*/


/*------ END MARQUEE AREA ------*/


/*------- START BLOG AREA ------*/


/*------ END BLOG AREA ------*/


/*------- START GET-IN-TUCH AREA -------*/

.getInTuch-area .section_inner {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(210, 23, 85, 0.8)), to(rgba(210, 23, 85, 0.8))), url(../images/section_bg2.png);
    background: linear-gradient(rgba(210, 23, 85, 0.8), rgba(210, 23, 85, 0.8)), url(../images/section_bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6rem 1.5rem;
    border-radius: 1rem;
    margin-bottom: -11rem;
    z-index: 9;
}

.getInTuch-area .section_inner .tuch-area-text h2 {
    color: #FFFFFF;
}

.getInTuch-area .section_inner .tuch-area-text p {
    color: #FFFFFF;
}

.getInTuch-area .section_inner .input-group {
    padding: 1.5rem 8rem;
}

.getInTuch-area .section_inner .input-group .input-group-prepend {
    border-radius: 0.5rem 0 0 0.5rem;
}

.getInTuch-area .section_inner .input-group .input-group-prepend:hover {
    background: #FFFFFF !important;
}

.getInTuch-area .section_inner .input-group .input-group-prepend button.envelope {
    background: #FFFFFF;
}

.getInTuch-area .section_inner .input-group .input-group-prepend button.envelope i:before {
    color: #000248;
    font-size: 3rem;
    padding: 0 1rem;
    vertical-align: middle;
    margin: 0;
}

.getInTuch-area .section_inner .input-group .form-control {
    height: 5.7rem;
    font-size: 1.5rem;
    color: #707070;
    font-weight: 500;
    padding: 0px !important;
    border: none !important;
}

.getInTuch-area .section_inner .input-group input[type="submit"] {
    background: #000248;
    border-radius: 0 0.5rem 0.5rem 0;
    color: #fff;
    padding: 10px 18px;
    font-size: 16px;
    text-transform: uppercase;
}

.getInTuch-area .section_inner .input-group button.paper-plane i:before {
    color: #FFFFFF;
    font-size: 3rem;
    padding: 0 1rem;
    vertical-align: middle;
}


/*-------- END GET-IN-TUCH AREA ------*/


/*======== FOOTER AREA =======*/

.footer-area {
    position: relative;
    background: url(../images/section_bg1.png);
    background-size: cover;
    background-position: top;
}

.footer-area .footer-wrapper {
    padding: 3rem 0;
}

.footer-area .footer-wrapper .footer-wrap .social-links {
    background: none;
    height: auto;
}

.footer-area .footer-wrapper .footer-wrap p {
    font-weight: 500;
    margin-top: 2.5rem;
}

.footer-area .footer-wrapper .footer-widget {
    position: relative;
}

.footer-area .footer-wrapper .footer-widget h3 {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 2rem;
    text-transform: capitalize;
    position: relative;
    font-family: "Poppins", sans-serif;
}

.footer-area .footer-wrapper .footer-widget ul {
    margin-top: 2rem;
}

.footer-area .footer-wrapper .footer-widget ul li {
    list-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-area .footer-wrapper .footer-widget ul li:hover {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
}

.footer-area .footer-wrapper .footer-widget ul li:hover a {
    color: #D21756 !important;
}

.footer-area .footer-wrapper .footer-widget ul li a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 4rem;
    color: #818181;
}

.footer-area .footer-wrapper .footer-widget ul li a:before {
    font-family: Flaticon;
    font-size: 1rem;
    font-style: normal;
    margin-left: 0;
    content: "";
    margin-right: 2px;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content {
    margin-top: 2.5rem;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info {
    margin-top: 1rem;
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info span i {
    font-size: 2rem;
    font-weight: 500;
    color: #707070;
    margin-right: 1.5rem;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info span i::before {
    vertical-align: middle;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info p,
.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info a {
    font-weight: 500;
    line-height: 2.8rem;
}

.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info p:hover,
.footer-area .footer-wrapper .footer-widget .contact-info-content .single_info a:hover {
    color: #D21756;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.footer-area .footer-wrapper .footer-widget .subscribe_form {
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(10, 6, 20, 0.24);
    box-shadow: 0px 2px 5px 0px rgba(10, 6, 20, 0.24);
}

.footer-area .footer-wrapper .footer-widget .subscribe_form .input-group {
    padding-top: 2rem;
    padding-bottom: 4.5rem;
}

.footer-area .footer-wrapper .footer-widget .subscribe_form input {
    height: 44px;
    font-size: 1.6rem;
    padding: 0 1rem;
}

.footer-area .footer-wrapper .footer-widget .subscribe_form button {
    border-radius: 0 0.25rem 0.25rem 0;
    width: 10rem;
    padding: 1rem 0.5rem;
    text-transform: uppercase;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.footer-area .footer-wrapper .footer-widget .subscribe_form .input-group-btn:last-child>.btn,
.footer-area .footer-wrapper .footer-widget .subscribe_form .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: 0px;
}

.footer-area .other-page-footer {
    padding-top: 0 !important;
}


/*==== Copy Right =====*/

.copy-right {
    padding: 1.5rem;
}

.copy-right p {
    font-size: 1.4rem;
    color: #D8D8D8;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}

.copy-right p a {
    color: #D8D8D8;
}


/*===== End FOOTER AREA =====*/


/*============ END HOME PAGE AREA ===========*/


/*============ START ABOUT PAGE AREA =========*/


/*-------- START TEAM AREA -----------*/

.team-area .team__singleBox {
    margin: 3rem 0 0 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    outline: none !important;
    border: none !important;
    overflow: hidden;
}

.team-area .team__singleBox:hover .team_imgBox .social-link {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.team-area .team__singleBox:hover .team_imgBox::after {
    background: rgba(88, 88, 88, 0.3);
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    border-radius: 1rem 1rem 0 0;
}

.team-area .team__singleBox:hover .team__info {
    background: #D21756;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team-area .team__singleBox:hover .team__info span.designation {
    color: #ffffff !important;
}

.team-area .team__singleBox:hover .team__info h3 {
    color: #ffffff !important;
}

.team-area .team__singleBox .team_imgBox {
    text-align: center;
    position: relative;
    width: auto;
    border-radius: 1rem 1rem 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-area .team__singleBox .team_imgBox .social-link {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    top: 40%;
    padding: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    text-decoration: none;
    line-height: 2.6rem;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1;
}

.team-area .team__singleBox .team_imgBox .social-link a i {
    padding: 1rem;
    border-radius: 0.3rem;
    background: #D21756;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-area .team__singleBox .team_imgBox .social-link a i:hover {
    background: #000248;
}

.team-area .team__singleBox .team_imgBox .social-link a i:before {
    font-size: 2.8rem;
    color: #FFFFFF;
    vertical-align: middle;
}

.team-area .team__singleBox .team__info {
    padding: 1.4rem 1.5rem;
}

.team-area .team__singleBox .team__info h3 {
    color: #000248;
}

.team-area .team__singleBox .team__info span.designation {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000248;
}


/*----- START BUILD EXPERIENCE AREA ------*/

.buildEx__area {
    background: url(../images/ex_bg.png);
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 11rem 0;
}

.buildEx__area .inner__contentArea {
    height: 100%;
}

.buildEx__area .inner__contentArea .inner__contentArea_tc {
    vertical-align: middle;
}

.buildEx__area .inner__contentArea h2 {
    font-size: 3.9rem;
}

.buildEx__area .inner__contentArea p {
    padding: 1.5rem 0;
}

.buildEx__area .inner__contentArea .readMore_btn {
    margin: 1.5rem 0;
}


/*======== END ABOUT PAGE AREA END ==========*/


/*======== START SERVICE PAGE AREA ==========*/

.w_process-area {
    background: #E8EEFF;
}

.w_process-area .inner__contentArea .little_item {
    position: relative;
    padding: 1rem 0;
}

.w_process-area .inner__contentArea .little_item:hover .icon_box i:before {
    color: #fff!important;
    background: #D21756;
    border-color: #D21756;
    border-radius: 55% 102% 70% 70%/90% 120% 50% 67%;
}

.w_process-area .inner__contentArea .little_item .icon_box {
    margin: 3rem 0;
}

.w_process-area .inner__contentArea .little_item .icon_box i:before {
    margin: 0;
    font-size: 4rem;
    padding: 1.5rem;
    color: #D21756;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1.5px solid #000248;
    border-radius: 55% 102% 70% 70%/90% 120% 50% 67%;
}

.w_process-area .inner__contentArea .little_item .text-inner {
    padding: 0 2rem;
}


/*========= SERVICE PAGE AREA END  =========*/


/*======= START BLOG SIDEBAR PAGE AREA =========*/

.sidebar-widget-area {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 2.5rem;
    margin: 0px 0 4rem 0;
}

.sidebar-widget-area h3 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.sidebar-widget-area .input-group:hover button {
    background-color: #D21756;
    color: #FFFFFF;
}

.sidebar-widget-area .input-group:hover button i:before {
    color: #FFFFFF;
}

.sidebar-widget-area .input-group .form-control {
    height: 4.8rem;
    font-size: 1.5rem;
    color: #707070;
    font-weight: 500;
}

.sidebar-widget-area .input-group button {
    outline: none !important;
    border: none;
    border-radius: 0 0.3rem 0.3rem 0;
}

.sidebar-widget-area .input-group button i:before {
    font-size: 2rem;
    font-weight: 400;
    color: #ffffff;
    background: #D21756;
    vertical-align: middle;
    margin: 0;
    padding: 1.5rem 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-widget-area .sidebar-img-box .sidebar-item {
    padding: 1.5rem 0;
}

.sidebar-widget-area .sidebar-img-box .sidebar-item .readMore_btn {
    padding: 0.5rem 1.5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

.sidebar-widget-area .sidebar-img-box .sidebar-item .btn_1 {
    position: absolute;
    bottom: 18%;
    right: 6%;
}

.sidebar-widget-area .sidebar-img-box .sidebar-item .btn_2 {
    position: absolute;
    bottom: 18%;
    left: 6%;
}

.sidebar-widget-area .small-post-wrapper .small-post-item {
    padding: 1rem 0;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-image {
    min-width: 7.5rem;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content {
    margin-left: 1.5rem;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content h4 a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content h4 a:hover {
    color: #D21756;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-content p {
    font-size: 1.4rem;
    margin: 0;
}

.sidebar-widget-area ul.widget-archives li {
    padding: 0.5rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-widget-area ul.widget-archives li:hover {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
}

.sidebar-widget-area ul.widget-archives li:hover a {
    color: #D21756;
}

.sidebar-widget-area ul.widget-archives li a {
    color: #000248;
    font-size: 1.4rem;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar-widget-area ul.widget-archives li a i:before {
    font-size: 1rem;
    color: #707070;
    margin: -0.1rem 0 0 0;
}

.sidebar-widget-area ul.tag-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar-widget-area ul.tag-item li {
    margin-right: 0.5rem;
    padding: 0.5rem 0;
}

.sidebar-widget-area ul.tag-item li:hover a.btn-tag {
    color: #FFFFFF;
    background: #D21756;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sidebar-widget-area ul.tag-item li a.btn-tag {
    color: #000248;
    border-radius: 0.3rem;
    background: #D8D8D8;
    border: none !important;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 12px;
}

.sidebar-widget-area .widget-Gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sidebar-widget-area .widget-Gallery img {
    margin: 0.5rem 0;
}

.sidebar-widget-area button {
    outline: none !important;
    border: none;
    border-radius: 0 0.3rem 0.3rem 0;
    float: right;
}

.sidebar-widget-area button i:before {
    font-size: 2rem;
    font-weight: 400;
    color: #ffffff;
    background: #D21756;
    vertical-align: middle;
    margin: 0;
    padding: 1.5rem 2rem;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0px;
}

.sidebar-widget-area .small-post-wrapper .small-post-item .small-post-item-image img {
    border-radius: 7px;
}

.sidebar-widget-area li a {
    color: #000248;
    font-size: 1.4rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    padding-bottom: 5px;
    display: inline-block;
}

.sidebar-widget-area li a:hover {
    color: #CC1756;
    padding-left: 5px;
}

.sidebar-widget-area li a:before {
    font-family: Flaticon;
    font-size: 1rem;
    font-style: normal;
    margin-left: 0;
    content: "";
    margin-right: 2px;
}

.sidebar-widget-area .tagcloud a {
    color: #000248;
    border-radius: 0.3rem;
    background: #D8D8D8;
    border: none !important;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 12px;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0.5rem;
    display: inline-grid;
    display: -moz-inline-grid;
}

.sidebar-widget-area .tagcloud a:hover {
    background-color: #D21756;
    color: #fff !important;
}


/* Custom Mailchimp Subscribe */

.getInTuch-area .section_inner .input-group {
    justify-content: center;
    padding: 1.5rem 8rem;
}


/*===========  BLOG SIDEBAR PAGE AREA END  =========*/


/*=========== START BLOG STANDARD PAGE AREA =========*/

.blog-standard-area .blog-box {
    margin-bottom: 4rem;
}

.blog-standard-area .blog-box .blog-img img {
    width: 100%;
}

.blog-standard-area .blog-box .blog-content .author-area span {
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    color: #000248;
}

.blog-standard-area .blog-box .blog-content .author-area span a.author-name {
    color: #D21756;
}

.blog-standard-area .blog-box .blog-content .author-area span i {
    position: relative;
    top: 2px;
    right: 4px;
    font-size: 16px;
}

.blog-standard-area .blog-box .blog-content a h3 {
    font-size: 1.8rem;
    margin: 0;
    padding: 1rem 0;
}


/*=========  BLOG STANDARD PAGE AREA END  ==========*/


/*========= START BLOG DETAILS PAGE AREA ===========*/

.blog-details-info {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12) !important;
    position: relative;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    margin-bottom: 5rem;
    overflow: hidden;
}

.blog-details-info .blog-content {
    padding: 1.5rem;
    text-align: left;
}

.blog-details-info .blog-content .img-box img {
    max-height: 18rem;
}

.blog-details-info .blog-content .author-area span {
    font-weight: 500;
    margin: 0;
    font-size: 14px;
    color: #000248;
}

.blog-details-info .blog-content .author-area span a.author-name {
    color: #D21756;
}

.blog-details-info .blog-content .author-area span i {
    position: relative;
    top: 2px;
    font-size: 16px;
    right: 3px;
}

.blog-details-info .blog-content h2 {
    font-size: 3rem;
    margin-top: 20px;
}

.blog-details-info .blog-content h3 {
    margin: 15px 0;
}

.blog-details-info .blog-content a h3 {
    font-size: 1.8rem;
    margin: 0;
    padding: 1.5rem 0;
}

.blog-details-info .blog-content p {
    padding: 1.5rem 0;
}

.blog-details-info .small-content p {
    padding: 1.5rem 0;
}

blockquote {
    background-color: #ffc0cb80;
    padding: 5rem;
    margin: 5rem 0;
    border-left: 3px solid #D21756;
}

blockquote p {
    color: #000248;
    margin-bottom: 20px;
    font-weight: 500;
}

blockquote p i {
    position: absolute;
    top: -3rem;
}

blockquote p i:before {
    margin: 0;
    font-size: 5rem;
}

blockquote span {
    font-weight: bold;
}

.comment-area hr {
    background-color: #ffc0cb80;
    height: 0.1rem;
}

.comment-area ul li:nth-child(2) {
    margin-left: 5rem;
}

.comment-area ul li {
    padding: 1.5rem 0;
}

.comment-area ul li .commenter {
    min-width: 15rem;
    text-align: center;
}

.comment-area ul li .commenter img {
    padding: 1.5rem 0;
}

.comment-area ul li .commenter-text p {
    padding: 1.5rem 0;
}

.comment-area ul li .commenter-text span {
    color: #000248;
    font-size: 1.4rem;
    font-weight: 500;
}

.comment-area ul li .commenter-text a.btn-reply {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 3rem;
    color: #000248;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.comment-area ul li .commenter-text a.btn-reply:hover {
    color: #D21756 !important;
}

.comments-form form {
    padding: 3rem 0;
}

.comments-form form .input-area .form-control {
    border: 0.1rem solid #ddd !important;
    background: #FFF;
    height: 50px !important;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    width: 100%;
}

.comments-form .form-submit {
    padding-top: 30px;
}
.comments-form ul.children {
    margin-left: 40px;
}

/*=======  BLOG  DETAILS PAGE AREA END  =========*/


/*============ CONTACT PAGE AREA CSS =============*/

.contact-box-area .google_map {
    height: 100%;
}

.contact-box-area .google_map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.contact-box-area .single-contact-box {
    -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5rem 1rem;
    margin-bottom: 2rem;
}

.contact-box-area .single-contact-box:hover {
    -webkit-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
}

.contact-box-area .single-contact-box i {
    font-size: 4.5rem;
    color: #D21756;
    background: #FFFFFF;
}

.contact-box-area .single-contact-box i::before {
    margin: 0;
}

.contact-box-area .single-contact-box p {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1.8rem;
    color: #000248;
}

.contact-box-area .single-contact-box p a {
    color: #000248;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.contact-box-area .single-contact-box p a:hover {
    color: #D21756;
}

.contact-area {
    padding-top: 8rem;
}

.contact-area h3 {
    margin: 0 !important;
    padding: 3rem 0;
    text-align: center;
}

.contact-area .contact-mailform {
    padding: 0 3rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.contact-area .contact-mailform .form-wrap {
    margin: 1.5rem 0;
}

.contact-area .contact-mailform .form-wrap input[type="text"],
.contact-area .contact-mailform .form-wrap input[type="email"],
.contact-area .contact-mailform .form-wrap textarea.form-control {
    border: 0.1rem solid #D21756 !important;
}

.contact-area .contact-mailform .form-button {
    padding: 3rem 0;
}

.contact-area form h3 {
    font-size: 3rem;
    font-weight: 700;
    margin-top: 3rem;
}

p.form-message {
    padding-bottom: 20px;
}

p.form-message.error {
    color: red;
}

p.form-message.success {
    color: green;
}


/*======= CONTACT sucess PAGE END ========*/


/*=======  FAQ PAGE AREA CSS ======*/

.faq-page-area {
    padding-top: 10rem;
}

.faq-page-area .style-faq h3 {
    font-size: 2.4rem;
    padding: 2.5rem 0;
}

.faq-page-area .style-faq .inner-cards .card {
    border: none;
}

.faq-page-area .style-faq .inner-cards .card .card-header {
    position: relative;
    border-bottom: 0.1rem solid #D8D8D8;
    background: #FFFFFF !important;
    padding: 1.5rem 0;
}

.faq-page-area .style-faq .inner-cards .card .card-header a[aria-expanded=true] i.bx.bx-minus,
.faq-page-area .style-faq .inner-cards .card .card-header a[aria-expanded=false] i.bx.bx-plus {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.faq-page-area .style-faq .inner-cards .card .card-header h5 a {
    font-size: 1.6rem;
    color: #000248;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.faq-page-area .style-faq .inner-cards .card .card-header h5 a i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.8rem;
    font-weight: 600;
    display: none;
    color: #D21756;
    border-radius: 5rem;
    border: 0.1rem solid #D21756;
}

.faq-page-area .style-faq .inner-cards .card .card-body {
    border: 0.1rem solid #ddd;
    margin-bottom: 1rem;
    padding: 1rem;
    margin-top: -1px;
}


/*=========== FAQ PAGE AREA END =========*/


/*========== BLOG PAGE AREA CSS ===========*/

.blog_grid_area .section-title h3 {
    padding: 0.8rem 0;
}

.blog_grid_area .blog-box .blog-img a img {
    width: 100%;
}


/*============ BLOG PAGE AREA END ==========*/


/*========= 404 ERROR PAGE AREA START =========*/

.error-area .error-content h2 {
    font-size: 15rem;
    color: #D21756;
    padding: 5rem 0;
}

.error-area .error-content .error-footer-content h3 {
    letter-spacing: 0.5rem;
    margin: 5rem 0 2rem 0;
}

.error-area .error-content .error-footer-content .btn-back {
    margin: 3rem 0 0 0;
}


/*========= 404 ERROR AREA END ==========*/


/* comment-box */

.comment-box {
    display: flex;
}
.single-standard {
    margin-bottom: 3rem;
}
.comment-author {
    margin-right: 2rem;
}

.comment-author img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.comment-content h6 {
    color: #000248;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.comment-content .comment-content-red {
    color: #000248;
    font-size: 1.4rem;
    font-weight: 500;
}

.comment-content p .comment-reply-link {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 3rem;
    color: #000248;
    transition: all 0.3s ease-in-out;
}

.comment-content p .comment-reply-link:hover {
    color: #D21756;
}

.standard-wrap {
    margin-top: 20px;
}

.page-item.active .page-link {
    z-index: 3;
    border-color: #D21756;
    background: #D21756;
    outline: none !important;
    padding: 0.5rem 1.2rem;
    font-size: 1.8rem;
    font-weight: 500;
    border-radius: 0.3rem;
    border: none !important;
    color: #FFFFFF;
}


/*Contact Form*/

.contact-mailform {
    padding: 0 3rem;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.contact-mailform h3 {
    font-size: 3rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 3rem 0 !important;
    text-align: center;
    color: #000248 !important;
    font-weight: 700 !important;
    font-family: "Poppins", sans-serif !important;
}

.contact-mailform .form-wrap {
    margin: 1.5rem 0;
}

.contact-mailform .form-wrap input[type=text],
.contact-mailform .form-wrap input[type=email],
.contact-mailform .form-wrap input[type=tel],
.contact-mailform .form-wrap textarea {
    border: 0.1rem solid #D21756 !important;
}
input.wpcf7-form-control.wpcf7-submit{
    background: #D21756;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    padding: 1rem 2.1rem;
    border-radius: 5rem;
    transition: all 0.3s ease-in-out;
}
input.wpcf7-form-control.wpcf7-submit{
    background: #000248;
    color: #FFFFFF;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=search],
textarea {
    background: #FFF;
    height: 50px;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    width: 100%;
    border: 1px solid #ddd !important;
}
.comment-form p.form-submit input[type="submit"]{
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background: #D21756;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    padding: 1rem 2.1rem;
    border-radius: 5rem;
    transition: all 0.3s ease-in-out;
}
.contact-mailform .form-button {
    padding: 3rem 0;
}

.contact-mailform .form-button .btn-submit {
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background: #D21756;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    padding: 1rem 2.1rem;
    border-radius: 5rem;
    transition: all 0.3s ease-in-out;
}

.sidebar-widget-area .post-search input {

}

.sidebar-widget-area .tagcloud a {
    font-size: 12px !important;
}

.sidebar-widget-area li a {
    padding: 0.5rem 0;
}


/* new custom portfolio */

.portfolio .controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 2.5rem;
}

.portfolio .controls .control {
    list-style-type: none;
    color: #000248;
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 1.6rem;
    margin-right: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.5s;
}

.portfolio .controls .mixitup-control-active {
    color: #D21756;
    position: relative;
}

.portfolio .controls .mixitup-control-active:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 5rem;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: #D21756;
}

portfolio .text {
    margin: 15px 0px 25px 0px;
}

.portfolio-details-wrapper img {
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.portfolio-details h2 {
    margin-top: 20px;
}

.portfolio .portfolio-img,
.portfolio .portfolio-img2 {
    position: relative;
}

.portfolio .portfolio-img img,
.portfolio .portfolio-img2 img {
    max-width: 100%;
    max-height: 100%;
}

.portfolio .portfolio-img .portfolio-overlay,
.portfolio .portfolio-img2 .portfolio-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 0%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.4s;
    border-radius: 5px;
}

.portfolio .portfolio-img .portfolio-overlay a,
.portfolio .portfolio-img2 .portfolio-overlay a {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #D21756;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.portfolio .portfolio-img .portfolio-overlay a i,
.portfolio .portfolio-img2 .portfolio-overlay a i {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.portfolio .portfolio-img:hover .portfolio-overlay,
.portfolio .portfolio-img2:hover .portfolio-overlay {
    opacity: 1;
    width: 100%;
}

.portfolio .portfolio-img:hover .text h5,
.portfolio .portfolio-img2:hover .text h5 {
    color: #D21756;
}

.portfolio .text {
    margin: 15px 0px 25px 0px;
}

.portfolio .text a {
    text-decoration: none;
}

.portfolio .text a h5 {
    color: #000248;
    font-size: 2rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
}

.portfolio .text b {
    color: #000248;
    font-size: 15px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
}

.portfolio .all:hover h5,
.portfolio .web-design:hover h5,
.portfolio .app-design:hover h5,
.portfolio .web-development .digital-marketing:hover h5 {
    color: #D21756;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img {
    position: relative;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img img {
    max-width: 100%;
    max-height: 100%;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img .portfolio-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 0%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.4s;
    border-radius: 5px;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img .portfolio-overlay a {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #D21756;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img .portfolio-overlay a i {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img:hover .portfolio-overlay {
    opacity: 1;
    width: 100%;
}

.portfolio-details .portfolio-details-wrapper .portfolio-img:hover .text h5 {
    color: #D21756;
}


/*Mobil- Nav-menu */

.main-nav ul .menu-item-has-children>.fl {
    display: none;
    line-height: 35px;
}

.main-nav-wrapper>ul>li.menu-item-has-children::after {
    position: absolute;
    right: -5px;
    top: 28px;
    font-family: "boxicons";
    content: "";
    font-size: 20px;
    color: #fff;
}


/*# sourceMappingURL=main.css.map */