/*!
Theme Name: emircom
Theme URI: https://www.indianic.com
Author: https://www.indianic.com
Author URI: https://www.indianic.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: emircom
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

emircom is based on indianic https://https://www.indianic.com/, (C) 2012-2020 Automattic, Inc.
indianic is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.admin-bar header.main-header {
    margin-top: 32px;
}
.admin-bar .search-bar.active {    
    margin-top: 32px;
}
.admin-bar .filter-search-filed {
    margin-top: 32px;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}
.flex-nowrap {
    flex-wrap: nowrap!important;
}
.error{
    color: #ED3E3E !important;
}
.success{
    color: #47B872 !important;
}
/***New page CSS**/

.cyber-security-wrapp {
    padding-top: 140px;
}

.cyber-security-wrapp p{margin: 0;}

.cyber-security-wrapp img{
    height: auto;
}

.cyber-security-wrapp ul {
    padding-left: 32px;
    list-style: disc;
}

.cyber-security-wrapp h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #a7312d;
    margin-bottom: 0;
}

.cyber-security-wrapp h3 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: #202A61;
}

.cyber-security-wrapp hr {
    width: 244px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.marun {
    color: #a7312d !important;
}

.cyber-security-wrapp .mx-w {
    max-width: 460px;
}

.cyber-security-wrapp h4{
    font-size: 22px;
    line-height: 1.4;
    color: #202A61;
    font-weight: 700;
}

.cyber-security-wrapp .banne-right-img {
    width: 50%;
}

/*.cyber-security-wrapp .banne-right-img img{
    max-width: 60%;
}*/

.cyber-security-wrapp .banne-content {
    width: 50%;
}

.cyber-security-wrapp .banne-content img {
    width: 250px;
}

.cyber-security-wrapp .site-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.cyber-security-wrapp .banne-content img {
    margin-bottom: 50px;
}

.cyber-security-wrapp .banne-content h3 {
    margin-bottom: 20px;
}

.cyber-security-wrapp .awareness-index {
    padding: 50px 0;
}

.cyber-security-wrapp .awareness-index hr {
        padding-top: 50px;
    margin: 50px auto 0;
    padding-bottom: 0;
    border-width: 2px;
    border-color: #202a61;
    opacity: 1;
}

.cyber-security-wrapp .security-awareness {
    margin: 0 40px;
}

.cyber-security-wrapp .title {
    margin-bottom: 50px;
}

.cyber-security-wrapp .btn {
    padding: 15px 27px;
/*    border-radius: 50px;*/
    position: relative;
    max-width: 300px;
    width: 100%;
    margin: 50px auto;
    display: block;
    text-transform: uppercase;

}

.wpcf7 .wpcf7-form-control-wrap{width: 100%;}

.wpcf7 .btn{margin: 0 auto;}

.cyber-popup .modal-body  {
    overflow-y: auto;
    padding: 50px;
}

.cyber-security-wrapp .btn:hover {
    background: #202A61;
    color: #ffffff;
}

.cyber-security-wrapp .btn-blue {
    background: #202A61;
    color: #ffffff;
}

.cyber-security-wrapp .btn span {
    background: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 50px;
    margin-left: 15px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 12px;
}

.cyber-security-wrapp .btn img {
    width: 9px;
}

/*.order-1{order: inherit !important;}*/

.cyber-security-wrapp .my-styling {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.cyber-security-wrapp .my-styling>li {
    display: flex;
    align-items: center;
    gap: 50px;
}

.cyber-security-wrapp .my-styling .my-styling-img-box {
    flex-shrink: 0;
    width: 17%;
}

.cyber-security-wrapp .my-styling .my-styling-content-box {
    flex-grow: 1;
}

.title p, .my-styling-content-box p, .my-styling-content-box ul li, .security-awareness ul li {
    font-size: 20px;
    line-height: 1.4;
    color: #616776;
    font-weight: 400;
}

.my-styling-content-box ul li::marker, .security-awareness ul li::marker{
    color: #000000;   
}

.cyber-security-wrapp .card {
    background-color: #ffffff;
    padding: 50px 46px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 5px 38px 0 rgba(0, 44, 121, .13);
}


@media only screen and (min-width: 576px) {
    .cyber-security-wrapp .my-styling>li:nth-child(2n) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 1199px) {
    .cyber-security-wrapp .my-styling .my-styling-img-box {
        width: 25%;
    }
    .cyber-security-wrapp h2 {
        font-size: 32px;
    }

    .cyber-security-wrapp h3 {
        font-size: 28px;
    }

    .cyber-security-wrapp h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .cyber-security-wrapp .container {
        max-width: 100%;
    }

    /*.cyber-security-wrapp h2 {
        font-size: 34px;
    }
    .cyber-security-wrapp h3{
        font-size: 28px;
    }*/
    .cyber-security-wrapp .banne-content h3 {
        margin-bottom: 20px;
    }
    .cyber-security-wrapp .banne-content {
        padding-left: 10px;
    }
    .cyber-security-wrapp hr{
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .cyber-security-wrapp .card{
        padding: 15px;
    }
}

@media only screen and (max-width: 991px) {
    /*.cyber-security-wrapp .my-styling .my-styling-img-box {
        width: 33.33%;
    }*/

    .cyber-security-wrapp .security-awareness {
        margin: 0;
    }

    .cyber-security-wrapp .awareness-index{
        padding: 30px 0;
    }



    /*.cyber-security-wrapp h3 {
        font-size: 24px;
    }
    .cyber-security-wrapp h2 {
        font-size: 28px;
    }
    .cyber-security-wrapp h4{
        font-size: 18px;
    }*/

    .cyber-security-wrapp hr {
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .cyber-security-wrapp .banne-content {
        padding-left: 20px;
    }

    .cyber-security-wrapp .mx-w {
        max-width: 100%;
    }
    
    .title p, .my-styling-content-box p, .my-styling-content-box ul li, .security-awareness ul li{
        font-size: 16px;
    }
}

@media only screen and (max-width: 767.98px) {
    .cyber-security-wrapp .my-styling .my-styling-img-box {
        width: 41.66%;
    }

    .cyber-security-wrapp .banne-right-img {
        width: 100%;
        margin-bottom: 30px;
    }
    .cyber-security-wrapp .banne-content {
        width: 100%;
    }

    .cyber-security-wrapp {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 575px) {

    .cyber-security-wrapp .my-styling>li, .cyber-security-wrapp .my-styling {
        gap: 30px;
    }

    .cyber-security-wrapp .banne-content {
        padding-left: 0px;
    }

    .cyber-security-wrapp {
        padding-top: 100px;
    }

    .mx-w {
        max-width: 100%;
    }

    .cyber-security-wrapp .banne-content {
        width: 100%;
    }

    .cyber-security-wrapp .img img {
        width: 100%;
    }

    .cyber-security-wrapp .my-styling>li {
        flex-direction: column;
    }

    .cyber-security-wrapp .my-styling .my-styling-img-box {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .cyber-security-wrapp .my-styling>li{
            align-items: baseline;
    }

    .cyber-security-wrapp .security-awareness {
        margin: 0 ;
    }

}