@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600&display=swap");

@font-face { 
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-r/MontserratRegular.eot');
    src: url('../fonts/montserrat-r/MontserratRegular.eot') format('embedded-opentype'),
         url('../fonts/montserrat-r/MontserratRegular.woff2') format('woff2'),
         url('../fonts/montserrat-r/MontserratRegular.woff') format('woff'),
         url('../fonts/montserrat-r/MontserratRegular.ttf') format('truetype'),
         url('../fonts/montserrat-r/MontserratRegular.svg#MontserratRegular') format('svg');
         font-weight: 400;
			  font-style: normal;
			  font-display: swap;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/montserrat-b/MontserratBold.eot');
    src: url('../fonts/montserrat-b/MontserratBold.eot') format('embedded-opentype'),
         url('../fonts/montserrat-b/MontserratBold.woff2') format('woff2'),
         url('../fonts/montserrat-b/MontserratBold.woff') format('woff'),
         url('../fonts/montserrat-b/MontserratBold.ttf') format('truetype'),
         url('../fonts/montserrat-b/MontserratBold.svg#MontserratBold') format('svg');
         font-weight: 700;
			  font-style: normal;
			  font-display: swap;
}
:root {
  --primary: #10069F;
  --textcolor:#001F4C;
  --lightgrey:#F8F8F8;
  --themecolor:#ffba00; } 

/*

	Media Query mixin

	See https://github.com/sass-mq/sass-mq/ for original full version. 

	@example scss
	 .element {
	   @include mq($from: mobile) { 
		 color: red;
	   }

	   @include mq($to: tablet) {
		 color: blue;
	   }

	   @include mq(mobile, tablet) {
		 color: green;
	   }

	   @include mq($from: tablet, $and: '(orientation: landscape)') {
		 color: teal;
	   }

	   @include mq(em(950px)) {
		 color: hotpink;
	   }

	   @include mq(em(950px), $media-feature: height) {
		 color: hotpink;
	   }

	   @include mq(tablet, $media-type: screen) {
		 color: hotpink;
	   }

	   // Advanced use:
	   $custom-breakpoints: (L: 900px, XL: 1200px);
	   @include mq(L, $bp: $custom-breakpoints) {
		 color: hotpink;
	   }
	 }

*/
/*

	Margin / Padding Quick Resets

	example: top & bottom margin set to $spacing-unit
	.element {
		@include push--ends;
	}

	example: left & right padding set to $spacing-unit--small
	.element {
		@include soft--sides($spacing-unit--small);
	}

*/
/*

	Helper mixins

*/
/*

	Form input placeholder text

	example:

	input,
	textarea {
		@include input-placeholder {
			color: $grey;
		}
	}

*/
/*

	Retina images

	example:

	.element {
		@include retina {
			background-image: url(../img/background@2x.png);
		}
	}

*/
/*

	Content margins

	fore removing first/last child margins

	example: default
	.element {
		@include content-margins;
	}

	output:
	.element > *:first-child {
		margin-top: 0;
	}
	.element > *:last-child {
		margin-bottom: 0;
	}

	example: empty selector
	.element {
		@include content-margins('false');
	}

	output:
	.element:first-child {
		margin-top: 0;
	}
	.element:last-child {
		margin-bottom: 0;
	}

*/
/*

	CSS Triangle

	used for creating CSS only triangles

	example:
	.element {

		&::before {
			@include css-triangle(blue, down);
		}
	}

*/
/*

	Hide text

	example:

	.element {
		@include hide-text;
	}

*/
/*

	Responsive ratio

	Used for creating scalable elements that maintain the same ratio

	example:
	.element {
		@include responsive-ratio(400, 300);
	}

*/
/*

	Icon

	For using fontastic icons in pseudo elements

*/
/*

	Colours

	background, colour, etc. match up with colour map in _variables.scss

	modify to suit per project

*/
/*

	Fluid Property

	http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx

	HTML:

	<h1 class="element">
		<span>Text to replace</span>
	</h1>

	example:
	h1 {
		@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
	}

	output:
	h1 {
		font-size: calc(3.125vw + 40px); //This is the magic!
	}

	@media (max-width:320px){ //Clips the start to the min value
		font-size:50px;
	}

	@media (min-width:1920px){ //Clips the end to the max value
		font-size:100px;
	}


*/
/*

	Misc

*/
/*

	Font face

	example:

	@include font-face('Clarendon', 'clarendon-webfont');
	@include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);

*/
/*

	REMs

*/
/*

	EMs calculator

*/
/*

	SVG inliner

*/
/*

	Media Query mixin

	See https://github.com/sass-mq/sass-mq/ for original full version.

	@example scss
	 .element {
	   @include mq($from: mobile) {
		 color: red;
	   }

	   @include mq($to: tablet) {
		 color: blue;
	   }

	   @include mq(mobile, tablet) {
		 color: green;
	   }

	   @include mq($from: tablet, $and: '(orientation: landscape)') {
		 color: teal;
	   }

	   @include mq(em(950px)) {
		 color: hotpink;
	   }

	   @include mq(em(950px), $media-feature: height) {
		 color: hotpink;
	   }

	   @include mq(tablet, $media-type: screen) {
		 color: hotpink;
	   }

	   // Advanced use:
	   $custom-breakpoints: (L: 900px, XL: 1200px);
	   @include mq(L, $bp: $custom-breakpoints) {
		 color: hotpink;
	   }
	 }

*/
/*

	Margin / Padding Quick Resets

	example: top & bottom margin set to $spacing-unit
	.element {
		@include push--ends;
	}

	example: left & right padding set to $spacing-unit--small
	.element {
		@include soft--sides($spacing-unit--small);
	}

*/
/*

	Helper mixins

*/
/*

	Form input placeholder text

	example:

	input,
	textarea {
		@include input-placeholder {
			color: $grey;
		}
	}

*/
/*

	Retina images

	example:

	.element {
		@include retina {
			background-image: url(../img/background@2x.png);
		}
	}

*/
/*

	Content margins

	fore removing first/last child margins

	example: default
	.element {
		@include content-margins;
	}

	output:
	.element > *:first-child {
		margin-top: 0;
	}
	.element > *:last-child {
		margin-bottom: 0;
	}

	example: empty selector
	.element {
		@include content-margins('false');
	}

	output:
	.element:first-child {
		margin-top: 0;
	}
	.element:last-child {
		margin-bottom: 0;
	}

*/
/*

	CSS Triangle

	used for creating CSS only triangles

	example:
	.element {

		&::before {
			@include css-triangle(blue, down);
		}
	}

*/
/*

	Hide text

	example:

	.element {
		@include hide-text;
	}

*/
/*

	Responsive ratio

	Used for creating scalable elements that maintain the same ratio

	example:
	.element {
		@include responsive-ratio(400, 300);
	}

*/
/*

	Icon

	For using fontastic icons in pseudo elements

*/
/*

	Colours

	background, colour, etc. match up with colour map in _variables.scss

	modify to suit per project

*/
/*

	Fluid Property

	http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx

	HTML:

	<h1 class="element">
		<span>Text to replace</span>
	</h1>

	example:
	h1 {
		@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
	}

	output:
	h1 {
		font-size: calc(3.125vw + 40px); //This is the magic!
	}

	@media (max-width:320px){ //Clips the start to the min value
		font-size:50px;
	}

	@media (min-width:1920px){ //Clips the end to the max value
		font-size:100px;
	}


*/
/*

	Misc

*/
/*

	Font face

	example:

	@include font-face('Clarendon', 'clarendon-webfont');
	@include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);

*/
/*

	REMs

*/
/*

	EMs calculator

*/
/*

	SVG inliner

*/
html {
  font-size: 95%;
  overflow-x: hidden; }
  @media screen and (max-width: 991px) {
    html {
      font-size: 80%; } }

/*@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }*/

body {
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  color: var(--textcolor);
  line-height: 1;
  margin: 0;
  overflow-x: hidden;
  background-color: var(--lightgrey);
  width: 100%;
  position: relative;
  /*cursor: none;*/
  padding-top:112px; }
  body.no-scroll {
    overflow: hidden;
    position: fixed; }
  @media screen and (max-width:1200px){
  	body{
  		padding-top:79px;
  	}
  }
  @media screen and (max-width: 767px) {
  body {
    cursor: default;
  }
}
  @media screen and (max-width:414px){
  	body{
  		padding-top:72px;
  	}
  }

.container {
  max-width: 1630px; }
  @media screen and (min-width:1201px){
  	.container{
  		padding-left:30px;
  	padding-right:30px;
  	}
  }

.button-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2.1875rem; }
  .button-row .list-inline-item:not(:last-child) {
    margin-right: 4.0625rem; }
  @media screen and (max-width: 575px) {
    .button-row {
      justify-content: center; }
      .button-row .btn {
        width: 100%; } }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
  font-weight: 700;
  transition: all 0.5s ease;
  color: #fff;
  padding: 0.75rem 1.125rem;
  font-size: 1rem;
  vertical-align: middle;
  position: relative;
  box-shadow: none !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px; }
  .btn.arrow {
    position: relative; }
    .btn.arrow:after {
      content: "";
      position: relative;
      display: inline-block;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: cover;
      margin-left: 8px; }
  .btn[disabled] {
    background: #ccc !important;
    border-color: #ccc !important;
    cursor: not-allowed !important;
    pointer-events: none; }
  .btn:hover {
    text-decoration: none; }
  .btn:active {
    outline: none;
    box-shadow: none; }
  .btn:focus {
    box-shadow: none !important; }
  .btn.btn-primary,
  .btn .btn-primary:focus,
  .btn .btn-primary:active {
    background: var(--primary);
    color: #ffffff; }
    .btn.btn-primary:hover,
    .btn .btn-primary:focus:hover,
    .btn .btn-primary:active:hover {
      background: #000;
      border-color: transparent; }
  .btn.btn-white {
    background: var(--lightgrey);
    color: var(--primary);
    border: 1px solid var(--lightgrey); }
    .btn.btn-white.arrow:after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: cover; }
    .btn.btn-white:hover {
      background: var(--primary);
      color: var(--lightgrey); }
      .btn.btn-white:hover.arrow:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  @media screen and (max-width: 767px) {
    .btn {
      padding: 0.5rem 0.75rem; } }

/*

	Basic, low level typography

*/
a {
  transition: .5s ease all;
  color: var(--textcolor); }
  @media screen and (min-width: 1025px) {
    a:hover {
      color: var(--primary);
      text-decoration: none !important; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 600;
  margin-top: 0;
  line-height: 1.1; }

h1 {
  font-size: 5.625rem; }
  @media screen and (min-width: 320px) {
    h1 {
      font-size: 3.125rem; } }
  @media screen and (min-width: 991px) {
    h1 {
      font-size: 4.375rem; } }
  @media screen and (min-width: 1300px) {
    h1 {
      font-size: 5.625rem; } }

h2 {
  font-size: 5rem; }
  @media screen and (min-width: 320px) {
    h2 {
      font-size: 2.8125rem; } }
  @media screen and (min-width: 991px) {
    h2 {
      font-size: 4.0625rem; } }
  @media screen and (min-width: 1300px) {
    h2 {
      font-size: 5rem; } }

h3 {
  font-size: 2.25rem; }
  @media screen and (min-width: 320px) {
    h3 {
      font-size: 1.375rem; } }
  @media screen and (min-width: 991px) {
    h3 {
      font-size: 1.5625rem; } }
  @media screen and (min-width: 1300px) {
    h3 {
      font-size: 2.25rem; } }

h4 {
  font-size: 1.5rem; }
  @media screen and (min-width: 320px) {
    h4 {
      font-size: 1.25rem; } }
  @media screen and (min-width: 991px) {
    h4 {
      font-size: 1.375rem; } }
  @media screen and (min-width: 1300px) {
    h4 {
      font-size: 1.5rem; } }

h5 {
  font-size: 1.25rem; }
  @media screen and (min-width: 320px) {
    h5 {
      font-size: 1.0625rem; } }
  @media screen and (min-width: 991px) {
    h5 {
      font-size: 1.1875rem; } }
  @media screen and (min-width: 1300px) {
    h5 {
      font-size: 1.25rem; } }

h6 {
  font-size: 1.125rem;
  margin-bottom: 1.875rem; }
  @media screen and (min-width: 320px) {
    h6 {
      font-size: 0.9375rem; } }
  @media screen and (min-width: 991px) {
    h6 {
      font-size: 0.9375rem; } }
  @media screen and (min-width: 1300px) {
    h6 {
      font-size: 1.125rem; } }

p {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1.25rem 0;
  line-height: 1.25; }

ul, ol,
.blockquote, .button-wrapper, .media, .table-wrapper {
  margin-bottom: 1rem; }
  ul:last-child, ol:last-child,
  .blockquote:last-child, .button-wrapper:last-child, .media:last-child, .table-wrapper:last-child {
    margin-bottom: 0; }

ol,
ul {
  padding: 0;
  margin: 0; }

b,
strong {
  font-weight: 700; }

form {
  margin-bottom: 0; }

.form-group {
  margin-bottom: 1.875rem;
  position: relative; }

.form-label {
  color: var(--lightgrey);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase; }

.form-control {
  position: relative;
  height: 48px;
  background-color: #F5F6F8;
  outline: none;
  border: 1px solid transparent;
  border-radius: 3px;
  opacity: 1;
  transition: all 0.2s;
  touch-action: manipulation;
  padding: 0 20px;
  color: var(--textcolor);
  font-size: 14px; }
  .form-control.active {
    outline: none;
    box-shadow: none; }
  .form-control::placeholder {
    opacity: .4;
    color: var(--textcolor);
    font-weight: 500; }
  .form-control:focus {
    outline: none;
    box-shadow: none;
    background-color: #F5F6F8; }
 /* @media screen and (max-width: 991px) {
    .form-control {
      height: 38px; } }*/

textarea.form-control {
  min-height: 7.1875rem;
  resize: none;
  padding-top: 10px;
  padding-bottom: 10px; }

.checkbox label,
.radio label {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .checkbox label input,
  .checkbox label svg,
  .radio label input,
  .radio label svg {
    width: 20px;
    height: 20px; }
  .checkbox label input,
  .radio label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    outline: none;
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: box-shadow 0.3s;
    box-shadow: inset 0 0 0 1px #d1d6ee;
    display: none;
    cursor: pointer; }
    .checkbox label input + span,
    .radio label input + span {
      padding-left: 25px;
      vertical-align: middle;
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--lightgrey);
      position: relative;
      display: block;
      text-transform: uppercase; }
      .checkbox label input + span:after,
      .radio label input + span:after {
        content: '';
        width: 20px;
        height: 20px;
        background: transparent;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        border: 1px solid #c2c2c2;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%; }
        @media screen and (max-width: 575px) {
          .checkbox label input + span:after,
          .radio label input + span:after {
            width: 16px;
            height: 16px; } }
    @media screen and (min-width: 1025px) {
      .checkbox label input:hover,
      .radio label input:hover {
        box-shadow: inset 0 0 0 1px var(--textPrimary); } }
    .checkbox label input:checked,
    .radio label input:checked {
      box-shadow: inset 0 0 0 1px var(--textPrimary); }
      .checkbox label input:checked + span:after,
      .radio label input:checked + span:after {
        border: 1px solid var(--lightgrey);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M6.99935 13.3333C10.221 13.3333 12.8327 10.7216 12.8327 7.49996C12.8327 4.2783 10.221 1.66663 6.99935 1.66663C3.77769 1.66663 1.16602 4.2783 1.16602 7.49996C1.16602 10.7216 3.77769 13.3333 6.99935 13.3333Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--textPrimary); }
  .checkbox label svg,
  .radio label svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--textPrimary);
    width: 20px;
    height: 20px;
    transform: scale(1) translateZ(0);
    border: 1px solid #d7d7d7;
    border-radius: 2px; }
  .checkbox label.path input:checked,
  .radio label.path input:checked {
    --s: 2px;
    transition-delay: 0.4s; }
    .checkbox label.path input:checked + svg,
    .radio label.path input:checked + svg {
      stroke-dasharray: 16.1 86.12;
      stroke-dashoffset: 102.22; }
  .checkbox label.path svg,
  .radio label.path svg {
    stroke-dasharray: 86.12;
    stroke-dashoffset: 86.12;
    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s; }

.checkbox a,
.radio a {
  color: var(--textPrimary);
  text-decoration: underline; }
  @media screen and (min-width: 1025px) {
    .checkbox a:hover,
    .radio a:hover {
      text-decoration: none; } }

@media screen and (min-width: 992px) {
  .col-gap-0 {
    margin-left: calc((0px/2) * -1) !important;
    margin-right: calc((0px/2) * -1) !important; }
  .col-gap-0 > div {
    padding-left: calc(0px/2) !important;
    padding-right: calc(0px/2) !important; }
  .col-gap-5 {
    margin-left: calc((5px/2) * -1) !important;
    margin-right: calc((5px/2) * -1) !important; }
  .col-gap-5 > div {
    padding-left: calc(5px/2) !important;
    padding-right: calc(5px/2) !important; }
  .col-gap-10 {
    margin-left: calc((10px/2) * -1) !important;
    margin-right: calc((10px/2) * -1) !important; }
  .col-gap-10 > div {
    padding-left: calc(10px/2) !important;
    padding-right: calc(10px/2) !important; }
  .col-gap-15 {
    margin-left: calc((15px/2) * -1) !important;
    margin-right: calc((15px/2) * -1) !important; }
  .col-gap-15 > div {
    padding-left: calc(15px/2) !important;
    padding-right: calc(15px/2) !important; }
  .col-gap-20 {
    margin-left: calc((20px/2) * -1) !important;
    margin-right: calc((20px/2) * -1) !important; }
  .col-gap-20 > div {
    padding-left: calc(20px/2) !important;
    padding-right: calc(20px/2) !important; }
  .col-gap-25 {
    margin-left: calc((25px/2) * -1) !important;
    margin-right: calc((25px/2) * -1) !important; }
  .col-gap-25 > div {
    padding-left: calc(25px/2) !important;
    padding-right: calc(25px/2) !important; }
  .col-gap-30 {
    margin-left: calc((30px/2) * -1) !important;
    margin-right: calc((30px/2) * -1) !important; }
  .col-gap-30 > div {
    padding-left: calc(30px/2) !important;
    padding-right: calc(30px/2) !important; }
  .col-gap-40 {
    margin-left: calc((40px/2) * -1) !important;
    margin-right: calc((40px/2) * -1) !important; }
  .col-gap-40 > div {
    padding-left: calc(40px/2) !important;
    padding-right: calc(40px/2) !important; }
  .col-gap-50 {
    margin-left: calc((50px/2) * -1) !important;
    margin-right: calc((50px/2) * -1) !important; }
  .col-gap-50 > div {
    padding-left: calc(50px/2) !important;
    padding-right: calc(50px/2) !important; }
  .col-gap-55 {
    margin-left: calc((55px/2) * -1) !important;
    margin-right: calc((55px/2) * -1) !important; }
  .col-gap-55 > div {
    padding-left: calc(55px/2) !important;
    padding-right: calc(55px/2) !important; }
  .col-gap-60 {
    margin-left: calc((60px/2) * -1) !important;
    margin-right: calc((60px/2) * -1) !important; }
  .col-gap-60 > div {
    padding-left: calc(60px/2) !important;
    padding-right: calc(60px/2) !important; }
  .col-gap-70 {
    margin-left: calc((70px/2) * -1) !important;
    margin-right: calc((70px/2) * -1) !important; }
  .col-gap-70 > div {
    padding-left: calc(70px/2) !important;
    padding-right: calc(70px/2) !important; }
  .col-gap-80 {
    margin-left: calc((80px/2) * -1) !important;
    margin-right: calc((80px/2) * -1) !important; }
  .col-gap-80 > div {
    padding-left: calc(80px/2) !important;
    padding-right: calc(80px/2) !important; }
  .col-gap-90 {
    margin-left: calc((90px/2) * -1) !important;
    margin-right: calc((90px/2) * -1) !important; }
  .col-gap-90 > div {
    padding-left: calc(90px/2) !important;
    padding-right: calc(90px/2) !important; }
  .col-gap-100 {
    margin-left: calc((100px/2) * -1) !important;
    margin-right: calc((100px/2) * -1) !important; }
  .col-gap-100 > div {
    padding-left: calc(100px/2) !important;
    padding-right: calc(100px/2) !important; }
  .col-gap-120 {
    margin-left: calc((120px/2) * -1) !important;
    margin-right: calc((120px/2) * -1) !important; }
  .col-gap-120 > div {
    padding-left: calc(120px/2) !important;
    padding-right: calc(120px/2) !important; }
  .col-gap-130 {
    margin-left: calc((130px/2) * -1) !important;
    margin-right: calc((130px/2) * -1) !important; }
  .col-gap-130 > div {
    padding-left: calc(130px/2) !important;
    padding-right: calc(130px/2) !important; }
  .col-gap-140 {
    margin-left: calc((140px/2) * -1) !important;
    margin-right: calc((140px/2) * -1) !important; }
  .col-gap-140 > div {
    padding-left: calc(140px/2) !important;
    padding-right: calc(140px/2) !important; }
  .col-gap-180 {
    margin-left: calc((180px/2) * -1) !important;
    margin-right: calc((180px/2) * -1) !important; }
  .col-gap-180 > div {
    padding-left: calc(180px/2) !important;
    padding-right: calc(180px/2) !important; }
  .col-gap-160 {
    margin-left: calc((160px/2) * -1) !important;
    margin-right: calc((160px/2) * -1) !important; }
  .col-gap-160 > div {
    padding-left: calc(160px/2) !important;
    padding-right: calc(160px/2) !important; }
  .col-gap-150 {
    margin-left: calc((150px/2) * -1) !important;
    margin-right: calc((150px/2) * -1) !important; }
  .col-gap-150 > div {
    padding-left: calc(150px/2) !important;
    padding-right: calc(150px/2) !important; } }

[data-width='5'] {
  width: 5%; }

[data-width='6'] {
  width: 6%; }

[data-width='7'] {
  width: 7%; }

[data-width='8'] {
  width: 8%; }

[data-width='9'] {
  width: 9%; }

[data-width='10'] {
  width: 10%; }

[data-width='11'] {
  width: 11%; }

[data-width='12'] {
  width: 12%; }

[data-width='13'] {
  width: 13%; }

[data-width='14'] {
  width: 14%; }

[data-width='15'] {
  width: 15%; }

[data-width='16'] {
  width: 16%; }

[data-width='17'] {
  width: 17%; }

[data-width='18'] {
  width: 18%; }

[data-width='19'] {
  width: 19%; }

[data-width='20'] {
  width: 20%; }

[data-width='21'] {
  width: 21%; }

[data-width='22'] {
  width: 22%; }

[data-width='23'] {
  width: 23%; }

[data-width='24'] {
  width: 24%; }

[data-width='25'] {
  width: 25%; }

[data-width='26'] {
  width: 26%; }

[data-width='27'] {
  width: 27%; }

[data-width='28'] {
  width: 28%; }

[data-width='30'] {
  width: 30%; }

[data-width='33'] {
  width: 33%; }

[data-width='35'] {
  width: 35%; }

[data-width='36'] {
  width: 36%; }

[data-width='38'] {
  width: 38%; }

[data-width='40'] {
  width: 40%; }

[data-width='42'] {
  width: 42%; }

[data-width='43'] {
  width: 43%; }

[data-width='45'] {
  width: 45%; }

[data-width='46'] {
  width: 46%; }

[data-width='47'] {
  width: 47%; }

[data-width='48'] {
  width: 48%; }

[data-width='50'] {
  width: 50%; }

[data-width='55'] {
  width: 55%; }

.abs-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  color: transparent;
  font-size: 0;
  text-indent: -2px; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003; }

#loader {
  position: relative;
  width: 100%;
  margin: auto;
  height: 100%;
  z-index: 1001;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  #loader img {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    z-index: 9999;
    position: relative; }
  #loader h5 {
  	z-index: 9999;
    text-transform: uppercase;
    position: relative;
    top: -80px;
  }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #F8F8F8;
  z-index: 1000; }

#loader-wrapper .loader-section.section-left {
  left: 0; }

#loader-wrapper .loader-section.section-right {
  right: 0; }

.loader {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-top: 20px;
  display: inline-block;
  vertical-align: middle; }

.loader .loader-outter {
  position: absolute;
  border: 4px solid var(--primary);
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; }

.loader .loader-inner {
  position: absolute;
  border: 4px solid var(--primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
  animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; }

@-webkit-keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s 1s ease-out;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }

.nav-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  padding: 0.75rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 2.1875rem !important; }
  .nav-pills li:not(:last-child) {
    margin-right: 0.8125rem; }
  .nav-pills li .nav-link {
    background-color: #fff;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 0 10px;
    width: 116px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    border: 0;
    outline: none;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .nav-pills li .nav-link.active {
      color: #fff;
      background: var(--primary); }
  @media screen and (max-width: 991px) {
    .nav-pills li .nav-link {
      width: 100px; } }
  @media screen and (max-width: 500px) {
    .nav-pills li .nav-link {
      flex-direction: column;
      font-size: 0.875rem; }
      .nav-pills li .nav-link span {
        margin-bottom: 3px; } }

.accordion {
  margin-bottom: 2.5rem; }
  .accordion .card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border-bottom: 1px solid #c0c0c0 !important;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    height: auto; }
    .accordion .card .card-header {
      background: transparent;
      padding: 0;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: start; }
      .accordion .card .card-header button {
        font-size: 1.25rem;
        font-weight: 500;
        flex: 1;
        text-align: left;
        padding: 0;
        justify-content: start;
        position: relative;
        text-decoration: none;
        white-space: initial;
        color: var(--primary); }
        .accordion .card .card-header button:before {
          display: inline-block;
          width: 0;
          height: 0;
          margin-right: 9px;
          vertical-align: 0.255em;
          content: "";
          border-top: 6px solid #6c6c6c;
          border-right: 6px solid transparent;
          border-bottom: 0;
          border-left: 6px solid transparent;
          transition: .5s ease all; }
        .accordion .card .card-header button:hover {
          color: var(--primary); }
        .accordion .card .card-header button.collapsed {
          color: #000; }
        .accordion .card .card-header button:not(.collapsed):before {
          transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          border-top: 0.3em solid var(--primary); }
    .accordion .card .card-body {
      padding: 1rem 0 0;
      line-height: 1.4; }

.mCSB_inside > .mCSB_container {
  margin-right: 20px !important; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 9999; }

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }

.bootstrap-select.dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg); }

.bootstrap-select.dropdown:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
  width: 100%; }

.bootstrap-select.dropdown > .dropdown-toggle {
  padding: 0 20px;
  font-size: 1rem;
  color: var(--lightgrey) !important;
  border-radius: 3px;
  background: #F5F6F8 !important;
  outline: none;
  font-weight: 600;
  position: relative;
  height: 48px;
  line-height: 48px; }
  .bootstrap-select.dropdown > .dropdown-toggle.btn-light:disabled, .bootstrap-select.dropdown > .dropdown-toggle.btn-light:active, .bootstrap-select.dropdown > .dropdown-toggle.btn-light:focus {
    background: #F5F6F8 !important; }
  .bootstrap-select.dropdown > .dropdown-toggle .filter-option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; }
  .bootstrap-select.dropdown > .dropdown-toggle .filter-option-inner {
    height: auto;
    line-height: 1; }
  .bootstrap-select.dropdown > .dropdown-toggle .filter-option-inner-inner {
    font-size: 0.875rem;
    padding: 5px 0;
    font-weight: 500;
    color: var(--textcolor) !important;
    text-transform: capitalize;
    opacity: .4; }
  .bootstrap-select.dropdown > .dropdown-toggle:after {
    content: '';
    border: 0;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M7.96967 7.78033C8.26256 8.07322 8.73744 8.07322 9.03033 7.78033L13.8033 3.00736C14.0962 2.71447 14.0962 2.23959 13.8033 1.9467C13.5104 1.65381 13.0355 1.65381 12.7426 1.9467L8.5 6.18934L4.25736 1.9467C3.96447 1.65381 3.48959 1.65381 3.1967 1.9467C2.90381 2.23959 2.90381 2.71447 3.1967 3.00736L7.96967 7.78033ZM9.25 7C9.25 6.58579 8.91421 6.25 8.5 6.25C8.08579 6.25 7.75 6.58579 7.75 7L9.25 7ZM7.75 7L7.75 7.25L9.25 7.25L9.25 7L7.75 7Z' fill='%23001F4C'/%3E%3C/svg%3E");
    transition: 0.3s ease all;
    background-repeat: no-repeat;
    background-size: contain; }
  .bootstrap-select.dropdown > .dropdown-toggle:focus {
    outline: none !important; }

.bootstrap-select.dropdown > .dropdown-menu {
  padding: 0 !important;
  border: 0 !important; }
  .bootstrap-select.dropdown > .dropdown-menu .inner {
    display: block; }
  .bootstrap-select.dropdown > .dropdown-menu li {
    margin-bottom: unset; }
  .bootstrap-select.dropdown > .dropdown-menu .dropdown-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: solid 1px rgba(112, 112, 112, 0.15);
    font-size: 1rem;
    font-weight: 600;
    color: #707070; }
    .bootstrap-select.dropdown > .dropdown-menu .dropdown-item:active, .bootstrap-select.dropdown > .dropdown-menu .dropdown-item.active, .bootstrap-select.dropdown > .dropdown-menu .dropdown-item:hover, .bootstrap-select.dropdown > .dropdown-menu .dropdown-item:focus {
      background: #eeeeee;
      outline: 0; }

.bootstrap-select.dropdown .form-control:focus {
  outline: none;
  box-shadow: none;
  background: transparent;
  border-color: var(--primary); }

@media screen and (max-width: 991px) {
  .bootstrap-select.dropdown > .dropdown-toggle {
    height: 38px;
    line-height: 38px; } }

.datepicker-wrapper {
  position: relative; }
  .datepicker-wrapper .datetimepicker-input {
    border-radius: 3px;
    background: rgba(0, 31, 76, 0.08) !important;
    cursor: pointer; }
    .datepicker-wrapper .datetimepicker-input.form-control {
      font-weight: 600;
      color: var(--primary) !important; }
      .datepicker-wrapper .datetimepicker-input.form-control::placeholder {
        font-size: 1rem;
        font-weight: 600;
        color: var(--primary) !important;
        text-transform: capitalize; }
  .datepicker-wrapper .dropdown-menu {
    color: var(--textcolor);
    z-index: 100000; }
  .datepicker-wrapper .bootstrap-datetimepicker-widget table td.day {
    padding: 5px; }
    .datepicker-wrapper .bootstrap-datetimepicker-widget table td.day:hover {
      color: #fff;
      background: var(--primary); }
  .datepicker-wrapper .bootstrap-datetimepicker-widget table th {
    padding: 5px; }
  .datepicker-wrapper .next {
    position: relative;
    width: 38px;
    height: 30px; }
    .datepicker-wrapper .next:after {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 155.45 271.84' style='enable-background:new 0 0 155.45 271.84;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='155.45' height='271.84'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M150.56,124.12L31.92,5.48c-7.3-7.3-19.14-7.3-26.44,0c-7.3,7.3-7.3,19.14,0,26.44l104,104l-104,104 c-7.3,7.3-7.3,19.14,0,26.44c7.3,7.3,19.14,7.3,26.44,0l118.65-118.65C157.08,141.2,157.08,130.64,150.56,124.12'/%3E%3C/g%3E%3C/svg%3E");
      height: 16px !important;
      width: 14px !important;
      background-repeat: no-repeat;
      font-size: 0;
      clip: revert !important;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      clip: auto; }
  .datepicker-wrapper .prev {
    position: relative;
    width: 38px;
    height: 30px; }
    .datepicker-wrapper .prev:after {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 155.45 271.84' style='enable-background:new 0 0 155.45 271.84;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='155.45' height='271.84'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M150.56,124.12L31.92,5.48c-7.3-7.3-19.14-7.3-26.44,0c-7.3,7.3-7.3,19.14,0,26.44l104,104l-104,104 c-7.3,7.3-7.3,19.14,0,26.44c7.3,7.3,19.14,7.3,26.44,0l118.65-118.65C157.08,141.2,157.08,130.64,150.56,124.12'/%3E%3C/g%3E%3C/svg%3E");
      height: 16px !important;
      width: 14px !important;
      background-repeat: no-repeat;
      font-size: 0;
      clip: revert !important;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scaleX(-1);
      clip: auto; }
  .datepicker-wrapper .glyphicon {
    width: 38px;
    height: 30px;
    position: absolute;
    color: var(--primary) !important;
    font-weight: 400 !important;
    margin: 0 !important;
    min-width: auto; }
  .datepicker-wrapper span.icon {
    position: absolute;
    right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath id='Vector' d='M0,0V2.028' transform='translate(5.333 1.352)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3Cpath id='Vector-2' data-name='Vector' d='M0,0V2.028' transform='translate(10.667 1.352)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3Cpath id='Vector-3' data-name='Vector' d='M0,0H11.267' transform='translate(2.366 6.06)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' opacity='1' /%3E%3Cpath id='Vector-4' data-name='Vector' d='M5.409,2.7A2.7,2.7,0,1,1,2.7,0,2.7,2.7,0,0,1,5.409,2.7Z' transform='translate(9.239 9.915)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3Cg id='Group' transform='translate(10.985 11.666)'%3E%3Cpath id='Vector-5' data-name='Vector' d='M2.015,0H0' transform='translate(0 0.987)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3Cpath id='Vector-6' data-name='Vector' d='M0,0V2.022' transform='translate(1.007)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3C/g%3E%3Cpath id='Vector-7' data-name='Vector' d='M11.943,3.319V8.537A2.651,2.651,0,0,0,7.3,10.29a2.6,2.6,0,0,0,.385,1.368,2.385,2.385,0,0,0,.524.624H3.318A2.977,2.977,0,0,1,0,8.962V3.319A2.977,2.977,0,0,1,3.318,0H8.626A2.977,2.977,0,0,1,11.943,3.319Z' transform='translate(2.028 2.366)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' /%3E%3Cpath id='Vector-8' data-name='Vector' d='M0,0H16V16H0Z' fill='none' opacity='0' /%3E%3Cpath id='Vector-9' data-name='Vector' d='M.495.5H.5' transform='translate(7.502 8.633)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' opacity='1' /%3E%3Cpath id='Vector-10' data-name='Vector' d='M.495.5H.5' transform='translate(5.035 8.633)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' opacity='1' /%3E%3Cpath id='Vector-11' data-name='Vector' d='M0,0H.006' transform='translate(5.53 11.133)' fill='none' stroke='%23001f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' opacity='1' /%3E%3C/svg%3E");
    flex: 1; }

.modal {
  text-align: center;
  padding: 0 !important; }
  .modal .modal-dialog-centered {
    display: flex !important; }
  .modal.small .modal-dialog {
    max-width: 540px;
    width: 540px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    margin: 15px auto; }
    .modal .modal-dialog .modal-content {
      border-radius: 0;
      box-shadow: none;
      border: none;
      width: inherit;
      height: inherit;
      margin: 0 auto;
      pointer-events: all;
      background: #fff;
      overflow: visible; }
      .modal .modal-dialog .modal-content .popup-cross-icon {
        position: absolute;
        top: -30px;
        right: 0;
        cursor: pointer;
        z-index: 1000;
        width: 20px;
        min-width: 20px;
        height: 20px;
        min-height: 20px;
        border: 0;
        background: transparent;
        padding: 0; }
        .modal .modal-dialog .modal-content .popup-cross-icon:after {
          content: '';
          position: absolute;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M13.711,12.337 L23.103,21.728 C23.622,22.247 23.622,23.088 23.103,23.607 C22.584,24.125 21.743,24.125 21.225,23.607 L11.833,14.215 L2.441,23.607 C1.922,24.125 1.082,24.125 0.563,23.607 C0.044,23.088 0.044,22.247 0.563,21.728 L9.955,12.337 L0.563,2.945 C0.044,2.426 0.044,1.585 0.563,1.066 C1.082,0.547 1.922,0.547 2.441,1.066 L11.833,10.458 L21.225,1.066 C21.743,0.547 22.584,0.547 23.103,1.066 C23.622,1.585 23.622,2.426 23.103,2.945 L13.711,12.337 Z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          height: 20px;
          width: 20px;
          left: 50%;
          top: 50%;
          background-size: 100%;
          transform: translate(-50%, -50%); }
    .modal .modal-dialog.video-modal .modal-content {
      background: transparent; }
    .modal .modal-dialog.video-modal .modal-header {
      padding: 0;
      border: 0; }
    .modal .modal-dialog.video-modal .modal-body {
      padding: 0; }
    .modal .modal-dialog.video-modal video {
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 575px) {
      .modal.small .modal-dialog {
        width: 95%; } }
  .modal.large .modal-dialog {
    max-width: 1600px;
    width: 1600px; }
    @media screen and (max-width: 1650px) {
      .modal.large .modal-dialog {
        width: 90%;
        max-width: 100%; } }
  .modal .modal-dialog {
    max-width: 980px;
    width: 980px; }
    @media screen and (max-width: 1024px) {
      .modal.medium .modal-dialog {
        width: 90%;
        max-width: 100%; } }
  .modal.custom-modal .modal-dialog .modal-content .popup-cross-icon {
    top: 20px;
    right: 20px; }
    .modal.custom-modal .modal-dialog .modal-content .popup-cross-icon:after {
      filter: invert(1); }
  .modal.custom-modal .modal-body {
    padding: 3.125rem 2.75rem; }
  .modal.custom-modal h2 {
    color: #10069F;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0.9375rem; }
  .modal.custom-modal h3 {
    font-size: 2rem;
    color: var(--primary);
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 2.1875rem; }
  .modal.custom-modal h4 {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 2.5rem; }
  .modal.custom-modal p {
    color: #001F4C;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 2.5rem; }
  .modal.custom-modal .title {
    font-size: 3rem;
    color: var(--textcolor);
    font-weight: 700;
    margin-bottom: 2.1875rem;
    text-align: center; }
  .modal.custom-modal .form-label {
    color: var(--textcolor); }
  .modal.custom-modal .checkbox label input + span {
    color: var(--textcolor);
    font-weight: 500;
    line-height: 1.2; }
    .modal.custom-modal .checkbox label input + span:after {
      border-radius: 4px;
      border-color: var(--primary); }
    .modal.custom-modal .checkbox label input + span:before {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      left: 3px;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 4px;
      background: transparent; }
    .modal.custom-modal .checkbox label input + span a {
      color: var(--primary);
      font-weight: 700;
      text-decoration: underline; }
  .modal.custom-modal .checkbox label input:checked + span:after {
    background: unset; }
  .modal.custom-modal .checkbox label input:checked + span:before {
    background: var(--primary); }
  .modal.custom-modal.bg .modal-content {
    background: var(--lightgrey); }
  .modal.custom-modal .date {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--textcolor);
    display: block;
    margin-bottom: 2.5rem; }
  .modal.custom-modal .back {
    position: absolute;
    left: 60px;
    top: 25px;
    font-size: 1.25rem;
    font-weight: 600; }
    .modal.custom-modal .back:before {
      content: "";
      position: absolute;
      left: -25px;
      top: 50%;
      transform: translateY(-50%);
      width: 19px;
      height: 10px;
      background-image: url("data:image/svg+xml,%3Csvg width='19' height='10' viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4331 5.17578L2.70312 5.17578' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.00071 9.01172L1.70906 5.72007C1.31854 5.32954 1.31854 4.69638 1.70906 4.30585L5.00071 1.0142' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat; }
    .modal.custom-modal .back:hover:before {
      background-image: url("data:image/svg+xml,%3Csvg width='19' height='10' viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4331 5.17578L2.70312 5.17578' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.00071 9.01172L1.70906 5.72007C1.31854 5.32954 1.31854 4.69638 1.70906 4.30585L5.00071 1.0142' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  @media screen and (max-width: 991px) {
    .modal.custom-modal h2 {
      font-size: 2.375rem; }
    .modal.custom-modal h3 {
      font-size: 1.5625rem;
      margin-bottom: 1.875rem; }
    .modal.custom-modal h4 {
      font-size: 1.375rem;
      margin-bottom: 1.875rem; }
    .modal.custom-modal .date {
      font-size: 1.375rem;
      margin-bottom: 1.875rem; }
    .modal.custom-modal .title {
      font-size: 2.25rem; }
    .modal.custom-modal p {
      margin-bottom: 1.875rem; } }
  @media screen and (max-width: 767px) {
    .modal.custom-modal .modal-dialog .modal-content .popup-cross-icon {
      top: 10px;
      right: 10px; }
      .modal.custom-modal .modal-dialog .modal-content .popup-cross-icon:after {
        width: 15px;
        height: 15px; }
    .modal.custom-modal .modal-body {
      padding: 2.5rem 1.875rem; }
    .modal.custom-modal h2 {
      font-size: 2rem; }
    .modal.custom-modal h3 {
      font-size: 1.375rem;
      margin-bottom: 1.25rem; }
    .modal.custom-modal h4 {
      font-size: 1.25rem;
      margin-bottom: 1.25rem; }
    .modal.custom-modal .date {
      font-size: 1.25rem;
      margin-bottom: 1.25rem; }
    .modal.custom-modal .title {
      font-size: 1.875rem;
      margin-bottom: 1.5625rem; }
    .modal.custom-modal p {
      margin-bottom: 1.25rem;
      font-size: 1rem; }
    .modal.custom-modal .back {
      font-size: 1.125rem;
      left: 40px;
      top: 10px; } }
  @media screen and (max-width: 575px) {
    .modal.custom-modal .title {
      font-size: 1.5625rem; } }

.table {
  margin-bottom: 0; }
  .table .inline-buttons {
    display: flex;
    align-items: center; }
    .table .inline-buttons .btn {
      width: 105px;
      min-width: 105px;
      height: 38px;
      line-height: 38px;
      padding: 0 0.625rem; }
      @media screen and (max-width: 991px) {
      	.table .inline-buttons .btn {
	      	width: 84px;
	      	min-width: 84px;
      	}
      }
      .table .inline-buttons .btn.btn-primary:not(:hover) {
        background: var(--textcolor); }
      .table .inline-buttons .btn.btn-white {
        border-radius: 3px;
        border: 1px solid #A82525;
        color: #A82525;
        font-size: 14px;
        font-weight: 600;
        margin-left: 20px; }
        @media screen and (min-width: 1025px) {
          .table .inline-buttons .btn.btn-white:hover {
            background: #A82525;
            color: #ffff; } }
  .table__row {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
    background-color: transparent; }
    .table__row--cell {
      display: table-cell;
      color: #001F4C;
      font-weight: 600;
      font-size: 1rem;
      background-color: transparent;
      padding: 1rem 1.5rem;
      vertical-align: middle; }
      .table__row--cell.status span {
        display: inline-block;
        border-radius: 2px;
        background: rgba(0, 31, 76, 0.05);
        color: rgba(0, 31, 76, 0.6);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.21px;
        text-transform: uppercase;
        padding: 0.625rem 1rem; }
      .table__row--cell.status.approved span {
        color: #21725E !important; }
      .table__row--cell.status.rejected span {
        color: #A82525 !important; }
  .table__head {
    background: #EEEFF1; }
    .table__head .table__row {
      border: 0; }
      .table__head .table__row--cell {
        color: #5C6F8C;
        text-transform: uppercase; }
  .table__body {
    overflow: hidden; }
    .table__body .table__row:nth-child(even) {
      background: #fff; }
  @media screen and (max-width: 767px) {
    .table.responsive-on-767 .table__row {
      display: block;
      border: solid 1px #ACACA4 !important;
      border-right: 0;
      border-left: 0;
      border-bottom: 0px;
      margin-bottom: 25px;
      padding: 0 !important; }
      .table.responsive-on-767 .table__row--cell {
        display: flex !important;
        align-items: center;
        width: 100% !important;
        padding-left: 0px !important;
        border-bottom: solid 1px #ACACA4 !important;
        padding: 0 !important;
        position: relative; }
        .table.responsive-on-767 .table__row--cell:before {
          color: #5C6F8C;
          padding-left: 6px;
          text-align: left;
          font-weight: 700;
          font-size: 0.9375rem;
          content: attr(data-label);
          display: table-cell;
          width: 35%;
          min-width: 35%;
          border-right: solid 1px #ACACA4;
          vertical-align: middle;
          padding: 1.25rem 0.625rem;
          margin-right: 0.9375rem;
          line-height: 1.3;
          text-transform: uppercase; }
    .table.responsive-on-767 .table__head {
      display: none; } }

.slimScrollBar {
  background: var(--textcolor) !important;
  opacity: 1 !important; }

  

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  padding: 2rem 0;
  z-index: 1000;
  transition: .5s all ease;
  color: var(--lightgrey); 
  background: var(--primary);
}
  .header__logo {
    width: 200px; }
  .header nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; }
    .header nav ul li {
      position: relative; }
      .header nav ul li a {
        font-size: 1.125rem;
        font-weight: 400;
        color: var(--lightgrey);
        position: relative;
        display: flex;
        align-items: center; }
        .header nav ul li a.active {
          font-weight: 600; }
           .header nav ul li a.active:after {
          opacity:1; }
        @media screen and (min-width: 1025px) {
          .header nav ul li a:after {
            content: "";
            position: relative;
            display: inline-block;
            background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: cover;
            margin-left: 8px;
            opacity: 0;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transition: .5s ease all;
            -webkit-transition: .5s ease all;
            -moz-transition: .5s ease all;
            -ms-transition: .5s ease all;
            -o-transition: .5s ease all; }
          .header nav ul li a:hover {
            text-decoration: none; }
            .header nav ul li a:hover:after {
              opacity: 1;
              transform: translateX(5px);
              -webkit-transform: translateX(5px);
              -moz-transform: translateX(5px);
              -ms-transform: translateX(5px);
              -o-transform: translateX(5px); } }
      .header nav ul li:not(:last-child) {
        margin-right: 2.8125rem; }
  .header__right {
    margin-left: 4.375rem;
    display: flex;
    align-items: center; }
    .header__right .btn {
      padding: 0.625rem 0.75rem; }
    .header__right ul {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      list-style: none; }
      .header__right ul li:not(:last-child) {
        margin-right: 1.5625rem; }
      .header__right ul li a {
        color: var(--lightgrey); }
        @media screen and (min-width: 1025px) {
          .header__right ul li a:not(.btn):hover {
            opacity: .7; } }
      .header__right ul li.lang-selector a {
        font-family: "Noto Kufi Arabic", sans-serif;
        font-size: 1.125rem;
        font-weight: 700; }
      .header__right ul li.search svg {
        width: 27px;
        height: 27px; }
        .header__right ul li.search svg.cross {
          display: none; }
  .header .user .dropdown .dropdown-toggle {
    border: 0;
    background: transparent !important;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    color: #fff;
    display: flex;
    align-items: center; }
    .header .user .dropdown .dropdown-toggle:after {
      border: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M5.96967 9.28033C6.26256 9.57322 6.73744 9.57322 7.03033 9.28033L11.8033 4.50736C12.0962 4.21447 12.0962 3.73959 11.8033 3.4467C11.5104 3.15381 11.0355 3.15381 10.7426 3.4467L6.5 7.68934L2.25736 3.4467C1.96447 3.15381 1.48959 3.15381 1.1967 3.4467C0.903806 3.73959 0.903806 4.21447 1.1967 4.50736L5.96967 9.28033ZM7.25 8.5C7.25 8.08579 6.91421 7.75 6.5 7.75C6.08579 7.75 5.75 8.08579 5.75 8.5L7.25 8.5ZM5.75 8.5L5.75 8.75L7.25 8.75L7.25 8.5L5.75 8.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
      width: 13px;
      height: 11px;
      background-repeat: no-repeat;
      background-size: contain; }
  .header .user .dropdown .dropdown-item {
    padding: 0.5rem; }
  .header .user__image {
    min-width: 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    overflow: hidden;
    margin-right: 0.5rem; }
    .header .user__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .header__menu-icon {
    cursor: pointer;
    z-index: 999;
    margin-left: 1.25rem;
    position: relative;
    right: 0;
    left: auto;
    display: none; }
    .header__menu-icon span {
      width: 26px;
      height: 2px;
      background: #fff;
      display: block;
      margin-bottom: 4px;
      transition: all .3s; }
      .header__menu-icon span:nth-child(3) {
        width: 16px;
        position: relative; }
    .header__menu-icon:hover span:nth-child(3) {
      width: 26px; }
  .header.sticky {
    padding: 1.25rem 0;
    background: var(--primary); }
    .header.sticky:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: var(--primary);
      left: 0;
      bottom: 0; }
  .header.account-page {
    background: #F8F8F8; }
    .header.account-page .user .dropdown .dropdown-toggle:after {
    	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M5.96967 9.28033C6.26256 9.57322 6.73744 9.57322 7.03033 9.28033L11.8033 4.50736C12.0962 4.21447 12.0962 3.73959 11.8033 3.4467C11.5104 3.15381 11.0355 3.15381 10.7426 3.4467L6.5 7.68934L2.25736 3.4467C1.96447 3.15381 1.48959 3.15381 1.1967 3.4467C0.903806 3.73959 0.903806 4.21447 1.1967 4.50736L5.96967 9.28033ZM7.25 8.5C7.25 8.08579 6.91421 7.75 6.5 7.75C6.08579 7.75 5.75 8.08579 5.75 8.5L7.25 8.5ZM5.75 8.5L5.75 8.75L7.25 8.75L7.25 8.5L5.75 8.5Z' fill='%23001F4C'/%3E%3C/svg%3E");
    }
    .header.account-page .user .dropdown .dropdown-item {
    	color: var(--textcolor);
    }
    .header.account-page nav ul li a {
      color: var(--textcolor); }
      @media screen and (min-width: 1025px) {
        .header.account-page nav ul li a:after {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } }
    .header.account-page .header__right ul li a:not(.btn) {
      color: var(--textcolor); }
    .header.account-page .header__menu-icon span {
      background: var(--textcolor); }
      @media screen and (min-width: 578px) {
      	.header.account-page .header__right .btn.btn-white, .header.member .header__right .btn.btn-white {
  		    background: var(--primary);
					color: #ffffff;
      	}
      	.header.account-page .header__right .btn.btn-white:hover, .header.member .header__right .btn.btn-white:hover {
      		background: #000;
					border-color: transparent;
      	}
      }
  .header.member {
    background: #F8F8F8; }
    .header.member .user .dropdown .dropdown-toggle:after {
    		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M5.96967 9.28033C6.26256 9.57322 6.73744 9.57322 7.03033 9.28033L11.8033 4.50736C12.0962 4.21447 12.0962 3.73959 11.8033 3.4467C11.5104 3.15381 11.0355 3.15381 10.7426 3.4467L6.5 7.68934L2.25736 3.4467C1.96447 3.15381 1.48959 3.15381 1.1967 3.4467C0.903806 3.73959 0.903806 4.21447 1.1967 4.50736L5.96967 9.28033ZM7.25 8.5C7.25 8.08579 6.91421 7.75 6.5 7.75C6.08579 7.75 5.75 8.08579 5.75 8.5L7.25 8.5ZM5.75 8.5L5.75 8.75L7.25 8.75L7.25 8.5L5.75 8.5Z' fill='%23001F4C'/%3E%3C/svg%3E");
    }
    .header.member .user .dropdown .dropdown-item {
    	color: var(--textcolor);
    }
    .header.member nav ul li a:not(.btn) {
      color: var(--textcolor); }
      @media screen and (min-width: 1025px) {
        .header.member nav ul li a:after {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23001F4C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } }
    .header.member .header__right ul li a:not(.btn) {
      color: var(--textcolor); }
    .header.member .header__menu-icon span {
      background: var(--textcolor); }
  @media screen and (max-width: 1500px) {
    .header nav ul li:not(:last-child) {
      margin-right: 1rem; }
    .header__right {
      margin-left: 1rem; }
      .header nav ul li a{
	    		font-size:1rem;
	    } 
	    .header nav ul li:not(:last-child) {
      margin-right: 1rem; }
      .header__right ul li:not(:last-child) {
        margin-right: 1rem; }

	  }

  @media screen and (max-width: 1300px) {
    .header__right {
      margin-left: 0; }
       }
  @media screen and (max-width: 1200px) {
    .header {
      padding: 1.5625rem 0; }
      .header__menu-icon {
        display: block; }
      .header nav {
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 0%;
        overflow: auto;
        transition: .5s all ease;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        left: 0;
        background: #000;
        top: 0;
        visibility: hidden;
        transition: .5s all ease-in-out; }
        .header nav ul {
          padding-top: 3.4375rem;
          padding-bottom: 1.5625rem;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .header nav ul li {
            min-width: 110px;
            text-align: center; }
            .header nav ul li a {
              color: #fff;
              justify-content: center; }
            .header nav ul li:not(:last-child) {
              margin: 0 0 1.5625rem 0; }
      .header .md-flex {
        display: flex;
        align-items: center; }
      .header__logo {
        max-width: 150px; }
      .header.account-page nav ul li a {
        color: #fff; } }
  @media screen and (max-width: 575px) {
    .header.account-page .btn.btn-white {
      color: var(--textcolor); }
    .header .user .dropdown .dropdown-toggle {
      font-size: 0; } 
    .header__right ul {
      margin-left: 0.625rem;
    }  
    .header__right ul li.search svg {
      width: 23px;
      height: 23px;
    }
    .header__right ul li:not(:last-child) {
      margin-right: 0.625rem;
    }
    .header__right ul li.lang-selector a {
      font-size: 0.9375rem;
    }
    .header__menu-icon {
      margin-left: 0.625rem;
    }
    }
  @media screen and (max-width: 414px) {
    .header__logo {
      max-width: 125px; } }

@media screen and (max-width: 1200px) {
  .menu-active .header nav {
    height: 100%;
    visibility: visible; }
  .menu-active .header__menu-icon span {
    background: #fff; }
    .menu-active .header__menu-icon span:first-child {
      transform: rotate(45deg) translate(5px, 5px);
      -webkit-transform: rotate(45deg) translate(5px, 5px);
      -moz-transform: rotate(45deg) translate(5px, 5px);
      -ms-transform: rotate(45deg) translate(5px, 5px);
      -o-transform: rotate(45deg) translate(5px, 5px); }
    .menu-active .header__menu-icon span:nth-child(2) {
      opacity: 0; }
    .menu-active .header__menu-icon span:nth-child(3) {
      transform: rotate(-45deg) translate(4px, -4px);
      width: 26px;
      -webkit-transform: rotate(-45deg) translate(4px, -4px);
      -moz-transform: rotate(-45deg) translate(4px, -4px);
      -ms-transform: rotate(-45deg) translate(4px, -4px);
      -o-transform: rotate(-45deg) translate(4px, -4px); }
  .menu-active .header.account-page .header__menu-icon span {
    background: #fff; } 
  .menu-active .header.member .header__menu-icon span {
    background: #fff; 
  }
  .menu-active .header.member nav ul li a:not(.btn) {
    color: #fff;
  }
  }

.footer-wrapper {
  background: var(--textcolor);
  padding: 1.4rem 0 0; }
  .footer-wrapper .newsletter {
    padding-bottom: 1.7rem; }
    .footer-wrapper .newsletter .section-title {
      color: var(--lightgrey);
      margin: 0; }
    .footer-wrapper .newsletter p {
      color: var(--lightgrey); }
    .footer-wrapper .newsletter__form-wrapper {
      display: flex;
      align-items: center;
      padding: 6px;
      border-radius: 2px;
      background: #E5E7EB; }
      .footer-wrapper .newsletter__form-wrapper .form-control {
        background: transparent;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        color: var(--textcolor);
        font-size: 14px;
        font-weight: 600; }
        .footer-wrapper .newsletter__form-wrapper .form-control::placeholder {
          color: var(--textcolor);
          font-size: 14px;
          font-weight: 600;
          text-transform: capitalize;
          opacity: 0.6; }
  .footer-wrapper .footer {
    padding-bottom: 1.4rem; }
    .footer-wrapper .footer__social {
      padding-top: 2rem; }
      .footer-wrapper .footer__social ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start; }
        .footer-wrapper .footer__social ul li {
          margin-bottom: 0.625rem; }
          .footer-wrapper .footer__social ul li:not(:last-child) {
            margin-right: 0.9375rem; }
          .footer-wrapper .footer__social ul li a {
            --color:#f8f8f8;
            color: var(--color);
            width: 3rem;
            height: 3rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border: 1px solid var(--color);
            background: transparent; }
            @media screen and (min-width: 1024px) {
              .footer-wrapper .footer__social ul li a:hover {
                --color:#fff;
                background: var(--color);
                color: var(--primary); } }
    .footer-wrapper .footer__links {
      color: var(--lightgrey); }
      .footer-wrapper .footer__links h5 {
        letter-spacing: 0.4px;
        text-transform: uppercase;
        color: var(--lightgrey);
        margin-bottom: 1.375rem; }
      .footer-wrapper .footer__links ul {
        list-style: none; }
        .footer-wrapper .footer__links ul li {
          display: flex;
          align-items: center;
          color: #D7D7D7;
          letter-spacing: 0.32px;
          text-transform: capitalize;
          line-height: 1.2;
          font-weight: 600; }
          .footer-wrapper .footer__links ul li svg {
            width: 35px;
            min-width: 35px; }
          .footer-wrapper .footer__links ul li:not(:last-child) {
            margin-bottom: 1rem; }
          .footer-wrapper .footer__links ul li a {
            color: #D7D7D7;
            letter-spacing: 0.32px;
            text-transform: capitalize;
            font-weight: 600;
            position: relative; }
            .footer-wrapper .footer__links ul li a:after {
              content: "";
              position: absolute;
              width: 0;
              height: 1px;
              background: #D7D7D7;
              left: 0;
              bottom: 0;
              transition: .5s ease all;
              -webkit-transition: .5s ease all;
              -moz-transition: .5s ease all;
              -ms-transition: .5s ease all;
              -o-transition: .5s ease all; }
            @media screen and (min-width: 1025px) {
              .footer-wrapper .footer__links ul li a:hover:after {
                width: 100%; } }
    .footer-wrapper .footer .scroll-up {
      display: inline-flex;
      align-items: center; }
      .footer__logo{
      	max-width:223px;
      }
      .footer-wrapper .footer .scroll-up p {
        font-weight: 700;
        letter-spacing: 0.32px;
        text-transform: uppercase;
        color: var(--lightgrey);
        margin: 0 0.75rem 0 0;
        line-height: 1; }
      @media screen and (min-width: 1025px) {
        .footer-wrapper .footer .scroll-up:hover {
          opacity: .7; } }
  .footer-wrapper .copyright {
    background: #fff;
    padding: 1.125rem 0; }
    .footer-wrapper .copyright p {
      color: #566F86;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.32px;
      text-transform: capitalize;
      margin: 0;
      text-align: center;
/*      font-family: "Outfit", sans-serif; */
    }
  @media screen and (max-width: 991px) {
    .footer-wrapper .footer__logo {
      text-align: center; }
    .footer-wrapper .footer__social {
      padding-bottom: 1.7rem; }
      .footer-wrapper .footer__social ul {
        justify-content: center; } }
  @media screen and (max-width: 767px) {
    .footer-wrapper .newsletter {
      padding-bottom: 1.7rem; }
      .footer-wrapper .newsletter .section-title {
        margin-bottom: 1rem;
      }
      .footer-wrapper .newsletter .row {
        text-align: center; }
    .footer-wrapper .footer {
      padding-bottom: 0; }
      .footer-wrapper .footer .row .row > div {
        margin-bottom: 1.875rem; } }
  @media screen and (max-width: 575px) {
    .footer-wrapper .footer__links {
      text-align: center; }
      .footer-wrapper .footer__links ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        .footer-wrapper .footer__links ul li {
          margin: 0 1rem 10px 0; } }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

.overflow-hidden {
	overflow: hidden;
}

/*#custom-cursor {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: white;
  position: fixed;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: transform 500ms;
  background: transparent;
  width: 50px;
  height: 50px;
  border: solid 2px var(--primary);
  z-index: 1051; }

#custom-cursor.zoom {
  transform: scale(1.5); }

#custom-cursor.light {
  border-color: #fff; }

body:hover #custom-cursor {
  opacity: 1; }*/
@media screen and (max-width: 767px)  {
  #custom-cursor {
    display: none;
  }
}
.custom-pagination {
  text-align: center;
  max-width: 360px;
  margin: 1.875rem auto; }
  .custom-pagination ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .custom-pagination ul li {
      color: #637691;
      text-align: center;
      font-weight: 700;
      text-transform: uppercase; }
      .custom-pagination ul li:not(:last-child) {
        margin-right: 1.875rem; }
      .custom-pagination ul li a {
        width: 3rem;
        height: 3rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        border: 1px solid var(--primary);
        color: var(--primary);
        text-align: center;
        font-weight: 600;
        line-height: normal; }
        @media screen and (min-width: 1025px) {
          .custom-pagination ul li a:hover {
            opacity: .7; } }
        .custom-pagination ul li a.active {
          color: #fff;
          background: var(--primary); }
      .custom-pagination ul li.prev a, .custom-pagination ul li.next a {
        border: 1px solid rgba(0, 31, 76, 0.2);
        background: #EEEFF1; }
        .custom-pagination ul li.prev a:after, .custom-pagination ul li.next a:after {
          content: "";
          position: absolute;
          width: 15px;
          height: 10px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M7.96967 7.78033C8.26256 8.07322 8.73744 8.07322 9.03033 7.78033L13.8033 3.00736C14.0962 2.71447 14.0962 2.23959 13.8033 1.9467C13.5104 1.65381 13.0355 1.65381 12.7426 1.9467L8.5 6.18934L4.25736 1.9467C3.96447 1.65381 3.48959 1.65381 3.1967 1.9467C2.90381 2.23959 2.90381 2.71447 3.1967 3.00736L7.96967 7.78033ZM9.25 7C9.25 6.58579 8.91421 6.25 8.5 6.25C8.08579 6.25 7.75 6.58579 7.75 7L9.25 7ZM7.75 7L7.75 7.25L9.25 7.25L9.25 7L7.75 7Z' fill='%23001F4C'/%3E%3C/svg%3E");
          background-position: center;
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg); }
      .custom-pagination ul li.next a::after {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg); }
  @media screen and (max-width: 767px) {
    .custom-pagination ul li a {
      width: 2.5rem;
      height: 2.5rem; }
    .custom-pagination ul li:not(:last-child) {
      margin-right: 1.25rem; } }

.countdown {
  display: flex;
  justify-content: center;
  color: var(--lightgrey); }
  .countdown .dash {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase; }
  .countdown span.dash_title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 4px; }
  @media screen and (max-width: 1600px) {
    .countdown .dash {
      font-size: 2.1875rem; } }
  @media screen and (max-width: 991px) {
    .countdown .dash {
      font-size: 1.875rem; } }
  @media screen and (max-width: 767px) {
    .countdown .dash {
      font-size: 1.5625rem; } }

.mainSearch {
  position: fixed;
  width: 0;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1024;
  margin: auto;
  left: 0;
  right: 0;
  background: #001f4c;
  top: 0;
  opacity: 0;
  width: 0;
  transition: 0.5s ease all;
  padding: 0 15px; }
  .mainSearch .cross-icon {
    position: absolute;
    top: 50px;
    right: 50px;
    display: inline-block; }
    .mainSearch .cross-icon .cross {
      width: 30px;
      height: 30px;
      cursor: pointer; }
    @media screen and (max-width: 991px) {
      .mainSearch .cross-icon {
        right: 15px; } }
  .mainSearch .form-control {
    width: 40%;
    height: 54px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 1rem; }
    @media screen and (max-width: 991px) {
      .mainSearch .form-control {
        width: 80%; } }
  .mainSearch .btn {
    background: #959595;
    min-width: 10.625rem;
    margin-left: 1.25rem;
    height: 54px;
    line-height: 54px;
    padding: 0 10px; }
    .mainSearch .btn:hover {
      opacity: 0.7; }
  @media screen and (max-width: 575px) {
    .mainSearch .btn {
      min-width: auto;
      margin-left: 0.625rem; } }

.search-active .mainSearch {
  opacity: 1;
  width: 100%;
  height: 100vh; }

.swiper-slide-active .main-banner__main-slider--caption p {
  animation: fadeInUpBig 2.5s; }

.swiper-slide-active .main-banner__thumb-slider ul {
  animation: fadeInUpBig 2s; }

.text-black {
  color: #000 !important; }

section {
  position: relative; }

.scroll-down {
  position: absolute;
  bottom: -93px;
  left: 15px;
  z-index: 8; }
  .scroll-down.right {
    right: 15px;
    left: auto; }
    .scroll-down.right a {
      display: flex;
      align-items: flex-end;
      flex-direction: row-reverse; } 
      .scroll-down.right a:before {
        margin-left: 0.625rem;
        margin-right: 0; }
  .scroll-down a {
    color: var(--lightgrey);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: 1.71px;
    text-transform: capitalize;
    position: relative; }
    .scroll-down a:before {
      content: "";
      position: relative;
      display: inline-block;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='146' viewBox='0 0 12 146' fill='none'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
      width: 12px;
      height: 146px;
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 0.625rem; }
  @media screen and (max-width: 1500px) {
    .scroll-down {
      bottom: -124px; } }
  @media screen and (max-width: 1024px) {
    .scroll-down {
      display: none; } }

.section-head {
  color: var(--lightgrey);
  opacity: 0.08;
  position: absolute;
  font-size: 8.75rem;
  text-transform: capitalize;
  font-weight: 900;
  left: -173px;
  top: 40%;
  z-index: 2; }
  .section-head.vertical {
    transform: rotate(90deg) translate3d(0px, 0px, 0px);
    -webkit-transform: rotate(90deg) translate3d(0px, 0px, 0px);
    -moz-transform: rotate(90deg) translate3d(0px, 0px, 0px);
    -ms-transform: rotate(90deg) translate3d(0px, 0px, 0px);
    -o-transform: rotate(90deg) translate3d(0px, 0px, 0px); }
  .section-head.right {
    right: -173px;
    left: auto;
    transform: rotate(-90deg) translate3d(0px, 0px, 0px);
    -webkit-transform: rotate(-90deg) translate3d(0px, 0px, 0px);
    -moz-transform: rotate(-90deg) translate3d(0px, 0px, 0px);
    -ms-transform: rotate(-90deg) translate3d(0px, 0px, 0px);
    -o-transform: rotate(-90deg) translate3d(0px, 0px, 0px); }
  @media screen and (max-width: 1500px) {
    .section-head {
      font-size: 5.625rem;
      left: -112px; }
      .section-head.right {
        right: -110px; } }
  @media screen and (max-width: 1024px) {
    .section-head {
      display: none; } }

.swiper-pagination {
  color: rgba(255, 255, 255, 0.6);
  text-transform: capitalize;
  font-size: 1.125rem;
  font-weight: 400; }
  .swiper-pagination .swiper-pagination-current {
    font-weight: 600;
    color: white; }

.clearfix {
  overflow: auto; }

.custom-arrows {
  display: flex;
  align-items: center;
  z-index: 1; }
  .custom-arrows__prev {
    margin-right: 4px; }
    .custom-arrows__prev svg {
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg); }
  .custom-arrows .custom-arrow {
    width: 2.5rem;
    height: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .custom-arrows .custom-arrow.swiper-button-lock {
      display: none; }
    .custom-arrows .custom-arrow.swiper-button-disabled {
      opacity: .5;
      pointer-events: none; }
    .custom-arrows .custom-arrow:hover {
      opacity: .7; }
  @media screen and (max-width: 575px) {
    .custom-arrows {
      justify-content: center; } }

.swiper-pagination {
  bottom: 0 !important; }
  .swiper-pagination .swiper-pagination-bullet {
    width: 0.8125rem;
    height: 0.8125rem;
    background: #000;
    opacity: 1; }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff; }

.card {
  padding: 2.375rem 1.25rem 1.25rem;
  border-radius: 16px;
  background: #fff;
  border: 0;
  height: 100%; }

.section-title {
  font-size: 5rem;
  font-weight: 700;
  color: var(--primary);
  position: relative;
  line-height: 1.2;
  text-transform: uppercase; }
  @media screen and (max-width: 1500px) {
    .section-title {
      font-size: 3.75rem; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    .section-title {
      font-size: 3.4375rem; } }
  @media screen and (max-width: 991px) {
    .section-title {
      font-size: 3.125rem; } }
  @media screen and (max-width: 767px) {
    .section-title {
      font-size: 2.3125rem; } }
  @media screen and (max-width: 575px) {
    .section-title {
      font-size: 1.875rem; } }

.main-banner {
  position: relative;
  min-height: 100vh;
  color: var(--lightgrey);
  }
  	@media screen and (min-width:1500px){
  		.main-banner  {
		      min-height: 90vh; }
		      }
  	}
  /*@media sreen and (min-width:668px){
  	.main-banner {
  	aspect-ratio: 1 / 1;
  }*/
  	 
  }
  .main-banner #custom-cursor {
    border-color: #fff; }
  .main-banner:after {
    border-bottom: 1px solid rgba(248, 248, 248, 0.2);
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .main-banner .scroll-down {
    bottom: -75px; 
    left: calc((100vw - 1630px) / 2);
  }
  @media screen and (max-width:1640px){
  	 .main-banner .scroll-down {
	    left:15px;
	  }
  }
  .main-banner h1 {
    color: #fff;
    font-weight: 700;
    min-height: 50px !important;
    line-height: 1.2;
    max-height: 2.4em;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden; }
   .main-banner h1 a {
 		color: #fff;
   } 
  .main-banner .container {
    position: relative;
    z-index: 2; }
  .main-banner__image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
     .main-banner__image video{
				width:100%;
				height:100%;
				object-fit: cover;
			}
    .main-banner__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .main-banner__main-slider {
    position: relative;
    min-height: 100vh; }
    @media screen and (min-width:1500px){
    	.main-banner__main-slider{
    		min-height: 90vh;
    	}
    }
    .main-banner__main-slider--image {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      min-height: 100vh;
       }
       @media screen and (min-width:1500px){
	    	.main-banner__main-slider--image{
	    		min-height: 90vh;
	    	}
	    }
      .main-banner__main-slider--image:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 31, 76, 0) 0%, rgba(0, 31, 76, 0.76) 25.92%, #001F4C 79.22%);
        left: 0;
        top: 0;
        z-index: 1; 
        display:none;
      }
      .main-banner__main-slider--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        //transition: 10s ease-out;
        transform: scale(1) !important; }
    .main-banner__main-slider .swiper {
      position: relative;
      min-height: 100vh; }
      @media screen and (min-width:1500px){
      	.main-banner__main-slider .swiper {
		      min-height: 90vh; }
		      }

      .main-banner__main-slider .swiper .swiper-pagination {
        text-align: right;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        bottom: auto !important;
        width: 71px;
        margin-right: 0;
        margin-left: auto;
        right: calc(100% - 1820px);
        min-height: auto; }
      .main-banner__main-slider .swiper * {
        min-height: 100vh; }
         @media screen and (min-width:1500px){
	    	.main-banner__main-slider .swiper *{
	    		min-height: 90vh;
	    	}
	    }
      /*.main-banner__main-slider .swiper .swiper-slide-active .main-banner__main-slider--image img {
        transform: scale(1.1); }*/
    .main-banner__main-slider--caption {
      max-width: 870px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .main-banner__main-slider--caption p {
        color: rgba(248, 248, 248, 0.8);
        margin: 0;
        font-size: 1.5rem;
        font-weight: 400;
        min-height: auto !important; 
	      line-height: 1.2;
		    max-height: 2.4em;
		    text-overflow: ellipsis;
		    text-overflow: -o-ellipsis-lastline;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    /* number of lines to show */
		    -webkit-box-orient: vertical;
		    overflow: hidden;}
  .main-banner__thumb-slider {
    position: relative;
    text-transform: capitalize;
    color: var(--lightgrey);
    font-weight: 600;
    line-height: 1.2;
    margin-top: -11.25rem; }
    .main-banner__thumb-slider .title {
      font-size: 1.125rem;
      margin-bottom: 7px; }
    .main-banner__thumb-slider span {
      opacity: .5; }
    .main-banner__thumb-slider p {
      color: rgba(248, 248, 248, 0.8);
      font-weight: 500;
      max-width: 400px;
      line-height: 1.2;
    max-height: 2.4em;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden; 
    }
    .main-banner__thumb-slider ul {
      list-style: none;
      display: flex;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      justify-content:center; }
      .main-banner__thumb-slider ul li {
        position: relative; }
        .main-banner__thumb-slider ul li:not(:last-child) {
          min-width: 310px;
          padding-right: 2rem;
          margin-right: 2rem; }
          .main-banner__thumb-slider ul li:not(:last-child):after {
            content: "";
            position: absolute;
            background: rgba(248, 248, 248, 0.5);
            width: 2px;
            height: 90%;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%); }
    .main-banner__thumb-slider .custom-arrows {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      flex-direction: column; }
      .main-banner__thumb-slider .custom-arrows__prev {
        margin: 0 0 10px 0; }
  @media screen and (max-width: 1900px) {
    .main-banner__main-slider .swiper .swiper-pagination {
      right: calc(100% - 1705px); } }
  @media screen and (max-width: 1800px) {
    .main-banner__main-slider .swiper .swiper-pagination {
      right: 0; } }
  @media screen and (max-width: 1700px) {
    .main-banner__main-slider .swiper .swiper-pagination {
      right: 0; }
    .main-banner__thumb-slider .custom-arrows {
      right: 15px; } }
  @media screen and (max-width: 1500px) {
    .main-banner h1 {
      font-size: 4rem;
/*      min-height: 165px !important; */
    }
    .main-banner__thumb-slider {
      margin-top: -7.5rem; } }
  @media screen and (max-width: 991px) {
    .main-banner h1 {
      font-size: 3.75rem;
/*      min-height: 60px !important; */
    }
    .main-banner__thumb-slider ul {
      margin: 0; }
    .main-banner__main-slider--caption {
      padding-right: 1.875rem; } }
  @media screen and (max-width: 850px) {
    .main-banner__main-slider--caption {
      justify-content: flex-start;
      padding-top: 9.375rem; }
    .main-banner__main-slider .swiper .swiper-pagination {
      top: 35%;
      right: -15px; }
    .main-banner__thumb-slider {
/*      margin-top: -14.6875rem;     */
      margin-top: -19.6875rem;}
      .main-banner__thumb-slider ul {
        flex-direction: column;
        text-align: center; }
        .main-banner__thumb-slider ul li:not(:last-child) {
          margin: 0 0 1.25rem 0;
          padding: 0 0 1.25rem 0; }
          .main-banner__thumb-slider ul li:not(:last-child):after {
            width: 50%;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            height: 2px;
            bottom: 0;
            top: auto; }
      .main-banner__thumb-slider .custom-arrows {
        position: static;
        margin-top: 1.875rem; } }
  @media screen and (max-width: 767px) {
    .main-banner h1 {
      font-size: 2.625rem;
      min-height: 40px !important; }
    .main-banner__main-slider--caption p {
      font-size: 1.25rem; } }
 /* @media screen and (max-width: 575px) {
    .main-banner__thumb-slider {
      margin-top: -17.8125rem; } }*/

.about {
  position: relative;
  color: var(--lightgrey);
  padding: 7.5rem 0; }
  @media screen and (min-width:992px){
  	.about .container{
  		min-height:450px;
  	}
  }
  .about .scroll-down a {
    color: var(--primary); }
    .about .scroll-down a:before {
      background-size: contain;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='151' viewBox='0 0 12 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.20801 1L6.20801 74.8945' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.95801 75.7473L6.95801 74.9973L5.45801 74.9973L5.45801 75.7473L6.95801 75.7473ZM5.67763 150.319C5.97052 150.612 6.4454 150.612 6.73829 150.319L11.5113 145.546C11.8042 145.253 11.8042 144.779 11.5113 144.486C11.2184 144.193 10.7435 144.193 10.4506 144.486L6.20796 148.728L1.96532 144.486C1.67243 144.193 1.19756 144.193 0.904663 144.486C0.61177 144.779 0.61177 145.253 0.904663 145.546L5.67763 150.319ZM5.45801 75.7473L5.45796 149.789L6.95796 149.789L6.95801 75.7473L5.45801 75.7473Z' fill='%2310069F'/%3E%3C/svg%3E%0A"); }
  .about .vertical {
    top: 40%; }
  .about .container {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 1025px) {
      .about .container {
        padding-right: 8.75rem; } }
  .about__banner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .about__banner img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .about:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(82deg, #001f4c -1.65%, rgba(0, 31, 76, 0.9) 4.4%, rgba(0, 31, 76, 0.78) 29.94%, #001F4C 52.95%);
    left: 0;
    top: 0;
    z-index: 1; }
  .about .section-title {
    color: var(--lightgrey);
    margin-bottom: 1.625rem; }
    @media screen and (min-width: 992px) {
      .about .section-title {
        font-size: 4.0625rem; } }
  .about h4 {
    color: rgba(248, 248, 248, 0.8);
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
    padding-left: 70px; }
    .about h4:after {
      content: "";
      position: absolute;
      width: 60px;
      height: 1.5px;
      background: var(--lightgrey);
      left: 0;
      top: 15px;
      opacity: .5; }
  .about P {
    color: rgba(248, 248, 248, 0.8);
    padding-left: 70px; }
  @media screen and (max-width: 1500px) {
    .about {
      padding: 6.25rem 0; }
      .about .scroll-down { 
        bottom: -71px; } }
  @media screen and (max-width: 991px) {
    .about {
      padding: 3.75rem 0; } }
  @media screen and (max-width: 767px) {
    .about h4 {
      padding-left: 40px; }
      .about h4:after {
        width: 30px; }
    .about p {
      padding-left: 40px; } }

.our-vision {
  padding: 12.5rem 0; }
  @media screen and (min-width: 1025px) {
    .our-vision .container {
      padding-left: 8.75rem; 
      min-height: 510px;
    }

       }
  .our-vision .section-head {
    opacity: 0.08;
    color: var(--textcolor); }
    .our-vision h4{
    	margin-bottom: 10px;
	    position: relative;
	    padding-inline-start: 70px;
    }
     .our-vision h4 p{
     		margin:0;
     		font-size: 1.5rem;
    	font-weight: 500;
     }
    .our-vision h4:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 1.5px;
    background: #001f4c;
    left: 0;
    top: 15px;
/*    opacity: .5;*/
}

  /*.our-vision .section-title {
    min-height: 288px; }*/
  .our-vision .scroll-down {
    bottom: -178px; }
    .our-vision .scroll-down a:before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989595 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
      background-size: contain; }
  @media screen and (max-width: 1500px) {
    .our-vision {
      padding: 8.75rem 0; }
     /* .our-vision .section-title {
        min-height: 216px; }*/
      .our-vision .scroll-down {
        bottom: -150px; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
   /* .our-vision .section-title {
      min-height: 198px; }*/ 
    }
  @media screen and (max-width: 1200px) {
    .our-vision {
      padding: 6.25rem 0; } }
  @media screen and (max-width: 991px) {
    .our-vision {
      padding: 3.125rem 0; }
    /*  .our-vision .section-title {
        min-height: 153px; }*/ }
  @media screen and (max-width: 767px) {
    /*.our-vision .section-title {
      min-height: 38px; } */

       .our-vision h4 {
	        padding-inline-start: 40px;
	    }
	       .our-vision h4:after{
	       		        width: 30px;
	       }
    }

    @media screen and (min-width:1025px){
    	.our-vision{
    		min-height: 510px;
    	}
    }

.expertise .vertical {
  right: -278px; }

.expertise__main-slider {
  min-height: 600px;
  position: relative; }
  .expertise__main-slider .swiper {
    min-height: 600px; }
    .expertise__main-slider .swiper * {
      min-height: 600px; }
  .expertise__main-slider--title {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    font-size: 5rem;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--lightgrey); }
  .expertise__main-slider--image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden; }
    .expertise__main-slider--image:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: #001F4C;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: .9; }
    .expertise__main-slider--image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 10s ease-out;
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1); }
  .expertise__main-slider .swiper-slide-active .expertise__main-slider--image img {
    transform: scale(1.1); }
.expertise__main-slider .custom-arrow span{color:#fff;}
.expertise .controls-wrapper {
  min-height: auto !important;
  position: absolute;
  width: 100%;
  z-index: 2;
  bottom: 0; }
  .expertise .controls-wrapper .swiper-pagination {
    bottom: 42px !important;
    text-align: left;
    left: auto;
    width: 200px; }
  .expertise .controls-wrapper .custom-arrows {
    bottom: 46px;
    position: relative;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column-reverse;
    margin-right: 0;
    margin-left: auto; }
    @media screen and (max-width: 1800px) and (min-width: 1400px) {
      .expertise .controls-wrapper .custom-arrows {
        margin-right: 9.375rem; } }
    .expertise .controls-wrapper .custom-arrows .custom-arrow {
      z-index: 2; }
    .expertise .controls-wrapper .custom-arrows__prev {
      margin: 0 0 10px 0; }
  .expertise .controls-wrapper * {
    min-height: auto !important; }

.expertise__thumb-slider {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  background: var(--Dark-Blue, #001F4C);
  padding: 2.8125rem 0 1.875rem; }
  .expertise__thumb-slider .slider-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start; column-gap: 45px; }
    .expertise__thumb-slider .slider-nav a {
      margin-bottom: 0.9375rem;
      /* margin-right: 4rem;  */
    }
      .expertise__thumb-slider .slider-nav a p {
        color: var(--lightgrey);
        font-size: 1.25rem;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0;
        display: flex;
        align-items: center;
        opacity: .5;
        cursor: pointer; }
        .expertise__thumb-slider .slider-nav a p span {
          margin-right: 8px; }
      .expertise__thumb-slider .slider-nav a.active p {
        opacity: 1; }
        .expertise__thumb-slider .slider-nav a.active p span {
          opacity: .5; }

.expertise .scroll-down {
  bottom: -103px;
  right: -30px; }
  .expertise .scroll-down a {
    color: var(--primary); }
    .expertise .scroll-down a:before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='151' viewBox='0 0 12 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.20801 1L6.20801 74.8945' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.95801 75.7473L6.95801 74.9973L5.45801 74.9973L5.45801 75.7473L6.95801 75.7473ZM5.67763 150.319C5.97052 150.612 6.4454 150.612 6.73829 150.319L11.5113 145.546C11.8042 145.253 11.8042 144.779 11.5113 144.486C11.2184 144.193 10.7435 144.193 10.4506 144.486L6.20796 148.728L1.96532 144.486C1.67243 144.193 1.19756 144.193 0.904663 144.486C0.61177 144.779 0.61177 145.253 0.904663 145.546L5.67763 150.319ZM5.45801 75.7473L5.45796 149.789L6.95796 149.789L6.95801 75.7473L5.45801 75.7473Z' fill='%2310069F'/%3E%3C/svg%3E%0A");
      background-size: contain; }
@media screen and (min-width:  1025px) and (max-width: 1500px) {
	.expertise .controls-wrapper .custom-arrows {
		bottom: 25px;
		margin-right: 70px;
	}
}
@media screen and (max-width: 1800px) {
  .expertise .scroll-down {
    right: 15px; } }
@media screen and (max-width: 1750px) {
	.expertise .section-head {
		font-size: 7.5rem;
		right: -227px;
	}
	.expertise__main-slider {
	  min-height: 500px;}
  .expertise__main-slider .swiper {
  	min-height: 500px; }
  .expertise__main-slider .swiper * {
    min-height: 500px; }
 }   

@media screen and (max-width: 1500px) {
	.expertise .section-head {
		font-size: 5.625rem;
	}
  .expertise__main-slider {
    min-height: 420px; }
    .expertise__main-slider .swiper {
      min-height: 420px; }
      .expertise__main-slider .swiper * {
        min-height: 420px; }
  .expertise .vertical {
    right: -173px; } 
  .expertise .scroll-down {
    right: 15px; 
    bottom: -80px

  } }

@media screen and (max-width: 1200px) {
  .expertise__thumb-slider .slider-nav {
    justify-content: space-between; } }

/*@media screen and (max-width: 1024px) {
  .expertise__main-slider {
    min-height: 450px; }
    .expertise__main-slider .swiper {
      min-height: 450px; }
      .expertise__main-slider .swiper * {
        min-height: 450px; } }*/

@media screen and (max-width: 991px) {
  .expertise__main-slider {
    min-height: 400px; }
    .expertise__main-slider .swiper {
      min-height: 400px; }
      .expertise__main-slider .swiper * {
        min-height: 400px; }
    .expertise__main-slider--title {
      font-size: 4.0625rem; }
  .expertise__thumb-slider {
    padding: 1.25rem 0 0.3125rem; }
    .expertise__thumb-slider .slider-nav a {
      width: 31%; } 
         .expertise__thumb-slider .slider-nav a {
      margin-right: 1.5rem; }
    }

@media screen and (max-width: 767px) {
  .expertise__main-slider--title {
    font-size: 2.8125rem; } }

@media screen and (max-width: 667px) {
  .expertise__thumb-slider .slider-nav a {
    width: 49%;
    margin-right: 0; }
    .expertise__thumb-slider .slider-nav a p {
      font-size: 1rem; } }

.managed-by {
  padding: 8.75rem 0 5rem 0; }
  .managed-by .section-head {
    color: var(--textcolor);
    opacity: 0.08;
    left: -195px; }
  .managed-by .custom-arrows {
    margin-top: 2.5rem;
    justify-content: flex-end; }
    .managed-by .custom-arrows svg {
      filter: invert(1); }
  .managed-by__left {
    left: calc(100% - 545px);
    position: relative;
    max-width: 580px; }
  .managed-by .swiper .swiper-slide {
    opacity: .5; 
    height:auto !important;}
    .managed-by .swiper .swiper-slide.swiper-slide-next, .managed-by .swiper .swiper-slide.swiper-slide-active {
      opacity: 1; }
  .managed-by__image {
    position: relative;
    overflow: hidden;
/*    //height: 526px;*/
    border-top-left-radius: 8px;
      border-top-right-radius: 8px;
          background: #bbbbbb21;
  }
    .managed-by__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .manageWrapper .caption {
      position: relative;
      bottom: 0;
      color: #fff;
      padding: 1.5rem;
      background-image: url("data:image/svg+xml,%3Csvg width='380' height='146' viewBox='0 0 380 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='380' height='146' fill='url(%23paint0_linear_205_271)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_205_271' x1='190' y1='0' x2='190' y2='146' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23001F4C' stop-opacity='0'/%3E%3Cstop offset='0.256021' stop-color='%23001F4C' stop-opacity='0.5625'/%3E%3Cstop offset='0.688334' stop-color='%23001F4C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: cover;
      transition: .5s ease all;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      overflow: hidden;
      background: #10069f;
          min-height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;

       }
      .manageWrapper .caption h3 {
        font-size: 1.125rem;
        font-weight: 600;
        margin:0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap; }
        .manageWrapper .caption h3:after {
          content: "";
          position: relative;
          display: inline-block;
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12676 8.85107L16.6831 8.85107' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3855 5.01514L17.6772 8.30679C18.0677 8.69731 18.0677 9.33048 17.6772 9.721L14.3855 13.0127' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          width: 20px;
          height: 18px;
          background-size: contain;
          background-repeat: no-repeat;
          transition: .5s ease all; }
          @media screen and (min-width: 1025px) {
            .manageWrapper .caption h3:after {
              opacity: 0; } }
    .manageWrapper .caption p {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin: 0.75rem 0 0; }
        @media screen and (min-width: 1025px) {
         .manageWrapper .caption p {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            -webkit-transition: max-height 0.5s ease;
            -moz-transition: max-height 0.5s ease;
            -ms-transition: max-height 0.5s ease;
            -o-transition: max-height 0.5s ease; } }
    @media screen and (min-width: 1025px) {
      .managed-by__image:hover .manageWrapper .caption p {
        max-height: 100%; }
      .managed-by__image:hover .manageWrapper .caption h3:after {
        opacity: 1; } }
    @media screen and (max-width: 1600px) {
      /*.managed-by__image {
        height: 350px; }*/
        .manageWrapper .caption {
          padding: 0.9375rem; }
          .manageWrapper .caption h3 {
            font-size: 1rem; } }
    .managed-by .swiper .swiper-slide.swiper-slide-next, .managed-by .swiper .swiper-slide.swiper-slide-active {
      opacity: 1; }
  @media screen and (max-width: 1600px) {
   /* .managed-by {
      padding: 6.25rem 0 5rem 0; }*/
      .managed-by__left {
        left: calc(100% - 470px); } }
         @media screen and (max-width: 1500px) {
    .managed-by .section-head {
      left: -127px; }}
  @media screen and (max-width: 1400px) {
    .managed-by__left {
      left: calc(100% - 420px); } }
  @media screen and (max-width: 1300px) {
    .managed-by__left {
      left: 0;
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1025px) {
    .managed-by__left {
      padding-left: 6.875rem; } }
  @media screen and (max-width: 991px) {
    .managed-by {
      padding: 3.125rem 0; } 
      .managed-by .custom-arrows {
      	width:100%;
      justify-content: center;
      margin-bottom: 1.875rem; 
      margin-top:0;}
    .managed-by__left {
      text-align: center;
      margin: auto; }
    }
  /*@media screen and (max-width: 767px) {
     }*/

.partners {
  padding: 2.5rem 0;
  background: #F3F3F3; }
  .partners ul {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .partners ul li {
      margin-bottom: 2.8125rem; }
      .partners ul li img {
        filter: grayscale(1);
        opacity: 0.6; }
        .partners ul li img:hover {
          filter: none;
          opacity: 1; }
      .partners ul li:not(:last-child) {
        margin-right: 3.75rem; }
  @media screen and (max-width: 1200px) {
    .partners ul li:not(:last-child) {
      margin-right: 2.5rem; } }
  @media screen and (max-width: 991px) {
    .partners {
      padding-bottom: 0.625rem; }
      .partners ul {
        justify-content: space-between; }
        .partners ul li {
          margin-bottom: 1.875rem;
          width: 30%; }
          .partners ul li img {
            max-width: 80%; }
          .partners ul li:not(:last-child) {
            margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .partners .section-title {
      text-align: center; }
    .partners ul {
      margin-top: 1.875rem;
      justify-content: center; }
      .partners ul li {
        width: 25%;
        text-align: center; } }

.our-services {
  padding: 6.875rem 0 5rem;
  background: #F3F3F3; }
  .our-services .section-head {
    color: var(--textcolor);
    right: -254px; }
  .our-services .scroll-down {
    bottom: -160px; }
    .our-services .scroll-down a {
      color: var(--primary); }
      .our-services .scroll-down a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='151' viewBox='0 0 12 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 74.8945' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 75.7476L6.75 74.9976L5.25 74.9976L5.25 75.7476L6.75 75.7476ZM5.46962 150.32C5.76252 150.612 6.23739 150.612 6.53028 150.32L11.3033 145.547C11.5962 145.254 11.5962 144.779 11.3033 144.486C11.0104 144.193 10.5355 144.193 10.2426 144.486L5.99995 148.729L1.75732 144.486C1.46442 144.193 0.989549 144.193 0.696655 144.486C0.403762 144.779 0.403762 145.254 0.696655 145.547L5.46962 150.32ZM5.25 75.7476L5.24995 149.789L6.74995 149.789L6.75 75.7476L5.25 75.7476Z' fill='%2310069F'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .our-services__item {
    width: 33.3%;
    min-height: 250px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgba(0, 31, 76, 0.2);
    cursor: pointer; }
    .our-services__item {
      border-bottom: 1px solid rgba(0, 31, 76, 0.2); }
    @media screen and (min-width: 1200px){
    .our-services__item:last-child {
      border-bottom: 0px; }
    }
    
      @media screen and (min-width:1201px){
      	.our-services__item:nth-child(4), .our-services__item:nth-child(8) , .our-services__item:nth-child(12) {
      border-right: 0; }
      }
      
    .our-services__item span {
      color: var(--textcolor);
      display: block;
      opacity: 0.15;
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 10px;
      position: relative; }
    .our-services__item p {
      color: var(--textcolor);
      opacity: .6;
      margin: 0;
      font-size: 1.5rem;
      font-weight: 600;
      position: relative; }
    .our-services__item--image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      transition: .5s ease all;
      -webkit-transition: .5s ease all;
      -moz-transition: .5s ease all;
      -ms-transition: .5s ease all;
      -o-transition: .5s ease all; }
      .our-services__item--image:before {
    		content: "";
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				background: var(--textcolor);
				opacity: .7;
      }
      .our-services__item--image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media screen and (min-width: 1025px) {
      .our-services__item:hover span {
        color: var(--lightgrey);
        opacity: 1; }
      .our-services__item:hover p {
        color: var(--lightgrey);
        opacity: 1; }
      .our-services__item:hover .our-services__item--image {
        opacity: 1; } }
  .our-services__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 8.75rem;
    padding-right: 8.75rem; }
  @media screen and (max-width: 1500px) {
    .our-services .section-head {
      right: -164px; } }
  @media screen and (max-width: 1200px) {
    .our-services__items {
      padding-left: 6.875rem;
      padding-right: 6.875rem; } }
  @media screen and (max-width: 1024px) {
    .our-services__items {
      padding-left: 0;
      padding-right: 0; }
    .our-services__item {
      min-height: 200px;
      padding: 0.9375rem; }
      .our-services__item--image {
        opacity: 1; }
      .our-services__item p, .our-services__item span {
        color: #fff;
        opacity: 1; } }
  @media screen and (max-width: 991px) {
    .our-services {
      padding: 3.125rem 0; } }
  @media screen and (max-width: 767px) {
    .our-services__item {
      width: 50%; }
      .our-services__item:nth-child(3) {
        border-right: 1px solid rgba(0, 31, 76, 0.2); }
      .our-services__item p {
        font-size: 1.25rem; } }

.our-work .scroll-down {
  bottom: -87px; }
  .our-work .scroll-down a {
    color: var(--primary); }
    .our-work .scroll-down a:before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='151' viewBox='0 0 12 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 74.8945' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5.25 75.7476L5.25 74.9976L6.75 74.9976L6.75 75.7476L5.25 75.7476ZM6.53038 150.32C6.23748 150.612 5.76261 150.612 5.46972 150.32L0.696743 145.547C0.40385 145.254 0.40385 144.779 0.696743 144.486C0.989636 144.193 1.46451 144.193 1.7574 144.486L6.00005 148.729L10.2427 144.486C10.5356 144.193 11.0105 144.193 11.3033 144.486C11.5962 144.779 11.5962 145.254 11.3033 145.547L6.53038 150.32ZM6.75 75.7476L6.75005 149.789L5.25005 149.789L5.25 75.7476L6.75 75.7476Z' fill='%2310069F'/%3E%3C/svg%3E%0A");
      background-size: contain; }

.our-work .section-head {
  opacity: 0.08;
  color: var(--textcolor);
  left: -268px; }

@media screen and (min-width: 1025px) {
  .our-work .row {
    padding-right: 40px;
    padding-left: 8.125rem; } }

.our-work__image-wrapper {
  /*max-height: 860px;*/
  max-height: 750px; 
  display: flex;
  overflow: hidden;
  gap: 20px;

}
  /*.our-work__image-wrapper--images {
    column-count: 2; }*/
    .our-work__image-wrapper--images ul {
    	list-style: none;
    }
    .our-work__image-wrapper--images img {
      margin-bottom: 2.125rem;
      background:#fff; 
    }

@media screen and (max-width: 1500px) {
  .our-work .section-head {
    left: -172px; }
  .our-work__image-wrapper {
    max-height: 650px; } }

@media screen and (max-width: 1300px) {
  .our-work__image-wrapper {
    max-height: 450px; } }

@media screen and (max-width: 767px) {
  .our-work .section-title {
    text-align: center;
    margin: 2.1875rem 0; } }

@media screen and (max-width: 575px) {
  .hide-on-sm {
    display: none !important; }
  .show-on-sm {
    display: block !important; } }

.inner-wrapper {
  padding-bottom: 1.875rem; }

.text-with-image {
  background-image: url(../images/bg/text-bg1.png);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 2.5rem; 
  /* Adjust the font size as needed */
  font-weight: 700;
  /* Adjust the font weight as needed */
  text-transform: uppercase;
  line-height: 1.3; }
  @media screen and (max-width: 1500px) {
    .text-with-image {
      font-size: 2.2rem; } }

  @media screen and (max-width: 767px) {
    .text-with-image {
      font-size: 2rem; } }

.inner-banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 58vh; }
  .inner-banner .container {
    position: relative;
    z-index: 1; }
  .inner-banner__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .inner-banner__image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: linear-gradient(0deg, rgba(0, 31, 76, 0.8) 0%, rgba(0, 31, 76, 0.8) 100%); }
    .inner-banner__image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .inner-banner h1 {
    color: #F8F8F8;
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase; }
    .inner-banner h1 a{
    	color:#fff;
    }
    @media screen and (min-width:1025px){
    	.inner-banner h1 a:hover{
    		opacity:.8;
    }
    }
  @media screen and (max-width: 1600px) {
    .inner-banner h1 {
      font-size: 2.7rem; } }
  @media screen and (max-width: 991px) {
    .inner-banner {
      min-height: 50vh; }
      .inner-banner h1 {
        padding-top: 1.875rem;
        font-size: 2.5rem; } }
  @media screen and (max-width: 767px) {
    .inner-banner h1 {
      font-size: 2.4rem; } }
  @media screen and (min-width: 576px) and (max-width: 991px) {
    .inner-banner {
      min-height: 80vh; } }
  @media screen and (max-width: 575px) {
    .inner-banner h1 {
      font-size: 2.1875rem; } }

.what-we-do {
  padding: 2.5rem 0;
  position: relative; }
  .what-we-do .container {
    position: relative; }
  .what-we-do .scroll-down.left {
    bottom: auto;
    top: -115px;
    left: auto; }
    .what-we-do .scroll-down.left a {
      color: var(--primary); }
      .what-we-do .scroll-down.left a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .what-we-do .scroll-down.right {
    bottom: -200px; }
    .what-we-do .scroll-down.right a {
      color: var(--primary); }
      .what-we-do .scroll-down.right a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='151' viewBox='0 0 12 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 74.8945' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5.25 75.7476L5.25 74.9976L6.75 74.9976L6.75 75.7476L5.25 75.7476ZM6.53038 150.32C6.23748 150.612 5.76261 150.612 5.46972 150.32L0.696743 145.547C0.40385 145.254 0.40385 144.779 0.696743 144.486C0.989636 144.193 1.46451 144.193 1.7574 144.486L6.00005 148.729L10.2427 144.486C10.5356 144.193 11.0105 144.193 11.3033 144.486C11.5962 144.779 11.5962 145.254 11.3033 145.547L6.53038 150.32ZM6.75 75.7476L6.75005 149.789L5.25005 149.789L5.25 75.7476L6.75 75.7476Z' fill='%2310069F'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .what-we-do__items--item:not(:last-child) {
    margin-bottom: 4.0625rem; }
  .what-we-do .text-with-image {
    font-size: 3.5rem;
    font-weight: 900;
    letter-spacing: 2px; }
  .what-we-do h4 {
    color: var(--textcolor);
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize; }
  .what-we-do p {
    color: #284774;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.4; }
     .what-we-do__items--item ul{
     		margin-left:20px;
     } 
      .what-we-do__items--item ul li{
      	margin-bottom:10px;
      }
  @media screen and (min-width: 992px) and (max-width: 1300px) {
    .what-we-do .row {
      margin-left: calc((60px/2) * -1) !important;
      margin-right: calc((60px/2) * -1) !important; }
      .what-we-do .row > div {
        padding-left: calc(60px/2) !important;
        padding-right: calc(60px/2) !important; } }
  @media screen and (max-width: 1600px) {
    .what-we-do .text-with-image {
      font-size: 2.8rem; } }
  @media screen and (max-width: 1500px) {
    /*.what-we-do {
      padding: 5rem 0; }*/
      .what-we-do .scroll-down.left {
        top: -86px; } 
      .what-we-do .scroll-down.right {
        bottom: -163px; } }
  @media screen and (max-width: 1300px) {
    .what-we-do .row.align-items-center {
      align-items: flex-start !important; }
    .what-we-do .text-with-image {
      font-size: 2.7rem; } }
  @media screen and (max-width: 991px) {
    /*.what-we-do {
      padding: 3.125rem 0; }*/
      .what-we-do .text-with-image {
        font-size: 2.5rem; }
      .what-we-do__items--item:not(:last-child) {
        margin-bottom: 2.8125rem; } }
  @media screen and (max-width: 767px) {
    .what-we-do .text-with-image {
      font-size: 2.1rem;
      margin-bottom: 1.25rem; }
    .what-we-do__items--item:not(:last-child) {
      margin-bottom: 2.1875rem; } }


.about-us {
  padding-bottom: 0; }
  .about-us .main-desc {
    padding: 2rem 0;
    text-align: center;
    position: relative; }
    .about-us .main-desc .container {
      position: relative; }
    .about-us .main-desc .scroll-down.left {
      bottom: auto;
      top: -195px;
      left: auto; }
      .about-us .main-desc .scroll-down.left a {
        color: var(--primary); }
        .about-us .main-desc .scroll-down.left a:before {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
          background-size: contain; }
    .about-us .main-desc .scroll-down.right {
      bottom: -200px; }
      .about-us .main-desc .scroll-down.right a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%2310069F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989595 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%23F8F8F8'/%3E%3C/svg%3E%0A");
        background-size: contain; }
    .about-us .main-desc .text-with-image {
      width: 100%;
      height: 100%;
      background: var(--lightgrey);
      color: #000;
      mix-blend-mode: lighten;
      margin: 0; }
    .about-us .main-desc video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%; }
  .about-us .our-soul {
    position: relative; }
    .about-us .our-soul__image {
      position: relative;
      width: 100%; }
      @media screen and (min-width:1200px){
      	.about-us .our-soul__image {
      			height:500px;
		      }
		      @media screen and (max-width:1500px){
		      		.about-us .our-soul__image {
	      			height:420px;
			      }
		      }
      }
      .about-us .our-soul__image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0, 31, 76, 0.4) 0%, rgba(0, 31, 76, 0.4) 100%);
        left: 0;
        top: 0; }
      .about-us .our-soul__image img {
        width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .about-us .our-soul .row {
      margin: 0; }
      .about-us .our-soul .row > div {
        padding: 0; }
        .about-us .our-soul .row > div:not(:last-child):after {
          content: "";
          position: absolute;
          width: 3px;
          height: 100%;
          background: rgba(255, 255, 255, 0.5);
          right: 0;
          top: 0; }
    .about-us .our-soul .section-title {
      color: var(--lightgrey);
      text-align: center;
      margin: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      width: 100%;
      max-width: 750px;
      padding: 0 1rem; }
    .about-us .what-we-do .text-with-image {
	    width: 100%;
	    height: 100%;
	    background: var(--lightgrey);
	    color: #000;
	    mix-blend-mode: lighten;
	    margin: 0; }
  	.about-us .what-we-do video {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 100%;
	    height: 100%; }
  .about-us .our-vision {
    position: relative;
    padding: 2rem 0; }
    .about-us .our-vision__main-image {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%; }
      .about-us .our-vision__main-image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--lightgrey);
        opacity: 95%; }
      .about-us .our-vision__main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .about-us .our-vision .container {
      position: relative;
      z-index: 1;
      padding-left: 15px;
    }
    @media screen and (min-width:1201px){
    	.about-us .our-vision .container {
    		padding-left: 30px;
    	}
    }
    .about-us .our-vision .section-title {
      color: var(--primary);
      font-size: 2.8rem; 
      font-weight: 700;
      text-transform: capitalize;
      margin-bottom: 2.4rem;
      min-height: auto; }
      @media screen and (max-width:1600px){
      	.about-us .our-vision .section-title {
				    color: var(--primary);
				    font-size: 2.5rem;
				}
      }
    .about-us .our-vision p {
      color: #284774;
      font-size: 1.125rem;
      font-weight: 500; }
    .about-us .our-vision ul {
      margin-left: 17px; }
      .about-us .our-vision ul li {
        color: #284774;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.4; }
        .about-us .our-vision ul li::marker {
          font-size: 14px; }
        .about-us .our-vision ul li:not(:last-child) {
          margin-bottom: 0.625rem; }
  .about-us .statistics {
    position: relative;
    padding: 4rem 0;
    color: #fff; }
    .about-us .statistics__main-image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .about-us .statistics__main-image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(16, 6, 159, 0.9) 0%, rgba(16, 6, 159, 0.7) 100%);
        left: 0;
        top: 0; }
      .about-us .statistics__main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .about-us .statistics .container {
      position: relative;
      z-index: 1; }
    .about-us .statistics .section-title {
      color: #fff; }
    .about-us .statistics ul {
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .about-us .statistics ul li {
        color: rgba(248, 248, 248, 0.5);
        font-size: 1.25rem;
        font-weight: 600;
        text-transform: capitalize; }
        .about-us .statistics ul li span {
          display: block;
          font-size: 4rem;
          font-weight: 700;
          letter-spacing: 4px;
          text-transform: capitalize;
          color: var(--lightgrey);
          margin-bottom: 6px; }
        .about-us .statistics ul li p {
          font-size: 1.25rem;
          font-weight: 600;
          color: var(--lightgrey);
          margin: 0; }
  @media screen and (max-width: 1500px) {
   /* .about-us .main-desc {
      padding: 5rem 0; }*/
      .about-us .main-desc .scroll-down.left {
        top: -155px; }
      .about-us .main-desc .scroll-down.right {
        bottom: -163px; }
   /* .about-us .our-vision {
      padding: 5rem 0; }*/
    /*.about-us .statistics {
      padding: 5rem 0; }*/ 
    }
  @media screen and (max-width: 991px) {
   /* .about-us .main-desc {
      padding: 3.125rem 0; }*/
    /*.about-us .our-vision {
      padding: 3.125rem 0; }*/
      .about-us .our-vision .section-title {
        font-size: 2.5rem;
        margin-bottom: 1.5625rem; }
    .about-us .statistics {
      padding: 3rem 0; }
      .about-us .statistics ul li span {
        font-size: 3.5rem; } }
  @media screen and (max-width: 767px) {
  	.about-us .what-we-do .row > div:last-child {
  		margin-top: 1.25rem;
  	}
    .about-us .our-vision .row > div:not(:last-child) {
      margin-bottom: 1.875rem; }
    .about-us .our-vision .section-title {
      font-size: 2.3125rem;
      line-height: 1;
      margin-bottom: 1rem; }
    .about-us .statistics .section-title {
      text-align: center;
      margin-bottom: 1.25rem; }
    .about-us .statistics ul li {
      font-size: 1.125rem; }
      .about-us .statistics ul li span {
        font-size: 2.8125rem; }
      .about-us .statistics ul li p {
        font-size: 1.125rem; } }
  @media screen and (max-width: 575px) {
    .about-us .our-soul__image {
      min-height: 250px;
      height: 100%; } }

.event-filters-wrapper {
  position: relative;
  z-index: 9; }

.filters__filter label {
  display: block;
  color: #5C6F8C;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px; }

.filters__filter select {
  appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M7.96967 7.78033C8.26256 8.07322 8.73744 8.07322 9.03033 7.78033L13.8033 3.00736C14.0962 2.71447 14.0962 2.23959 13.8033 1.9467C13.5104 1.65381 13.0355 1.65381 12.7426 1.9467L8.5 6.18934L4.25736 1.9467C3.96447 1.65381 3.48959 1.65381 3.1967 1.9467C2.90381 2.23959 2.90381 2.71447 3.1967 3.00736L7.96967 7.78033ZM9.25 7C9.25 6.58579 8.91421 6.25 8.5 6.25C8.08579 6.25 7.75 6.58579 7.75 7L9.25 7ZM7.75 7L7.75 7.25L9.25 7.25L9.25 7L7.75 7Z' fill='%23001F4C'/%3E%3C/svg%3E");
  background-position: right 20px center;
  background-repeat: no-repeat;
  padding-right: 35px !important;
}

.filters__filter .bootstrap-select.dropdown > .dropdown-toggle {
  background: rgba(0, 31, 76, 0.08) !important; }

.media-center .gallery {
  padding: 2.5rem 0 5rem;
  position: relative; }
  .media-center .gallery .container {
    position: relative; }
  .media-center .gallery .scroll-down.left {
    bottom: auto;
    top: -114px;
    left: auto; }
    .media-center .gallery .scroll-down.left a {
      color: var(--primary); }
      .media-center .gallery .scroll-down.left a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .media-center .gallery .filters__filter {
    width: 250px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 3.4375rem; }
  .media-center .gallery__item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    height: 530px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .media-center .gallery__item label {
      position: relative;
      z-index: 1;
      width: 177px;
      padding: 14px 20px;
      border-radius: 4px;
      background: #F8F8F8;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.21px;
      text-transform: uppercase; }
    .media-center .gallery__item--image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transition: .5s ease all; }
      .media-center .gallery__item--image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .media-center .gallery__item--image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background: #001F4C;
        left: 0;
        top: 0; }
    .media-center .gallery__item--caption {
      position: relative;
      z-index: 1;
      color: var(--lightgrey);
      padding-top:15px !important; }
      .media-center .gallery__item--caption h5 {
        font-size: 2rem;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize; }
      .media-center .gallery__item--caption p {
        opacity: 0.8;
        font-weight: 600;
        font-size: 1rem;
        color: var(--lightgrey); }
    @media screen and (min-width: 1025px) {
      .media-center .gallery__item:hover .gallery__item--image {
        opacity: .7; } }
  .media-center .gallery .row {
    margin: 0 -5px; }
    .media-center .gallery .row > div {
      padding: 0 5px;
      margin-bottom: 20px; }

@media screen and (max-width: 1500px) {
  .media-center .gallery {
    padding-bottom: 2.5rem; }
    .media-center .gallery__item {
      height: 360px; } 
      .media-center .gallery .scroll-down.left {
      	top: -85px;
      	}}

@media screen and (max-width: 991px) {
  .media-center .gallery {
    padding-bottom: 0; }
    .media-center .gallery .filters__filter {
      margin-bottom: 2.5rem; }
    .media-center .gallery__item {
      padding: 1rem;
      height: 350px; }
      .media-center .gallery__item h5 {
        font-size: 1.5625rem; }
      .media-center .gallery__item label {
        padding: 10px;
        width: 155px; } }

@media screen and (max-width: 767px) {
  .media-center .gallery__item--caption {
    padding-left: 0; } }

@media screen and (max-width: 575px) {
  .media-center .gallery .filters__filter {
    margin-right: auto; }
  .media-center .gallery__item {
    height: 300px; } }

.our-calendar {
  position: relative;
  padding-top: 9.375rem; }
  .our-calendar .container {
    position: relative; }
  .our-calendar .scroll-down.left {
    bottom: auto;
    top: -216px;
    left: auto; }
    .our-calendar .scroll-down.left a {
      color: var(--primary); }
      .our-calendar .scroll-down.left a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .our-calendar .section__head {

    margin-bottom: 5rem; }
    .our-calendar .section__head .section-title {
      margin: 0;
      font-size: 2rem;
      font-weight: 700; 
      color: var(--textcolor);
    }
  .our-calendar .filters {
    display: flex;
    flex-wrap: wrap;
       align-items: flex-end;
     margin-top:1.25rem; justify-content:space-between;}
    .our-calendar .filters__filter {
      min-width: 240px; }
      .our-calendar .filters__filter:not(:last-child) {
        margin-right: 1.875rem; }
      .our-calendar .filters__filter.theme .bootstrap-select.dropdown > .dropdown-toggle .filter-option-inner-inner {
        color: #5C6F8C !important; }
  .our-calendar .events__event {
    position: relative;
    min-height: 600px;
    padding: 6rem 7.5rem 7rem;
    color: var(--lightgrey);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    overflow: hidden; }
    .our-calendar .events__event:not(:last-child) {
      margin-bottom: 2.5rem; }
    .our-calendar .events__event--image {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      .our-calendar .events__event--image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.8;
        background: linear-gradient(90deg, #001F4C 25.52%, rgba(0, 31, 77, 0.81) 46.88%, rgba(0, 16, 40, 0.45) 100%);
        left: 0;
        top: 0; }
      .our-calendar .events__event--image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .our-calendar .events__event label {
      position: relative;
      z-index: 1;
      width: 177px;
      padding: 14px 20px;
      border-radius: 4px;
      background: #F8F8F8;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.21px;
      text-transform: uppercase;
      margin-bottom: 1.25rem; }
    .our-calendar .events__event h3 {
      color: var(--lightgrey);
      font-size: 2.8rem;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.4; 
      max-width:425px;
    }
    @media screen and (max-width:991px){
    	.our-calendar .events__event h3{
    		max-width: 300px;
    	}
    }
    .our-calendar .events__event p {
      color: var(--lightgrey);
      font-size: 1.25rem;
      font-weight: 600;
      margin: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='32' viewBox='0 0 25 32' fill='none'%3E%3Cpath d='M14.3685 28.9987C17.6287 24.1439 23.334 17.563 23.334 11.8991C23.334 6.99138 19.3121 2.99866 14.3685 2.99866C9.42488 2.99866 5.40295 6.99138 5.40295 11.8991C5.40295 17.563 11.1083 24.1439 14.3685 28.9987Z' stroke='%23F8F8F8' stroke-width='2.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3679 15.9987C16.5924 15.9987 18.4023 14.1887 18.4023 11.9642C18.4023 9.73967 16.5924 7.92969 14.3679 7.92969C12.1434 7.92969 10.3334 9.73967 10.3334 11.9642C10.3334 14.1887 12.1434 15.9987 14.3679 15.9987Z' stroke='%23F8F8F8' stroke-width='2.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 23px;
      background-position: left center;
      padding-left: 35px;
      max-width: 600px; }
    .our-calendar .events__event span.date {
      display: block;
      color: var(--lightgrey);
      font-size: 2.1875rem;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 2.5rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .our-calendar .events__event span.date:before {
        content: "";
        position: relative;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='38' viewBox='0 0 47 38' fill='none'%3E%3Cpath d='M24.0268 33.95C27.9859 33.95 31.7828 32.3749 34.5823 29.5712C37.3818 26.7676 38.9545 22.965 38.9545 19C38.9545 15.035 37.3818 11.2324 34.5823 8.42875C31.7828 5.62509 27.9859 4.05 24.0268 4.05C20.0677 4.05 16.2708 5.62509 13.4713 8.42875C10.6718 11.2324 9.09911 15.035 9.09911 19C9.09911 22.965 10.6718 26.7676 13.4713 29.5712C16.2708 32.3749 20.0677 33.95 24.0268 33.95ZM24.0268 0.3125C26.4772 0.3125 28.9036 0.795867 31.1675 1.735C33.4314 2.67414 35.4884 4.05065 37.2211 5.78594C38.9538 7.52124 40.3283 9.58133 41.266 11.8486C42.2038 14.1159 42.6864 16.5459 42.6864 19C42.6864 23.9562 40.7205 28.7095 37.2211 32.2141C33.7218 35.7186 28.9756 37.6875 24.0268 37.6875C13.708 37.6875 5.36719 29.2781 5.36719 19C5.36719 14.0438 7.33311 9.29053 10.8325 5.78594C14.3318 2.28136 19.078 0.3125 24.0268 0.3125ZM24.9598 9.65625V19.4672L33.3566 24.4568L31.9571 26.7553L22.1608 20.8688V9.65625H24.9598Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
        width: 47px;
        height: 38px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 10px; }
    .our-calendar .events__event .container {
      position: relative;
      z-index: 1; }
      .our-calendar .events__event .button-row {
      	column-gap: 8px;
      }
  @media screen and (max-width: 1600px) {
    .our-calendar {
      padding-top: 6.25rem; }
      .our-calendar .scroll-down.left {
        top: -169px; }
      .our-calendar .events__event {
        padding: 3rem 2rem;
        min-height: 435px; }
        .our-calendar .events__event h3 {
          font-size: 2.3rem; }
        .our-calendar .events__event span.date {
          font-size: 1.6rem; } }
          @media screen and (max-width:500px){
          	 .our-calendar .scroll-down.left {
        			top: -142px; }
          }
          @media screen and (max-width: 1500px) {
    .our-calendar .scroll-down.left {
        top: -142px;
    }
}
  @media screen and (max-width: 1300px) {
  	.our-calendar .events__event{
  		padding: 4rem 2.5rem;
  	}
    .our-calendar .section__head .section-title {
      font-size: 2rem; }
    .our-calendar .filters__filter {
      min-width: 200px;
      max-width: 200px; }
      .our-calendar .filters__filter:not(:last-child) {
        margin-right: 1.25rem; } }
  @media screen and (max-width: 1024px) {
    .our-calendar .section__head {
      flex-direction: column;
      align-items: flex-start; }
    .our-calendar .filters {
/*      align-items: flex-start;*/
      margin: 1.875rem 0 0;
      width: 100%;
      flex-direction: column;
    justify-content: center;
    align-items: center;}
     .our-calendar .filters >div:not(:last-child){
     	width:100%;
     	margin:0 -8px;
     	padding-bottom:1.875rem;
     }
      .our-calendar .filters__filter {
        width: 33.3%;
        max-width: unset;
        min-width: unset; } 
      .our-calendar .filters__filter:not(:last-child) {
			    margin-right: 0 !important;
			    margin-left:0 !important;
			    padding:0 8px;
			}
}
  @media screen and (max-width: 991px) {
    .our-calendar {
      padding-top: 3.125rem; }
      .our-calendar .section__head {
        margin-bottom: 3.125rem; }
        .our-calendar .section__head .section-title {
          font-size: 1.8rem; }
      .our-calendar .events__event {
        padding: 3.125rem 3.125rem 5rem;
        min-height: 350px; }
        .our-calendar .events__event h3 {
          font-size: 2rem; }
        .our-calendar .events__event p {
          font-size: 1.125rem;
          background-size: 18px;
          padding-top: 5px;
          padding-bottom: 5px; }
        .our-calendar .events__event span.date {
          font-size: 1.5625rem; } }
  @media screen and (max-width: 767px) {
  	.our-calendar .filters >div:not(:last-child){
  		flex-wrap:wrap;
  	}
    .our-calendar .section__head .section-title {
      font-size: 1.7rem; }
    .our-calendar .events__event {
      padding: 2.5rem 1.5625rem; }
      .our-calendar .events__event label {
        width: 155px;
        padding: 10px; }
      .our-calendar .events__event h3 {
        font-size: 2.3125rem; }
      .our-calendar .events__event span.date {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
        font-size: 1.375rem; }
        .our-calendar .events__event span.date:before {
          width: 38px; } }
  @media screen and (max-width: 575px) {
  	.our-calendar .filters >div{
  		flex-wrap:wrap;
  	}
  	.our-calendar .filters__filter:not(:last-child){
  		padding:0;
  	}
    .our-calendar .filters {
      flex-direction: column; }
      .our-calendar .filters__filter {
        width: 100%; }
        .our-calendar .filters__filter:not(:last-child) {
          margin-bottom: 1.875rem; }
    .our-calendar .events__event h3 {
      font-size: 1.875rem; }
    .our-calendar .events__event p {
      font-size: 1rem; }
    .our-calendar .events__event .button-row .btn {
      width: auto; } }

.event-details {
  padding-bottom: 0; }
  .event-details .inner-banner .d-inline-flex {
  	flex-direction: column;
  }
  .event-details .inner-banner .button-row {
    /*max-width: 950px;
    margin: auto;*/
    justify-content: flex-end;
    margin-top: 1.8rem; }
    .event-details .inner-banner .button-row .btn {
    	min-width: 180px;
    }
    .event-details .inner-banner h1 {
    	display: inline-block;
    }
  .event-details .text-with-image {
    background-image: url(../images/banners/event-details-banner.png);
/*    font-size: 4rem;*/
    /* Adjust the font size as needed */
    font-weight: 900;
    /* Adjust the font weight as needed */ }
    @media screen and (min-width: 992px) {
      .event-details .text-with-image {
        font-size: 3.8rem; } }
        .event-details .what-we-do {
        	padding-top: 5.625rem;
        }
        .event-details .what-we-do .scroll-down.left {
        	top: -157px;
        }
    @media screen and (max-width: 1500px) {
        .event-details .what-we-do {
	      	padding-top: 4.375rem;
	      }
	      .event-details .what-we-do .scroll-down.left {
	      		top: -115px;
	      }
    }
  .event-details .what-we-do__detail {
    padding: 6.25rem 0 0;
    display: flex;
    flex-wrap: wrap;
/*    align-items: center;*/
    margin:0 -20px;
    justify-content: space-between; 
  }
    .event-details .what-we-do__detail ul {
      list-style: none; /*width: 25%;*/ padding:0 20px;}
     /* .event-details .what-we-do__detail ul:not(:last-child) {
        margin-right: 0.9375rem; }*/
      .event-details .what-we-do__detail ul li {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize; }
        .event-details .what-we-do__detail ul li:not(:first-child) {
          padding-left: 35px; }
        .event-details .what-we-do__detail ul li:first-child {
          color: #5C6F8C;
          text-transform: uppercase;
          font-size: 1rem;
          margin-bottom: 10px; }
          .event-details .what-we-do__detail ul li:first-child svg {
            margin-right: 8px; }
        .event-details .what-we-do__detail ul li span {
          color: rgba(0, 31, 76, 0.6); }
  .event-details__gallery--image img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden; }
  .event-details__gallery .row {
    margin: 0 -4px; }
    .event-details__gallery .row > div {
      padding: 0 4px;
      margin-bottom: 8px; }
  .event-details__map {
    /*margin: 7.5rem 0;*/
    margin: 2.5rem 0 !important;
    height: 670px; }
    .event-details__map * {
      height: 100%; }
    .event-details__map iframe {
      width: 100%;
      border: 0; }
  .event-details__participate {
    position: relative;
    padding: 4rem 0; }
    .event-details__participate--image {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .event-details__participate--image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(16, 6, 159, 0.9) 0%, rgba(16, 6, 159, 0.7) 100%);
        left: 0;
        top: 0; }
      .event-details__participate--image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .event-details__participate--content {
      position: relative;
      z-index: 1;
      max-width: 970px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .event-details__participate--content h3 {
        font-size: 3.75rem;
        color: var(--lightgrey);
        margin-bottom: 1.25rem; }
      .event-details__participate--content p {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--lightgrey);
        text-align: center; }
  @media screen and (max-width: 1600px) and (min-width:992px) {
    .event-details .text-with-image {
      font-size: 3rem; } }
  @media screen and (max-width: 1500px) {
    .event-details__map {
      margin: 5rem 0; }
    .event-details__participate {
      padding: 3.5rem 0; } }
  @media screen and (max-width: 1300px) {
    .event-details .text-with-image {
      font-size: 3.4375rem; } }
  @media screen and (max-width: 1200px) {
    .event-details .what-we-do {
      padding-bottom: 3.75rem; }
      /*.event-details .what-we-do__detail {
        justify-content: flex-start; }*/
        .event-details .what-we-do__detail ul {
          margin-bottom: 1.25rem; }
          .event-details .what-we-do__detail ul li {
            font-size: 1.375rem; } }
  @media screen and (max-width: 991px) {
    .event-details .inner-banner .button-row {
      justify-content: center;
      margin-top: 1.875rem; }
      .event-details .inner-banner .button-row .btn {
    	min-width: 140px;
    }
    .event-details .text-with-image {
      font-size: 3.125rem; }
    .event-details .what-we-do {
      padding-bottom: 1.875rem; }
      .event-details .what-we-do__detail {
        padding-top: 3.125rem;
        justify-content: space-between; }
        .event-details .what-we-do__detail ul {
          width: 48%; }
          /*.event-details .what-we-do__detail ul:not(:last-child) {
            margin-right: 0; }*/
    .event-details__map {
      margin: 3.125rem 0;
      height: 450px; }
    .event-details__participate {
      padding: 3.125rem 0; }
      .event-details__participate--content h3 {
        font-size: 3.125rem; } }
  @media screen and (max-width: 767px) {
    .event-details .text-with-image {
      font-size: 2.5rem; }
    .event-details .what-we-do__detail ul li {
      font-size: 1.25rem; }
    .event-details__map {
      height: 300px; }
    .event-details__participate--content h3 {
      font-size: 2.3125rem; } }
  @media screen and (max-width: 575px) {
    .event-details .inner-banner .button-row .btn {
      width: auto; }
    .event-details .text-with-image {
      font-size: 2.1875rem; }
    .event-details .what-we-do__detail ul {
      width: 100%; }
    .event-details__participate--content .button-row .btn {
      width: auto; } }

.news .inner-banner__image img {
  opacity: .3; }

.news .gallery {
  position: relative; }
  .news .gallery .container {
    position: relative; }
  .news .gallery .scroll-down.left {
    bottom: auto;
    top: -114px;
    left: auto; }
    .news .gallery .scroll-down.left a {
      color: var(--primary); }
      .news .gallery .scroll-down.left a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .news .gallery .filters {
    margin: 2.5rem 0; }
    .news .gallery .filters__filter {
      width: 250px;
      margin-right: 0;
      margin-left: auto; }
  .news .gallery__item {
    position: relative;
    overflow: hidden;
    margin-bottom: 2.8125rem; }
    .news .gallery__item--image {
      width: 100%;
      height: 385px;
      position: relative;
      overflow: hidden;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px; }
      /*.news .gallery__item--image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background: #001F4C;
        left: 0;
        top: 0; }*/
      .news .gallery__item--image span {
        color: var(--lightgrey);
        font-size: 1.125rem;
        font-weight: 600;
        text-transform: capitalize;
        position: absolute;
        left: 24px;
        bottom: 38px;
        z-index: 1; }
      .news .gallery__item--image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        transition: .7s ease all;
        -webkit-transition: .7s ease all;
        -moz-transition: .7s ease all;
        -ms-transition: .7s ease all;
        -o-transition: .7s ease all; }
    .news .gallery__item .readmore {
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, rgba(0, 31, 76, 0.8) 0%, rgba(0, 31, 76, 0.8) 100%);
      color: var(--lightgrey);
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 0;
      transition: .5s ease all;
      -webkit-transition: .5s ease all;
      -moz-transition: .5s ease all;
      -ms-transition: .5s ease all;
      -o-transition: .5s ease all;
      font-weight: 600;
      font-size: 1.375rem;
      z-index: 2;
      opacity: 0; }
      .news .gallery__item .readmore:after {
        content: "";
        position: relative;
        display: inline-block;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.65576 12.9159L11.6558 3.91589' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34774 2.91234H12.0028C12.5551 2.91234 13.0028 3.36006 13.0028 3.91234V8.56744' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 8px;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transition: .5s ease all;
        -webkit-transition: .5s ease all;
        -moz-transition: .5s ease all;
        -ms-transition: .5s ease all;
        -o-transition: .5s ease all; }
    .news .gallery__item--caption {
      padding-top: 1.5rem; }
    .news .gallery__item h5 {
      font-size: 1.75rem;
      font-weight: 600; }
    .news .gallery__item p {
      font-size: 1.125rem; }
    @media screen and (min-width: 1025px) {
      .news .gallery__item:hover .readmore {
        opacity: 1; }
      .news .gallery__item:hover span {
        opacity: 0; }
      .news .gallery__item:hover .gallery__item--image img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1); } }
        .news.search-results .gallery .scroll-down.left {
        	top: -72px;
        }

@media screen and (max-width: 1600px) {
  .news .gallery__item--image {
    height: 300px; } }
@media screen and (max-width: 1500px) {
	.news.search-results .gallery .scroll-down.left {
  	top: -47px;
  }
}
@media screen and (max-width: 991px) {
  .news .gallery__item {
    margin-bottom: 1.5625rem; }
    .news .gallery__item--image {
      height: 200px; }
      .news .gallery__item--image span {
        bottom: 24px; }
    .news .gallery__item h5 {
      font-size: 1.5625rem; }
  .news .custom-pagination {
    margin-top: 0; } }

@media screen and (max-width: 575px) {
  .news .gallery .filters__filter {
    margin-right: auto; } }

.news-details .section-title {
  font-size: 3rem; }
.news-details__detail--image .download{
	gap:6px;
	    position: absolute;
    bottom: 0;
    right: 0;
}
.news-details__detail--image .download svg{
	width:20px;
}
.news-details__detail--image{
	position: relative;
}
.news-details__detail {
  padding-top: 5rem; }
  .news-details__detail .fw-600 {
    font-weight: 600 !important; }
  .news-details__detail .py-5 {
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important; }
  .news-details__detail--image img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden;
    width:100%;
    object-fit:cover; }
  .news-details__detail h4 {
    color: #10069F;
    font-size: 2rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 1.25rem; }
  .news-details__detail p {
    font-weight: 500;
    font-size: 1.125rem;
    margin-bottom: 1.125rem; }
  .news-details__detail ul {
    margin-left: 17px;
    padding-bottom: 1.875rem; }
    .news-details__detail ul li {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.5; }
      .news-details__detail ul li::marker {
        font-size: 12px; }

.news-details .section__head {
  margin-bottom: 3.75rem; }
  .news-details .section__head span {
    color: rgba(0, 31, 76, 0.6);
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0.875rem;
    display: flex; }
  .news-details .section__head p {
    font-size: 1.5rem; }

.news-details__gallery {
  margin-top: 3.75rem; }
  .news-details__gallery .row {
    margin: 0 -4px; }
    .news-details__gallery .row > div {
      padding: 0 4px;
      margin-bottom: 8px; }
  .news-details__gallery--image {
    width: 100%;
    height: 100%;
    display: block; }
    .news-details__gallery--image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 6px;
      overflow: hidden; }



@media screen and (max-width: 991px) {
  .news-details .section-title {
    font-size: 2.6rem; }
  .news-details__detail {
    padding-top: 3.125rem; }
    .news-details__detail .py-5 {
      padding-top: 2.5rem !important;
      padding-bottom: 2.5rem !important; }
    .news-details__detail .pb-5 {
      padding-bottom: 2rem !important; } }

@media screen and (max-width: 767px) {
  .news-details .section-title {
    font-size: 2.1875rem; }
  .news-details .section__head {
    margin-bottom: 2.5rem; }
    .news-details .section__head span, .news-details .section__head p {
      font-size: 1.25rem; }
  .news-details__detail h4 {
    font-size: 1.5625rem; }
  .news-details__detail .pt-5 {
    padding-top: 2.5rem !important; }
  .news-details__detail .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important; }
  .news-details__detail .pb-5 {
    padding-bottom: 1.25rem !important; }
  .news-details__detail ul {
    padding-bottom: 1.25rem; }
  .news-details__detail .flex-reverse {
    flex-direction: column-reverse; }
    .news-details__detail .flex-reverse > div:first-child {
      padding-top: 2.5rem; }
  .news-details__gallery {
    margin-top: 2.5rem; } }

@media screen and (max-width: 575px) {
  .news-details__gallery--image {
    min-height: 200px; } }

.contact-us {
  position: relative;
  overflow: hidden;
  padding-top: 12.5rem;
  padding-bottom: 3.125rem; }
  .contact-us__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .contact-us__image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #001F4C;
      opacity: .9; }
    .contact-us__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .contact-us__title {
    color: #F8F8F8;
    font-size: 3.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3.75rem;
    line-height: 1.4; }
  .contact-us ul {
    list-style: none;
    max-width: 350px; }
    .contact-us ul li {
      color: #ACBFDC;
      font-weight: 600;
      display: flex;
      align-items: flex-start; }
      .contact-us ul li img {
        margin-right: 0.75rem; }
      .contact-us ul li > div {
        padding-top: 4px; }
      .contact-us ul li p {
        color: var(--lightgrey);
        font-size: 1.25rem;
        font-weight: 600;
        margin: 0;
        margin-top: 0.75rem; }
      .contact-us ul li:not(:last-child) {
        margin-bottom: 3.125rem; }
  @media screen and (max-width: 1500px) {
    .contact-us__title {
      font-size: 2.8rem; } }
  @media screen and (max-width: 1200px) {
    .contact-us {
      padding-top: 9.375rem; }
      .contact-us__title {
        font-size: 2.7rem; } }
  @media screen and (max-width: 991px) {
    .contact-us__title {
      font-size: 2.5rem;
      margin-bottom: 2.5rem;
      line-height: 1.2; }
    .contact-us ul {
      max-width: 100%; }
      .contact-us ul li:not(:last-child) {
        margin-bottom: 1.875rem; }
    .contact-us .button-row {
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .contact-us__title {
      font-size: 2.3rem; }
    .contact-us ul li p {
      font-size: 1.125rem; } }
  @media screen and (max-width: 575px) {
    .contact-us {
      padding-top: 7.5rem; }
      .contact-us__title {
        font-size: 1.875rem; }
      .contact-us .button-row .btn {
        width: auto; } }

.account {
  position: relative;
  overflow: hidden;
  padding-top: 19.375rem;
  padding-bottom: 3.125rem; }
  .account .container {
    position: relative; }
  .account__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 127px; }
    .account__image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #001F4C;
      opacity: .9; }
    .account__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .account__title {
    font-size: 4rem;
    font-weight: 700;
    color: var(--lightgrey);
    margin-bottom: 2.8125rem;
    text-align: center; }
  .account p {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    text-align: center;
    margin: 0;
    text-transform: capitalize; }
    .account p a {
      color: var(--lightgrey);
      font-weight: 700;
      text-decoration: underline; }
  .account .row {
    justify-content: center; }
  .account .form-group.vertically-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    height: 100%; }
  .account .btn.btn-white {
    background: transparent;
    color: var(--lightgrey);
    border: 1px solid var(--lightgrey); }
    .account .btn.btn-white:hover {
      background: #fff;
      color: var(--primary); }
  .account .button-row {
    margin-bottom: 2.5rem;
    margin-top: 0; }
  .account ul {
    list-style: none;
    display: flex;
    margin-left: 0.625rem; }
    .account ul .radio:not(:last-child) {
      margin-right: 1rem; }
  .account .social-links .form-group {
    background-color: #F5F6F8;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px; }
    .account .social-links .form-group label {
      display: flex;
      align-items: center;
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      border-right: 1px solid var(--textcolor);
      padding-right: 10px;
      text-transform: uppercase;
      min-width: 35px;
	    font-size: 0;
	    padding: 0 !important; }
      .account .social-links .form-group label svg {
        margin-right: 10px; }
    .account .social-links .form-group .form-control {
      padding-left: 10px;
      flex: 1; }
      .account .social-links .form-group .form-control:focus {
        border-color: transparent; }
    .account .social-links .form-group:not(:last-child) {
      margin-bottom: 12px; }
  @media screen and (max-width: 1600px) {
    .account {
      padding-top: 15.625rem; }
      .account__title {
        font-size: 3.4375rem; } }
  @media screen and (max-width: 1200px) {
    .account {
      padding-top: 11.25rem; }
      .account__image {
        top: 96px; } }
  @media screen and (max-width: 991px) {
    .account__image {
      top: 82px; }
    .account__title {
      font-size: 2.8125rem; } }
  @media screen and (max-width: 767px) {
    .account__title {
      font-size: 2.5rem; }
    .account .form-group.vertically-center {
      margin-bottom: 1.875rem;
      display: block;
      height: auto; }
      .account .form-group.vertically-center .d-flex {
        align-items: flex-start !important; } }
  @media screen and (max-width: 575px) {
    .account {
      padding-top: 8.75rem; }
      .account__image {
        top: 77px; }
      .account__title {
        font-size: 2.1875rem; }
      .account .social-links .form-group {
        padding-left: 10px; }
        .account .social-links .form-group label {
          padding-right: 6px;
          min-width: 115px; }
          .account .social-links .form-group label svg {
            margin-right: 6px;
            width: 15px;
            height: 15px; }
        .account .social-links .form-group .form-control {
          padding-left: 6px;
          padding-right: 10px; } }

.album {
  position: relative;
  padding-top: 2.5rem; }
  @media screen and (min-width:1200px){
  	.album{
  		padding-top: 5rem;
  	}
  }
  .album .scroll-down.left {
    bottom: auto;
    top: -75px;
    left: auto; }
    .album .scroll-down.left a {
      color: var(--primary); }
      .album .scroll-down.left a:before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='146' viewBox='0 0 12 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.75 73C6.75 72.5858 6.41421 72.25 6 72.25C5.58579 72.25 5.25 72.5858 5.25 73L6.75 73ZM5.46967 145.53C5.76257 145.823 6.23744 145.823 6.53033 145.53L11.3033 140.757C11.5962 140.464 11.5962 139.99 11.3033 139.697C11.0104 139.404 10.5355 139.404 10.2426 139.697L6 143.939L1.75736 139.697C1.46447 139.404 0.989596 139.404 0.696702 139.697C0.403809 139.99 0.403809 140.464 0.696702 140.757L5.46967 145.53ZM5.25 73L5.25 145L6.75 145L6.75 73L5.25 73Z' fill='%2310069F'/%3E%3Cpath d='M6 1L6 73' stroke='%23F8F8F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-size: contain; }
  .album .filters__filter {
    width: 250px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 3.4375rem; }
  .album__items .row {
    margin: 0 -4px; }
    .album__items .row > div {
      padding: 0 4px;
      margin-bottom: 8px; }
  .album__items--image {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden; }
    .album__items--image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .album__items--image span {
      position: absolute;
      width: 108px;
      height: 108px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 100%;
      border: 6px solid var(--lightgrey);
      z-index: 9; }
      .album__items--image span:after {
        content: "";
        position: absolute;
        border-top: 16px solid transparent;
        border-left: 22px solid #fff;
        border-bottom: 16px solid transparent;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .album__items--image:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.5;
      background: #000C1D;
      left: 0;
      top: 0; }
    .album__items--image.bg img {
      filter: grayscale(1); }
    .album__items--image.bg:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.2;
      background: #000C1D;
      left: 0;
      top: 0; }
    .album__items--image.bg:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      background: #001F4C;
      left: 0;
      top: 0; }
  @media screen and (max-width: 991px) {
    .album .filters__filter {
      margin-bottom: 2.5rem; }
    .album__items--image span {
      width: 80px;
      height: 80px;
      border: 4px solid var(--lightgrey); } }
  @media screen and (max-width: 767px) {
    .album__items--image span {
      width: 60px;
      height: 60px;
      border: 3px solid var(--lightgrey); }
      .album__items--image span:after {
        border-top: 10px solid transparent;
        border-left: 16px solid #fff;
        border-bottom: 10px solid transparent; } }
  @media screen and (max-width: 575px) {
    .album .filters__filter {
      margin-right: auto; }
    .album__items--image {
      min-height: 200px; }
      .album__items--image span {
        width: 45px;
        height: 45px;
        border: 2px solid var(--lightgrey); } }

.dropzone {
  min-height: unset;
  border: none;
  background: transparent;
  padding: 0; }

.dropzone_upload {
  border-radius: 4px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
  min-height: 72px;
  padding: 0.75rem 0.75rem 0.75rem 2rem;
  position: relative; }
  .dropzone_upload .dz-message {
    margin: 0;
    text-align: left;
    padding-left: 4.375rem; }
    .dropzone_upload .dz-message .dz-button {
      font-size: 13px;
      font-weight: 500;
      color: var(--lightgrey);
      margin-bottom: 10px;
      text-align: left; }
  .dropzone_upload p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    text-align: left; }
  .dropzone_upload:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M32 32L24 24L16 32' stroke='%23F8F8F8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 24V42' stroke='%23F8F8F8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.7809 36.78C42.7316 35.7165 44.2726 34.0337 45.1606 31.9972C46.0487 29.9607 46.2333 27.6864 45.6853 25.5334C45.1373 23.3803 43.8879 21.471 42.1342 20.1069C40.3806 18.7427 38.2226 18.0014 36.0009 18H33.4809C32.8755 15.6585 31.7472 13.4846 30.1808 11.642C28.6144 9.79927 26.6506 8.33567 24.4371 7.36118C22.2236 6.3867 19.818 5.92669 17.4011 6.01573C14.9843 6.10478 12.619 6.74057 10.4833 7.8753C8.34747 9.01003 6.49672 10.6142 5.07014 12.5671C3.64356 14.5201 2.67828 16.771 2.24686 19.1508C1.81544 21.5305 1.92911 23.977 2.57932 26.3065C3.22954 28.636 4.39938 30.7877 6.0009 32.6' stroke='%23F8F8F8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 32L24 24L16 32' stroke='%23F8F8F8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 45px;
    height: 45px; }
  .dropzone_upload .btn.btn-white {
    background: #fff;
    color: var(--primary);
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
    margin-left: 0.625rem; }
    @media screen and (min-width: 1025px) {
      .dropzone_upload .btn.btn-white:hover {
        background: transparent;
        color: var(--lightgrey); } }
  .dropzone_upload.dz-started {
  	display: flex;
  	flex-wrap: wrap;
  }
  .dropzone_upload.dz-started .dz-message {
    padding: 0 !important; 
  }
  .dropzone_upload.dz-started .dz-message .dz-button {
    display: none !important; 
  }
  .dropzone_upload.dz-started p {
  	display: none !important;
  }
  .dropzone_upload.dz-started .btn {
  	font-size: 0;
    height: 120px;
    width: 120px;
    border-radius: 20px;
    margin: 8px;
    position: relative;
    background: #fff !important;
  }
  .dropzone_upload.dz-started .btn:before {
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 20px;
  	height: 2px;
  	background: #000;
  }
  .dropzone_upload.dz-started .btn:after {
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 2px;
  	height: 20px;
  	background: #000;
  }
  .dropzone_upload.dz-started:after {
    display: none; }
  .dropzone_upload .dz-preview.dz-image-preview {
    background: transparent;
    margin: 8px; }
  .dropzone_upload .dz-preview.dz-error .dz-error-mark {
    display: none; }
  .dropzone_upload .dz-remove {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='54px' height='54px' viewBox='0 0 54 54' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Check-+-Oval-2' sketch:type='MSLayerGroup' stroke='%23747474' stroke-opacity='0.198794158' fill='%23FFFFFF' fill-opacity='0.816519475'%3E%3Cpath d='M32.6568542,29 L38.3106978,23.3461564 C39.8771021,21.7797521 39.8758057,19.2483887 38.3137085,17.6862915 C36.7547899,16.1273729 34.2176035,16.1255422 32.6538436,17.6893022 L27,23.3431458 L21.3461564,17.6893022 C19.7823965,16.1255422 17.2452101,16.1273729 15.6862915,17.6862915 C14.1241943,19.2483887 14.1228979,21.7797521 15.6893022,23.3461564 L21.3431458,29 L15.6893022,34.6538436 C14.1228979,36.2202479 14.1241943,38.7516113 15.6862915,40.3137085 C17.2452101,41.8726271 19.7823965,41.8744578 21.3461564,40.3106978 L27,34.6568542 L32.6538436,40.3106978 C34.2176035,41.8744578 36.7547899,41.8726271 38.3137085,40.3137085 C39.8758057,38.7516113 39.8771021,36.2202479 38.3106978,34.6538436 L32.6568542,29 Z M27,53 C41.3594035,53 53,41.3594035 53,27 C53,12.6405965 41.3594035,1 27,1 C12.6405965,1 1,12.6405965 1,27 C1,41.3594035 12.6405965,53 27,53 Z' id='Oval-2' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 54px;
    height: 54px;
    z-index: 99;
    font-size: 0 !important; }
  @media screen and (max-width: 575px) {
    .dropzone_upload .d-flex {
      flex-direction: column; }
    .dropzone_upload .btn.btn-white {
      margin-left: 0;
      margin-top: 0.75rem; } }

.mbsc-ios {
  z-index: 9; }
  .mbsc-ios.mbsc-textfield-wrapper-outline {
    margin: 0; }
  .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
    border-radius: 3px;
/*    height: 48px;*/
    hight:auto;
    border: 0;
    background-color: #F5F6F8; }
  .mbsc-ios .mbsc-textfield-tags-placeholder {
    font-size: 14px;
    opacity: .4;
    color: var(--textcolor);
    font-weight: 500;
    line-height: 2.25rem; }
  .mbsc-ios.mbsc-font {
    font-family: "Montserrat", sans-serif !important; }
  .mbsc-ios .mbsc-textfield.mbsc-textfield-tags.mbsc-textarea {
    background-color: #F5F6F8;
    border-radius: 3px;
    min-height: 3rem; max-height:initial; }
  .mbsc-ios .mbsc-icon > svg {
    fill: var(--textcolor); }
  .mbsc-ios.mbsc-textfield-tag {
    background: #DBDDE1;
    border-radius: 2px;
    padding: 0 0.75rem;
    min-width: 165px; }
  .mbsc-ios .mbsc-textfield-tag-text {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--textcolor); }
  .mbsc-ios .mbsc-textfield-tag-clear {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M2.22754 9.31366C2.12187 9.41933 2.0625 9.56266 2.0625 9.7121C2.0625 9.86154 2.12187 10.0049 2.22754 10.1105C2.33321 10.2162 2.47653 10.2756 2.62598 10.2756C2.77542 10.2756 2.91874 10.2162 3.02442 10.1105L6.00051 7.1335L8.97754 10.1096C9.08321 10.2153 9.22653 10.2746 9.37598 10.2746C9.52542 10.2746 9.66874 10.2153 9.77441 10.1096C9.88009 10.0039 9.93945 9.8606 9.93945 9.71116C9.93945 9.56172 9.88009 9.4184 9.77441 9.31272L6.79738 6.33663L9.77348 3.3596C9.87915 3.25393 9.93852 3.1106 9.93852 2.96116C9.93852 2.81172 9.87915 2.6684 9.77348 2.56272C9.66781 2.45705 9.52448 2.39769 9.37504 2.39769C9.2256 2.39769 9.08227 2.45705 8.9766 2.56272L6.00051 5.53976L3.02348 2.56225C2.91781 2.45658 2.77448 2.39722 2.62504 2.39722C2.4756 2.39722 2.33228 2.45658 2.2266 2.56225C2.12093 2.66793 2.06156 2.81125 2.06156 2.96069C2.06156 3.11014 2.12093 3.25346 2.2266 3.35913L5.20363 6.33663L2.22754 9.31366Z' fill='%23DB1B1B'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    vertical-align: middle;
    margin-left: 0.5rem; }
    .mbsc-ios .mbsc-textfield-tag-clear > svg {
      display: none; }
  .mbsc-ios.mbsc-select-icon {
    top: 50%;
    transform: translateY(-50%); }
  @media screen and (max-width: 991px) {
    .mbsc-ios.mbsc-textfield-tag {
      min-width: 140px; }
    .mbsc-ios .mbsc-textfield-tags-placeholder {
      line-height: 2.5rem; } }

.phone-number {
  display: flex; }
  .phone-number .code-picker {
    flex: 0 0 80px;
    max-width: 80px; }
    .phone-number .code-picker .form-control {
      border: 1px solid transparent;
      border-right: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
      .phone-number .code-picker .form-control .dropdown-toggle {
        height: 100%;
        padding-right: 0.5rem;
        border-color: transparent; }
        .phone-number .code-picker .form-control .dropdown-toggle:after {
          margin-left: 0; }
        .phone-number .code-picker .form-control .dropdown-toggle .filter-option-inner-inner {
          opacity: 1; }
        .phone-number .code-picker .form-control .dropdown-toggle:active, .phone-number .code-picker .form-control .dropdown-toggle:hover {
          border-color: transparent; }
      .phone-number .code-picker .form-control:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #001F4C;
        width: 1px;
        height: 13px; }
  .phone-number .phone-input {
    flex: 1; }
    .phone-number .phone-input .form-control {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 0;
      padding-left: 0.5rem; }
      .phone-number .phone-input .form-control:focus {
        border-color: transparent; }

.profile h1 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--textcolor);
  margin-bottom: 3.75rem;
  padding: 0 2.8125rem; }

.profile .dropzone_upload {
  border-radius: 6px;
  border: 1px dashed rgba(0, 31, 76, 0.3);
  background: transparent; }
  .profile .dropzone_upload:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M32 32L24 24L16 32' stroke='%23001F4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 24V42' stroke='%23001F4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.7809 36.78C42.7316 35.7165 44.2726 34.0337 45.1606 31.9972C46.0487 29.9607 46.2333 27.6864 45.6853 25.5334C45.1373 23.3803 43.8879 21.471 42.1342 20.1069C40.3806 18.7427 38.2226 18.0014 36.0009 18H33.4809C32.8755 15.6585 31.7472 13.4846 30.1808 11.642C28.6144 9.79927 26.6506 8.33567 24.4371 7.36118C22.2236 6.3867 19.818 5.92669 17.4011 6.01573C14.9843 6.10478 12.619 6.74057 10.4833 7.8753C8.34747 9.01003 6.49672 10.6142 5.07014 12.5671C3.64356 14.5201 2.67828 16.771 2.24686 19.1508C1.81544 21.5305 1.92911 23.977 2.57932 26.3065C3.22954 28.636 4.39938 30.7877 6.0009 32.6' stroke='%23001F4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 32L24 24L16 32' stroke='%23001F4C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .profile .dropzone_upload .btn-primary {
    font-weight: 600;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem; }
  .profile .dropzone_upload p {
    color: rgba(0, 31, 76, 0.4);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin: 0; }
  .profile .dropzone_upload .dz-message .dz-button {
    color: var(--textcolor);
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize; }

.profile h2 {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 2.625rem; }

.profile .form-group .control-label {
  color: #5C6F8C;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase; }

.profile .form-group .form-control {
  border-radius: 3px;
  background: rgba(0, 31, 76, 0.04);
  color: var(--textcolor);
  font-size: 1rem;
  font-weight: 500; }
  .profile .form-group .form-control::placeholder {
    opacity: 0.4;
    font-size: 14px; }

.profile.inner-wrapper {
  padding-top: 140px; }

.profile .top-head {
  background: #EEEFF1;
  margin-bottom: 4rem; }
  .profile .top-head ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .profile .top-head ul li a {
      font-size: 1.125rem;
      font-weight: 600;
      text-transform: uppercase;
      padding: 0 5.625rem;
      height: 4rem;
      line-height: 4rem;
      background: transparent;
      border-radius: 4px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      @media screen and (min-widt: 1025px) {
        .profile .top-head ul li a:hover {
          color: #10069F; } }
    .profile .top-head ul li.active a {
      background: rgba(16, 6, 159, 0.05);
      font-weight: 700;
      color: #10069F; }

.profile .flex-wrapper {
  display: flex; }

.profile__left {
  width: 380px;
  border-radius: 10px;
  border: 1px solid rgba(0, 31, 76, 0.2);
  background: rgba(0, 31, 76, 0.04);
  padding: 3.75rem 0;
  min-height: 600px; 
	min-width: 380px;}
  .profile__left ul {
    list-style: none; }
    .profile__left ul li {
      position: relative; }
      .profile__left ul li a {
        font-size: 1.125rem;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--textcolor);
        border-radius: 4px;
        height: 4.375rem;
        line-height: 4.375rem;
        padding: 0 1.25rem;
        padding-left: 4.0625rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start; }
        @media screen and (min-widt: 1025px) {
          .profile__left ul li a:hover {
            color: #10069F; } }
      .profile__left ul li.active a {
        background: rgba(16, 6, 159, 0.05);
        color: #10069F; }
      .profile__left ul li.has-submenu.active {
        background: rgba(16, 6, 159, 0.05); }
      .profile__left ul li.has-submenu a {
        background: transparent; }
        .profile__left ul li.has-submenu a.btn {
          border-radius: 4px;
          background: #10069F;
          color: #fff;
          width: 135px;
          height: 34px;
          line-height: 34px;
          font-size: 14px;
          padding: 0 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
      .profile__left ul li.has-submenu .button-row {
        margin: 0;
        padding-left: 60px;
        justify-content: start; }
      .profile__left ul li.has-submenu > a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between; }
        .profile__left ul li.has-submenu > a span {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cpath d='M7.03033 1.21967C6.73744 0.926777 6.26256 0.926777 5.96967 1.21967L1.1967 5.99264C0.903806 6.28553 0.903806 6.76041 1.1967 7.0533C1.48959 7.34619 1.96447 7.34619 2.25736 7.0533L6.5 2.81066L10.7426 7.0533C11.0355 7.34619 11.5104 7.34619 11.8033 7.0533C12.0962 6.76041 12.0962 6.28553 11.8033 5.99264L7.03033 1.21967ZM5.75 2C5.75 2.41421 6.08579 2.75 6.5 2.75C6.91421 2.75 7.25 2.41421 7.25 2L5.75 2ZM7.25 2L7.25 1.75L5.75 1.75L5.75 2L7.25 2Z' fill='%2310069F'/%3E%3C/svg%3E");
          width: 13px;
          height: 10px;
          background-repeat: no-repeat;
          background-size: contain;
          transform: rotate(180deg); }
      .profile__left ul li.has-submenu ul {
        padding-bottom: 1.875rem; }
        .profile__left ul li.has-submenu ul li {
          padding-left: 16px; }
          .profile__left ul li.has-submenu ul li a:not(.btn) {
            height: auto;
            line-height: normal;
            opacity: 0.7;
            margin-bottom: 1rem; }
            .profile__left ul li.has-submenu ul li a:not(.btn).active, .profile__left ul li.has-submenu ul li a:not(.btn):hover {
              opacity: 1; }
      .profile__left ul li.has-submenu.show > a span {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0); }

.profile__right {
  flex: 1;
  width: 100%;
  padding-left: 5.625rem; }
  .profile__right .text {
    color: var(--textcolor);
    opacity: 0.6;
    font-size: 1.5rem;
    font-weight: 500; }
  .profile__right--detail .row > div {
    margin-bottom: 1.5rem; }
  .profile__right--item {
    border-radius: 4px;
    border: 1px solid #E4E5E7;
    padding: 1rem 1.5rem;
    height: 100%; }
    .profile__right--item label {
      color: #5C6F8C;
      font-size: 1rem;
      font-weight: 600;
      line-height: normal;
      text-transform: uppercase;
      display: block;
      margin-bottom: 0.75rem; }
    .profile__right--item p {
      color: var(--textcolor);
      font-size: 1.125rem;
      font-weight: 600;
      line-height: normal;
      margin: 0;
      display: flex;
      word-break: break-word; }
      .profile__right--item p span {
        opacity: 0.4;
        display: inline-block;
        margin-right: 0.375rem; }
    .profile__right--item .readonly {
      display: none; }
  .profile__right .files {
    border-radius: 4px;
    background: #EEEFF1;
    padding: 0.8125rem 1.875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .profile__right .files img {
      margin-right: 0.9375rem; }
    .profile__right .files p {
      color: var(--textcolor);
      font-size: 12px;
      font-weight: 500;
      line-height: normal;
      margin: 0; }
    .profile__right .files a {
      color: #10069F;
      font-size: 14px;
      font-weight: 600; }
      @media screen and (min-width: 1025px) {
        .profile__right .files a:hover {
          opacity: .7; } }
  .profile__right .button-row .edit {
    min-width: 142px; }
    .profile__right .button-row .edit svg {
      margin-left: 6px; }

@media screen and (max-width: 1450px) {
  .profile__right {
    padding-left: 2.5rem; }
  .profile__left {
    width: 300px;
    padding: 2.5rem 0; 
  	min-width: 300px;}
    .profile__left ul li a {
      padding-left: 2.1875rem; }
    .profile__left ul li.has-submenu .button-row {
      padding-left: 2.1875rem; }
  .profile h1 {
    padding: 0 1.5625rem;
    font-size: 1.75rem; } }

@media screen and (max-width: 1300px) {
	.profile [data-width='27'] {
		width: 32% !important;
	}
	.profile [data-width='14'] {
		width: 16% !important;
	}
}
@media screen and (max-width: 1200px) {
  .profile [data-width='40'] {
    width: 28% !important; }
  .profile__left {
    width: 260px;
    min-width: 260px; }
  .profile__right {
    padding-left: 1.25rem; }
  .profile .top-head ul li a {
    padding: 0 3.75rem; } }

@media screen and (max-width: 1100px) {
	.profile [data-width='27'] {
		width: 28% !important;
	}
  .profile .flex-wrapper {
    flex-direction: column; }
  .profile__left {
    width: 100%;
    margin: auto;
    min-height: auto;
    max-width: 500px; 
  	min-width: auto;}
  .profile__right {
    padding: 2.5rem 0 0; } }

@media screen and (max-width: 991px) {
  .profile h1 {
    font-size: 1.5625rem; }
  .profile h2 {
    font-size: 1.375rem;
    margin-bottom: 1.25rem; }
  .profile__left ul li a {
    height: 3.125rem;
    line-height: 3.125rem;
    padding-left: 1.5625rem; }
  .profile__left ul li.has-submenu .button-row {
    padding-left: 1.5625rem; }
  .profile.inner-wrapper {
    padding-top: 110px; }
  .profile__right--item {
    padding: 1rem; }
    .profile__right--item p {
      font-size: 1rem; } }

@media screen and (max-width: 767px) {
  .profile .top-head ul li {
    width: 33.3%; }
    .profile .top-head ul li a {
      padding: 1.25rem 1rem;
      height: 100%;
      line-height: normal;
      font-size: 1rem;
      width: 100%;
      text-align: center; } }

@media screen and (max-width: 575px) {
  .profile .top-head ul li a {
    font-size: 0.9375rem; }
  .profile .dropzone:after {
    top: 22px; }
  .profile .dropzone .btn-primary {
    margin-top: 1.25rem; } }

.checkout {
  padding: 14.375rem 0 7.5rem; }
  .checkout .flex-wrapper {
    display: flex; }
    .checkout .flex-wrapper > div {
      width: 50%; }
  .checkout .section-title {
    color: var(--textcolor);
    margin-bottom: 3.125rem; }
  .checkout__detail {
    display: flex;
    flex-wrap: wrap; }
    .checkout__detail ul {
      list-style: none;
      width: 47%;
      display: block; }
      .checkout__detail ul li {
        color: #5C6F8C;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase; }
        .checkout__detail ul li:last-child {
          margin-top: 0.75rem;
          color: var(--textcolor);
          font-size: 1.5rem;
          font-weight: 600;
          text-transform: capitalize; }
      .checkout__detail ul:not(:last-child) {
        margin: 0 1rem 3.125rem 0; }
      .checkout__detail ul.summary {
        display: flex;
        align-items: center;
        width: 100%; }
        .checkout__detail ul.summary li span {
        	margin-left: 5px;
        }
        .checkout__detail ul.summary li:last-child {
          margin-top: 0; }
        .checkout__detail ul.summary li:first-child {
          width: 33%;
          min-width: 93px;
          margin-right: 3.125rem; }
        .checkout__detail ul.summary:not(:last-child) {
          margin-bottom: 1.5625rem;
          margin-right: 0; }
        .checkout__detail ul.summary:last-child li:last-child {
          font-size: 2rem;
          color: var(--primary); }
  .checkout__title {
    font-size: 2.625rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 2rem; }
  .checkout .cardtype-dropdown {
    margin: 0;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08); }
    .checkout .cardtype-dropdown dt a {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M5.96967 8.28033C6.26256 8.57322 6.73744 8.57322 7.03033 8.28033L11.8033 3.50736C12.0962 3.21447 12.0962 2.73959 11.8033 2.4467C11.5104 2.15381 11.0355 2.15381 10.7426 2.4467L6.5 6.68934L2.25736 2.4467C1.96447 2.15381 1.48959 2.15381 1.1967 2.4467C0.903806 2.73959 0.903806 3.21447 1.1967 3.50736L5.96967 8.28033ZM7.25 7.5C7.25 7.08579 6.91421 6.75 6.5 6.75C6.08579 6.75 5.75 7.08579 5.75 7.5L7.25 7.5ZM5.75 7.5L5.75 7.75L7.25 7.75L7.25 7.5L5.75 7.5Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
      background-position: right 15px center;
      background-repeat: no-repeat;
      display: block;
      padding: 8px 15px; }
    .checkout .cardtype-dropdown a {
      font-size: 0.875rem;
      font-weight: 600;
      color: #fff;
      width: 180px; }
      .checkout .cardtype-dropdown a span {
        display: flex;
        align-items: center; }
      .checkout .cardtype-dropdown a img {
        width: 35px;
        margin-right: 8px; }
    .checkout .cardtype-dropdown dd {
      margin-bottom: 0; }
      .checkout .cardtype-dropdown dd ul li a {
        color: var(--primary);
        display: flex;
        align-items: center;
        width: 100%; }
    .checkout .cardtype-dropdown ul {
      padding: 0;
      background: #F8F8F8 none repeat scroll 0 0;
      border: 0;
      color: #000;
      display: none;
      left: 0px;
      position: absolute;
      top: 45px;
      width: 100%;
      list-style: none;
      z-index: 99;
      border-radius: 3px; }
      .checkout .cardtype-dropdown ul li {
        padding: 8px 15px !important;
        margin: 0 !important; }
        .checkout .cardtype-dropdown ul li:not(:last-child):after {
          display: none; }
        .checkout .cardtype-dropdown ul li:hover {
          background: rgba(230, 231, 213, 0.8); }
  .checkout__invoice--note {
    display: flex;
    align-items: center;
    margin-bottom: 7.5rem; }
    .checkout__invoice--note .icon {
      height: 6.1875rem;
      width: 6.1875rem;
      min-width: 6.1875rem;
      border-radius: 83px;
      background: var(--primary);
      margin-right: 1.25rem;
      padding: 0.625rem;
      display: flex;
      align-items: center;
      justify-content: center; }
    .checkout__invoice--note p {
      font-size: 1.5rem;
      font-weight: 500;
      margin-bottom: 0; }
  .checkout__invoice--title {
    font-size: 2.625rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 2.1875rem; }
  .checkout__invoice--detail:not(:last-child) {
    margin-bottom: 5rem; }
  .checkout__invoice--detail .row > div {
    margin-bottom: 1.5rem; }
  .checkout__invoice--item {
    border-radius: 4px;
    border: 1px solid #E4E5E7;
    padding: 1rem 1.5rem;
    height: 100%; }
    .checkout__invoice--item label {
      font-size: 1rem;
      color: #5C6F8C;
      font-weight: 600;
      text-transform: uppercase;
      display: block;
      margin-bottom: 0.75rem; }
    .checkout__invoice--item p {
      font-size: 1.125rem;
      color: var(--textcolor);
      font-weight: 600;
      line-height: normal;
      margin: 0;
      display: flex;
      word-break: break-word;
      margin: 0; }
      .checkout__invoice--item p span {
        opacity: .4;
        display: inline-block;
        margin-right: 0.375rem; }
      .checkout__invoice--item p.green {
        color: #21725E; }
  .checkout__invoice .table-wrapper {
    margin-bottom: 5rem; }
  .checkout__invoice .table__body {
    background: #fff; }
  .checkout__invoice .table .button-row {
    margin-top: 0; }
    .checkout__invoice .table .button-row .btn {
      width: 84px;
      height: 38px;
      line-height: 38px;
      padding: 0 0.625rem; }
      .checkout__invoice .table .button-row .btn.btn-primary:not(:hover) {
        background: var(--textcolor); }
  @media screen and (max-width: 1200px) {
    .checkout {
      padding: 8.125rem 0 5rem; }
      .checkout__title {
        font-size: 2.375rem; }
      .checkout [data-width='40'] {
        width: 30% !important; }
      .checkout [data-width='10'] {
        width: 15% !important; } }
  @media screen and (max-width: 991px) {
    .checkout {
      padding-bottom: 3.125rem; }
      .checkout .section-title {
        margin-bottom: 1.875rem; }
      .checkout__title {
        font-size: 2rem; }
      .checkout__detail ul li:last-child {
        font-size: 1.25rem; }
      .checkout__detail ul.summary:last-child li:last-child {
        font-size: 1.5625rem; }
      .checkout__detail ul:not(:last-child) {
        margin-bottom: 1.5625rem; }
      .checkout__invoice--note {
        margin-bottom: 3.75rem; }
        .checkout__invoice--note .icon {
          height: 4.375rem;
          width: 4.375rem;
          min-width: 4.375rem; }
          .checkout__invoice--note .icon img {
            max-width: 35px; }
        .checkout__invoice--note p {
          font-size: 1.25rem; }
      .checkout__invoice--title {
        font-size: 2.1875rem; }
      .checkout__invoice--detail:not(:last-child) {
        margin-bottom: 2.5rem; }
      .checkout__invoice--item {
        padding: 1rem; }
        .checkout__invoice--item p {
          font-size: 1rem; }
      .checkout__invoice .table-wrapper {
        margin-bottom: 3.75rem; } }
  @media screen and (max-width: 767px) {
    .checkout__title {
      font-size: 1.75rem; }
    .checkout__detail ul li:last-child {
      font-size: 1.125rem; }
    .checkout__detail ul.summary:last-child li:last-child {
      font-size: 1.375rem; }
    .checkout__invoice--note {
      margin-bottom: 2.5rem; }
      .checkout__invoice--note p {
        font-size: 1.125rem; }
    .checkout__invoice--title {
      font-size: 1.875rem;
      margin-bottom: 1.5625rem; }
    .checkout__invoice--detail:not(:last-child) {
      margin-bottom: 1.25rem; } }
  @media screen and (max-width: 575px) {
    .checkout .flex-wrapper {
      flex-direction: column; }
      .checkout .flex-wrapper > div {
        width: 100%; }
        .checkout .flex-wrapper > div:not(:last-child) {
          margin-bottom: 1.875rem; }
      .checkout .flex-wrapper .button-row .btn {
        width: auto; }
    .checkout__detail ul {
      width: 100%; }
      .checkout__detail ul:not(:last-child) {
        margin-right: 0; }
    .checkout__invoice--note {
      align-items: flex-start; }
    .checkout .dropdown a {
      width: 165px; } }

.modal .preview img {
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  object-fit: cover; }

.modal .preview__detail ul {
  list-style: none;
  margin-bottom: 1.875rem; }
  .modal .preview__detail ul li {
    color: #5C6F8C;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center; }
    .modal .preview__detail ul li svg {
      margin-right: 6px; }
    .modal .preview__detail ul li:last-child {
      margin-top: 10px;
      padding-left: 30px;
      color: #10069F;
      font-size: 24px;
      font-weight: 600; }
      .modal .preview__detail ul li:last-child i {
        font-style: normal;
        display: inline-block;
        margin: 0 13px; }
      .modal .preview__detail ul li:last-child p {
        color: #10069F;
        font-size: 1.5rem;
        font-weight: 600;
        display: flex;
        margin: 0; }
        .modal .preview__detail ul li:last-child p span {
          color: rgba(0, 31, 76, 0.6);
          text-transform: capitalize;
          display: inline-block;
          margin-right: 3px; }

.modal .preview .button-row {
  justify-content: flex-end; }
  .modal .preview .button-row .btn {
    min-width: 10rem; }

.modal .booth__selection {
  max-width: 550px;
  margin: auto;
  margin-top: 3.125rem; }

.modal .booth .button-row .btn:not(:last-child) {
  margin-bottom: 1.5rem; }

.modal .booth .button-row .btn-white {
  border-color: var(--textcolor);
  color: var(--textcolor); }
  .modal .booth .button-row .btn-white:hover {
    border-color: var(--primary);
    color: #fff; }

.modal .booth__preview--wrapper {
  border-radius: 10px;
  background: #f0f1f2;
  width: 100%;
  height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.modal .booth__preview--icon {
  margin-bottom: 2rem; }

.modal .booth__preview p {
  font-size: 1.5625rem;
  font-weight: 600;
  color: var(--textcolor);
  margin: 0; }

.modal .booth__preview .slimScrollDiv {
  height: 500px !important; }

.modal .booth__preview .inner-scroll {
  height: 100% !important;
  margin-right: 2.5rem; }

.modal .booth__review {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .modal .booth__review--icon {
    background: var(--primary);
    border-radius: 100%;
    width: 4.875rem;
    height: 4.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem; }
  .modal .booth__review--title {
    font-size: 2.625rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 1.25rem; }
  .modal .booth__review p {
    font-size: 1.5rem;
    max-width: 800px;
    margin: 0 auto;
    text-transform: capitalize;
    text-align: center; }
  .modal .booth__review .button-row .btn {
    min-width: 185px; }

.modal .booth__conditions .slimScrollDiv {
  height: 700px !important; }

.modal .booth__conditions .inner-scroll {
  height: 100% !important;
  margin-right: 2.5rem; }

@media screen and (max-width: 1850px) {
  .modal .booth__conditions .slimScrollDiv {
    height: 570px !important; } }
 @media screen and (max-width: 1750px) {   
	.modal .booth__preview--wrapper {
		height: 420px;
	}
}
@media screen and (max-width: 1600px) {
  .modal .booth__conditions .slimScrollDiv {
    height: 470px !important; }
  .modal .booth__preview .slimScrollDiv {
    height: 400px !important; } 
    .header nav ul li:not(:last-child){
    	margin-right:1.5rem;
    }
  }

@media screen and (max-width: 1400px) {
  .modal .booth__conditions .slimScrollDiv {
    height: 400px !important; }
  .modal .booth__preview--wrapper {
    height: 295px; }
  .modal .booth__preview .slimScrollDiv {
    max-height: 300px !important; } }

@media screen and (max-width: 1300px) {
  .modal .booth__conditions .slimScrollDiv {
    height: 300px !important; }
  .modal .booth__preview .slimScrollDiv {
    max-height: 250px !important; } 
    .header nav ul li:not(:last-child) {
      margin-right: .8rem; }
      .header .user .dropdown .dropdown-toggle{
      	font-size:13px;
      }
  }

@media screen and (max-width: 991px) {
  .modal .preview__detail ul li:last-child p {
    font-size: 1.25rem; }
  .modal .booth__review--title {
    font-size: 2.1875rem; }
  .modal .booth__review p {
    font-size: 1.25rem; }
  .modal .booth__preview--wrapper {
    height: 400px; }
  .modal .booth__preview--icon img {
    max-width: 65px; }
  .modal .booth__preview p {
    font-size: 1.375rem; } }

@media screen and (max-width: 767px) {
  .modal .preview .mt-5 {
    margin-top: 2rem !important; }
  .modal .preview .button-row .btn {
    min-width: 7.5rem; }
  .modal .booth__selection {
    margin-top: 1.875rem; }
  .modal .booth__review--icon {
    width: 3.75rem;
    height: 3.75rem; }
    .modal .booth__review--icon svg {
      width: 30px;
      height: 30px; }
  .modal .booth__review--title {
    font-size: 1.875rem; }
  .modal .booth__review p {
    font-size: 1.125rem; }
  .modal .booth__review .button-row .btn {
    min-width: 100px; } }

@media screen and (max-width: 575px) {
  .modal .preview__detail ul li:last-child p {
    font-size: 1.125rem; }
  .modal .preview .button-row .btn {
    width: auto; }
  .modal .booth__preview--icon {
    margin-bottom: 1.5625rem; }
    .modal .booth__preview--icon img {
      max-width: 55px; }
  .modal .booth__preview p {
    font-size: 1.125rem; }
  .modal .booth__preview .button-row .btn {
    width: auto; } }

    .dropzone .dz-preview.dz-error:hover .dz-error-message{
    	display:none !important;
    }

@media screen and (max-width:575px){
	.footer-wrapper .footer .row .text-right{
		text-align:center !important;
	}
}
video{
	width:100%;
	height:100%;
	object-fit: cover;
}
.search-results .section__head{
	margin-bottom: 5rem;
    padding-top: 5rem;
}
@media screen and (max-width: 991px){
.search-results .section__head {
    margin-bottom: 3.125rem;
    padding-top: 3.125rem;
}
}
.search-results .section__head .section-title {
		font-size: 2rem;
		color: var(--textcolor);
}
@media screen and (max-width: 767px) {
    ..search-results .section__head .section-title {
    	font-size: 1.7rem;
    }
}
.text-danger{
	margin:5px 0 !important;
	text-align:left !important;
}
.forgot-pass{
	text-align: right;
	margin-top:1.25rem;
}
.forgot-pass a{
	color:#fff;
	font-size:15px;
	font-weight:700;
}
@media screen and (min-width:1025px){
	.forgot-pass a:hover{
		opacity:.7;
	}
}
 .account .section__head {
    padding-bottom: 2.8125rem; }
    .account .section__head .account__title {
      margin-bottom: 1.5625rem; }
    .account .section__head p {
      font-size: 1rem;
      font-weight: 400;
      color: #F8F8F8;
      text-align: center;
      margin: 0;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
  .account .otp-wrapper {
    display: flex;
    margin-top: 0.9375rem; }
    .account .otp-wrapper > .form-control {
      padding: 0 0.625rem;
      text-align: center; }
      .account .otp-wrapper > .form-control:not(:last-child) {
        margin-right: 1rem; }
        @media screen and (max-width: 575px) {
          .account .otp-wrapper > .form-control:not(:last-child) {
            margin-right: 0.5rem; } }

            .album__items .row {
        display: flex;
        flex-wrap: wrap;
    }

    .album__items .row > div {
        flex-grow: 1;
/*        margin: 5px;*/
    }

    .album__items .row > div:first-child, .album__items .row > div:nth-child(2) ,.album__items .row > div:nth-child(7), .album__items .row > div:nth-child(8) {
        flex-basis: 50%;
        flex:1;
    }

     .album__items .row > div:nth-child(3) ,.album__items .row > div:nth-child(6) {
        flex-basis: 100%;
    }

    @media only screen and (min-width: 768px) {
       .album__items .row > div:nth-child(4) {
            flex-basis: 30%;
    			flex-grow: inherit;
        }

        .album__items .row > div:nth-child(5) {
/*            flex-basis: 70%;*/
            flex:1;
        }
    }

    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
    	display:none !important;
    }
    .mbsc-popup-anchored{
    	z-index:10 !important;
    }

    .filters__filter label {
  display: block;
  color: #5C6F8C;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px; }

select.form-control {
  background-color: rgba(0, 31, 76, 0.08) !important; 
  padding: 0 20px;
  font-size: 1rem;
/*  color: var(--lightgrey) !important;*/
  border-radius: 3px;
  outline: none;
  font-weight: 600;
  position: relative;
  height: 48px;
  line-height: 48px;
}
select option{
	background:#10069f !important;
	color:#fff !important;
	cursor: pointer;
}
select option:hover{
	background:#fff !important;
	color:#10069f !important;
}
.dropzone .dz-preview{
	z-index:1;
}
.profile__right .files span {
      color: var(--textcolor);
      font-size: 12px;
      font-weight: 500;
      line-height: normal;
      margin: 0; }
.profile__right .files a {
      color: #10069F;
      font-size: 14px;
      font-weight: 600;
      /* pointer-events: none;  */
    }
/* .profile__right .files a.preview {
        pointer-events: auto; } */
/*# sourceMappingURL=main.css.map */

.fade {
  transition: opacity .15s linear;
}
.modal .modal-dialog .modal-content .booth{
	text-align:left;
}
.swiper-custom-pagination {
	width: auto;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--primary);
}

@media screen and (min-width:1200px){
  	.our-services__item:nth-child(3){
  		 border-right: 1px solid rgba(0, 31, 76, 0.2);
  	}
  	.our-services__item:nth-child(4){
  		 border-right: 0;
  		 border-bottom: 1px solid rgba(0, 31, 76, 0.2) !important;
  	}
  }

  @media screen and (max-width:1500px){
  	.scroll-down a:before{
  		height:94px;
  	}
  	.main-banner .scroll-down {
		    bottom: -53px;
		}
		.our-work .scroll-down {
		    bottom: -56px;
		}
		.our-services .scroll-down {
		    bottom: -134px;
		}
		.news .gallery .scroll-down.left {
		    top: -85px;
		}
		.album .scroll-down.left {
		    top: -48px;
		}
  }
  @media screen and (max-width:575px){
  	.main-banner , .main-banner__main-slider , .main-banner__main-slider .swiper , .main-banner__main-slider .swiper *{
  		min-height:70vh;
  	}

  }


  @keyframes verticalLoop {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(-100%);
        }
    }

    .images-1 {
        animation: verticalLoop 15s linear infinite;

    }

    @keyframes verticalLoop2 {
        0% {
            transform: translateY(0);
        }

        100% {
            transform: translateY(100%);
        }
    }

    .images-2 {
        animation: verticalLoop2 15s linear infinite;

    }

  .checkout__invoice.failed .inline-buttons {
	  display: flex;
	  align-items: center;
	  gap: 15px;
	  padding-top: 1.875rem; 
	}
  .checkout__invoice.failed .inline-buttons .btn-white {
    border-color: var(--primary) !important;
    color: var(--primary) !important; 
  }
  .checkout__invoice.failed .inline-buttons .btn-white:hover {
    background: #fff; 
  }
	.checkout__invoice.failed .checkout__invoice--note .checkout__invoice--title {
  	color: #DB0505; 
  }

	.checkout__invoice.failed .checkout__invoice--note p span {
	  display: inline-block;
	  color: #DB0505; 
	}

	.checkout__invoice.failed .checkout__invoice--note .icon {
	  width: auto;
	  height: auto;
	  background: transparent; 
	}
	.modal .booth__selection .d-flex {
	  gap: 16px; 
	}
  .modal .booth__selection .d-flex .or {
    display: inline-bock;
    font-size: 14px;
    font-weight: 600; 
  }
  .modal .booth__selection .d-flex .button-row {
    margin-top: 0; 
  }
  .modal .booth__selection .d-flex .button-row .btn svg {
    margin-right: 10px; 
  }
  html:lang(ar) .modal .booth__selection .d-flex .button-row .btn svg {
    margin-right: 0;
    margin-left: 10px; 
  }
	.modal .booth.available .booth__image {
	  max-width: 490px;
	  margin-left: auto;
	  margin-right: auto; 
	}
	@media screen and (max-width: 575px) {
	  .modal .booth__selection .d-flex {
	    flex-direction: column; 
    } 
  }

.no-results {
	font-size: 1.5rem;
}
@media screen and (max-width: 991px) {
	.no-results {
		font-size: 1.375rem;
	}
}
@media screen and (max-width: 767px) {
	.no-results {
		font-size: 1.25rem;
	}
}

.status span {
	display: inline-block;
  border-radius: 2px;
  background: rgba(0, 31, 76, 0.05);
  color: rgba(0, 31, 76, 0.6);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.21px;
  text-transform: uppercase;
  padding: 0.625rem 1rem;
}


.magazine-page .header, .magazine-page .footer-wrapper {
  display: none; }
.magazine .logo{
	max-width:230px;
} 
.magazine {
  padding: 30px 0;
  font-family: "Montserrat", sans-serif; }
  .magazine .row {
    min-height: calc(100vh - 130px);
    align-items: center;
    padding-top: 1.875rem; }
  .magazine h1 {
    font-size: 5rem;
    font-weight: 700;
    color: #10069F;
    margin-bottom: 10px; }
  .magazine h2 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #6C6C6C;
    opacity: 80%;
    margin: 0; }
  .magazine p {
    font-size: 1rem;
    font-weight: 500;
    color: #6C6C6C;
    margin: 0;
    max-width: 520px;
    line-height: 1.5; }
  .magazine .button-row {
    margin: 1.875rem 0; }
    .magazine .button-row .btn {
      gap: 8px; }
      .magazine .button-row .btn:not(:hover) {
        background: #001F4C; }
  .magazine__image img {
    width: 100%; }
  @media screen and (max-width: 1600px) {
    .magazine h1 {
      font-size: 4.0625rem; }
    .magazine h2 {
      font-size: 1.375rem; } }
  @media screen and (max-width: 991px) {
    .magazine h1 {
      font-size: 3.125rem; } }
  @media screen and (max-width: 767px) {
    .magazine h1 {
      font-size: 2.5rem; }
    .magazine h2 {
      font-size: 1.125rem; }
    .magazine .row {
      flex-direction: column-reverse;
      text-align: center; }
    .magazine p {
      margin-left: auto;
      margin-right: auto; }
    .magazine .button-row {
      justify-content: center; }
    .magazine__image {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2.1875rem; } }

      .magazine .lang a{
  font-family: "Noto Kufi Arabic", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color:#001F4C;
}
.magazine .lang a:hover{
  opacity:.7;
}
[lang="ar"].magazine .lang a {
    font-family: "Montserrat", sans-serif;
}
.magazine-page .wrapper{
	position: relative;
	overflow: hidden; 
}


@keyframes verticalLoop {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-100%); } }

.logo1 {
  animation: verticalLoop 15s linear infinite; }

@keyframes verticalLoop2 {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(100%); } }

.logo2 {
  animation: verticalLoop2 15s linear infinite; }

  .news .gallery__item--image{
    height: auto;
    text-align: center;
  }
  .news .gallery__item--image .download{
    gap: 6px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
  }
  .news .gallery__item--image .download svg {
    width: 20px;
  }
  .news .gallery__item--image img{
    width: auto;
    height: auto;
  }
  .media-center .gallery__item{
    height: auto;
    border-radius: 0px;
  }
  .media-center .gallery__item--image{
    position: relative;
    left: auto;
    height: auto;
    width: 100%;
    //height: 400px;
    overflow: hidden;
    border-radius: 6px;
  }
  .media-center .gallery__item--image img{
    object-fit: contain;
  }
  .media-center .gallery__item{
    padding: 0px;
  }
  .media-center .gallery__item label{
    position: absolute;
    top: 30px;
    left: 30px;
  }
  .media-center .gallery__item--caption, .media-center .gallery__item--caption p{
    color: var(--textcolor);
    opacity: 1;
    padding-left: 0px;
  } 

  .gallery__detail {
  padding-top: 4.375rem; }
  @media screen and (max-width: 991px) {
    .gallery__detail {
      padding-top: 2.5rem; } }
  .gallery__detail--image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .gallery__detail .custom-arrow {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 1.875rem 0 0; }
    .gallery__detail .custom-arrow > div {
      position: static;
      margin: 0;
      color: var(--primary); }

      @media screen and (max-width:767px){
      	.gallery__detail--image img, .gallery__detail--image video {
				    height: 360px;
				}
      }

      .gallery__detail .custom-arrow > div:after{
        display: none;
      }

      @media screen and (min-width:92px){
      		.media-center .gallery .row{
      				margin: 0 -20px;
      		}
      		.media-center .gallery .row>div{
      				padding: 0 20px;
      		}
      }