/*
Theme Name: My Twenty Twenty Child Theme
Theme URI: https://imaxbd.com
Description: A child theme for Twenty Twenty.
Author: ranakpik
Author URI: https://fiverr.com/ranakpik
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


@font-face {
    font-family: 'HelveticaNeueLT Arabic 55 Roman';
    src: url('fonts/HelveticaNeueLTArabic-Roman.eot');
    src: url('fonts/HelveticaNeueLTArabic-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTArabic-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTArabic-Roman.woff') format('woff'),
        url('fonts/HelveticaNeueLTArabic-Roman.ttf') format('truetype'),
        url('fonts/HelveticaNeueLTArabic-Roman.svg#HelveticaNeueLTArabic-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend Peta';
    src: url('fonts/LexendPeta-Regular.eot');
    src: url('fonts/LexendPeta-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/LexendPeta-Regular.woff2') format('woff2'),
        url('fonts/LexendPeta-Regular.woff') format('woff'),
        url('fonts/LexendPeta-Regular.ttf') format('truetype'),
        url('fonts/LexendPeta-Regular.svg#LexendPeta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body {
    background: #ffffff;
	font-family: 'HelveticaNeueLT Arabic 55 Roman' !important;

}
p{
	font-family: 'HelveticaNeueLT Arabic 55 Roman' !important;
	font-size:14px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lexend Peta' !important;
    font-weight: normal !important;
}

.form-row::after {
  content: "";
  clear: both;
  display: table;
}

.col-1 {width: 8.33%;float:left;}
.col-2 {width: 16.66%;float:left;}
.col-3 {width: 25%;float:left;}
.col-4 {width: 33.33%;float:left;}
.col-5 {width: 41.66%;float:left;}
.col-6 {width: 50%;float:left;}
.col-7 {width: 58.33%;float:left;}
.col-8 {width: 66.66%;float:left;}
.col-9 {width: 75%;float:left;}
.col-10 {width: 83.33%;float:left;}
.col-11 {width: 91.66%;float:left;}
.col-12 {width: 100%;float:left;}


/*Form Css*/
.form-area .form-group {
    padding: 10px 15px;
}

.form-row {
    margin: 0px -15px;
}

.form-area .form-group input, .form-area .form-group textarea, .form-area .form-group select {
    background: transparent !important;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    padding: 6px 0px;
    color: #fff;
    font-size: 12px;
    font-family: 'Lexend Peta';
    width: 100%;
    outline: none;
}

.form-area .form-group select {
    padding: 10px 0px;
}

.form-area .form-group select option {
    background: #0a272e;
}

.form-area .form-group input[type="radio"] {
    width: auto;
}

.form-area span.wpcf7-list-item.first {
    margin-left: -8px;
}
.form-area span.wpcf7-list-item {
    font-family: 'Lexend Peta';
}

.form-area .form-group label {
    font-size: 12px;
    color: #fff;
    font-family: 'Lexend Peta';
}

.form-area .form-group input[type="submit"] {
    width: auto;
    border: 1px solid #FFFFFF;
    background: transparent;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 1px;
    background-color: #00FF2300;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 15px 40px 15px 40px;
    text-decoration: none;
margin-top: 30px;
}
.form-area input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.form-area input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.form-area input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.form-area .form-group input[type="submit"]:hover {
    background: #fff;
    color: #718339;
}
.form-group.submit {
    text-align: right;
}

span.ajax-loader {margin-right: -20px !important;right: 0;}

.form-area input[type="checkbox"] {
    width: auto;
    border: 1px solid #fff;
	    padding: initial;
}
.form-area span.wpcf7-list-item-label {
    color: #fff;
    font-size: 12px;
	    cursor: pointer;
}

span.wpcf7-form-control-wrap.buyer {
    padding-left: 10px;
}
.form-area .form-group textarea {
    height: 50px;
}
.form-area input[type="checkbox"]:checked::before {
    background-color: #fff;
}
.dialog-close-button.dialog-lightbox-close-button i {
    color: #fff;
}

.language p {
    margin: 0px;
}
.eicon-close:before {
content: "";
    background: url(img/btn-close.svg);
    width: 37px;
    height: 36px;
    display: block;
    background-repeat: no-repeat;
    background-size: 26px 25px;
}
.form-area .form-group select {
    padding: 10px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/btn-arrow-down.svg)100% / 5% no-repeat !important;
}
.full-screen-popup p {
    color: #fff;
}
.full-screen-popup a {
    color: #fff;
	cursor: pointer;	
}
.dialog-close-button.dialog-lightbox-close-button .eicon-close::before {
    content: "" !important;
}



/*rana responsive*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form-area .form-group {
    padding: 5px 25px;
}
	
	
}
@media only screen and (max-width: 767px) {
.col-6 {
    width: 100%;
    float: none;
}	
.full-screen-hiro {
min-height:100vh;
}
.form-area .form-group input, .form-area .form-group textarea, .form-area .form-group select {
    border-bottom: 1px solid #FFFFFF;
    padding: 4px 0px;
    font-size: 10px;
}
.form-area .form-group textarea {
    height: 20px;
}
.form-area span.wpcf7-list-item-label {
    font-size: 10px;
}	
.form-area .form-group input[type="submit"] {
    margin-top: 0px;
    padding: 10px 25px 10px 25px;	
}
.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-size: 10px;
}
.form-area .form-group {
    padding: 5px 25px;
}
p {
    font-size: 12px;
}
.form-area input[type="checkbox"] {
    padding: initial !important;
	    border-bottom: 1px solid;
}
	
}

.page-area{
	z-index:0!important
}
.page-area.no-scroll{
	overflow:hidden;
	pointer-events:none;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}