@charset "utf-8"; 

/*..............Embaded fonts..............*/
@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/MonaSans-ExtraLight.eot');
    src: url('../fonts/../fonts/MonaSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/MonaSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/../fonts/MonaSans-ExtraLight.woff') format('woff'),
        url('../fonts/../fonts/MonaSans-ExtraLight.ttf') format('truetype'),
        url('../fonts/../fonts/MonaSans-ExtraLight.svg#MonaSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-BlackItalic.eot');
    src: url('../fonts/Mona-Sans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BlackItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BlackItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BlackItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BlackItalic.svg#Mona-Sans-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Narrow';
    src: url('../fonts/Mona-Sans-BoldNarrow.eot');
    src: url('../fonts/Mona-Sans-BoldNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BoldNarrow.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BoldNarrow.woff') format('woff'),
        url('../fonts/Mona-Sans-BoldNarrow.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BoldNarrow.svg#Mona-Sans-BoldNarrow') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Narrow';
    src: url('../fonts/Mona-Sans-BlackNarrowItalic.eot');
    src: url('../fonts/Mona-Sans-BlackNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BlackNarrowItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BlackNarrowItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BlackNarrowItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BlackNarrowItalic.svg#Mona-Sans-BlackNarrowItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Wide';
    src: url('../fonts/Mona-Sans-BoldWide.eot');
    src: url('../fonts/Mona-Sans-BoldWide.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BoldWide.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BoldWide.woff') format('woff'),
        url('../fonts/Mona-Sans-BoldWide.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BoldWide.svg#Mona-Sans-BoldWide') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Wide';
    src: url('../fonts/Mona-Sans-BlackWideItalic.eot');
    src: url('../fonts/Mona-Sans-BlackWideItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BlackWideItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BlackWideItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BlackWideItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BlackWideItalic.svg#Mona-Sans-BlackWideItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Wide';
    src: url('../fonts/Mona-Sans-ExtraBoldWide.eot');
    src: url('../fonts/Mona-Sans-ExtraBoldWide.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-ExtraBoldWide.woff2') format('woff2'),
        url('../fonts/Mona-Sans-ExtraBoldWide.woff') format('woff'),
        url('../fonts/Mona-Sans-ExtraBoldWide.ttf') format('truetype'),
        url('../fonts/Mona-Sans-ExtraBoldWide.svg#Mona-Sans-ExtraBoldWide') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-ExtraBoldItalic.eot');
    src: url('../fonts/Mona-Sans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-ExtraBoldItalic.svg#Mona-Sans-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Black Wide';
    src: url('../fonts/Mona-Sans-BlackWide.eot');
    src: url('../fonts/Mona-Sans-BlackWide.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BlackWide.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BlackWide.woff') format('woff'),
        url('../fonts/Mona-Sans-BlackWide.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BlackWide.svg#Mona-Sans-BlackWide') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Narrow';
    src: url('../fonts/Mona-Sans-ExtraBoldNarrow.eot');
    src: url('../fonts/Mona-Sans-ExtraBoldNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-ExtraBoldNarrow.woff2') format('woff2'),
        url('../fonts/Mona-Sans-ExtraBoldNarrow.woff') format('woff'),
        url('../fonts/Mona-Sans-ExtraBoldNarrow.ttf') format('truetype'),
        url('../fonts/Mona-Sans-ExtraBoldNarrow.svg#Mona-Sans-ExtraBoldNarrow') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Narrow';
    src: url('../fonts/Mona-Sans-BoldNarrowItalic.eot');
    src: url('../fonts/Mona-Sans-BoldNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BoldNarrowItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BoldNarrowItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BoldNarrowItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BoldNarrowItalic.svg#Mona-Sans-BoldNarrowItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-BoldItalic.eot');
    src: url('../fonts/Mona-Sans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BoldItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BoldItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BoldItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BoldItalic.svg#Mona-Sans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Narrow';
    src: url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.eot');
    src: url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-ExtraBoldNarrowItalic.svg#Mona-Sans-ExtraBoldNarrowItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Mona-Sans Black Narrow';
    src: url('../fonts/Mona-Sans-BlackNarrow.eot');
    src: url('../fonts/Mona-Sans-BlackNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BlackNarrow.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BlackNarrow.woff') format('woff'),
        url('../fonts/Mona-Sans-BlackNarrow.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BlackNarrow.svg#Mona-Sans-BlackNarrow') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Mona-Sans Wide';
    src: url('../fonts/Mona-Sans-BoldWideItalic.eot');
    src: url('../fonts/Mona-Sans-BoldWideItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-BoldWideItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-BoldWideItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-BoldWideItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-BoldWideItalic.svg#Mona-Sans-BoldWideItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-LightItalic.eot');
    src: url('../fonts/Mona-Sans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-LightItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-LightItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-LightItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-LightItalic.svg#Mona-Sans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Narrow';
    src: url('../fonts/Mona-Sans-MediumNarrow.eot');
    src: url('../fonts/Mona-Sans-MediumNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-MediumNarrow.woff2') format('woff2'),
        url('../fonts/Mona-Sans-MediumNarrow.woff') format('woff'),
        url('../fonts/Mona-Sans-MediumNarrow.ttf') format('truetype'),
        url('../fonts/Mona-Sans-MediumNarrow.svg#Mona-Sans-MediumNarrow') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans';
    src: url('../fonts/Mona-Sans-MediumItalic.eot');
    src: url('../fonts/Mona-Sans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-MediumItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-MediumItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-MediumItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-MediumItalic.svg#Mona-Sans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Narrow';
    src: url('../fonts/Mona-Sans-LightNarrowItalic.eot');
    src: url('../fonts/Mona-Sans-LightNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-LightNarrowItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-LightNarrowItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-LightNarrowItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-LightNarrowItalic.svg#Mona-Sans-LightNarrowItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Narrow';
    src: url('../fonts/Mona-Sans-MediumNarrowItalic.eot');
    src: url('../fonts/Mona-Sans-MediumNarrowItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-MediumNarrowItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-MediumNarrowItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-MediumNarrowItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-MediumNarrowItalic.svg#Mona-Sans-MediumNarrowItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Medium Wide';
    src: url('../fonts/Mona-Sans-MediumWide.eot');
    src: url('../fonts/Mona-Sans-MediumWide.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-MediumWide.woff2') format('woff2'),
        url('../fonts/Mona-Sans-MediumWide.woff') format('woff'),
        url('../fonts/Mona-Sans-MediumWide.ttf') format('truetype'),
        url('../fonts/Mona-Sans-MediumWide.svg#Mona-Sans-MediumWide') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Mona-Sans Light Wide';
    src: url('Mona-Sans-LightWide.eot');
    src: url('Mona-Sans-LightWide.eot?#iefix') format('embedded-opentype'),
        url('Mona-Sans-LightWide.woff2') format('woff2'),
        url('Mona-Sans-LightWide.woff') format('woff'),
        url('Mona-Sans-LightWide.ttf') format('truetype'),
        url('Mona-Sans-LightWide.svg#Mona-Sans-LightWide') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans ExtraBold Wide';
    src: url('../fonts/Mona-Sans-ExtraBoldWideItalic.eot');
    src: url('../fonts/Mona-Sans-ExtraBoldWideItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-ExtraBoldWideItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-ExtraBoldWideItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-ExtraBoldWideItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-ExtraBoldWideItalic.svg#Mona-Sans-ExtraBoldWideItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Narrow';
    src: url('../fonts/Mona-Sans-LightNarrow.eot');
    src: url('../fonts/Mona-Sans-LightNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-LightNarrow.woff2') format('woff2'),
        url('../fonts/Mona-Sans-LightNarrow.woff') format('woff'),
        url('../fonts/Mona-Sans-LightNarrow.ttf') format('truetype'),
        url('../fonts/Mona-Sans-LightNarrow.svg#Mona-Sans-LightNarrow') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona-Sans Light Wide';
    src: url('../fonts/Mona-Sans-LightWideItalic.eot');
    src: url('../fonts/Mona-Sans-LightWideItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mona-Sans-LightWideItalic.woff2') format('woff2'),
        url('../fonts/Mona-Sans-LightWideItalic.woff') format('woff'),
        url('../fonts/Mona-Sans-LightWideItalic.ttf') format('truetype'),
        url('../fonts/Mona-Sans-LightWideItalic.svg#Mona-Sans-LightWideItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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


/*..............Embaded fonts..............*/

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */




:root{
    
    --mona: 'Mona-Sans';
    --common-transition: all 0.3s ease 0s;
    --black:  #222222;
    --white: #ffffff;
    --grey:   #C2C2C2;
   
}
body { margin: 0; padding: 0; font-family: var(--mona); font-size:clamp(1rem, 0.917rem + 0.173vw, 1.125rem);/*18px*/  font-weight: 400; color: var(--black); overflow-x: hidden; background-color: var(--white); scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; line-height: 1.2; font-weight: 300; font-family: var(--mona); text-transform: uppercase;}
h1 { font-size: clamp(2rem, -0.661rem + 5.551vw, 6rem);/*96-32px*/color: var(--white);  }
h2{ font-size: clamp(1.75rem, 0.253rem + 3.122vw, 4rem); /*64-28px*/ }
h3{ font-size:clamp(1.438rem, 0.897rem + 1.127vw, 2.25rem); /* -- 36-23px -- */  }
h4{ font-size: clamp(1.25rem, 1.042rem + 0.434vw, 1.563rem);  /*25-20px*/ }
h5{font-size: clamp(1.125rem, 1.042rem + 0.173vw, 1.25rem);/*20-18px*/  } 
h6{  font-size: clamp(1.125rem, 1.042rem + 0.173vw, 1.25rem);/*20-18px*/   }
p{ margin: 0 0 20px; padding: 0; line-height: 1.5; }
p:last-child{margin: 0;}


img { max-width: 100%; display: block;}
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover {  outline: none; text-decoration: none; transition: var(--common-transition); color: #9C9C9C;}
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-family: var(--mona); font-weight: 400; font-size: 16px; outline: none; padding: 14px 20px; width: 100%; background-color: #fff; border-radius: 0px;  height: 55px; border: 1px solid #CBCBCB }
.form-control:focus { background-color: #F5F6FB; border: 1px solid var(--primary); }
textarea { padding: 22px 20px; min-height: 230px; resize: none; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--grey);
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color:var(--grey);
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: var(--grey);
  }
  :-moz-placeholder { /* Firefox 18- */
    color: var(--grey);
  }
input[type="submit"] { font-family: var(--mona); font-weight: 400; font-size: 18px; transition: all 0.3s ease 0s !important; outline: none;padding: 15px 40px !important; width: auto;height: auto;}

textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
ul{padding-left: 0;}
ul li{list-style: none;}
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color:var(--grey); opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color:var(--grey); }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color:var(--grey); }

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.common-pg-sec  h1{color: #000; text-align: center;}
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */


.btn { font-family: var(--mona); font-size: clamp(0.875rem, 0.708rem + 0.347vw, 1.125rem); line-height: 1;   color: var(--white) !important;  background-color: var(--black); padding: 20px 50px 20px 50px; transition: var(--common-transition); font-weight: 400 !important;  border-radius: 0px;border: 1px solid transparent; text-transform: uppercase;}
.btn.light{background-color: var(--light-blue); color: var(--white) !important;}
.btn.light:hover{background-color: var(--secondary); color: var(--white) !important;}
.btn:hover { color: var(--black) !important; background-color: transparent; border: 1px solid var(--black); }
.btn-submit{font-family: var(--mona); font-size: clamp(0.875rem, 0.708rem + 0.347vw, 1.125rem); line-height: 1; border-radius: 50px;  color: var(--dark-black) !important;  background-color: var(--secondary); padding: 16px 115px 16px 115px; transition: var(--common-transition); font-weight: 700 !important;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);border: none; }
.btn-submit:hover{  color: var(--secondary) !important;   background-color: var(--white);}
.btn.small{font-size: 14px;padding: 15px 40px 15px 40px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-40{margin-top: 40px;}
.mb-40{margin-bottom: 40px;}
.mt-100{margin-top: 100px;}
/* --- Button Styles --- */

strong { font-weight: 700; }
p strong { font-weight: 600; }
.whitespace { font-family: var(--mona); font-size: 32px; font-weight: bold; line-height: 39.62px; text-align: left; }
.whitespace a { color: var(--white); }


/*..............common styles..............*/
.common-padding{ padding-top: 100px; padding-bottom: 100px;  }
.common-padding-lg{padding-top: 180px; padding-bottom: 180px;}
.common-padding-sm{padding-top: 50px; padding-bottom: 50px;}
.container-sm{width: 1304px;}
/* ======= section-title ======= */


 @media only screen and (min-width: 1500px) {
    .container-lg{/*max-width: 1484px !important;*/ }
    
   }
@media only screen and (min-width: 1700px) {
    .container-lg{/*max-width: 1544px;*/ }
    
   }    

/* header start */

.main-header{ width: 100%; padding: 20px 0; background-color: transparent;position: absolute; width: 100%;  left: 0; right: 0; margin: 0 auto;}
/* .main-header:after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #000000 0%, rgba(34, 39, 42, 0) 136.21%); z-index: 0; } */
.hdr-logo-img{max-width: 348px; width: 100%;transition: all 0.5s;}
.header-right{justify-content: space-between;max-width: 509px; width: 100%;}
.main-header-wrap { justify-content: space-between; align-items: center; position: relative; z-index: 999; }
.main-header-wrap a{color: #fff;}
/* .main-header ul.nav a:hover{color: var(--primary);} */
.main-header ul.nav li a, .main-header ul.nav-left li a { padding: 15px 0; font-size: 16px; font-weight: 400; font-family: var(--mona); text-transform: uppercase; }
.main-header ul.nav li, .main-header ul.nav-left li { padding: 0px 80px 0 0; }
.main-header ul.nav-left { display: flex ;margin-bottom: 0; }
.main-header.inner-header { position: sticky; background-color: var(--black); top: 0;z-index: 999; }
/* .main-header ul.nav li:last-child { padding-right: 0; } */
.navigation ul li:hover, .navigation ul li.current-menu-item a { -webkit-text-stroke-width: .4px;  }
.hdr-social-media label { gap: 16px; display: inline-flex; align-items: center; }
.hdr-social-media-icon-wrap h6{color: var(--white); font-size: 16px; margin-bottom: 0;}
.hdr-social-media-icon-wrap ul { display: flex; align-items: center; gap: 16px;margin-bottom: 0; }
.hdr-social-media-icon-wrap { display: flex; align-items: center; gap: 50px; }
.hdr-social-media-icon-wrap ul li a {color: var(--white);}

.hdr-social-media { max-width: 532px; width: 100%; display: flex; justify-content: end;align-items: center; }
.hdr-social-media-icon-wrap-desktop{display: none;}

.social-icon-wrap ul { display: flex ; align-items: center; margin-bottom: 0; }
.container-lg{max-width: 1744px; width: 100%;}
.social-icon-wrap ul li a { border: 1px solid #8E8E8E; width: 70px; height: 70px; display: flex ; align-items: center; justify-content: center; border-radius: 50px; font-size: 27px; color: #8E8E8E; }
.social-icon-wrap ul li:not(:last-child){margin-right: 10px;margin-left: 10px;}
.mobile-menu{display: none;}
/* header end */

/* * sticky start */ 

.main-header.fixed {/* padding: 9px 0;*/ left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 999; background-color: var(--black);}
.main-header.fixed .hdr-logo-img { max-width: 230px; }
.main-header.fixed .social-icon-wrap ul li a {width: 50px; height: 50px;font-size: 22px;}
@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/* sticky end */
/* hamburger start */
.close-nav{display: none;}

.hamburger-nav { position: relative; width: 27px; height: 21px; z-index: 1; display: none; }
.hamburger-nav span{width: 100%; height: 3px; background-color: var(--primary); position: absolute;}
.hamburger-nav span:first-child{top: 0;}
.hamburger-nav span:nth-child(2){top: 8px;}
.hamburger-nav span:last-child{top: 16px;}

.hamburger { display: none; height: 26px;/* margin-right: 27px;*/ }
  .hamburger a.main-nav-toggle {
    display: block;
    width: 28px;
    height: 16px;
  }
  .hamburger a.main-nav-toggle:after, .hamburger a.main-nav-toggle:before {
    content: "";
    position: absolute;
    top: 2px;
    height: 0;
    border-bottom: 2px solid var(--white);
    width: 100%;
    left: 0;
    right: 0;
    transition: all ease-out 0.3s;
  }
  .hamburger a.main-nav-toggle:after { top: 14px; }
  .hamburger a.main-nav-toggle i {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    height: 2px;
    background-color: var(--white);
    width: 100%;
    position: absolute;
    top: 50%;
    transition: all ease-out 0.1s;
  }
  .hamburger a.main-nav-toggle.active-menu:after {
    transform: rotate(-45deg);
    transform-origin: center;
    top: 50%;
  }
  .hamburger a.main-nav-toggle.active-menu:before {
    transform: rotate(45deg);
    transform-origin: center;
    top: 50%;
  }
  .hamburger a.main-nav-toggle.active-menu i {
    opacity: 0;
  }




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

    }
/* hamburger end */    

body.open { height: 100vh; overflow: hidden; }
body.fixed-gap { margin-top: 94px; }



.main-header.header-sticky { left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; background-color: rgb(255 255 255 / 86%); backdrop-filter: blur(10px); }
.header-is-fixed { padding-top: 131px; }
@keyframes slide-down {
  0% {
      opacity: 0;
      transform: translateY(-100%);
  } 
  100% {
      opacity: 1;
      transform: translateY(0);
  } 
}

/* sub menu */
li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children > ul.sub-menu { display: none; position: absolute; background: #FFF; box-shadow: 0px 4px 6px 0px rgba(46, 45, 45, 0.16); min-width: 295px; z-index: 1; margin-top: 14px; left: -7px; padding: 0px; list-style: none; }
li.menu-item-has-children ul.sub-menu a{display: block;color:  #00134D;
    ;font-weight: 400;margin-right: 0;padding: 10px 15px;font-size: 16px;}
/* li.menu-item-has-children > ul.sub-menu > li:hover > a { color: var(--secondary) !important; } */
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover a::after { transform: translate(0%, -19%) rotate(180deg); color: var(--primary); }
li.menu-item-has-children > ul.sub-menu li { margin: 0; }
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 10px;} 
.main-header ul.sub-menu li:last-child { padding-right: 10px; }
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}
ul.sub-menu .current_page_item a { color: var(--secondary) !important; }
/* ul.nav li a:hover { color: var(--primary); } */
ul.lang-btn li a { display: flex; align-items: center; gap: 5px; padding: 5px 22px 5px 5px; border: 2px solid white; border-radius: 41px; }
ul.lang-btn li a:hover { color: var(--secondary); border: 2px solid var(--secondary); }
li.menu-item-has-children > a::after { position: absolute; top: 50%; transform: translate(0%, -19%); content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 17px; margin-left: 4px; color: var(--green); transition: var(--common-transition); right: 54px; }
ul.lang-btn li { padding: 20px 0; }
.header-social-media-toggle{display: none;}
/* sub sub menu dropdown start */
.navigation ul>li ul.sub-menu li a:hover { background: var(--primary); color: var(--white); } 
.navigation ul>li ul.sub-menu li ul.sub-menu{ left: 100%; top: 0; display:none; margin: 0;}
.navigation ul>li ul.sub-menu li.menu-item-has-children > a::after { transform: translate(0%, -50%); font-size: 14px; right: 10px; }
.navigation ul>li ul.sub-menu li.menu-item-has-children:hover > a::after { transform:  translate(0%, -50%) rotate(-90deg); }
.minus, .plus{display: none;} 
@media only screen and ( min-width:1400px ){
.navigation ul>li ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu { display:block; }  
}

.head-center{text-align: center;}
.head-center h1{color: var(--black); margin-bottom: 50px;}
.head-center h2{margin-bottom: 50px;}
/* sub menu end */

/* banner section start */
/* .banner-sec{position: relative; z-index: 0;}
.banner-sec::after{content: ""; position: absolute; background: rgb(0,0,0);
    background: -moz-linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    background: -webkit-linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    background: linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2;

} */

.bnr-item-wrap::after{content: ""; position: absolute; background: rgb(0,0,0);
    background: -moz-linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    background: -webkit-linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    background: linear-gradient(77deg, rgba(0,0,0,0.7) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) , rgba(0,0,0,0.3) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1;

} 
.bnr-item-wrap { height: 83vh; position: relative; z-index: 3; }
.bnr-inner-cont { display: flex ; flex-direction: column; align-items: center; justify-content: center;color: #fff;padding: 150px 0; margin-top: 148px;position: relative; z-index: 3; }
.banner-cont-slider-wrap { position: relative; }
.slick-dots { top: 50%; z-index: 8; writing-mode: vertical-lr; right: 15px; width: auto; transform: translateY(-50%); }
.slick-dots li{color: #FFF;}
.slick-dots li button:before { font-size: 30px; top: 0; left: 0; width: 20px; height: 20px; opacity: .70; color: #fff; }

.slick-dots li.slick-active button:before { opacity: 1; color: #fff; border: 1px solid #fff; border-radius: 50px; display: flex ; align-items: center; justify-content: center; }
ul.slick-dots li:not(:last-child){margin-bottom: 11px;}
/* .bnr-cont-outer-wrap { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-128%); } */

.scroll-down { position: absolute; bottom: 20%; left: 0; right: 0; margin: 0 auto; width: 125px;z-index: 8; }
.header-is-fixed .scroll-down { bottom: 8%; }


/*
#circle {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
  }
  
  #circle text {
    font-family: "Helvetica Neue", Arial;
    font-size: 26px;
    font-weight: bold;
    color: white;
  }
  
  #circle svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    -ms-animation-name: rotate;
    -o-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  
  @-webkit-keyframes rotate {
    from {
      -webkit-transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(0);
    }
  }
  @-moz-keyframes rotate {
    from {
      -moz-transform: rotate(360deg);
    }
    to {
      -moz-transform: rotate(0);
    }
  }
  @-ms-keyframes rotate {
    from {
      -ms-transform: rotate(360deg);
    }
    to {
      -ms-transform: rotate(0);
    }
  }
  @-o-keyframes rotate {
    from {
      -o-transform: rotate(360deg);
    }
    to {
      -o-transform: rotate(0);
    }
  }
  @keyframes rotate {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0);
    }
  }
*/


 .circle { --width: 125px; --height: 125px; position: relative; display: flex; justify-content: center; align-items: center; width: var(--width, 63px); height: var(--height, 63px); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
  
.logo { position: absolute; background-color: #fff; background: url(../images/bnr-arrow.svg); background-size: cover; width: 21px;  height: 21px; /*width: calc(var(--width, 350px) - (var(--width, 350px)  0.25)); height: calc(var(--height, 350px) - (var(--height, 350px)  0.25));*/border-radius: 100%; left: 0; right: 0; margin: 0 auto;} 
  
.text { position: absolute; width: 100%; height: 100%; animation: rotateText 10s linear infinite; -webkit-animation: rotateText 10s linear infinite; }
  
.text .char { position: absolute; left: 50%; transform-origin: 0 calc(var(--width, 125px) / 2); }
.text .char { font-size: 16PX; color: rgba(142, 142, 142, 1);font-family: var(--mona); }

  
  @keyframes rotateText {
    0% {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
    }
    100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
    }
  }
  

/* banner section end */

/* music tab sec */
.vdo-tab-outer-wrap ul{justify-content: center;}
.music-vdo-outer-wrap img, .music-vdo-outer-wrap video, .music-vdo-outer-wrap iframe { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover;background-color: #000; }

.music-vdo-outer-wrap { position: relative; padding: 0 0 56.25%; margin: 0 auto 20px; }
/*.music-vdo-outer-wrap { position: relative; margin: 0 auto 20px; }*/
.music-vdo-upper-part { position: relative; padding: 0 15px;}
.middle-title { position: absolute; z-index: 2; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; max-width: 500px; width: 100%; color: #fff; transform: translateY(-50%);}
.middle-title h3 { word-break: break-word;color: var(--white); }
ul.music-tab{margin: 50px 0;}

.vdo-tab-sec .nav-pills .nav-link { border-radius: 0; }
.vdo-tab-sec .nav-pills .nav-link { border-radius: 0; padding: 10px 44px; color: var(--black); border: 1px solid #222222; text-transform: uppercase; font-family: var(--mona); font-weight: 300; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: var(--bs-nav-pills-link-active-color); background-color: black; }
/* music tab sec */

/* abt sec start */
.abt-me-img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.abt-me-img-wrap { position: relative; padding: 0 0 52%; max-width: 355px; width: 100%; margin: 0 auto; }
.abt-me-outer-back{position: relative; }
.abt-me-outer-back::after { content: ""; position: absolute; background-image: url(../images/abt-bck.png); width: 605px; height: 437px; background-size: 100%; top: -61px; left: 62px; right: 0; margin: 0 auto; z-index: -1; }
.abt-me-cont-wrap { padding-right: 86px; }
.about-me-sec.common-padding { overflow: hidden; }
 .modal.show .modal-dialog { max-width: 60%; }
 .abt-modal-wrap{padding: 50px;}
/* abt sec end */

/* get in touch start */
.get-in-touch-inner-wrap { padding: 75px 0; display: flex ; align-items: center; justify-content: space-between; position: relative; z-index: 3; }
.get-in-touch-cont { max-width: 946px; color: white; }
.get-in-touch-sec{position: relative;}
.get-in-touch-sec::after{content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.7); top: 0; bottom: 0; left: 0;right: 0;width: 100%; height: 1005; z-index: 1;}
.get-in-touch-btn { background-color: rgba(255, 255, 255, 0.3); width: 185px; height: 185px; border-radius: 100px; display: flex ; align-items: center; justify-content: center; text-align: center; }
.get-in-touch-btn a{border-radius: 100px; display: flex ; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(195, 195, 195, 0.4); flex-direction: column; width: 161px; height: 161px; color: var(--white); font-family: var(--mona); text-transform: uppercase;font-size: 16px;}
/* get in touch end */


/* footer section start */
.ftr-menu ul { display: flex; justify-content: center;    margin-bottom: 30px; }
.ftr-menu ul li a { font-family: var(--mona); text-transform: uppercase; font-size: 16px; color: var(--black); font-weight: 400; }
.ftr-menu ul li:not(:last-child) { padding-right: 80px; }
.lower-ftr-innerwrap { display: flex ; justify-content: space-between; padding: 30px 0;align-items: center;}
.lower-ftr-innerwrap  ul { display: flex ; align-items: center; justify-content: center;margin-bottom: 0 ; }
.lower-ftr-wrap .container{border-top: 1px solid #B1B1B1;}
.lower-ftr-innerwrap p{ font-size: clamp(0.875rem, 0.709rem + 0.347vw, 1.125rem); margin-bottom: 0;}
.lower-ftr-innerwrap ul li a { width: 70px; height: 70px; display: flex ; align-items: center; justify-content: center; border: 2px solid var(--black); border-radius: 100px; }
.lower-ftr-innerwrap ul li a svg{color: var(--black);}
.lower-ftr-innerwrap ul li:not(:last-child){margin-right: 10px;}
/* footer section end */

/* -------inner pages start------- */

/* contact start */
.contact-img { position: relative; padding: 0 0 128%; height: 100%; }
.contact-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
.contact-form{background-color: #ECECEC; padding: 50px 75px;}
.contact-form-wrap .row .col-lg-5, .contact-form-wrap .row .col-lg-7 { padding: 0; }
.help-form .form-group { margin-bottom: 20px; }
.help-form .form-group textarea{height: 100px;}
.help-form .form-group label { font-family: var(--mona); text-transform: uppercase; color: var(--black); font-weight: 300; }
.additional-info-wrap { border: 1px solid #D4D4D4; padding: 50px; background-color: #ECECEC; text-align: center; display: flex; flex-direction: column; height: 100%; }
.info-icon-wrap  { width: 104px; height: 104px; background-color: #2A2A2A; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin: 0 auto 20px; }
.additional-info-type h3, .additional-info-type p { color: var(--black); }
.additional-info-type p { color: var(--black); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  }
.additional-info-type h3{margin-bottom: 10px;}
.additional-info .row {justify-content: center;}
/* .additional-info-wrap { display: flex; flex-direction: column; justify-content: center; margin-bottom: 20px; height: calc(100% - 20px); } */

/* additional css */
h1.page-title { color: var(--black); text-align: center; margin: 0 auto; font-size: clamp(2rem, 0.646rem + 2.824vw, 4rem);font-weight: 400;}
h2.wp-block-heading{font-size: clamp(1.563rem, 1.012rem + 1.147vw, 2.375rem); }
.wpcf7-not-valid-tip{font-size: 0;}
input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel.form-control.wpcf7-not-valid { border: 1px solid red; }
section.error-page { min-height: 428px; margin: auto 0; }
section.error-page .container { padding-top: 100px; }


/* -- 30.12.2024 -- */

.comment-respond p.comment-form-cookies-consent{display: flex;align-items: center;}
.comment-respond p.comment-form-cookies-consent input{width: 24px;height: 24px;padding: 0;margin: 0 10px 0 0;}
.comment-respond p.form-submit .submit:hover{background: var(--black);color: var(--white);}

.music-vdo-upper-part{padding: 0;}
.comment-author.vcard img { margin-right:10px; border-radius: 50%;object-fit: cover;max-width: 32px;}
ol.comment-list{list-style: none;padding: 0;}
ol.comment-list li:not(:last-child){padding-bottom: 30px;}
.reply a{color: var(--black);text-decoration: underline;}

ul.list-unstyled li a{color: #000;font-weight: 600;}

#comment-error, #email-error, #author-error {
    color: #b11f24;
    font-size: 14.5px;
    margin: 2px 0px 5px 10px;
}


h2.comments-title { font-size: 30px; }

.comment-author.vcard { display: flex; align-items: center; }
.comment-author.vcard span{margin: 0 5px;}

h3.comment-reply-title { font-size: 20px;margin-top: 10px; }
h3.comment-reply-title  small{font-size: 15px;font-weight: 600;margin-left: 10px;text-decoration: underline;}

/* -- 30.12.2024 -- */

/* -- Body Adjustment -- */


@media only screen and ( max-width:1699px ){
    .container-lg{width: 95% !important;}
    .hdr-logo-img { max-width: 296px; }
    .header-right { max-width: 476px; }
    .main-header ul.nav li, .main-header ul.nav-left li { padding: 0px 55px 0 0; }
    .social-icon-wrap ul li a{width: 60px; height: 60px; font-size: 25px;}
    .lower-ftr-innerwrap ul li a{width: 50px; height: 50px; }
    .get-in-touch-btn { width: 165px; height: 165px; }
    .get-in-touch-btn a { width: 150px; height: 150px; }
    .music-vdo-outer-wrap { width: 100%; }
    .contact-img { position: relative; padding: 0 0 127.5%; }
}

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

@media only screen and ( max-width:1499px ){
    .common-padding{ padding-top: 80px; padding-bottom: 80px;  }
    .header-right { max-width: 439px; }
    .hdr-social-media { max-width: 499px; }
    .hdr-logo-img { max-width: 270px; }
    .social-icon-wrap ul li a { width: 50px; height: 50px; font-size: 22px; }
    .main-header ul.nav li, .main-header ul.nav-left li { padding: 0px 40px 0 0; }
    .ftr-menu ul li:not(:last-child) { padding-right: 70px; }
    .circle { --width: 105px; --height: 105px; }
    .text .char { transform-origin: 0 calc(var(--width, 105px) / 2); }
    .scroll-down { width: 105px; bottom: 26%;}
    .vdo-tab-sec .nav-pills .nav-link { padding: 10px 30px; }
    .get-in-touch-cont { max-width: 760px; color: white; }
    .contact-form { padding: 50px; }
}

@media only screen and ( max-width:1399px ){
   
    .btn { padding: 15px 40px 15px 40px; }
    textarea, select, .form-control, input { height: 45px; }
    .header-right { max-width: 290px; }
    .hdr-social-media { max-width: 407px; }
    .hdr-logo-img { max-width: 221px; }
    .main-header ul.nav li a, .main-header ul.nav-left li a{font-size: 14px;}
    .main-header ul.nav li, .main-header ul.nav-left li { padding: 0px 30px 0 0; }
    .abt-me-img-wrap { position: relative; padding: 0 0 61%; margin-left: auto !important; margin: inherit;}
    .abt-me-cont-wrap { padding-right: 0; }
    .get-in-touch-btn { width: 145px; height: 145px; }
    .get-in-touch-btn a { width: 120px; height: 120px; font-size: 14px; }
    .lower-ftr-innerwrap { padding: 20px 0; }
    .ftr-menu ul li:not(:last-child) { padding-right: 55px; }
    .lower-ftr-innerwrap ul li a { width: 40px; height: 40px; }
    .contact-img { position: relative; padding: 0 0 138%; }
    .head-center h1 { margin-bottom: 40px; }
    .info-icon-wrap { width: 84px; height: 84px; }
    .info-icon-wrap img { width: 33px; }
}

@media only screen and ( max-width:1299px ){
    .vdo-tab-sec .nav-pills .nav-link { padding: 10px 30px; font-size: 14px; }
    .additional-info-wrap { padding: 30px; }
}

@media only screen and ( max-width:1199px ){
    .common-padding{ padding-top: 70px; padding-bottom: 70px;  }
    .abt-me-outer-back::after { content: ""; position: absolute; background-image: url(../images/abt-bck.png); width: 508px; height: 373px; background-size: 100%; top: -61px; left: 41px; right: 0; margin: 0 auto; z-index: -1; }
    .ftr-menu ul li a { font-family: var(--mona); text-transform: uppercase; font-size: 14px; color: var(--black); font-weight: 400; }
    .ftr-menu ul li:not(:last-child) { padding-right: 40px; }
    .text .char { font-size: 12PX; }
    .contact-img { padding: 0 0 163%;}
    .info-icon-wrap { width: 64px; height: 64px; }
    .info-icon-wrap img { width: 25px; }
}

@media only screen and ( max-width:991px ) {
    .menu-is-open .mobile-menu { transform: translateX(0); }
    .hamburger { display: inline-block;}
    .hamburger-nav{ display: block;}
    .mobile-menu { position: fixed; right: 0; top: 91px; bottom: 0; z-index: 999; max-width: 100%; background-color: var(--black); padding: 0px 30px 0; margin: 0; display: block; width: 100%; transition: 250ms ease-in; height: 100vh; overflow: auto; transform: translateX(100%); text-align: center; background-image: url(../images/bnr-fthr.png); background-repeat: no-repeat; background-position: bottom left; background-size: 304px; }
    .header-btn-wrap a {margin-right: 30px;}  
    .main-header { padding: 20px 0;/* position: sticky !important;*/ z-index: 9; top: 0; animation: none !important; }
    
    ul.nav li a, ul.nav-left li a {padding: 10px 0;font-size: 20px;font-weight: 600; color: var(--white);}
    .close-nav a {font-size: 21px;}
    ul.nav, ul.nav-left {padding-left: 0; display: block;}
    ul.nav li, ul.nav-left li {list-style: none;padding: 10px 0;}
    .nav {padding-top: 35px;}
    .close-nav { display: block; position: absolute; top: 26px; right: 28px; filter: brightness(0) invert(1); }
    .hdr-social-media { display: flex; align-items: center; gap: 28px; }
    .mobile-menu ul li:hover::after, .mobile-menu ul li.current-menu-item::after {left: 0;}
    li.menu-item-has-children {  display: block; }
    li.menu-item-has-children > ul.sub-menu { position: relative; left: inherit; width: 100%; }
    li.menu-item-has-children > a::after{content: none;}
    .minus, .plus { display: block; padding: 6px 5px 6px 8px; font-weight: 700;  font-size: 16px !important; cursor: pointer; position: absolute; right: 22%; width: 40px; top: 29px; font-size: 15px !important; text-align: right; font-family: var(--Frank);}
    li.menu-item-has-children:hover ul.sub-menu { display: none; }
    li.menu-item-has-children.open-sub > ul.sub-menu { display: block !important; }
    .minus { display: none; }
    .open-sub > .plus { display: none; }
    .open-sub > .minus { display: block; }
    .mobile-menu ul>li ul.sub-menu li ul.sub-menu { left: 0; }
    .mobile-menu ul>li ul.sub-menu li .minus, .mobile-menu ul>li ul.sub-menu li .plus { color: #1469a8; }
    li.menu-item-has-children ul.sub-menu a { padding: 5px; }
    /* .main-header ul.nav a:hover { color: var(--white); } */
    ul.nav a:not([href]):not([class]), a:not([href]):not([class]):hover { color: var(--primary); }
    ul.nav-left a:not([href]):not([class]), a:not([href]):not([class]):hover { color: var(--primary); }
    .hdr-social-media-icon-wrap-desktop{display: block;margin-top: 20px;}
    .hdr-social-media-icon-wrap{display: none;}
    
    .mobile-menu ul li:hover, .mobile-menu ul li.current-menu-item a { -webkit-text-stroke-width: .4px;  }

     .hamburger-nav { width: 19px; height: 15px;transition: all 0.5s ease; }
    .hamburger-nav span:nth-child(2) { top: 6px; }
    .hamburger-nav span:last-child { top: 12px; }
    .header-is-fixed { padding-top: 0; }
    .main-header ul.nav li, .main-header ul.nav-left li { padding: 45px 0 0 0; }
    .main-header ul.nav li a, .main-header ul.nav-left li a { font-size: clamp(1rem, 0.57rem + 0.897vw, 1.125rem); }
    .mobile-menu{display: block;}



    .navigation ul.nav, .navigation ul.nav-left{display: none;}
    .header-right { width: 0; }
    .hdr-logo-img { max-width: 189px; }
    .main-header.fixed .hdr-logo-img{ max-width: 189px; }
    .hamburger a.main-nav-toggle:after { top: 12px; }
     .hamburger a.main-nav-toggle:before { top: 3px; }
    /* header end */
  
    h1, h2, h3, h4, h5, h6,p { margin: 0 0 10px;}
    textarea, select, .form-control, input { height: 40px; }
    .common-padding { padding-top: 50px; padding-bottom: 50px; }
    .vdo-tab-outer-wrap ul.nav { display: flex ; }
    .header-is-fixed .scroll-down { bottom: 26%; }
    .abt-me-img-wrap { position: relative; padding: 0 0 61%; margin: 0 auto 40px; }
    .get-in-touch-inner-wrap { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    .get-in-touch-btn { margin-top: 30px; }
    .get-in-touch-btn { width: 115px; height: 115px; }
    .get-in-touch-btn a { width: 100px; height: 100px; font-size: 11px; }
    .ftr-menu ul li a { font-size: 12px; }
    .ftr-menu ul li:not(:last-child) { padding-right: 23px; }
    .lower-ftr-innerwrap p { font-size: 12px; }
    .lower-ftr-innerwrap ul li a { width: 30px; height: 30px; }
    .lower-ftr-innerwrap ul li a img { width: 14px; }
    .vdo-tab-outer-wrap ul.nav { display: flex; padding: 0; }
    ul.music-tab { margin: 30px 0; }
    .abt-me-outer-back::after { width: 694px; height: 503px; top: -36px;}
    .abt-me-cont-wrap { margin-top: 30px; }
    .abt-btn { margin-top: 20px; }
    .bnr-item-wrap { height: 66vh; }
    .bnr-inner-cont { padding: 100px 0; margin-top: 108px; }
    .scroll-down { bottom: 47%;  width: 90px; }
    .header-is-fixed .scroll-down { bottom: 47%; }
    .circle { --width: 90px; --height: 90px; }
    .text .char { transform-origin: 0 calc(var(--width, 90px) / 2); }
    .contact-img { padding: 0 0 124%; }
    .contact-form { padding: 30px; }
    .head-center h1 { margin-bottom: 30px !important; font-size: 28px;}
    .head-center h2 { margin-bottom: 30px !important ; }
    .additional-info-type p { height: inherit; }
    .additional-info .container .row .col-lg-4:not(:last-child) { margin-bottom: 30px; }
    .help-form .form-group textarea { height: 70px; }
    .get-in-touch-sec{background-position: top center;}
    .get-in-touch-inner-wrap { padding: 45px 0; }
    .abt-modal .modal-body { padding: 0; }
    .modal.show .modal-dialog { max-width: 90%; margin: 0 auto; }
    .abt-modal-wrap { padding: 30px; }
    }

@media only screen and ( max-width:767px ){
    .container{width: 95%;}
    .social-icon-wrap ul li a { width: 30px; height: 30px; font-size: 18px; }
    /* .hdr-logo-img { max-width: 200px; } */
    /* .main-header.fixed .hdr-logo-img { max-width: 156px; } */
    .main-header.fixed .social-icon-wrap ul li a { width: 30px; height: 30px; font-size: 18px; }
    /* .main-header.fixed .mobile-menu { top: 58px; } */
    .mobile-menu { top: 80px; }
    .hdr-social-media { gap: 16px; }
    .circle { --width: 70px; --height: 70px; }
    .ftr-menu ul { flex-direction: column; align-items: center; }
    .ftr-menu ul li:not(:last-child) { padding-right: 0; }
    .ftr-menu ul li:not(:last-child) { padding-right: 0; margin-bottom: 10px; }
    .lower-ftr-innerwrap { align-items: center; flex-direction: column; text-align: center; }
    .lower-ftr-innerwrap p { margin-bottom: 20px; }
    /* .abt-me-outer-back::after { width: 536px; height: 390px; top: -36px; left: 13px; } */
    .get-in-touch-btn { width: 85px; height: 85px; }
    .get-in-touch-btn a { width: 70px; height: 70px; font-size: 11px; }
    .get-in-touch-btn a img { width: 23px; }
    .middle-title h3 { font-size: 18px; margin-bottom: 0px; }

    .vdo-tab-sec .nav-pills .nav-link { padding: 10px 20px; font-size: 12px; }
    .abt-me-img-wrap { position: relative; padding: 0 0 56%; margin: 0 auto 40px; max-width: 275px; }
    .abt-me-outer-back::after { width: 466px; height: 345px; top: -20px; left: 40px; }
    .get-in-touch-cont { max-width: inherit; }
    /* .get-in-touch-inner-wrap { padding: 55px 0; } */
    .slick-dots li button:before { font-size: 20px; top: 0; left: 0; width: 16px; height: 16px; opacity: .70; color: #fff; }
    ul.slick-dots li:not(:last-child) { margin-bottom: 3px; }
    .music-vdo-outer-wrap { position: relative; padding: 0 0 53%; max-width: inherit; margin: 0 auto 10px; }
    .additional-info .container .row .col-lg-4:not(:last-child) { margin-bottom: 20px; }
    .additional-info-wrap { padding: 20px 10px; }
    
    .middle-title { max-width: 200px; }

    aside.sidebar { margin: 20px 0 0; }
}

@media only screen and ( max-width:580px ){
    .mobile-menu { top: 76px; }
    /* .main-header.fixed .mobile-menu { top: 52px; } */
    .abt-me-outer-back::after { width: 491px; height: 360px; top: -20px; left: -42px; }
    .slick-dots { top: inherit; z-index: 8; writing-mode: horizontal-tb; width: auto; right: 0; margin: 0 auto; bottom: 4%; left: 0; }
    .abt-me-img-wrap { position: relative; padding: 0 0 90%; margin: 0 auto 40px;  }
    .info-icon-wrap { width: 54px; height: 54px; }
    .abt-me-cont-wrap { margin-top: 10px; }
}

@media only screen and ( max-width:380px ){
    .abt-me-img-wrap { position: relative; padding: 0 0 90%; margin: 0 auto 40px; max-width: inherit; }
    .abt-me-outer-back::after { width: 424px; height: 307px; top: -20px; left: -42px; }
    .main-header.fixed .mobile-menu { top: 50px; }
}