/**
Theme Name: DubaiTravel
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Description
Version: 4.11.9
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.8
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores 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.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */


body{
	font-family: system-ui;
}
body h1, h2, h3, h4, h5, h6, p {
    font-family: system-ui !important;
}
.elementor-element.elementor-element-dad9887.elementor-widget.elementor-widget-text-editor {
    font-family: system-ui !important;
}
.elementor-counter-title {
    font-family: system-ui !important;
}
.elementor-element.elementor-element-dad9887.elementor-widget.elementor-widget-text-editor {
    font-family: system-ui !important;
}
.elementor-12 .elementor-element.elementor-element-d0401e5 .elementor-heading-title {
	font-family: system-ui;
}
.row {
    --bs-gutter-x: -2.5rem;
    --bs-gutter-y: 0;
    display: flex
;
    gap: 0px 9px;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
   
    flex-direction: row;
}
.col-sm-6 {
    width: 49%;
    flex: 0 0 auto; 
}
.col-sm-12 {
    width: 100%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
	width: 100%;
	    background: linear-gradient(45deg, #2b6cee, hsl(215 85% 65%));
    color: #fff;
    border-radius: 6px;
	font-size: 18px;
    font-weight: 600;
}
.col-sm-12.buton p {
    margin-bottom: 0px;
}
.elementor-element.elementor-element-d53efd7.elementor-widget.elementor-widget-text-editor p {
    margin-bottom: 8px;
}
.row p {
    margin-bottom: 18px;
}
.elementor-element.elementor-element-4451a90.elementor-widget.elementor-widget-text-editor {
    text-align: center;
}
.elementor-element.elementor-element-4451a90.elementor-widget.elementor-widget-text-editor span {
    font-size: 14px;
    /* text-align: center; */
    font-weight: 400;
    color: #6b7280;
}
.wpcf7-response-output {
    display: none;
}
.elementor-element.elementor-element-4451a90.elementor-widget.elementor-widget-text-editor{
	margin-top: -60px;
}
.ast-primary-header-bar{   background: #ffffff1a;
    position: absolute;
    width: 100%;
    backdrop-filter: blur(12px);
    top: 0;
    left: 0;
    z-index: 999;
	border-bottom: 1px solid #ffffff33;
}
@media (min-width: 922px) {
    .ast-container {
        max-width: 1400px;
    }
}
.ast-container, .ast-container-fluid{
	    padding-left: 16px;
    padding-right: 16px;
}
}
@media (min-width: 922px) {
	.e-con-inner{
		      max-width: 1400px !important;
	}
}
#para p {
    margin-bottom: 5px;
}
div#\.max-w-3xl {
    width: 51%;
    margin: 0pc auto;
}

/* #image hover css# */
.transhover
{
box-shadow: 0 4px 16px -4px hsl(89 50% 39% / .1) !important;

   background: #fff !important;

    border-radius: 8px !important;

	transition-duration: .3s !important;

	transition-duration: .3s !important;

}

.transhover:hover {
    box-shadow: 0 8px 32px -8px #65953226 !important;

    transform: translateY(-.8rem) !important;

--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / .25) !important;


}
.transhover {
    overflow: hidden !important;
}
.transhover img {
    transition: transform 0.4s ease; 
}

.transhover:hover img {
    transform: scale(1.1); 
}
.ast-header-html-1 a {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
	padding: 7px 22px 10px 22px;
    background: #332a52;
	border-radius:5px;
}
.ast-builder-html-element img.emoji {
    height: 18px !important;
}
div#box {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
div#box:hover {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
div#box:hover {
--tw-translate-y: -.25rem;
    transform: translate(0, -.25rem) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
}
div#acco details {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);
}
div#button a {
    --tw-shadow: 0 4px 14px -2px #2b6cee66;
    --tw-shadow-colored: 0 4px 14px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 14px -2px #2b6cee66;
}
div#main {
    max-width: 1100px;
    margin: auto;
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / .25);
}
div#main1 {
    max-width: 1100px;
	margin: auto;
}

div#icon-box:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
    animation-duration: .3s;
    transition-duration: .3s;
}
span#border
 {
    border: 1px solid hsl(220deg 85% 55% / 30%);
    padding: 10px 16px;
    border-radius: 30px;
    margin-left: 20px;
	 font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #282c34;
}
span#border:hover{
background-color:#f4f7fe;
}
.elementor-element.elementor-element-4a76f7f.elementor-widget.elementor-widget-text-editor p {
    margin-bottom: 6px;
}
p.text-white\/60 {
    color: hsl(219.57deg 28.14% 67.25%);
}
.ast-builder-html-element p {
    color: hsl(219.57deg 28.14% 67.25%);
}
/* .mybox:after {
    content: '';
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #b8e163;
    position: absolute;
    top: -80px;
    left: -71px;
}
.mybox {
    overflow: hidden;
} */

.mybox {
    justify-content: center !important;
}
img.custom-logo {
    border-radius: 9px;
}
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    min-height: 80px;
}
.ast-site-identity {
    padding: 1px 0 !important;
}
header .custom-logo-link img{
    width: 211px;
}
.ast-builder-html-element img.emoji {
    filter: brightness(0) saturate(100%) invert(34%) sepia(80%) saturate(3942%) hue-rotate(213deg) brightness(98%) contrast(90%);
}
section#block-21 p {
    position: relative;
    left: 26px;
}
section#block-19 p {
    margin-bottom: -9px !important;
}
section#block-21 p {
    margin-bottom: 5px !important;
}

section#block-19 {
    margin-bottom: 5px;
	    position: relative;
    left: 6px;
}

section#block-28 {
    margin-bottom: -31px;
    position: relative;
    left: 9px;
}

section#block-29 p {
    position: relative;
    left: 29px;
    margin-bottom: 0px;
}

.widget {
    margin: 0 0 10px 0;
}

section#block-31 p {
    margin-bottom: -8px;
}

section#block-31 p {
    margin-bottom: -8px;
    position: relative;
    left: 10px;
}
section#block-32 p {
    position: relative;
    left: 32px;
    margin-bottom: 0px;
}
section#block-28 p {
    margin-bottom: 29px;
}

section#block-31 img.emoji {
    width: 17px !important;
}
section#block-9 p {
    color: #fffc;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
h3.wp-block-heading {
    color: #5a97ea !important;
}
section#block-19, section#block-28, section#block-31 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #ffffffe6;
}
section#block-21, section#block-29, section#block-32 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ffffffb3;
}
section#block-31 {
    margin-bottom: 6px;
}
section#block-34 {
    color: #fffc;
}
ul.wp-block-list li {
	margin-top: 8px;
}
.count:hover {
    -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / .15);
    border-radius: 8px;
}
.ast-builder-html-element a:hover{
	background-color:#fff;
	color: #000;
}
.ast-builder-html-element img.emoji{
	animation: handshake 0.6s ease-in-out infinite;
}
@keyframes handshake {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(8deg); }
  50%  { transform: rotate(-8deg); }
  75%  { transform: rotate(6deg); }
  100% { transform: rotate(0deg); }
}
section#block-19 img.emoji {
   
    filter: brightness(0) invert(1);
    font-size: 11px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
    max-width: 1400px !important;
	padding: 0px 16px;
}    
.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
    max-width: 1400px;
    padding: 0px 16px;
}
p.text-white\/60 {
    text-align: left;
}
ul.wp-block-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
div#\.max-w-3xl p {
    margin-bottom: 0px;
}
summary.e-n-accordion-item-title:hover{
	padding: 22.4px ;
}




/* mobile responsive */
@media (max-width: 768px) {
	.col-sm-6 {
    width: 100%;
}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
        padding: 15px 6px;
    font-size: 13px;
	}
	.elementor-12 .elementor-element.elementor-element-ccb0357 .elementor-heading-title {
    font-size: 25px !important;
}
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-size: 12px;
}
	select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    font-size: 12px;
}
	input.wpcf7-form-control.wpcf7-text {
    font-size: 10px;
}
	.elementor-12 .elementor-element.elementor-element-9037085 .elementor-icon {
    font-size: 43px;
    padding: 8px !important;
}
	.elementor-icon-wrapper a, a:focus, a:hover, a:visited {
    text-decoration: none;
		width: 53px !important;
	}
	.elementor-12 .elementor-element.elementor-element-9037085 .elementor-icon svg {
    height: 35px !important;
    width: 39px !important;
}
	body:not(.rtl) .elementor-12 .elementor-element.elementor-element-9037085 {
    right: 20px !important;
}
	.elementor-12 .elementor-element.elementor-element-9037085 {
    top: 519px !important;
}
	.admin-bar #page{
        overflow-x: hidden !important;
}
	div#\.max-w-3xl {
    width: 100%;
}
	.ast-header-html-1 a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 5px 8px 6px 8px;
    background: #332a52;
    border-radius: 5px;
}
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
        min-height: 60px;
}
	.ast-builder-html-element img.emoji {
    position: relative;
    top: 4px !important;
}
	.elementor-element.elementor-element-9482689.elementor-align-justify.elementor-widget.elementor-widget-button a:hover {
    width: 100% !important;
}
	a.elementor-button.elementor-button-link.elementor-size-sm:hover{
		 width: 100% !important;
	}
	
	header .custom-logo-link img{
    width: 110px;
}
	.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
    min-height: 65px;
}
}
	
	
	
	
	
	
	
	
	
	
	
	

