@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.6
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/* Remove default margin & padding */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* fonts */
@font-face {
    font-family: 'Gotham Bold';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham Medium';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff'),
        url('fonts/Gotham-Medium.ttf') format('truetype'),
        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
b,strong{  font-family: 'Gotham Bold';}
:root {
  --primary-color: #000000;   /* Main brand color */
  --secondary-color: #df2d33; /* Accent color */
  --white-color: #ffffff;      /* Main text color */

}
/* Set base font */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
   font-family: 'Gotham Book';
   font-size: 16.35px;
   background: #000;
}

/* Remove list styles */
ul, ol {
  list-style: none;
}

/* Remove link underline */
a {
  text-decoration: none;
  color: inherit;
}

/* Images responsive */
img, picture {
  max-width: 100% !important;
  display: block;
}

/* Form elements inherit font */
input, button, textarea, select {
  font: inherit;
}
.container {
	margin-left: auto !important;
	margin-right: auto !important;
}
/*****header*****/

.navbar-expand-lg {
	padding: 0;
}
header {
	position: absolute;
	z-index: 9;
	left: 0;
	width: 100%;
	padding: 22px 30px;
}
header .container{
	max-width: 53%;
}

.btn-primary {
	background: var(--secondary-color);
	  font-family: 'Gotham Bold';
	min-width: 210px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	border-color: var(--secondary-color);
  color: var(--white-color);
  font-size: 19.39px;
}
.btn:hover {
	color: var(--secondary-color);
	background-color: #ffffff;
	border-color:  #ffffff;
}
.btn:focus-visible,  .btn:first-child:active {
	color:var(--secondary-color);
	background-color:  #ffffff;
	border-color:  #ffffff;
	outline: 0;
	box-shadow: none;
}
.banner-img .wpb_wrapper.vc_figure, .banner-img .wpb_wrapper .vc_single_image-wrapper.vc_box_border_grey {
	width: 100%;
}
.banner-img img {
	height: auto !important;

}
.mobile-banner{display: none;}
/***********register-section*******/
.register-section h1{ font-family: 'Gotham Bold';}
.register-section h2{  font-family: 'Gotham Medium';}
.wpcf7-form {
	max-width: 860px;
	margin: 0 auto;
	width: 100%;
	margin-top: 30px;
}
.wpcf7-form-control {
	width: 860px;
	max-width: 100%;
	height: 56px;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	padding: 0 15px;
	font-size: 30px;
	font-family: 'Gotham Medium';
	opacity: 1;
  outline: none;
}
.wpcf7-response-output {
	border: none !important;
	color: #fff;
	text-align: center;
	margin-top: 0 !important;
	padding-top: 0 !important;
  margin-bottom: 35px !important;
}
.wpcf7-form ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox ke liye */
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}
.wpcf7-form-control.wpcf7-submit {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	text-transform: uppercase;
}

.wpcf7-form-control.wpcf7-submit:hover{	
  color: var(--secondary-color);
	background-color: #ffffff;
	border-color: #ffffff;
}
.wpcf7-not-valid-tip {
		font-size: 10px;
}
.client-logo-imgs img {
	max-width: 628px !important;
	height: auto !important;
}

/********footer********/
footer{padding: 60px 0 40px;}
footer.entry-footer {
	display: none;
}
footer a:hover{color: var(--secondary-color) !important;}
footer .container{
	max-width: 53%;
}

body .contant-section {
	padding-top: 100px !important;
	color: #fff;
}
body .contant-section h2 {
	padding-bottom: 40px;
}
.contant-section p{margin-bottom: 15px !important;}
header.entry-header{
	opacity: 0;
	display: none;
}
.contant-section .container {
	max-width: 64%;
}
.video-section .container {
	max-width: 1024px;
	margin-bottom: 50px;
}
.video-container {
  position: relative;
  width: 100%;
}

video {
  width: 100%;
  height: auto;
  display: block;
}

/* 🔊 Sound Button */
#unmuteBtn {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 10px 15px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  cursor: pointer;
  display: none;
  z-index: 2;
}

#playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99999 !important;
	transition: 0.3s;
	display: flex;
	pointer-events: none !important;
}
#playBtn .bi.bi-play {
	width: 45px;
	height: 45px;
}
#playBtn:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.video-container:hover #playBtn {
	display: flex !important;
}
    }
.client-logo-imgs {
	margin-top: 30px;
}

@media(max-width:2000px){
  body {
	
	font-size: 16px;
}
  .main-heading {
	font-size: 40px !important;
}
body .wpcf7-form-control {
	height: 46px;
	border: 1.5px solid #fff;
	padding: 0 15px;
	font-size: 24px;
}
body .wpcf7-form {
	max-width: 650px;
}
body .wpcf7-form-control {
	width: 650px;
}
.client-logo-imgs img {
	max-width: 480px !important;
	
}

body .wpcf7-form p {
	margin-bottom: 10px;
}
}
@media(max-width:1700px){
.btn-primary {

	min-width: 170px;
	height: 36px;
	font-size: 14px;
}
body .wpcf7-form-control {
	height: 42px;
	font-size: 18px;
}
header .container {
	max-width: 60%;
}
footer .container {
	max-width: 70%;
}
header {
	padding: 17px 30px;
}
}
@media(max-width:1199px){
.btn-primary {
	min-width: 140px;
	height: 33px;
	font-size: 13px;
}
footer .container {
	max-width: 90%;
}
.main-heading {
	font-size: 36px !important;
}
}
@media(max-width:992px){
  header {
	display: none;
}
  .mobile-banner{display: block;}
  .web-banner{display: none;}
  footer .container {max-width: 100%;}
  .footer-left, .footer-right {
	width: 100%;
	text-align: center !important;
	padding: 5px;
}
footer {
	padding: 30px 0 20px;
}
	#playBtn {
	width: 60px;
	height: 60px;
}
	#playBtn .bi.bi-play {
	width: 36px;
	height: 36px;
}
#unmuteBtn {
	padding: 6px 10px !important;
	font-size: 12px !important;
}
}
@media(max-width:767px){
  .main-heading {
	font-size: 22px !important;
	padding-bottom: 5px;
}
body .wpcf7-form {
	max-width: 100%;
	padding: 0 30px;
	width: 100%;
  margin-top: 20px;
}

body .wpcf7-form-control {
	height: 38px;
	font-size: 14px;
	width: 100%;
	margin: 0 !important;
	padding: 0 10px !important;
}
form label {
	width: 100%;
}
.client-logo-imgs img {
	max-width: 260px !important;
}
footer {
	padding: 10px 0 9px;
}
.footer-left, .footer-right {
	width: 100%;
	text-align: center !important;
	padding: 0;
	margin-bottom: 0 !important;
	font-size: 13px;
	padding: 0 20px;
}
#register-section {
	padding-top: 0 !important;
}
.video-section .container {
	max-width: 1024px;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 0 10px !important;
}

body .client-logo-imgs  {
	margin-bottom: 16px !important;
	margin-top: 12px !important;
}
.video-container {
	padding: 0 5px;
}
	body .video-container:hover #playBtn {
	display: none !important;
}
	.video-row .wpb_raw_code {
	margin-bottom: 20px;
}
}
@media(max-width:365px){
	.main-heading {
	font-size: 18px !important;
	
}
}