/* Main-site footer styles, assembled 22 Jul 2026 for the blog.
   Sources: assets/css/module-css/07-footer-section.css + footer rules
   extracted from style.css and responsive.css. Do not hand-edit here;
   re-extract when the main site footer CSS changes. */
:root {
    --thm-font: 'Raleway', sans-serif;
    --thm-font-2: 'Raleway', sans-serif;
    --thm-base: #ce2030;
    --thm-base-rgb: 244, 37, 73;
    --thm-primary: #4287e3;
    --thm-primary-rgb: 66, 135, 227;
    --thm-gray: #777777;
    --thm-black: #222222;
    --thm-black-rgb: 34, 34, 34;
    --thm-gray-bg: #F7F7F7;
    --thm-main-bg: #222222;
}
/* minimal layout fallbacks (the blog does not load the main site's grid css) */
.footer-style1 { position: relative; display: block; }
.footer-style1 .container { max-width: 1320px; margin: 0 auto; padding: 0 15px; }
.footer-style1 img { max-width: 100%; height: auto; }
.footer-style1 ul { list-style: none; margin: 0; padding: 0; }


/*** 
=============================================
    Footer area style
=============================================
***/
.bottom-parallax { position: relative; height: 860px; opacity: 0; z-index: -999; }
.bottom-parallax .footer-style1 { position: fixed; left: 0px; bottom: 0px; right: 0px; height: 860px; }
.parallax-visible .bottom-parallax { opacity: 1; z-index: 1; }

/*** 
=============================================
    Footer style1 Css
=============================================
***/

.footer-style1 { position: relative; display: block; background: var(--thm-main-bg); overflow: hidden; z-index: 10; }
.footer-style1__shape1 { position: absolute; top: 62px; left: 72px; opacity: 0.10; }
.footer-style1__shape2 { position: absolute; top: 310px; left: 120px; opacity: 0.10; }
.footer-style1__shape3 { position: absolute; left: 540px; bottom: 60px; opacity: 0.10; }
.footer-style1__shape4 { position: absolute; top: 70px; right: 140px; }
.footer-style1__shape5 { position: absolute; top: 335px; right: 45px; opacity: 0.10; }

.footer-main { position: relative; display: block; padding-top: 40px; padding-bottom: 50px; }
.footer-main--style2 { padding-top: 120px; padding-bottom: 110px; }
.single-footer-widget { position: relative; display: block; }
.single-footer-widget.margin-left-minus { margin-left: -20px; }

.single-footer-widget .title { position: relative; display: block; margin-top: -1px; }
.single-footer-widget .title h3 { color: #ffffff; font-size: 20px; line-height: 27px; font-weight: 400; }

.our-company-info { position: relative; display: block; padding-top: 23px; }
.our-company-info .text { position: relative; display: block; }
.our-company-info .text p { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 30px; font-weight: 400; margin-top: -10px; }
.footer-logo-style1 { position: relative; display: block; margin-top: 40px; }
.footer-logo-style1 a { position: relative; display: inline-block; background-color: #fff; padding: 18px 20px 20px; border-radius: 10px; width: 230px; }

.footer-widget-links { position: relative; display: block; overflow: hidden; padding-top: 12px; }
.footer-widget-links ul { position: relative; display: block; overflow: hidden; }
.footer-widget-links ul li { position: relative; display: block; }
.footer-widget-links ul li+li { margin-top: 7px; }
.footer-widget-links ul li a { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 28px; font-weight: 400; font-family: var(--thm-font); transition: all 200ms linear; transition-delay: 0.1s; }
.footer-widget-links ul li a:hover { color: var(--thm-base); padding-left: 3px; }
.footer-widget-links ul li a span { position: relative; display: inline-block; font-size: 12px; line-height: 12px; margin-right: 10px; top: 1px; }

.footer-widget-contact-info { position: relative; display: block; padding-top: 24px; }
.footer-widget-contact-info ul { position: relative; display: block; }
.footer-widget-contact-info ul li { position: relative; display: block; }
.footer-widget-contact-info ul li+li { margin-top: 14px; }
.footer-widget-contact-info ul li a { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.7); font-size: 15px; line-height: 30px; font-weight: 400; font-family: var(--thm-font-2); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; }
.footer-widget-contact-info ul li a::before { content: ""; position: absolute; left: 0; bottom: 7px; right: 0; height: 1px; background-color: rgba(255, 255, 255, 0.7); z-index: -1; }
.footer-widget-contact-info ul li a:hover { color: var(--thm-base); }
.footer-widget-contact-info .text { position: relative; display: block; margin-top: 15px; }
.footer-widget-contact-info .text p { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 30px; font-family: var(--thm-font-2); }

.play-store-box { position: relative; display: block; margin-top: 30px; }
.play-store-box ul { position: relative; display: flex; align-items: flex-start; }
.play-store-box ul li { position: relative; display: block; }
.play-store-box ul li+li { margin-left: 10px; }
.play-store-box ul li a { position: relative; display: inline-block; }
.play-store-box ul li a img { width: 100%; }

.single-footer-widget__box-inner { position: relative; display: block; padding-top: 26px; }
.footer-widget-newsletter-box { position: relative; display: block; }
.footer-widget-newsletter-box p { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 24px; }

.footer-widget-newsletter-box .form-group { position: relative; display: block; margin: 0; margin-top: 23px; }
.footer-widget-newsletter-box .form-group input[type='email'] { position: relative; display: block; width: 100%; height: 60px; color: #777777; font-size: 14px; font-weight: 400; background: #272727; border: 0px solid rgba(255, 255, 255, 0.10); padding-left: 30px; padding-right: 70px; border-radius: 0px; font-family: var(--thm-font); }
.footer-widget-newsletter-box .form-group button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 60px; height: 60px; line-height: 60px; transition: all 300ms ease 100ms; font-size: 18px; padding: 0; background: rgba(255, 255, 255, 0.1); border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.footer-widget-newsletter-box .form-group button i { color: rgba(255, 255, 255, 0.7); font-weight: 300; }
.footer-widget-newsletter-box .form-group input[type="email"]::-webkit-input-placeholder { color: #777777; }
.footer-widget-newsletter-box .form-group input[type="email"]:-moz-placeholder { color: #777777; }
.footer-widget-newsletter-box .form-group input[type="email"]::-moz-placeholder { color: #777777; }
.footer-widget-newsletter-box .form-group input[type="email"]:-ms-input-placeholder { color: #777777; }

.footer-menu { position: relative; display: block; margin-top: 20px; }
.footer-menu ul { position: relative; display: flex; align-items: center; }
.footer-menu ul li { position: relative; display: block; margin-left: 15px; padding-left: 15px; }
.single-footer-widget__box-inner .footer-menu ul li::before { content: ""; position: absolute; top: 12px; left: 0; bottom: 0; width: 1px; height: 10px; background-color: rgb(255, 255, 255, 0.10); }
.single-footer-widget__box-inner .footer-menu ul li:first-child::before { display: none; }
.single-footer-widget__box-inner .footer-menu ul li:first-child { margin-left: 0; padding-left: 0; }
.single-footer-widget__box-inner .footer-menu ul li a { position: relative; display: inline-block; color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 24px; font-family: var(--thm-font); font-weight: 400; text-transform: capitalize; transition: all 200ms linear; transition-delay: 0.1s; }
.single-footer-widget__box-inner .footer-menu ul li a:hover { color: #ffffff; }

.footer-social-link { position: relative; display: block; padding-top: 0; }
.footer-social-link ul { position: relative; display: block; }
.footer-social-link ul li { position: relative; float: left; margin-right: 20px; }
.footer-social-link ul li:last-child { margin-right: 0; }
.footer-social-link ul li a { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; border: 1px solid; border-radius: 50%; color: white; font-size: 16px; text-align: center; transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; }
.footer-social-link ul li a img { filter: invert(1); width: 15px !important;}
.footer-social-link ul li:hover a { color: #ffffff; background-color: var(--thm-base); }

.footer-bottom { position: relative; display: block; border-top: 1px solid rgb(255, 255, 255, 0.10); }
.footer-bottom .bottom-inner { position: relative; display: flex; flex-direction: column; justify-content: start; align-items: start; flex-wrap: wrap; padding: 36px 0px 36px; }
.copyright-text { position: relative; display: block; }
.copyright-text p { color: rgba(255, 255, 255, 0.7); font-size: 16px; line-height: 28px; font-weight: 400; font-family: var(--thm-font); }
.copyright-text p a { color: var(--thm-base); transition: all 300ms ease 100ms; }
.copyright-text p a:hover { color: #ffffff; }



/**  End Css  **/

/* --- footer rules from style.css --- */
.footer-social-link ul li:hover a img {
    filter: invert(1) !important;
}
.footer-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 16px;
}
.footer-services-grid > * {
    min-width: 0;
}
.footer-col-about {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-right: 25px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}
.footer-col-about .footer-info-block {
    margin-top: 44px;
}
.footer-col-webmobile { grid-column: 2; grid-row: 1; }
.footer-col-productmarketing { grid-column: 3; grid-row: 1; }
.footer-col-ai { grid-column: 4; grid-row: 1; }
.footer-col-custom { grid-column: 2; grid-row: 2; }
.footer-col-cloud { grid-column: 3; grid-row: 2; }
.footer-col-iot { grid-column: 4; grid-row: 2; }
@media (max-width: 991px) {
.footer-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
.footer-col-about { grid-column: 1 / span 2; grid-row: 1; }
.footer-col-webmobile { grid-column: 1; grid-row: 2; }
.footer-col-custom { grid-column: 2; grid-row: 2; }
.footer-col-productmarketing { grid-column: 1; grid-row: 3; }
.footer-col-cloud { grid-column: 2; grid-row: 3; }
.footer-col-ai { grid-column: 1; grid-row: 4; }
.footer-col-iot { grid-column: 2; grid-row: 4; }
}
@media (max-width: 767px) {
.footer-services-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
.footer-col-about,
    .footer-col-webmobile,
    .footer-col-custom,
    .footer-col-productmarketing,
    .footer-col-cloud,
    .footer-col-iot,
    .footer-col-ai {
        grid-column: 1;
        grid-row: auto;
    }
.footer-col-about {
        padding-right: 0;
        border-right: none;
    }
}

/* --- footer rules from responsive.css --- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-main {
        padding-bottom: 120px;
    }
.single-footer-widget.margin-left-minus {
        margin-left: 0px;
    }
.single-footer-widget.marbtm {
        margin-bottom: 50px;
    }
.single-footer-widget-middle {
        max-width: 570px;
        margin: 50px 0 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-main {
        padding-bottom: 120px;
    }
.single-footer-widget.margin-left-minus {
        margin-left: 0px;
    }
.single-footer-widget.marbtm {
        margin-bottom: 50px;
    }
.single-footer-widget-middle {
        max-width: 570px;
        margin: 50px 0 0;
    }
}
@media only screen and (max-width: 767px) {
.footer-main {
        padding-bottom: 35px;
    }
.footer-main.pb-0,
    .footer-main .row > div:nth-child(1),
    .footer-main .row > div:nth-child(2),
    .footer-main .row > div:nth-child(3) {
        display: none;
    }
.single-footer-widget.margin-left-minus {
        margin-left: 0px;
    }
.single-footer-widget.marbtm {
        margin-bottom: 50px;
    }
.single-footer-widget.martop {
        margin-top: 0;
    }
.single-footer-widget-middle {
        max-width: 570px;
        margin: 0 0 20px;
    }
.footer-style1__shape2 {
        display: none;
    }
.footer-main .col-md-3:nth-child(3) .footer-widget-links {
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
.single-footer-widget__box-inner {
        padding: 0;
    }
.footer-social-link ul {
        justify-content: start !important;
    }
}
/* On the main site the dark ground comes from body{background:#222};
   the blog's body is white, so set it on the footer itself. */
.footer-style1 {
    background-color: #222222;
}

/* On the main site these colors come from its global dark-theme
   typography; the blog theme's defaults are dark-on-light, so set
   them explicitly (matched to main-site computed values). */
.footer-style1 h3 {
    color: #ffffff !important; /* the blog child theme has h3{color:#000!important} */
}
.footer-style1 p,
.footer-style1 .text p,
.footer-style1 ul li,
.footer-style1 ul li a {
    color: rgba(255, 255, 255, 0.7) !important; /* blog theme forces p{color:#000!important} */
}
.footer-style1 ul li a:hover {
    color: var(--thm-base) !important;
}
.footer-style1 .footer-social-link a,
.footer-style1 .footer-social-link a i {
    color: #ffffff !important;
}