/*
 Theme Name:   Openup Child
 Theme URI:    https://openup.themewant.com/
 Description:  Openup Child
 Author:       ReacThemes
 Author URI:   https://themeforest.net/user/reacthemes/portfolio
 Template:     openup
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*
# Common Css
# Custom Css
# Header Css
# Footer Css
# Home Page Css
# Services Page Css
# Menuscript Form Page Css
# Blogs Css
# Contact Us Css
# Responsive Css
*/

/*----------------------------------------- # Common Css Start -----------------------------------------*/
/*----------------------------------------- # Common Css End -----------------------------------------*/

/*----------------------------------------- # Custom Css Start -----------------------------------------*/
/*----------------------------------------- # Custom Css End -----------------------------------------*/

/*----------------------------------------- # Header Css Start -----------------------------------------*/
.menu-area .navbar ul li ul.sub-menu {
    padding: 15px 5px;
}
/*----------------------------------------- # Header Css End -----------------------------------------*/

/*----------------------------------------- # Footer Css Start -----------------------------------------*/
a.line-app {
    position: fixed;
    z-index: 10;
    border-radius: 0;
    overflow: hidden;
}
.line-app img, a.line-app {
    width: 55px;
    height: 55px;
}
a.line-app {
    right: 1em;
    bottom: 15%;
}

/*----------------------------------------- # Footer Css End -----------------------------------------*/

/*----------------------------------------- # Home Page Css Start -----------------------------------------*/

/*------------- Banner -------------*/
.banner-animated-title .description {
    font-weight: 500;
    font-size: 45px;
    margin: 0 0 0;
}
.banner-animated-title .description span, .rs-animated-heading .title-inner .title span {
    color: #38b6ff;
}
.banner-custom-heading h2.title {
    font-family: "Schoolbell" !important;
    text-align: left;
}
.banner-animated-title .description h2 {
    color: #ffffff;
    font-size: 36px;
}
.banner-animated-title .description h1 {
    color: #ffffff;
    font-size: 42px;
}

/*------------- #Banner -------------*/

/*------------- Flags -------------*/
.flag-section .logo-img .front {
    display: block;
    cursor: default;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 5px;
}
.flag-section .logo-img .rs-grid-img {
    padding: 3px;
    cursor: default;
    width: 100%;
}
/*------------- #Flags -------------*/

/*------------- Pricing Plans -------------*/
.pricing-plans .rt-pricing-table-header p {
    color: #4f4f4f !important;
    font-size: 14px;
    margin: 0 0;
    padding: 0 0 !important;
}
.pricing-plans .rt-pricing-table-price .rt-pricing-table-price-tag {
    margin-bottom: 0;
    color: var(--titleColor);
    font-weight: 500;
    line-height: normal;
    position: relative;
}
.pricing-plans .rt-pricing-table-price .rt-pricing-table-price-tag .rt-pricing-table-price-text {
    font-weight: 500 !important;
    margin-left: 0 !important;
    line-height: 1.2 !important;
}
.pricing-plans .rt-pricing-table-period {
    color: #082e60 ! IMPORTANT;
    font-size: 14px !important;
    font-weight: 500;
}
.pricing-plans .rt-pricing-table-body .rt-pricing-table-features-list li {
    text-align: left;
    display: list-item !important;
}
.pricing-plans .rt-pricing-table-body .rt-pricing-table-features-list {
    list-style: square !important;
}
.pricing-header h2 {
    color: #ffffff;
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
}
.pricing-header h5 {
  color: #4f4f4f !important;
  font-size: 16px;
  margin: 0 0 1.2rem;
  padding: 0 0 !important;
  line-height: initial;
}
.pricing-header h5 strong {
    color: #082e60;
}
.pricing-header h6 {
    color: #F9FAFB;
    font-size: 15px;
    font-weight: 500 !important;
    margin-left: 0 !important;
    line-height: 1.2 !important;
    margin: 0 0 10px;
}
.pricing-header h6 span {
  font-weight: 500;
  line-height: 26px;
  padding-top: 5px;
  color: #082e60 ! important;
  font-size: 14px !important;
}
.pricing-plans .eael-tooltip .eael-tooltip-content {
    text-align: left;
    list-style-type: square;
    display: list-item;
}
.pricing-plans .main-price .eael-tooltip .eael-tooltip-content {
    text-align: center;
    list-style-type: initial;
    display: flex;
    align-items: center;
}
.pricing-plans .main-price .eael-tooltip .eael-tooltip-content em {
    font-style: initial;
    font-size: 15px;
    padding-left: 5px;
}
.rts-tab-advance .nav {
    background: #0D0D1F !important;
    border: 1px solid rgba(55,138,221,0.12);
}
.rts-accordion.style2 .accordion-item {
    background: transparent !important;
    border: 1px solid #303840 !important;
}

/*------------- #Pricing Plans -------------*/

/*------------- Step Flow -------------*/
.step-flow-section
{}
.step-flow-section .ha-steps-icon {
    padding: 1rem 1rem !important;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 70px;
}
/*.step-flow-section span.ha-steps-label {
    width: 70px;
    height: 70px;
    border: none;
    position: initial;
    display: inline-block;
    line-height: 52px;
}*/
.step-flow-section span.ha-steps-label {
    position: absolute;
    top: -0.5rem;
    right: -2rem;
}

/*------------- #Step Flow -------------*/

/*----------------------------------------- # Home Page Css End -----------------------------------------*/

/*----------------------------------------- # Services Page Css Start -----------------------------------------*/
/*----------------------------------------- # Services Page Css End -----------------------------------------*/

/*----------------------------------------- # Menuscript Form Page Css Start -----------------------------------------*/

.manuscript-form .form-field p {
    margin: 0 0;
}
.manuscript-form .form-field p br {
    display: none;
}
.manuscript-form .form-field {
    margin: 0 0 1.5rem;
}
.manuscript-form .form-field input.wpcf7-form-control.country-list, .manuscript-form .form-field input.wpcf7-form-control.wpcf7-phonetext {
    padding: 0.5em 1em 0.5em 3em !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    text-align: center !important;
    background-color: #46b450 !important;
    color: #ffffff !important;
    font-size: 15px !important;
}
.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha {
    border: none !important;
    padding: 0 0 !important;
}

/*----------------------------------------- # Menuscript Form Page Css End -----------------------------------------*/

/*----------------------------------------- # Blogs Css Start -----------------------------------------*/

.blog .reactheme-blog .blog-item .full-blog-content .user-info {
    display: none !important;
}
.blog .reactheme-blog .blog-item .full-blog-content .title-wrap .blog-title, .archive .reactheme-blog .blog-item .full-blog-content .title-wrap .blog-title, .reactheme-blog-details #reply-title {
    font-size: 22px;
    line-height: initial;
    font-weight: 600;
}
.reactheme-blog .blog-item .blog-desc {
    font-size: 16px;
    color: #4f4f4f;
}
.reactheme-blog-details .type-post .single-content-full .user-info {
    display: none;
}
.single-content-full .bs-desc {
    font-size: 16px;
}
.single-content-full .bs-desc p, .reactheme-blog-details .comment-respond {
    margin: 0 0 1.5rem;
    font-size: 18px;
    color: #000000;
}
.single .bs-img {
    text-align: center;
}


/*----------------------------------------- # Blogs Css End -----------------------------------------*/


/*----------------------------------------- # # Contact Us Css Start -----------------------------------------*/

.contact-us-section .manuscript-form {
    max-width: 100%;
    margin: 0 auto;
}

/*----------------------------------------- # # Contact Us Css End -----------------------------------------*/

/*----------------------------------------- # Common Css Start -----------------------------------------*/
/*----------------------------------------- # Common Css End -----------------------------------------*/

/*----------------------------------------- # Responsive Css Start -----------------------------------------*/

@media screen and (max-width: 1024px)
{
    .menu-wrap-off {
    background: #082e60;
}
.menu-wrap-off .inner-offcan .nav-link-container .close-button {
    background: #ffffff;
    color: #082e60;
}
.sidenav .widget_nav_menu ul li a {
    color: #ffffff;
    font-weight: 500 !important;
}
#mobile_menu .submenu-button {
    background: #ffffff;
}
.reactheme-breadcrumbs .breadcrumbs-inner {
    padding: 60px 0;
}
.reactheme-breadcrumbs .page-title {
    font-size: 30px;
    margin-bottom: 0;
}
.reactheme-blog-details .type-post .single-content-full {
    padding: 40px 20px 40px;
}
.comments-area {
    padding: 0 20px;
}
.reactheme-blog-details .news-details-inner {
    margin-right: 0;
}
.banner-animated-title .description {
    font-size: 22px;
}

}
@media screen and (max-width: 767px)
{
.main-contain #content, body.reactheme-pages-btm-gap .main-contain #content {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.line-app img, .whatsapp, .whatsapp img, a.line-app {
    width: 50px;
    height: 50px;
}
}

/*----------------------------------------- # Responsive Css End -----------------------------------------*/