/*
Theme Name: twentytwenty Child
Text Domain: twentytwenty Child
Template: twentytwenty
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body {
    background: transparent;
    font-family: "Londrina Solid", sans-serif;
	font-family: "Inter", sans-serif;
    background-repeat: repeat;
  overflow-x:hidden !important;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
	margin:0px !important;
	font-family: "Londrina Solid", sans-serif !important;
}
section.inner-banner {
    background: #398721;
    padding: 2em 0px;
    color: #fff;
}
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
        margin-top: 8rem;
        display: none;
    }
p {
    margin-bottom: 0px !important;
    font-size: 16px;
    font-family: "Inter", sans-serif !important;
}
a, a:hover, a:focus{
	text-decoration: none;
	outline: none;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}

button, button:hover, button:focus{
	outline: none;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	cursor: pointer;
}
header{
  -o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.elementor-element {
    font-size: 16px;
}
.fixed {
    position: fixed !important;
    top: 0;
    z-index: 999;
    width: 100%;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background: #a22020 !important;
    box-shadow: 1px 4px 14px 0px rgb(0 0 0 / 14%);
}
.fixed .site-logo img {
    width: 120px;
}
.primary-menu {margin: 0px !important; display:block !important;}
.primary-menu li {margin: 0px; display: inline-block;}
.primary-menu li a {
    font-size: 20px;
    color: #151515 !important;
    padding: 0px 30px;
    line-height: 70px;
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: "Londrina Solid", sans-serif !important;
    text-transform: uppercase;
}
.header-inner {
    /* background: #fff; */
    /* box-shadow: 1px 2px 10px 1px rgb(0 0 0 / 5%); */
    padding: 0px 20px;
    /* fill: rgba(255, 255, 255, 0.30); */
    /* backdrop-filter: blur(30px); */
}
.site-logo img {
    max-height: inherit;
    width: 150px;
    padding: 6px;
}
.section-inner {max-width: 100%;}
.contact-info {
    color: #fff !important;
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: 900;
    line-height: 50px;
}
.top-header {
    margin-bottom: 5px;
    background: #fbf1e3;
    position: relative;
}
.top-header:before {
    position: absolute;
    content: '';
    background: #398721;
    width: 50%;
    height: 100%;
}
.location {
    display: flex;
    color: #fff;
    align-items: center;
    padding: 6px 0px;
}
.location span {
    margin-right: 6px;
    font-size: 14px;
}
.skew-shake-x {
  animation: skew-x-shake 1.3s infinite;
}
li {
    line-height: 1.5;
    margin: 0px;
}
.header-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 0px;
}
.header-info li a {
    display: flex;
    align-items: center;
    color: #3c3c3c;
    font-weight: 500;
    line-height: 30px;
    font-weight: 600;
}
.header-info li a span {
    font-size: 15px;
    margin-right: 7px;
}
.header-info li {
    list-style: none;
    margin: 0px 20px;
}
@keyframes skew-x-shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}
.contact-info span {
    color: #ffffff;
    display: inline-block;
    border-radius: initial;
    font-size: 32px;
    margin-right: 4px;
}
ul, ol {margin: 0;}
.contact-info li {display: inline-block; margin: 0px 20px 0px 0px;}
.contact-info li a {color: #fff; text-decoration: none; line-height: 50px; display: block; font-family: "DM Sans", sans-serif; font-size:17px;}
.contact-info li a i {margin-right: 6px; color: #ef0381;}
.contact-info li a span {font-weight: 600;}
.top-right ul li {display: inline-block; margin: 0;}
.top-right ul li a {background: #ef0381; width: 35px; height: 35px; line-height: 35px; display: block; text-align: center; border-radius: 100px;
    color: #fff;}
.top-right ul li a:hover {background: #9c3fc6;}
section {padding: 0px;}
.image-slider {background: linear-gradient(to right, rgba(79, 26, 114, 1) 0%, rgba(152, 47, 198, 1) 100%);height: 650px;position: relative;}
.image-slider:before {
    position: absolute;
    content: '';
    background: url('https://siratal-mustaqeem.com/wp-content/uploads/2025/08/slider-bg-texture.png');
    width: 800px;
    height: 600px;
    right: 0;
    background-size: cover;
}

.container {
    max-width: calc(100% - 8rem);
    position: relative;
    z-index: 9;
}
.slider-content h1 {
    color: #398721;
    font-size: 50px;
    letter-spacing: 1px;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}
.header-titles {
    margin: 0px;
}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0px;
}
.header-titles-wrapper {
        margin-right: 1rem;
    }

.sub-menu {
    width: 300px !important;
    background: #0d2872 !important;
}
.sub-menu li a {
    line-height: 40px;
    border-bottom: 1px solid #103391;
    display: block;
}
.sub-menu li {
    width: 100%;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: #0d2872 !important;
}
.primary-menu li a:hover {
    color: #5a9a0c !important;
}
.primary-menu > li > .icon {
    right: 0px !important;
    top: calc(50% - 0.4rem);
    color: #fff !important;
    display: none;
}

.header-info li a:hover {
    color: #63a40a;
}
.slider-wrapper {
    background: #fbf1e3;
    position: relative;
    padding: 5em 0px;
}
.slider-wrapper:before {
    position: absolute;
    content: '';
    background: url('https://siratal-mustaqeem.com/wp-content/uploads/2026/02/header-cloud-img.png');
    height: 94px;
    width: 100%;
    top: -15px;
    background-size: cover;
    background-repeat: repeat;
    z-index: 9;
}
.slider-wrapper:after {
    position: absolute;
    content: '';
    background: url('https://siratal-mustaqeem.com/wp-content/uploads/2026/02/star-pattan.png');
    width: 100%;
    height: 100%;
    top: 0;
    background-size: contain;
}
.floating {  
    animation-name: floating;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}
.slider-img {
    max-width: 650px;
    margin: 0px auto;
}
.header-01:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 43px solid transparent;
    border-left: 40px solid #398721;
    top: 0;
    right: -40px;
}
.primary-menu li:first-child a {
    color: #ed1c24 !important;
}
.primary-menu li:nth-child(2) a {
    color: #7a8ed9 !important;
}
.primary-menu li:nth-child(3) a {
    color: #01a491 !important;
}
.primary-menu li:nth-child(4) a {
    color: #fb6b47 !important;
}
.primary-menu li:last-child a {
    color: #761fa3 !important;
}
.slider-content small {
    color: #fc800a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px !important;
    display: block;
}
.btn-style {
    background: #fae12d;
    display: block;
    width: 200px;
    text-align: center;
    margin-top: 20px;
    color: #084c18;
    line-height: 60px;
    border-radius: 100px;
    text-transform: uppercase;
    font-family: "Londrina Solid", sans-serif !important;
    font-size: 20px;
}
.section-01 {
    margin: 4em 0px;
    position: relative;
}
.title-heading {
    color: #fc5e0a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    position: relative;
}

.about-content-wrapper p {
    margin: 20px 0px !important;
    color: #474545;
}
.why-us li span {
    background: #fc800a;
    display: inline-block;
    color: #fff;
    width: 16%;
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    border-radius: 10px;
    box-shadow: 1px 4px 1px rgb(213 109 10);
    margin-right: 12px;
}
.why-us li p {
    display: inline-block;
    width: 80%;
    font-weight: 500;
}
.why-us li {
    width: 49%;
    display: inline-block;
}
.why-us-content {
    display: flex;
    align-items: center;
}
.about-img-01 {
    border-radius: 20px;
    height: 740px;
    object-fit: cover;
    width: 100%;
    border: 5px solid #f7f7f7;
}
.section-01:before {
    position: absolute;
    content: '';
    background: url('https://siratal-mustaqeem.com/wp-content/uploads/2026/02/3d-ramadan-celebration-elements-scene_23-2151188156-Photoroom.png');
    width: 600px;
    height: 600px;
    background-position: center center;
    bottom: 0;
    background-size: cover;
    opacity: 0.2;
}
.section-02 {
    text-align: center;
    padding: 4em 0px;
    background: url('https://siratal-mustaqeem.com/wp-content/uploads/2026/02/study-bg.png');
    background-attachment: fixed !important;
    background-size: cover !important;
}
.classes-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 50px;
    background: #c5c5c5;
}
.class-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}
.class-name {
    background: #fc0aaf;
    position: absolute;
    bottom: -90px;
    width: 100%;
    padding: 20px 0px 20px;
    border-radius: 100px 100px 0px 0px;
    height: 40%;
    transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}
.classes-wrapper:hover .class-name {
    height: 100%;
    bottom: 0;
    border-radius: 0px;
    transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}
.class-name h3 {
    color: #fff;
    font-weight: 400;
    max-width: 350px;
    margin: 0px auto !important;
    font-size: 25px;
    padding-top: 20px;
}
.c-w {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}
.c-w .btn-style {
    margin: 20px auto;
    opacity: 0;
}
.classes-wrapper:hover .c-w .btn-style {
    opacity: 1;
}
.section-03 {
    text-align: center;
    padding: 4em 0px;
    position: relative;
}
.our-mission {
    text-align: left;
    background: #fc870a;
    padding: 60px 40px;
    position: relative;
    border-radius: 20px;
    border: 4px solid #aa5800;
    max-width: 90%;
    margin: 110px auto;
}
.our-mission img {
    display: inline-block;
    width: 80px;
}
.our-mission h2 {
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}
.our-mission p {
    color: #fff;
    max-width: 70%;
}
.mission-img {
    position: absolute;
    top: -130px;
    right: 60px;
    width: 240px !important;
}
.our-mission p {
    color: #fff;
    max-width: 75%;
    line-height: 36px;
}
.our-vission {
    text-align: left;
    background: #63a40a;
    padding: 60px 40px;
    position: relative;
    border-radius: 20px;
    border: 4px solid #416b07;
    max-width: 90%;
    margin: 110px auto;
}
.vission-img {
    position: absolute;
    top: -100px;
    left: 20px;
    width: 300px !important;
}
.our-vission h2 {
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}
.our-vission img {
    display: inline-block;
    width: 80px;
}
.our-vission p {
    color: #fff;
    line-height: 36px;
}
.vissionwrapper {
    max-width: 75%;
    margin: 0px 0px 0px auto;
}
.mosque {
    width: 230px;
    position: absolute;
    top: 27px;
    left: 120px;
}
.e-con-inner {
    max-width: 100% !important;
}
.gallery img {
    border-radius: 20px !important;
    height: 250px !important;
    object-fit: cover;
}

.section-o4 {
    position: relative;
}
.mosque-01 {
    width: 180px;
    position: absolute;
    top: -50px;
    right: 0;
}
footer {
    background: #00378c;
    padding: 1em 0px !important;
    position: relative;
    background-attachment: fixed !important;
    background-size: cover;
}
footer:before {
    position: absolute;
    content: '';
    background: rgb(0 55 104 / 72%);
    width: 100%;
    height: 100%;
    top: 0;
}
.copyright {
    background: #00378c;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}
.widget-title {
    color: #fff;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 25px !important;
}
.footer-widget p {
    color: #fff;
}
.footer-social-icon {
    display: flex;
    list-style: none;
    margin-top: 20px;
}
.footer-social-icon li a {
    background: #398721;
    display: block;
    width: 50px;
    margin-right: 12px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;
    border-radius: 100px;
}
.footer-social-icon li a:hover {
    background: #77c40c;
}
.contact-info-one li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.contact-info-one li p a {
    color: #fff;
}
.contact-info-one li span {
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #398721;
    margin-right: 12px;
    border-radius: 30px;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: calc(100% - 4rem);
}
.entry-content {
        font-size: 2.1rem;
        margin: 4em;
    }
.contact-info-one li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.footer-menu-container ul li {
    list-style: none;
}
.footer-menu-container ul li a {
    color: #fff;
    display: block;
    line-height: 35px;
    font-size: 16px;
}
.footer-widget {
    padding: 20px;
}
.footer-menu-container ul li a i {
    font-size: 13px;
    margin-right: 8px;
}
.footer-menu-container ul li:hover a {
    color: #63a40a;
}
.inner-banner-inner h2 {
    text-transform: uppercase;
    font-weight: 400;
}
.breadcrumbs a {
    color: #fff;
}
    .singular .entry-header {
        padding: 8rem 0;
        display: none;
    }
        .post-inner {
        padding-top: 0px !important;
    }
    .premium-blog-thumb-effect-wrapper img {
    object-fit: cover !important;
    object-position: top;
}
h2.premium-blog-entry-title a {
    font-family: "Londrina Solid", sans-serif !important;
    font-size: 28px;
    color: #398721 !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
    display: block;
    text-transform: uppercase;
}
.comments-wrapper, .pagination-single, .featured-media {
    display: none;
}
.nf-form-fields-required {
    display: none;
}
textarea {
    height:100px !important;
}
.contact-info-one li p {
    margin-bottom: 0px !important;
}
.contact-info-one li p {
    margin-bottom: 0px !important;
    width: 80%;
}
.nf-field-container {
    margin-bottom: 7px !important;
}
.form-wrapper {
    max-width: 70%;
    margin: 0px auto;
    background: #fff;
    box-shadow: 1px 0px 25px 1px rgb(0 0 0 / 7%);
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.field-wrap input[type=submit] {
    background: #398721 !important;
    padding: 20px 50px;
    border-radius: 100px;
    font-size: 15px;
}
.form-wrapper select {
    font-weight: 300;
    font-size: 18px !important;
    border-color: #ccc;
    padding: 0px 12px;
    color: #898282;
    height: 50px !important;
}

@media only screen and (max-width: 1920px) {
  .slider-img {
    max-width: 100%;
}
}

@media only screen and (max-width: 1199px) {
    p {
        font-size: 15px;
    }
  .header-info li a p {
    font-size: 15px;
}
  .primary-menu li a {
    font-size: 16px;
}
.site-logo img {
    width: 120px;
}
 .slider-wrapper:before {
    height: 65px;
}
.slider-content h1 {
    font-size: 40px;
}
.btn-style {
    font-size: 18px;
    line-height: 50px;
}
.title-heading {
    font-size: 30px;
}
.class-img {
    height: 360px;
}
.class-name h3 {
    font-size: 20px;
}
.our-mission, .our-vission {
    padding: 30px;
}
.our-mission h2, .our-vission h2 {
    font-size: 25px;
}
.our-mission img, .our-vission img {
    width: 50px;
}
.our-mission p{
    color: #fff;
    max-width: 75%;
    line-height: 26px;
}
.mission-img {
    position: absolute;
    top: -100px;
    right: 60px;
    width: 180px !important;
}
.vission-img {
        width: 220px !important;
        top: -90px;
    }
.our-vission p {
    color: #fff;
    line-height: 26px;
}
}

@media only screen and (max-width: 1000px) {
  .fill-children-current-color, .fill-children-current-color * {
    fill: rgb(218 255 206);
}
.menu-modal-inner {
    background: #398721;
}
span.toggle-text {
    display: none;
}
  .header-01 {
    display: none;
}
    .modal-menu a {
        font-size: 20px !important;
        color: #daffce !important;
        font-family: "Londrina Solid", sans-serif !important;
        letter-spacing: 1px !important;
        font-weight: 400 !important;
        padding: 16px 20px;
        text-transform: uppercase;
    }  
.container {
    max-width: 100% !important;
    position: relative;
    z-index: 9;
}
.top-header:before{
  display:none;
}
.top-header {
    background: #398721;
}
.header-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
.header-info li a {
    color: #fff;
}
.header-info li a p {
    font-size: 13px;
}
.header-info span {
    color: #fff !important;
}
.header-titles-wrapper {
    margin-right: 0px !important;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
}
.slider-img {
        max-width: 50%;
}
.slider-content {
    text-align: center;
}
.btn-style {
    margin: 20px auto 0px;
}
    .class-name {
        background: #fc0aaf;
        position: absolute;
        bottom: -100px;
        width: 100%;
        padding: 20px 0px 20px;
        border-radius: 60px 60px 0px 0px;
        height: 60%;
        transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
    }
    .class-img {
        height: 280px;
    }

  .about-img-01 {
    height: auto !important;
}
}

@media only screen and (max-width: 875px) {
  .mission-img, .vission-img {
        width: 50px;
        display: none !important;
    }
  .our-mission p {
    max-width: 100%;
}
.our-mission {
    margin-bottom: 30px;
}
.vissionwrapper {
    max-width: 100% !important;
    margin: 0px 0px 0px auto;
}
.our-vission {
    margin-top: 0px !important;
}
section.section-03 {
    padding-bottom: 0px !important;
}
.mosque-01 {
    width: 150px;
}
.gallery img {
    height: 150px !important;
}
.entry-content {
        font-size: 2.1rem;
        margin: 10px 0px;
    }
.elementor-element {
    font-size: 15px;
}
p.premium-blog-post-content {
    font-size: 15px !important;
}
.breadcrumbs {
    font-size: 12px;
}
}

@media only screen and (max-width: 600px) {
.nf-field-container {
    width: 100% !important;
}
.four-col-list ul li {
    float: left;
    width: 100% !important;
}
.lastname-container {
    padding: 0px !important;
    margin: 0px !important;
}
.container {
    max-width: 100%;
}
.slider-wrapper:before {
        height: 50px;
    }
.slider-content small {
    font-size: 14px;
}
    .slider-content h1 {
        font-size: 25px;
    }
 .btn-style {
        margin: 16px auto 0px;
        font-size: 16px;
        line-height: 40px;
    }
     .slider-img {
        max-width: 80%;
    }
  .section-01 {
    margin: 2em 0px;
    position: relative;
    text-align: center;
}
.why-us li {
    width: 100%;
    display: inline-block;
}
.why-us li p {
    text-align: left;
}
.why-us li span {
    background: #fc800a;
    display: inline-block;
    color: #fff;
    width: 25%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    border-radius: 10px;
    box-shadow: 1px 4px 1px rgb(213 109 10);
    margin-right: 12px;
}
    .title-heading {
        font-size: 25px;
    }
  .section-02 {
    padding: 2em 0px;
}
.classes-wrapper {
    margin-top: 20px;
}
.section-03 {
    padding: 2em 0px;
}
img.mosque, .mosque-01 {
    display: none;
}
.our-mission {
        margin-bottom: 30px;
        margin-top: 30px;
    }
  .our-vission {
        margin-top: 0px !important;
        margin-bottom: 0px;
    }
  .section-o4 {
    text-align: center;
    padding: 2em 0px;
}
    .gallery img {
        height: 150px !important;
        width: 90%;
    }
  .gallery {
    margin-top: 20px;
}
.footer-inner {
    text-align: center;
}
.footer-social-icon {
    justify-content: center;
    margin-top: 12px;
}
.footer-social-icon li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
}
.contact-info-one li {
    flex-direction: column;
}
.widget-title {
    font-size: 20px;
}
.footer-widget {
    padding: 10px 0px;
}
.footer-menu-container ul li a i {
    display: none;
}
.footer-menu-container ul li a {
    font-size: 15px;
}
.inner-banner-inner h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
}
.form-wrapper {
    max-width: 100%;
}
}

@media only screen and (max-width: 380px) {
.header-info li {
    list-style: none;
    margin: 0px 4px;
}
    .header-info li a p {
        font-size: 11px;
    }
}