/*
Theme Name: Tauseef Anwar
Theme URI: https://webgraphicshub.com/
Author: Amarta Dey
Author URI: https://amartadey.com/
Description: This is a custom made theme made by Amarta Dey and team at Web Graphics Hub. If you want a custom theme made for your website email us at info@webgraphicshub.com or visit out website. This is not a free theme and is not available for download.
Tags: wgh, amartadey, web-graphics-hub, amarta-dey, custom-theme, html, css, javascript, bootstrap
Version: 99.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
*/


.right-banner-custom {overflow: hidden; position: absolute; top:0; right:0; width: 45%; }
.banner-main-section .banner-inner-con { display: block; width: 53%;  margin: 0; position: relative; z-index: 999; }
.banner-main-section .banner-inner-con h1 small { display:block; }
.banner-main-section .video-play-icon { position:absolute; top:0; right:0; border:5px solid #BF0B30 }
.banner-main-section .video-play-icon video { margin-bottom:-7px }
.index2-form-inner-section { display:block; }
.form-con ul li input { font-family:"Maven Pro", sans-serif; padding:6px 12px }
.form-con ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.form-con ul li { width: 48%; margin:0 }
.form-con ul .wpcf7-submit { font-size: 18px; text-transform: uppercase; border: none; line-height: 24px; font-weight: 500; padding: 15px 30px; color: var(--primary-color); background: var(--button-color); display: inline-block; transition: .3s ease-in-out; }
.form-con   p.cust-form-title { text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-weight: 900; font-size: 24px; line-height: 28px; margin-bottom: 0; color: var(--accent); padding-bottom:15px; }
.banner-left-con  form span.wpcf7-not-valid-tip { font-family: 'Maven Pro', sans-serif;  color: #dc3232; font-size: 16px; font-weight: normal;}
.about-left-con::after { display:none; }
.video-section .index2-video-left-con { display:flex;justify-content:flex-end; }
.video-section .index2-video-left-con .left-block { max-width:555px ; color: #fff; position: relative; z-index: 999; padding-right: 15px}
.video-section .index2-video-right-con { display:flex;justify-content:flex-start; }
.video-section .index2-video-right-con .right-block {  max-width:555px; color: #fff; position: relative; z-index: 999; padding-left:15px; }
.index2-movement-section .index2-movement-inner-con p { text-align:center; color:#fff }
.index2-about-right-con::before { display:none; }

.top-header-menu{ display:none; background: var(--accent); }

.mission-section.my-pledges .mission-con{ border:1px solid #222f6429; }
.mission-section.my-pledges .mission-con i{ font-size:45px; color:var(--accent); transition:.3s ease-in-out; }
.mission-section.my-pledges .mission2-con:hover figure i{ color:#fff; }
.mission-section.my-pledges .mission-con{ font-size:18px; line-height:1.4; }

[type="checkbox"]{ accent-color:var(--accent); }


.index2-counter-section.campaign .counter-box .image-block{ margin:0; padding:0 0 12px 0; height:200px; }
.index2-counter-section.campaign .counter-box .image-block img{ width:100%; height:100%; object-fit:cover; line-height:0; }
.index2-counter-section.campaign .counter-box{ height:100%; padding:20px; transition:all 0.3s ease-in-out; }
.index2-counter-section.campaign .col-lg-4.col-md-6{ margin-bottom:30px; }
.index2-counter-section.campaign .counter-box{ transition:all 0.3s ease-in-out; }
.index2-counter-section.campaign .counter-box:hover p{ color:#fff; }
.index2-counter-section.campaign .counter-box h4{ padding-bottom:8px; transition:all 0.3s ease-in-out; }
.index2-counter-section.campaign h2{ color:#fff; }

/* #wpcf7-f30-o2 .wpcf7-list-item{ display:block; }
.form-box .bottom-footer .wpcf7-checkbox{ margin-left:0; }
.form-box .bottom-footer .wpcf7-checkbox .wpcf7-list-item{ margin-left:0; } */

.form-box .bottom-footer .wpcf7-submit { font-size: 18px; text-transform: uppercase; border: none; line-height: 24px; font-weight: 500; padding: 15px 30px; color: var(--primary-color); background: var(--button-color); display: inline-block; transition: .3s ease-in-out; }
#wpcf7-f18-o1 .wpcf7-checkbox .wpcf7-list-item{ margin-left:0; }

.form-box .form-inputs-con{ grid-template-columns:100%; }














@media screen and (max-width:1399px){
.generic-title span{ font-size:22px; }
.generic-title h2{ font-size:44px; line-height:1.1; }
.banner-left-con { padding-bottom:50px; }





}

@media screen and (max-width: 1150px){
.video-section .index2-video-left-con .left-block{ padding-left:15px; }
.video-section .index2-video-right-con .right-block{ padding-right:15px; }











}

@media screen and (max-width: 991px){
.banner-main-section .bottom-menu-block{ bottom: initial; top: 0; right: 0; width: 100%; }
.right-banner-custom{ position:initial; width:100%; order:1; padding-bottom:20px; }
.banner-main-section .banner-inner-con{ width:100% !important; order:2; }

.index2-about-right-con figure img { width:100%; }
.banner-main-section .container-fluid{ display:flex; flex-direction:column; }
.header-main-con{ position:initial; }
.banner-main-section{ padding-top:20px; margin:0; }





.banner-main-section .bottom-menu-block{ display:none; }
.header-main-con .bottom-menu-block{ display:block; }
.top-header-menu{ display:block; display:flex; justify-content:end; }



.top-header-menu .menu-blocks .stellarnav.mobile .menu-toggle:nth-child(2){ display:none !important; }
.top-header-menu .menu-blocks .stellarnav.mobile{ background:var(--accent); width:max-content; border-radius:4px; }
.top-header-menu .menu-blocks .stellarnav ul li a{ text-transform: uppercase; font-family:'Maven Pro', sans-serif; font-weight:900; font-size:18px; line-height:1; margin-bottom:0; color:#fff; padding:20px 24px; border-right:1px solid rgba(0, 0, 0, .4); color:var(--accent); }
.top-header-menu .menu-blocks .stellarnav ul{ position:absolute; width:100%; left:0; z-index: 99; }
.top-header-menu .menu-blocks .stellarnav .menu-toggle span.bars{ margin-right:0; }
.top-header-menu .menu-blocks .stellarnav .menu-toggle{ padding:2px 1px 4px 10px; }
.top-header-menu .menu-blocks .stellarnav .menu-toggle span.bars span{ background:#fff; }
.fixed{ height:auto; width:100%; z-index:999999; }


}

@media screen and (max-width: 768px){
.video-section .index2-video-left-con{ justify-content:left; }
.video-section .index2-video-left-con .left-block{ max-width:100%; }
.video-section .index2-video-right-con .right-block{ max-width:100%; }
.generic-title h2{ font-size:35px; }

}

@media screen and (max-width: 500px){
.generic-title h2{ font-size:30px; }
.header-main-con .nav-btns{ margin-right:0; }



}