@import url('//db.onlinewebfonts.com/c/a0739051ec6ca7267615289ff347d372?family=HelveticaNeueLT+Pro+65+Md');
@import url('//db.onlinewebfonts.com/c/ca3c9213b8325598c7e27b5567312a1d?family=Saira+Condensed');
@font-face {font-family: "HelveticaNeueLT Pro 65 Md"; src: url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.eot"); src: url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.woff") format("woff"), url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/a0739051ec6ca7267615289ff347d372.svg#HelveticaNeueLT Pro 65 Md") format("svg"); }
@font-face {font-family: "Saira Condensed"; src: url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.eot"); src: url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.woff") format("woff"), url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/ca3c9213b8325598c7e27b5567312a1d.svg#Saira Condensed") format("svg"); }
@import url('//db.onlinewebfonts.com/c/0e6de1ec911a2e267ff136bbdd384a44?family=Helvetica+Neue');
@font-face {font-family: "Helvetica Neue"; src: url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.eot"); src: url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.woff") format("woff"), url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0e6de1ec911a2e267ff136bbdd384a44.svg#Helvetica Neue") format("svg"); }

*,
    *::before,
    *::after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    }

ul{
    list-style: none;
    list-style-type: none;
}
    :root {
        --font-family-Neue:"HelveticaNeueLT Pro 65 Md";
        --font-family-Neue-Light:"Helvetica Neue";
        --font-family-Saira:"Saira Condensed";
        --color-white:#fff;
        --color-blue-100:#00a1df;
        --color-gray-100:#ababab;
        --color-gray-200:#676767;
        --color-gray-300:#f4f4f4;
        --color-gray-400:#f4fcff;
        --color-gray-500:#d8d8d8;
        --color-black:#000000;

    }

    html {
        font-size: 100%;
        box-sizing: inherit;
        scroll-behavior: smooth;
        height: -webkit-fill-available;

    }

    html {
        --scrollbarBG:var(--color-gray-100);
        --thumbBG: var(--color-blue-100);
    }
    body::-webkit-scrollbar {
        width: 8px;
        background: transparent;
        opacity: 0;
    }
    body {
        scrollbar-width: thin;
        scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }
    body::-webkit-scrollbar-track {
        background: var(--scrollbarBG);
    }
    body::-webkit-scrollbar-thumb {
        background-color: var(--thumbBG) ;
        border-radius: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    body {
        margin: 0;
        padding: 0;
        overflow-x: hidden !important;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        height: -webkit-fill-available;
        color: var(--color-black);
        background-color: var(--color-white);
    }
    @media (max-width: 912px) {
        body {
            margin: 0;
            padding: 0;
            overflow-x: hidden !important;

        }
    }

    a,
    button {
    cursor: pointer;
    border: none;
    outline: none;
    background: none;
    text-transform: unset;
    text-decoration: none;
    }


.overflow{
    overflow: initial   !important;
}
@media screen and (max-width : 920px){
    .overflow{
        overflow: hidden !important;
    }
}

/* ********************************************* */
/* ********************************************* */
/* ************** preloader PAGE *************** */
/* ********************************************* */
/* ********************************************* */



.preloader {
     position: fixed;
     z-index: 1000091;
     right: 0;
     left: 0;
     background: #212529;
     bottom: 0;
     top: 0;
    }

.preloader .loader{
    text-align: center;
}

.preloader .loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 10vw;
    bottom: 0;
}

#pre-loader {
    z-index: 999999999999999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #161615;
    width: 100%;
    height: 100%;
    padding:50vh 0;
}

#pre-loader svg.path1{
    width:1.094vw;
     height:2.396vw;
    margin-top: -1.5vw;
    -webkit-animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    position: relative;

}



#pre-loader svg.path2{
	        margin-top: 0.5vw;
            margin-left: -1.45vw;
	        -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	        animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}
#pre-loader svg.path3{
    width:1.406vw;
     height:1.771vw;
	        margin-top: -1vw;
	        -webkit-animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
	        animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
}
#pre-loader svg.path4{
    width:0.417vw;
     height:2.344vw;
	        margin-top: -1.6vw;
	        -webkit-animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
	        animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
}
#pre-loader svg.path4_dot1{
    width:0.313vw;
     height:0.313vw;
	margin-top: -4vw;
	margin-left: -0.7vw;
	-webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
	animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
}
#pre-loader svg.path4_dot2{
    width:0.26vw; height:0.26vw;
	margin-top: -4vw;
	margin-left: -0.5vw;
	-webkit-animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
	animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
}
@media (max-width: 1550px){
    #pre-loader svg.path4_dot2{
        margin-top: -4vw;
        margin-left: -0.6vw;
        -webkit-animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
        animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
    }
    #pre-loader svg.path4_dot1{
        margin-top: -4vw;
        margin-left: -0.84vw;
        -webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
        animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
    }
}

@media (max-width: 1360px){
    #pre-loader svg.path4_dot2{
        margin-top: -4vw;
        margin-left: -0.8vw;
        -webkit-animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
        animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
    }
    #pre-loader svg.path4_dot1{
        margin-top: -4vw;
        margin-left: -0.1vw;
        -webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
        animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
    }
}

@media (max-width: 1230px){
    #pre-loader svg.path4_dot2{
        margin-top: -4vw;
        margin-left: -0.8vw;
        -webkit-animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
        animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
    }
    #pre-loader svg.path4_dot1{
        margin-top: -4vw;
        margin-left: -0.8vw;
        -webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
        animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
    }
}

@media (max-width: 1024px){
    #pre-loader svg.path4_dot2{
        margin-top: -4vw;
        margin-left: -1vw;
        -webkit-animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
        animation: slide-right2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.8s both;
    }
    #pre-loader svg.path4_dot1{
        margin-top: -4vw;
        margin-left: -1vw;
        -webkit-animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
        animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
    }
}
#pre-loader svg.path5{
    width:1.406vw; height:1.771vw;
	margin-top: -0.95vw;
	margin-left: -0.2vw;
	-webkit-animation: slide-right3 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	animation: slide-right3 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}
#pre-loader svg.path6{
    width:1.823vw; height:1.771vw;
	margin-top: -0.8vw;
	margin-left: 1vw;
	-webkit-animation: flip-scale-up-ver 0.2s linear 2.2s both;
	animation: flip-scale-up-ver 0.2s linear 2.2s both;
}

@media (max-width: 1024px){
    #pre-loader svg.path6{
        margin-top: -0.8vw;
        margin-left: 1.4vw;
        -webkit-animation: flip-scale-up-ver 0.2s linear 2.2s both;
        animation: flip-scale-up-ver 0.2s linear 2.2s both;
    }
}

#pre-loader svg.path7{
    width:1.823vw; height:1.771vw;
    margin-top: -0.8vw;
    margin-left: 0vw;
    -webkit-animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
    animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
}
#pre-loader svg.path8{
	        width:1.771vw;
	        height:2.344vw;
	        margin-top: -1.6vw;
	        margin-left: 0vw;
	        -webkit-animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.6s both;
	        animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.6s both;
}
.line_{
	        position: absolute;
	        bottom: 14vw;
	        left: 40vw;
	        width: 20vw;
	        height: 0.2vw;
	        background-color: var(--color-white);
	        transition: 0.3s ease-in-out;
	        -webkit-transition: 0.3s ease-in-out;
	        -moz-transition: 0.3s ease-in-out;
	        -ms-transition: 0.3s ease-in-out;
	        -o-transition: 0.3s ease-in-out;
	        -webkit-animation: ba 5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
	        animation: ba 5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
}

@media (max-width: 912px){
    #pre-loader svg.path1{
        width:21px;height:46px;
        margin-top: -4vw;
        -webkit-animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
        animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
        position: relative;
    }

#pre-loader svg.path3 {
    width:27px; height:34px;
    margin-top: -2.5vw;
}
#pre-loader svg.path4{
	        width:8px;
	        height:45px;
	        margin-top: -3.5vw;
	        -webkit-animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
	        animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
}
#pre-loader svg.path5 {
    width:27px; height:34px;
    margin-top: -2vw;
    margin-left: -1.2vw;
}

#pre-loader svg.path6 {
    width:35px; height:34px;
    margin-top: -1.8vw;
    margin-left: 2vw;
}

#pre-loader svg.path7 {
    width:35px; height:34px;
    margin-top: -1.8vw;
    margin-left: 0vw;
}

#pre-loader svg.path8 {
    width:34px; height:45px;
    margin-top: -3vw;
    margin-left: 0.2vw;
}
#pre-loader svg.path4_dot1 {
    display: none;
}
#pre-loader svg.path4_dot2 {
    display: none;
}
}


@media (max-width: 600px) {
#pre-loader svg.path1{
    margin-top: -4vw;
    -webkit-animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    animation: rotate-in-diag-2 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    position: relative;
}

#pre-loader svg.path2{
    margin-top: 5vw;
    margin-left: -6.1vw;
	        -webkit-animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	        animation: slide-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}
#pre-loader svg.path3{
	        margin-top: -1vw;
	        -webkit-animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
	        animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
}
#pre-loader svg.path4{
	        margin-top: -3.5vw;
	        -webkit-animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
	        animation: slide-bottom2 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
}
#pre-loader svg.path4_dot1{
	display: none;
}
#pre-loader svg.path4_dot2{
	display: none;
}
#pre-loader svg.path5{
	margin-top: -0.95vw;
	margin-left: -3.2vw;
	-webkit-animation: slide-right3 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	animation: slide-right3 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}
#pre-loader svg.path6{
	margin-top: -0.8vw;
	margin-left: 4vw;
	-webkit-animation: flip-scale-up-ver 0.2s linear 2.2s both;
	animation: flip-scale-up-ver 0.2s linear 2.2s both;
}
#pre-loader svg.path7{
    margin-top: -0.8vw;
    margin-left: 0vw;
    -webkit-animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
    animation: slide-bottom 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.4s both;
}
#pre-loader svg.path8{
	        margin-top: -3.3vw;
	        margin-left: 0vw;
	        -webkit-animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.6s both;
	        animation: slide-left 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2.6s both;
}


}
 /* path1 */
 @-webkit-keyframes rotate-in-diag-2 {
    0% {
      -webkit-transform: rotate3d(-1, 1, 0, -360deg);
              transform: rotate3d(-1, 1, 0, -360deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate3d(-1, 1, 0, 0deg);
              transform: rotate3d(-1, 1, 0, 0deg);
      opacity: 1;
    }
  }
  @keyframes rotate-in-diag-2 {
    0% {
      -webkit-transform: rotate3d(-1, 1, 0, -360deg);
              transform: rotate3d(-1, 1, 0, -360deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate3d(-1, 1, 0, 0deg);
              transform: rotate3d(-1, 1, 0, 0deg);
      opacity: 1;
    }
  }

/* path2 */

 @-webkit-keyframes slide-top {
    0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px);
              -moz-transform: translateY(100px);
              -ms-transform: translateY(100px);
              -o-transform: translateY(100px);
}
    100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }
  @keyframes slide-top {
    0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px);
              -moz-transform: translateY(100px);
              -ms-transform: translateY(100px);
              -o-transform: translateY(100px);
}
    100% {
              opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }
/* path 3 */

 @-webkit-keyframes slide-bottom {
    0% {
              opacity: 0;
              -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
              -moz-transform: translateY(-100px);
              -ms-transform: translateY(-100px);
              -o-transform: translateY(-100px);
}
    100% {
        opacity: 1;

              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }
  @keyframes slide-bottom {
    0% {
              opacity: 0;
              -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
              -moz-transform: translateY(-100px);
              -ms-transform: translateY(-100px);
              -o-transform: translateY(-100px);
}
    100% {
        opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }

  /* path 4 */

 @-webkit-keyframes slide-bottom2 {
    0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px);
              -moz-transform: translateY(100px);
              -ms-transform: translateY(100px);
              -o-transform: translateY(100px);
}
    100% {
        opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }
  @keyframes slide-bottom2 {
    0% {
              opacity: 0;
              -webkit-transform: translateY(100px);
              transform: translateY(100px);
              -moz-transform: translateY(100px);
              -ms-transform: translateY(100px);
              -o-transform: translateY(100px);
}
    100% {
        opacity: 1;
              -webkit-transform: translateY(0);
              transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
}
  }

  /* path 4 dot1 */

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
        opacity:1 ;
        margin-top: -4.7vw;
              -webkit-transform: translateX(8px);
              transform: translateX(8px);
              -moz-transform: translateX(8px);
              -ms-transform: translateX(8px);
              -o-transform: translateX(8px);
}
  }
  @keyframes slide-right {
    0% {
        opacity: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
        opacity:1 ;
        margin-top: -4.7vw;
              -webkit-transform: translateX(8px);
              transform: translateX(8px);
              -moz-transform: translateX(8px);
              -ms-transform: translateX(8px);
              -o-transform: translateX(8px);
}
  }
/* path 4 dot2 */

@-webkit-keyframes slide-right2 {
    0% {
              opacity: 0;
              -webkit-transform: translateX(8px);
              transform: translateX(8px);
              -moz-transform: translateX(8px);
              -ms-transform: translateX(8px);
              -o-transform: translateX(8px);
}
    100% {
              opacity:1 ;
              margin-top: -4.3vw;
              -webkit-transform: translateX(16px);
              transform: translateX(16px);
              -moz-transform: translateX(16px);
              -ms-transform: translateX(16px);
              -o-transform: translateX(16px);
}
  }
  @keyframes slide-right2 {
    0% {
              opacity: 0;
              -webkit-transform: translateX(8px);
              transform: translateX(8px);
              -moz-transform: translateX(8px);
              -ms-transform: translateX(8px);
              -o-transform: translateX(8px);
}
    100% {
              opacity:1 ;
              margin-top: -4.3vw;
              -webkit-transform: translateX(16px);
              transform: translateX(16px);
              -moz-transform: translateX(16px);
              -ms-transform: translateX(16px);
              -o-transform: translateX(16px);
}
  }

  /* path 5 */

@-webkit-keyframes slide-right3 {
    0% {
              opacity: 0;
              -webkit-transform: translateX(0);
              transform: translateX(0);
              -moz-transform: translateX(0);
              -ms-transform: translateX(0);
              -o-transform: translateX(0);
}
    100% {
              opacity:1 ;
              -webkit-transform: translateX(16px);
              transform: translateX(16px);
              -moz-transform: translateX(16px);
              -ms-transform: translateX(16px);
              -o-transform: translateX(16px);
}
  }
  @keyframes slide-right3 {
    0% {
              opacity: 0;
              -webkit-transform: translateX(0);
              transform: translateX(0);
              -moz-transform: translateX(0);
              -ms-transform: translateX(0);
              -o-transform: translateX(0);
}
    100% {
              opacity:1 ;
              -webkit-transform: translateX(16px);
              transform: translateX(16px);
              -moz-transform: translateX(16px);
              -ms-transform: translateX(16px);
              -o-transform: translateX(16px);
}
  }

  /* path 6 */

@-webkit-keyframes flip-scale-up-ver {
    0% {
        opacity: 0;
      -webkit-transform: scale(1) rotateY(0);
              transform: scale(1) rotateY(0);
    }
    50% {
        opacity: 1;
      -webkit-transform: scale(2.5) rotateY(90deg);
              transform: scale(2.5) rotateY(90deg);
    }
    100% {
      -webkit-transform: scale(1) rotateY(180deg);
              transform: scale(1) rotateY(180deg);
    }
  }
  @keyframes flip-scale-up-ver {
    0% {
        opacity: 0;
      -webkit-transform: scale(1) rotateY(0);
              transform: scale(1) rotateY(0);
    }
    50% {
        opacity: 1;
      -webkit-transform: scale(2.5) rotateY(90deg);
              transform: scale(2.5) rotateY(90deg);
    }
    100% {
      -webkit-transform: scale(1) rotateY(180deg);
              transform: scale(1) rotateY(180deg);
    }
  }

  /* path 8 */

@-webkit-keyframes slide-left {
    0% {
              opacity:0 ;
              -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
              -moz-transform: translateX(-100px);
              -ms-transform: translateX(-100px);
              -o-transform: translateX(-100px);
}
    100% {
              opacity:1 ;
              -webkit-transform: translateX(0);
              transform: translateX(0);
              -moz-transform: translateX(0);
              -ms-transform: translateX(0);
              -o-transform: translateX(0);
}
  }
  @keyframes slide-left {
    0% {
              opacity: 0;
              -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
              -moz-transform: translateX(-100px);
              -ms-transform: translateX(-100px);
              -o-transform: translateX(-100px);
}
    100% {
              opacity:1 ;
              -webkit-transform: translateX(0);
              transform: translateX(0);
              -moz-transform: translateX(0);
              -ms-transform: translateX(0);
              -o-transform: translateX(0);
}
  }


  /* line_ */
  .loader-line {
    width: 16.4vw;
    height: 0.2vw;
    position: relative;
    overflow: hidden;
    background-color:var(--color-blue-100);
    margin: 40px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.loader-line:before {
    content: "";
    position: absolute;
    left: -50%;
    height: 3px;
    width: 200%;
    background-color: #ddd;
    -webkit-animation: lineAnim 5s linear ;
    -moz-animation: lineAnim 6s linear ;
    animation: lineAnim 5s linear ;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@keyframes lineAnim {
    0% {
        left: -40%;
    }
    50% {
        left: 20%;
    }
    100% {
        left: 100%;
    }
}

@media screen and (max-width : 920px){
.loader-line {
    width: 51vw;
    height: 0.6vw;
}
}
/* end preloader */
/* ********************************************* */
/* ********************************************* */
/* ************** end preloader  *************** */
/* ********************************************* */
/* ********************************************* */

/* ********************************************* */
/* ********************************************* */
/* ************** start navbar  **************** */
/* ********************************************* */
/* ********************************************* */
/* start navbar */
.menu{
    padding: 0px;
    z-index: 2;


}
.nav-wrapper {
    display: flex;
    justify-content: space-between;
    float: right;
    z-index: 2;
}

.logo {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: left;
    z-index: 2;

}

.logo a {
    text-decoration: none;
}
.logo a svg{
    width:10.885vw;
    height: 3.49vw;
    margin: 1.302vw 0 0 10.47vw;
}
.menu button{
    padding: 0.7vw 0 0.7vw 0;
    position: absolute;
    top: 1.6vw;
    right: 10.47vw;
    width: 12.083vw;
    height: 2.604vw;
    flex-grow: 0;
    background-color: var(--color-blue-100);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
    text-transform: uppercase;
    z-index: 2;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.menu button:hover{
    background-color: var(--color-white);
    color: var(--color-black);
}
.nav-wrapper .nw_list-item {
    display: flex;
    list-style: none;
    padding-right: 24.4vw;
    z-index: 2;
    position: relative;
}
.nav-wrapper .nw_list-item li.nw_item ul.inner_ul{
    display: none;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    width: 16.667vw;
    height: auto;
    flex-grow: 0;
    padding: 0 0;
    box-shadow: 0 0.208vw 0.729vw 0.208vw rgba(0, 0, 0, 0.15);
    background-color: var(--color-white);
    border-top: 5px solid var(--color-blue-100);
    position: absolute;
    top:3.2vw;
    cursor: pointer;
}
.nav-wrapper .nw_list-item .down1{
     position: relative;
}
.nav-wrapper .nw_list-item .nw_item .down1::after{
     position: absolute;
     content: "";
     background-image: url(../image/polygonBlue.svg);
     background-repeat: no-repeat;
     background-size: contain;
     top: 0.35vw;
     right: -0.7vw;
     width:0.625vw ;
     height:0.625vw ;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}
.nav-wrapper .nw_list-item .down2{
     position: relative;
}
.nav-wrapper .nw_list-item .nw_item .down2::after{
     position: absolute;
     content: "";
     background-image: url(../image/polygonBlue.svg);
     background-repeat: no-repeat;
     background-size: contain;
     top: 0.35vw;
     right:0.65vw;
     width:0.625vw ;
     height:0.625vw ;
     transition: 0.3s ease-in-out;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
}
/* .nav-wrapper .nw_list-item .nw_item:hover .down2::after ,.nav-wrapper .nw_list-item .nw_item:hover .down1::after{

     -webkit-transform: rotateX(180deg);
     -moz-transform: rotateX(180deg);
     -ms-transform: rotateX(180deg);
     -o-transform: rotateX(180deg);
     transform: rotateX(180deg);
     top: 0vw;
} */

.nav-wrapper .nw_list-item li.nw_item:hover ul.inner_ul{
    display: block;
}
.nav-wrapper .nw_list-item li.nw_item ul.inner_ul li{

  flex-grow: 0;
  padding: 0.781vw 0 0.781vw 1.302vw;
  margin: 0;
  font-family: var(--font-family-Neue) !important;
  font-size: 0.885vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-black);
  border-bottom:1px solid var(--color-gray-500);
}
.nav-wrapper .nw_list-item li.nw_item ul.inner_ul li:hover{

    background-color: var(--color-gray-400);
    border-left:0.521vw solid var(--color-blue-100);
    padding-left: 0.781vw;

}


.nav-wrapper li {
    margin: 1.65vw 0 0 0;
    padding-bottom: 0.78vw;
    padding-top: 0;
    position: relative;
    padding-left: 1.823vw;
    padding-right: 1.823vw;
}
.nav-wrapper li::after {
    position: absolute;
    content: "";
    right: 0vw;
    top: 0;
    width:0.052vw;
    height: 2.3vw;
    flex-grow: 0;
    background-color: var(--color-gray-400);
}



.nav-wrapper li:last-child::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0px;
    height: 0;
}

.nav-wrapper li a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color-white);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 0.781vw;

}


.nav-wrapper li a p {
    font-size: 0.78vw;
    font-weight: 300 !important;
    color: var(--color-gray-400);
    font-family: var(--font-family-Neue-Light) !important;
    text-transform:initial;
    padding-top: 0.3vw;
    padding-bottom: 0;
    margin: 0;

}
.nav-wrapper li div{
    margin: 0;
    padding: 0;
}
  .nav-wrapper li.active a , .nav-wrapper li:hover a{
    color: var(--color-blue-100) !important
}

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

    .logo {
        padding: 0;
        position: absolute;
        top: 0.781vw;
        width: 2.5vw;
        height: 2.5vw;
    }

   /** container logo & list-item  **/
    .nav-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: var(--color-white) !important;
        opacity: 0;
        transition: all .2s ease;
    }

    .nav-wrapper .nw_list-item {
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .nav-wrapper .nw_list-item .nw_item {
        margin-bottom: 10px;
        width: 100%;
        text-align: left;
    }

    .nav-wrapper .nw_list-item .nw_item:nth-child(1) a {
        transition-delay: .2s;
    }

    .nav-wrapper .nw_list-item .nw_item:nth-child(2) a {
        transition-delay: .3s;
        }

    .nav-wrapper .nw_list-item .nw_item:nth-child(3) a {
        transition-delay: .4s;
        }

    .nav-wrapper .nw_list-item .nw_item:nth-child(4) a {
        transition-delay: .5s;
    }
    .nav-wrapper .nw_list-item .nw_item:nth-child(5) a {
        transition-delay: .6s;
    }

    .nav-wrapper .nw_list-item .nw_item:not(:first-child) {
        margin-left: 0;
    }


        .nav-wrapper .nw_list-item .nw_item a {
        padding: 10px 24px;
        opacity: 0;
        color: var(--color-black);
        font-size: 3.415vw;
        font-weight: 600;
        letter-spacing: 1.2px;
        transform: translateX(-20px);
        transition: all .2s ease;
        font-family: var(--font-family-Neue) !important;
    }
    .nav-wrapper li a p {
        color: var(--color-black);
        font-size:3.415vw;
        font-weight: 100 !important;
        color: var(--color-black);
        font-family: var(--font-family-Neue) !important;
        text-transform:initial;
        padding-top: 0.5vw;
        padding-bottom: 0;
        margin: 0;

    }
    /*** icone menu  ***/
    .nav-btn {
        position: absolute;
        right: 8vw;
        top: 1.4vw;
        display: block;
        width: 11.707vw;
        height: 11.707vw;
        cursor: pointer;
        z-index: 9999;
        border-radius: 50%;
    }

    .nav-btn i {
        display: block;
        width: 7.317vw;
        height: 0.976vw;
        background: var(--color-white);
        border-radius: 0.488vw;
        margin-left: 2.927vw;
        -webkit-border-radius: 0.488vw;
        -moz-border-radius: 0.488vw;
        -ms-border-radius: 0.488vw;
        -o-border-radius: 0.488vw;
}

    .nav-btn i:nth-child(1) {
        margin-top: 5vw;
    }

    .nav-btn i:nth-child(2) {
        margin-top: 2px;
        opacity: 1;
    }

    .nav-btn i:nth-child(3) {
        margin-top: 3px;
    }

    .nav-wrapper .nw_list-item .nw_item .down1::after {
        top: 3.6vw;
        right: 28.3vw;
        width: 2vw;
        height: 22vw;
    }
    .nav-wrapper .nw_list-item .nw_item .down2::after {
        top: 3.6vw;
        right: 28.3vw;
        width: 2vw;
        height: 22vw;
    }
    /* .nav-wrapper .nw_list-item .nw_item:hover .down2::after ,.nav-wrapper .nw_list-item .nw_item:hover .down1::after{
        top: -17vw;
   } */
   .nav-wrapper .nw_list-item li.nw_item ul.inner_ul {
    width: 100%;
    height: auto;
    top: 12.2vw;
    left: 8vw;
}
.nav-wrapper .nw_list-item li.nw_item ul.inner_ul li {
    padding: 1.781vw 0 1.781vw 4.302vw;
    font-size: 4.146vw;
    margin-left: 8vw;
    border: none;
}
.nav-wrapper .nw_list-item li.nw_item:hover ul.inner_ul {
    display: contents;
}
.nav-wrapper .nw_list-item li.nw_item ul.inner_ul li:hover {
    border-left: 1.521vw solid var(--color-blue-100);
    padding-left: 2.781vw;
}
    }


#nav:checked + .nav-btn {
   transform: rotate(45deg);
}

#nav:checked + .nav-btn i {
   background: var(--color-black);
   transition: transform .2s ease;
}

#nav:checked + .nav-btn i:nth-child(1) {
   transform: translateY(6px) rotate(180deg);
}

#nav:checked + .nav-btn i:nth-child(2) {
   opacity: 0;
}

#nav:checked + .nav-btn i:nth-child(3) {
   transform: translateY(-6px) rotate(90deg);
}

#nav:checked ~ .nav-wrapper {
   z-index: 9990;
   opacity: 1;
}

#nav:checked ~ .nav-wrapper .nw_list-item .nw_item a {
   opacity: 1;
   transform: translateX(0);
}

.hidden {
   display: none;
}
/* star responsive */
@media screen and (max-width : 920px){
    .logo a svg {
        width: 30.99vw;
        height: 12.6vw;
        margin: 1.563vw 0 0 9vw;
    }
    .menu button{
        display: none;
    }
    .nav-wrapper li:hover div {
        border-bottom:none ;
    }

}
/* end responsive */
/* end navbar */


/* ********************************************************************** */
/* ********************************************************************** */
/* ************************      end navbar    ************************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* ********************************************************************** */
/* ********************************************************************** */
/* ************************      HOME PAGE    *************************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* Start main slider */
.nav-section{
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 0vw;
}
.nav-section #carousel {
    height: 101vh;
    width: 100%;
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.nav-section #carousel .owl-stage-outer{
    width: 100%;
    height: 101vh;
    position: absolute;
    top:0;
    left: 0;
}

.nav-section #carousel .item{
    padding: 13.7vw 40vw 17.97vw 10.47vw;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    height: 101vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.nav-section #carousel::after{
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 3.18vw;
    border-left: 1px solid rgb(255, 255, 255,0.2);
}


.nav-section .nav-a img{
    position: absolute;
    right: 0.5vw;
    top:92%;
    width: 2.135vw;
    height: 2.135vw;
    object-fit: contain;
    z-index: 999;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.nav-section .nav-a img:hover{
    transform:scale(0.95) ;
    -webkit-transform:scale(0.95) ;
    -moz-transform:scale(0.95) ;
    -ms-transform:scale(0.95) ;
    -o-transform:scale(0.95) ;
}

.nav-section .nav-a p{
    position: absolute;
    right: 1vw;
    top: 20vw;
    font-family:var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-white);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    z-index: 999;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.nav-section .nav-a p:hover{
    color: #caf1fd;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
}
.nav-section #carousel .owl-nav button.owl-next, .nav-section  #carousel .owl-nav button.owl-prev {
    display: none;
}

.nav-section #carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-top: 0vw !important;
    padding-bottom: 0.2vw !important;
    font: inherit;
}

.nav-section .owl-theme .owl-dots .owl-dot.active span,.nav-section .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-blue-100) !important;
}
.nav-section .owl-theme .owl-dots .owl-dot span {
    width: 2.083vw;
    height: 0.521vw;
    flex-grow: 0;
    margin: 1vw 0.762vw 1vw 0vw;
    background: var(--color-white);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    z-index: 99;
}
.nav-section .owl-theme .owl-dots, .nav-section .owl-theme .owl-nav {
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 10vw;
    left: 10.5vw;
}

#carousel .item h1{
    font-family: var(--font-family-Saira) !important;
    font-size: 4.69vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 3vw;
}
#carousel .item h6{
    font-family:  var(--font-family-Neue);
    font-size: 1.56vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    text-align: left;
    color: #caf1fd;
    text-transform: uppercase;
    padding-bottom: 4.604vw;
    padding-top: 0.5vw;
}


/* start responsive */
@media screen and (max-width : 920px){
    .nav-section #carousel .owl-stage-outer{
        width: 100vw;
        height: 101vh;
        position: relative;
        top:0;
        left: 0;
    }
    .nav-section #carousel{
        padding: 0;
        /* padding: 25vh 10vw 17.97vw 10vw; */
    }
    #carousel .item h1{
        font-size: 15vw;
    }
    #carousel .item h6{
        font-size: 4.4vw;
        padding-bottom: 14.604vw;
        padding-top: 2.5vw;
        line-height: normal;

    }
    .nav-section .owl-theme .owl-dots .owl-dot span {
        width: 5.083vw;
        height: 1vw;
    }
    .nav-section #carousel::after {
        width: 8.18vw;
    }
    .nav-section .nav-a p {
        top: 38%;
        font-size: 3.833vw;
    }
    .nav-section .nav-a img {
        right: 1vw;
        top: 90%;
        width: 6.135vw;
        height: 6.135vw;
    }
    .nav-section #carousel .item {
        padding: 18.7vw 20vw 17.97vw 10.47vw;
    }
    .owl-carousel.owl-drag {
        width: auto !important;
    }

    .nav-section .owl-theme .owl-dots, .nav-section .owl-theme .owl-nav {

        bottom: 14vw;
    left: 10.5vw;
    }

     /* end */
}

@media screen and (max-width:700px)
{
.nav-section .owl-theme .owl-dots, .nav-section .owl-theme .owl-nav {
    bottom: 31vw;
    left: 10.5vw;
}
}
/* end main slider */

/* start home page section 1 */

.homeSection1{
    padding: 8.5vw 10.47vw 7.08vw 10.47vw;
    background-color: var(--color-gray-300);
    position: relative;
}
.homeSection1 h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.83vw;
    text-align: left;
    color:var(--color-blue-100);
    text-transform: uppercase;
}

.homeSection1 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.6vw;
    font-weight: 800;
    font-stretch: condensed;
    line-height: 0.92;
    text-align: left;
    color:var(--color-black);
    text-transform: uppercase;
    padding-right: 49.5vw;
}
.homeSection1 img:first-of-type{
    width: 11.41vw;
    height: 3.02vw;
    object-fit: contain;
    margin-bottom: 4vw;
    margin-top: 1.56vw;
}
.homeSection1 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    text-align: left;
    color:var(--color-gray-200);
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-right: 43.5vw;
}
.homeSection1 p span{
    font-weight: bold;
}
.homeSection1 img:last-child{
    width: 42.34vw;
    height: 24.32vw;
    object-fit: contain;
    position: absolute;
    right: 10.47vw;
    top: 3.5vw;
}
.homeSection1 button{
    width: 12.083vw;
    height: 2.604vw;
    flex-grow: 0;
    background-color:var(--color-black);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    color: var(--color-white);
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    margin-top: 2.083;
}
.homeSection1 button:hover{
    background-color:var(--color-blue-100);
}
/* start responsive */
@media screen and (max-width : 920px){
    .homeSection1{
        padding: 14.08vw 10vw 14.08vw 10vw;
    }
    .homeSection1 h6{
        font-size: 3.902vw;
    }

    .homeSection1 h2{
        font-size: 11.195vw;
        padding-right: 0vw;
    }
    .homeSection1 img:first-of-type{
        width: 53.415vw;
        height: 12.02vw;
        margin-bottom: 8.56vw;
        margin-top: 8.56vw;
        margin-left: 0;
    }
    .homeSection1 p{
        font-size: 4.146vw;
        padding-right: 0;
    }

    .homeSection1 img:last-child{
        display: none;
    }
    .homeSection1 button{
        width: 100%;
        height: 12.195vw;
        flex-grow: 0;
        font-size: 4.146vw;
        margin-top: 9.756vw;
    }

}
/* end responsive */
/* end home page section 1 */

/* start home page section 2 */

.homeSection2{
    padding: 5.21vw 10.47vw 0 10.47vw  ;
    background-color:var(--color-white);
    height: 23.02vw;
}

.homeSection2 h6{
    font-family:var(--font-family-Neue) !important;
    font-size: 0.833vw;
    text-align: left;
    color:var(--color-blue-100);
    text-transform: uppercase;
}
.homeSection2 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    line-height: 0.92;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
}
.homeSection2 h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.354vw;
    font-weight: 800;
    height: 2.604vw;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 2.604vw 0 2.604vw 0;
    text-transform: uppercase;


}
.homeSection2 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin-left: -1.5vw;

}
.homeSection2 img{
    width: auto !important;
    height: 4.688vw !important;
    object-fit: contain;
    text-align: left !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.homeSection2 img.arrow{
    width: 1.667vw !important;
    height: 0.729vw !important;
    object-fit: contain;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

/* star responsive */
@media screen and (max-width : 920px){
    .homeSection2{
        padding: 14.39vw 10vw 0 10vw  ;
        height: 198vw;
    }

    .homeSection2 h6{
        font-size: 3.902vw;
    }
    .homeSection2 h2{
        font-size: 12.195vw;
        padding-bottom: 5vw;
    }
    .homeSection2 p{
        font-size:4.146vw;
        margin-left: 0vw;
        padding-bottom: 10vw;
    }
}
/* end responsive */

.homeSection2 #carousel1 .owl-nav button.owl-next, .homeSection2  #carousel1 .owl-nav button.owl-prev {
    display: none;
}

.homeSection2  #carousel1 button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-top: 0vw !important;
    padding-bottom: 0.2vw !important;
    font: inherit;
}

.homeSection2 .owl-theme .owl-dots .owl-dot.active span,.homeSection2  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-white);
}
.homeSection2 .owl-theme .owl-dots .owl-dot span {
    width: 2.083vw;
    height: 0.521vw;
    flex-grow: 0;
    margin: 1vw 0.391vw;
    background: #75c1de;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.homeSection2 #carousel1 {

  margin-top: 2.6vw ;
}
.homeSection2 #carousel1 .item {
    border-top: solid 1px var(--color-gray-500);
    border-bottom: solid 1px var(--color-gray-500);
    border-right: solid 1px var(--color-gray-500);
    border-left:none;
    padding: 2.083vw 1.563vw 1.563vw 1.563vw;
    background-color: var(--color-white);
}
.homeSection2 #carousel1 #d1 {
    border-left:solid 1px var(--color-gray-500);
    }
.homeSection2 #carousel1 a{
    text-decoration: none;

}
.homeSection2 #carousel1 a:hover .item  {
    background-color:var(--color-gray-400);
}

.homeSection2 #carousel1 a:hover .item img {
    width: auto !important;
    height: 4.688vw !important;
    transform: scale(0.9);
    object-fit: contain;
    text-align: left !important;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.homeSection2 #carousel1 a:hover .item img.arrow  {
    content: url('../image/long_arrow.svg');
    width: 5.885vw !important;
    height: 0.729vw !important;
}
/* star responsive */
@media screen and (max-width : 920px){

    .homeSection2 .owl-theme .owl-dots .owl-dot.active span,.homeSection2  .owl-theme .owl-dots .owl-dot:hover span {
        background: var(--color-gray-500);
    }
    .homeSection2  #carousel1 button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding-left: 0vw !important;
        padding-right: 0vw !important;
        padding-top: 0vw !important;
        padding-bottom: 0.2vw !important;
        font: inherit;
    }

    .homeSection2 img {
        height: 21.951vw !important;
        margin-bottom: 8vw;
    }
    .homeSection2 .owl-theme .owl-dots .owl-dot span {
        width: 4.083vw;
        height: 1vw ;
        margin: 6vw 0.391vw;
    }

    .homeSection2 #carousel1 {

        margin-top: 2.6vw ;
    }
    .homeSection2 #carousel1 .item {
        padding: 7.756vw 7.317vw 7.317vw 7.317vw;
        background-color: var(--color-white);
        border-top: solid 1px var(--color-gray-500);
        border-bottom: solid 1px var(--color-gray-500);
        border-left: solid 1px var(--color-gray-500);
        border-right:solid 1px var(--color-gray-500);
    }

    .homeSection2 h3 {
        font-family: var(--font-family-Saira) !important;
        font-size: 6.341vw;
        font-weight: 800;
        height: 4.604vw;
        margin: 2.604vw 0 11.604vw 0;
    }
    .homeSection2 img.arrow {
        width: 7.805vw !important;
        height: 3.415vw !important;
    }
    .homeSection2 #carousel1 a:hover .item img.arrow  {
        width: 27.561vw !important;
        height: 3.415vw !important;
    }
    .homeSection2 #carousel1 a:hover .item img {
        width: auto !important;
        height: 21.951vw !important;

        transform: scale(0.9);
        object-fit: contain;
        text-align: left !important;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
}
/* end responsive */

/* end home page section 2 */

/* start home page section 3 */

.homeSection3{
    padding:14.43vw  10.47vw 9.854vw 10.47vw;
    background-color:var(--color-blue-100);
    height: 31.583vw;

    position: relative;
}
.homeSection3::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../image/Services.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 69.27vw 14.64vw;
    left: 0;
    top: 2.7vw;
}
.homeSection3 h3 {
    font-family: var(--font-family-Saira) !important;
    font-size: 2.083vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    text-transform: uppercase;
}
.homeSection3 p {
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    padding-right: 2vw;
}
.homeSection3 .part1{
    position: relative;
    padding-left: 8vw;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.homeSection3 .part1::after{
    position: absolute;
    content: "";
    width:5.208vw;
    height: 5.208vw;
    object-fit: contain;
    background-image: url(../image/Hand.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 5.208vw 5.208vw ;
    left: 0;
    top:0.7vw;

}

.homeSection3 .part2{
    position: relative;
    padding-left: 12vw;
}
.homeSection3 .part2::before{
    position: absolute;
    content: "";
    width: 5.208vw;
    height: 5.208vw;
    object-fit: contain;
    background-image: url(../image/Presentation.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 5.208vw 5.208vw ;
    left: 4vw;
    top:0.7vw;
}

/* star responsive */
@media screen and (max-width : 920px){
    .homeSection3{
        padding:14.43vw  10vw 9.854vw 10vw;
        height: 182vw;
    }
    .homeSection3::after{
        background-size: 85.27vw 18.64vw;
        top: 8.7vw;
        background-position: top;
    }
    .homeSection3 h3 {
        font-size: 8.2vw;
        padding-top: 40vw;
        text-align: center;
    }
    .homeSection3 p {
        font-size: 4.146vw;
        padding-right: 0vw;
        text-align: center;
    }
    .homeSection3 .part1{
        padding-left: 2vw;
    }
    .homeSection3 .part1::after{
        width:18.39vw;
        height: 18.39vw;
        background-size: 18.39vw 18.39vw ;
        left: 40%;
        top:20vw;
    }



    .homeSection3 .part2{
        padding-left: 2vw;
    }
    .homeSection3 .part2::before{
        width: 18.39vw;
        height: 18.39vw;
        background-size: 18.39vw 18.39vw ;
        left: 40%;
        top:20vw;
    }
}
/* end responsive */
/* end home page section 3 */

/* start home page section 4 */

.homeSection4{
    padding:6.77vw 10.47vw  7.14vw 10.47vw;
    position: relative;
}
.homeSection4 h6 {
    font-family: var(--font-family-Neue) !important;
    font-size: 0.83vw;
    text-align: left;
    color: var(--color-blue-100);
    text-transform:uppercase ;
}
.homeSection4 h2 {
    font-family: var(--font-family-Saira) !important;
    font-size: 2.6vw;
    font-weight: 800;
    font-stretch: condensed;
    line-height: 0.92;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
}
.homeSection4 p {
    font-family: var(--font-family-Neue) !important;
    font-size: 0.88vw;
    text-align: left;
    color: var(--color-gray-200);
    padding: 2.08vw 32vw 3.125vw 0;

    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

}
.homeSection4 p span {
    font-weight: bold;
}
.homeSection4 button {
    width: 16.41vw;
    height: 2.61vw;
    flex-grow: 0;
    background-color: var(--color-blue-100);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color:var(--color-white);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.homeSection4 button:hover {
    background-color: var(--color-black);
}

.homeSection4 .map {
    width: 28.28vw;
    height: 24.48vw;
    object-fit: contain;
    position: absolute;
    right: 10.94vw;
    top: 3.6vw;

}
.homeSection4 .tooltip__m{
    position: absolute;
    right: 0;
    top: 0;
    width: 2vw;
    height: 2vw;
    transition: 0.3vw;
    -webkit-transition: 0.3vw;
    -moz-transition: 0.3vw;
    -ms-transition: 0.3vw;
    -o-transition: 0.3vw;

  }
.homeSection4 .tooltip__m .pin1,.homeSection4 .tooltip__m .pin2 , .homeSection4 .tooltip__m .pin3 , .homeSection4 .tooltip__m .pin4 , .homeSection4 .tooltip__m .pin5 , .homeSection4 .tooltip__m .pin6 {
    position: absolute;
    width: 1.46vw;
    height: 1.35vw;
    object-fit: contain;
}


.homeSection4 .tooltip__m:hover .pin1,.homeSection4 .tooltip__m:hover .pin2,.homeSection4 .tooltip__m:hover .pin3,.homeSection4 .tooltip__m:hover .pin4,.homeSection4 .tooltip__m:hover .pin5{
	transform: scale(1.2);
	-webkit-animation: none;
	animation: none;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}


  /* tooltip__mtext */
  .tooltip__m .tooltiptext1, .tooltip__m .tooltiptext2 , .tooltip__m .tooltiptext3 , .tooltip__m .tooltiptext4 , .tooltip__m .tooltiptext5 {
    visibility: hidden;
    width: 100%;
    color: var(--color-black);
    font-family: var(--font-family-Neue) !important;
    font-weight: 500;
    text-align: left;
    padding-left:3vw;
    padding-top: 0.8vw;
    position: absolute;
    z-index: 4;
    font-size: 0.833vw;

}

  .tooltip__m:hover .tooltiptext1 ,.tooltip__m:hover .tooltiptext2 , .tooltip__m:hover .tooltiptext3 , .tooltip__m:hover .tooltiptext4 ,.tooltip__m:hover .tooltiptext5{
  visibility: visible;
}
.homeSection4  .pin1 {
    right: 30.1vw;
    top: 11.1vw;
    -webkit-animation: heartbeat 5s ease-in-out infinite both;
	animation: heartbeat 5s ease-in-out infinite both;
}
.tooltip__m .tooltiptext1 {
    right: 30.1vw;
    top: 11.1vw;
  }
.homeSection4 .pin2 {
    right: 16.3vw;
    top: 17vw;
    -webkit-animation: heartbeat 5s ease-in-out infinite both;
	animation: heartbeat 5s ease-in-out infinite both;
}

.tooltip__m .tooltiptext2 {
    right: 16.3vw;
    top: 17vw;
  }
.homeSection4 .pin3 {
    right: 20vw;
    top: 14.9vw;
    -webkit-animation: heartbeat 5s ease-in-out infinite both;
	animation: heartbeat 5s ease-in-out infinite both;
}

.tooltip__m .tooltiptext3 {
    right: 20vw;
    top: 14.9vw;
  }

.homeSection4 .pin4 {
    right: 26.56vw;
    top: 19.8vw;
    -webkit-animation: heartbeat 5s ease-in-out infinite both;
	animation: heartbeat 5s ease-in-out infinite both;
}

.tooltip__m .tooltiptext4 {
    right: 26.56vw;
    top: 19.8vw;
  }
.homeSection4 .pin5 {
    right: 23.7vw;
    top: 16vw;
    -webkit-animation: heartbeat 5s ease-in-out infinite both;
	animation: heartbeat 5s ease-in-out infinite both;
}

.tooltip__m .tooltiptext5 {
    right: 23.7vw;
    top: 16vw;

  }
 @-webkit-keyframes heartbeat {
    from {
              -webkit-transform: scale(1.5);
              transform: scale(1.5);
              -webkit-transform-origin: center center;
              transform-origin: center center;
              -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
              -moz-transform: scale(1.5);
              -ms-transform: scale(1.5);
              -o-transform: scale(1.5);
}
    10% {
              -webkit-transform: scale(0.8);
              transform: scale(0.8);
              -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
              -moz-transform: scale(0.8);
              -ms-transform: scale(0.8);
              -o-transform: scale(0.8);
}
    17% {
              -webkit-transform: scale(0.9);
              transform: scale(0.9);
              -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
              -moz-transform: scale(0.9);
              -ms-transform: scale(0.9);
              -o-transform: scale(0.9);
}
    33% {
              -webkit-transform: scale(0.6);
              transform: scale(0.6);
              -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
              -moz-transform: scale(0.6);
              -ms-transform: scale(0.6);
              -o-transform: scale(0.6);
}
    45% {
              -webkit-transform: scale(1.0);
              transform: scale(1.0);
              -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
              -moz-transform: scale(1.0);
              -ms-transform: scale(1.0);
              -o-transform: scale(1.0);
}
  }
  @keyframes heartbeat {
    from {
              -webkit-transform: scale(1.3);
              transform: scale(1.3);
              -webkit-transform-origin: center center;
              transform-origin: center center;
              -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
              -moz-transform: scale(1.3);
              -ms-transform: scale(1.3);
              -o-transform: scale(1.3);
}
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
              -webkit-transform: scale(1.1);
              transform: scale(1.1);
              -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
              -moz-transform: scale(1.1);
              -ms-transform: scale(1.1);
              -o-transform: scale(1.1);
}
  }

/* star responsive */
@media screen and (max-width : 920px){
    .homeSection4{
        padding:14.77vw 10vw  14.14vw 10vw;
    }
    .homeSection4 h6 {
        font-size:3.902vw;
    }
    .homeSection4 h2 {
        font-size:11vw;
    }
    .homeSection4 p {
        font-size: 4.146vw;
        padding: 86vw 0vw 6.125vw 0;

    }

    .homeSection4 button {
        width: 100% ;
        height: 12.195vw;
        font-size: 4.146vw;
    }
    .homeSection4 .map {
        width: 90vw;
        height: 70vw;
        object-fit: contain;
        position: absolute;
        right: 5vw;
        top: 53.6vw;
    }

    .homeSection4 .tooltip__m .pin1,.homeSection4 .tooltip__m .pin2 , .homeSection4 .tooltip__m .pin3 , .homeSection4 .tooltip__m .pin4 , .homeSection4 .tooltip__m .pin5 , .homeSection4 .tooltip__m .pin6 {
        position: absolute;
        width: 5.829vw;
        height: 5.341vw;
        object-fit: contain;
    }
    .homeSection4 .pin1 {
        right: 63.1vw;
        top: 74.1vw;
    }
    .homeSection4 .pin2 {
        right: 23.3vw;
        top: 90vw;
    }
    .homeSection4 .pin3 {

        right: 33.7vw;
        top: 85vw;
    }
    .homeSection4 .pin4 {
        right: 54.56vw;
        top: 97.8vw;
    }
    .homeSection4 .pin5 {
        right: 46.5vw;
        top: 87.9vw;
    }

    .tooltip__m .tooltiptext1, .tooltip__m .tooltiptext2 , .tooltip__m .tooltiptext3 , .tooltip__m .tooltiptext4 , .tooltip__m .tooltiptext5 {
        padding-left:3vw;
        padding-top: 0.8vw;
        font-size: 3.902vw;
    }

    .tooltip__m .tooltiptext1 {
        right: 63.1vw;
        top: 74.1vw;
      }
    .tooltip__m .tooltiptext2 {
        right: 23.3vw;
        top: 90vw;
    }
    .tooltip__m .tooltiptext3 {
        right: 33.7vw;
        top: 85vw;
      }
    .tooltip__m .tooltiptext4 {
        right: 54.56vw;
        top: 97.8vw;
      }
    .tooltip__m .tooltiptext5 {

        right: 46.5vw;
        top: 87.9vw;
      }
}
/* end responsive */
/* end home page section 4 */

/* start home page section 5 */

.homeSection5{
    padding:3.65vw 10.47vw 2.604vw  10.47vw;
    background-color: var(--color-gray-300);
    position: relative;
}
.homeSection5  h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.83vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-transform: uppercase;
}
.homeSection5  h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.6vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);

}
.homeSection5  a h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-decoration: underline;
    position: absolute;
    top: 6.51vw;
    right: 10.47vw;

}

.homeSection5 #carousel2 .item{
    background-color:var(--color-white);
    margin-top: 1.083vw;
    padding-bottom: 2.08vw;
    position: relative;
}

.homeSection5 #carousel2 .item img{
    width: 100%;
    height: 15.87vw;
    object-fit: cover;

}
.homeSection5 #carousel2 .item span{
   position: absolute;
   width: 7.656vw;
   height: 2.083vw;
   background-color: var(--color-blue-100);
   font-family: var(--font-family-Saira) !important;
   font-size: 1.042vw;
   font-weight: 800;
   font-stretch: condensed;
   font-style: normal;
   line-height: 1.9;
   letter-spacing: normal;
   text-align: center;
   color: var(--color-white);
   top: 13.83vw;
    padding-top: 0vw;
}

.homeSection5 #carousel2 .item a{
    text-decoration: none;
}

.homeSection5 #carousel2 .item a h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding: 1.15vw 1.15vw 0 1.15vw;
    height:4vw;
    max-height: 5.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.homeSection5 #carousel2 .item a:hover h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-decoration: underline;
}

.homeSection5 #carousel2 .item p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding: 1.04vw 1.15vw 0 1.15vw;
    height: 5.4vw;
    max-height: 5.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.homeSection5 #carousel2 .owl-nav button.owl-next, .homeSection5  #carousel2 .owl-nav button.owl-prev {
    display: none;
}

.homeSection5  #carousel2 button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-top: 1.5vw !important;
    padding-bottom: 0.2vw !important;
    font: inherit;
}

.homeSection5 .owl-theme .owl-dots .owl-dot.active span,.homeSection5  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-blue-100);
}
.homeSection5 .owl-theme .owl-dots .owl-dot span {
    width: 2.083vw;
    height: 0.521vw;
    flex-grow: 0;
    margin: 1vw 0.391vw;
    background: var(--color-gray-500);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* star responsive */
@media screen and (max-width : 920px){
    .homeSection5{
        padding:13.65vw 10.47vw 13.25vw 10.47vw;
    }
    .homeSection5  h6{
        font-size: 3.902vw;
    }
    .homeSection5  h3{
        font-size: 12.195vw;

    }
    .homeSection5  a h5{
        font-size: 3.902vw;
        top: 13vw;
        right: 10.47vw;

    }

    .homeSection5 #carousel2 .item{
        margin-top: 4.083vw;
        padding-bottom: 6.08vw;
    }

    .homeSection5 #carousel2 .item img{
        width: 100%;
        height: 50.5vw;

    }
    .homeSection5 #carousel2 .item a h2{
        font-size: 6.341vw;
        padding: 4.15vw 3.15vw 0 3.15vw;
        height: 16.4vw;
        max-height: 16.6vw;
    }

    .homeSection5 #carousel2 .item a:hover h2{
        font-size: 6.341vw;
    }
    .homeSection5 #carousel2 .item p{
        font-size: 4.146vw;
        padding: 4.04vw 3.15vw 0 3.15vw;
        height: 24.1vw;
        max-height: 24.5vw;
        -webkit-line-clamp: 4;
    }

    .homeSection5 .owl-theme .owl-dots .owl-dot span {
        width: 4.083vw;
        height: 1vw;
        margin: 4vw 0.391vw;
    }
    .homeSection5 #carousel2 .item span{
        width: 35.854vw;
        height: 9.756vw;
        font-size: 4.878vw;
        top: 40.85vw;
        padding-top: 0.8vw;
     }
}

/* end responsive */
/* end home page section 5 */

/* start home page section 6 */

.homeSection6{
    padding:6.77vw 10.47vw 6.77vw 10.47vw;
    text-align: center;
}
.homeSection6 img{
    width: 7.552vw;
    height: 1.771vw;
    object-fit: contain;
}
.homeSection6 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 3.65vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-black);
    text-transform: uppercase;
    padding-top: 3.13vw;
    padding-left: 12vw;
    padding-right: 12vw;
}

.homeSection6 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-gray-200);
    padding:1.56vw 11vw 2.604vw 11vw;
}
.homeSection6 button{
    width: 12.08vw;
    height: 2.6vw;
    flex-grow: 0;
    background-color: var(--color-blue-100);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    color:var(--color-white);
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.homeSection6 button:hover {
    background-color: var(--color-black);
}
/* star responsive */
@media screen and (max-width : 920px){
    .homeSection6{
        padding:16.77vw 10vw 16.77vw 10vw;
    }
    .homeSection6 img{
        width: 35.366vw;
        height: 8.293vw;
    }
    .homeSection6 h2{
        font-size: 14vw;
        padding-top: 12vw;
        padding-left: 0vw;
        padding-right: 0vw;
    }
    .homeSection6 p{
        font-size: 4.146vw;
        padding: 5.56vw 0 9.604vw 0;
    }
    .homeSection6 button{
        width: 100%;
        height: 12.195vw;
        font-size: 4.146vw;
    }
    .homeSection6 button:hover {
        background-color: var(--color-black);
    }
}
/* end responsive */
/* end home page section 6 */

/* ********************************************************************** */
/* ********************************************************************** */
/* **********************     END HOME PAGE    ************************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* ********************************************************************** */
/* ********************************************************************** */
/* **************************      FOOTER    **************************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* start footer */
.footer{
    padding: 3.65vw 10.47vw 2.14vw 10.47vw;
    background-color: var(--color-black);
    position: relative;
}
.footer::after{
    position: absolute;
    content: "";
    width: 100%;
  height: 0.52vw;
  top: -0.52vw;
  left: 0;
  background-color: var(--color-blue-100);
}
.footer .footer_ .logof{
    width: 10.99vw;
    height: 3.6vw;
    margin: 0 0 2.08vw 0;
    object-fit: contain;
}
.footer .footer_ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-100);
    padding-bottom: 0;
    margin-bottom: 0.5vw;
}

.footer .footer_ a p{
        font-family: var(--font-family-Neue) !important;
        font-size: 0.781vw;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-gray-400);
}
.footer .footer_ a:hover p{
    color: var(--color-blue-100);
}
.footer .footer_ h6{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color:var(--color-white);
    margin-top: 2.5vw;
    text-transform: uppercase;
}
.footer .footer_ h6 a svg{
    width: 1.46vw;
    height: 1.46vw;
    flex-grow: 0;
    object-fit: contain;
    margin-right: 0.6vw;
    margin-top: -0.5vw;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.footer .footer_ h6 a svg path{
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}
.footer .footer_ h6 a svg:hover path,
.footer .footer_ h6 a svg:hover .first-icon-path1
{
    fill: var(--color-blue-100);
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
}


.footer .footer_ h6 a svg:hover .first-icon-path2
{
    fill: #000;
}

.footer .footer_ h6 a.first-icon{
    margin-left: 2.08vw;
}
.footer .footer_ h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    padding-bottom: 2.08vw;
    text-transform: uppercase;
}
.footer .footer_ h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color:  var(--color-gray-100);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    padding-bottom: 0.4vw;
    margin: 0;
    padding-top: 0;
}
.footer .footer_ a:hover h5{
    color: var(--color-blue-100);
    padding-left: 0.5vw;
}
.pl-c{
    padding-left: 3vw;
}
.footer .footer_ input[type="text"]{
    width: 22.6vw;
    height: 2.6vw ;
    background-color: #212121;
    padding: 0.8vw 0.78vw 0.75vw 0.78vw;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.78vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    border: none;
    outline: none;
    margin-bottom: 1.04vw;
}
.pr-c{
    padding-left: 4vw;
}
.w-h5{
    width: 23.6vw;
}
.footer .footer_ input[type="text"]::placeholder{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.78vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    border: none;
    outline: none;
}
.footer .footer_ input[type="submit"]{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
    width: 22.6vw;
    height: 2.6vw;
    flex-grow: 0;
    background-color: var(--color-blue-100);
    border: none;
    outline: none;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.footer .footer_ input[type="submit"]:hover {
    background-color:var(--color-white) ;
    color:var(--color-black) ;

}
.footer .footer__{
    border-top: 1px solid  #292929;
    margin-top: 3.73vw;
    padding-top: 1.56vw;
}
.footer .footer__ h4{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.78vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color:  var(--color-gray-100);
}
.footer .footer__ h4 a{
    font-weight: bold;
    color:var(--color-white);
}
.footer .footer__ h4 a:hover{

    color:var(--color-blue-100);
}

.footer .footer__ .text-center{
    text-align: center;
}
.footer .footer__ .text-center span{
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-weight: normal;
    color:var(--color-gray-100);
}
.footer .footer__  .text-right{
    text-align: right;
}

.pl-c2{
    padding-left: 0vw;
}
.text-center{
    text-align: center !important;
}
/* star responsive */
@media screen and (max-width : 920px){
    .footer{
        padding: 13.65vw 10vw 3.14vw 10vw;
        text-align: center;
    }
    .footer::after{
      height: 2vw;
      top: 0vw;
    }
    .footer .footer_ .logof{
        width: 51.463vw;
        height: 12.195vw;
        margin: 0 0 8.08vw 0;
    }
    .footer .footer_ p{
        font-size: 4.146vw;
        text-align: left;
        margin-bottom: 1.5vw;
    }

    .footer .footer_ a p{
            font-size: 4.146vw;
            text-align: left;
    }

    .footer .footer_ h6{
        font-size: 6.341vw;
        padding-top: 9vw;
    }
    .footer .footer_ h6 a svg{
        width: 6.829vw;
        height: 6.829vw;
        object-fit: contain;
        margin-right: 1.5vw;
        margin-top: 0vw;
    }
    .footer .footer_ h6 a.first-icon{
        margin-left: 8vw;
    }
    .footer .footer_ h2{
        font-size:6.341vw;
        padding-bottom: 4.08vw;
        padding-top: 5vw;
    }
    .footer .footer_ h5{
        font-size: 4.146vw;
        padding-bottom: 1.52vw;
    }
    .footer .footer_ a:hover h5{
        color: var(--color-blue-100);
        padding-left: 0.5vw;
    }
    .pl-c{
        padding-left: 3vw;
    }
    .pl-c2{
        padding-left: 3vw;
    }

    .footer .footer_ input[type="text"]{
        display: block;
        width:100%;
        height:12.195vw ;
        padding: 0.78vw 0.78vw 0.885vw 2.78vw;
        font-size:3.659vw;
        text-align: left;
        margin-bottom: 4.04vw;
    }
    .pr-c{
        padding-left: 3vw;
    }
    .w-h5{
        width: 100%;
    }
    .footer .footer_ input[type="text"]::placeholder{
        font-size: 3.659vw;
    }
    .footer .footer_ input[type="submit"]{
        display: block;
        font-size: 4.146vw;
        text-align: center;
        width: 100%;
        height: 12.195vw;
    }

    .footer .footer__{
        border-top: 2px solid  #292929;
        margin-top: 9.73vw;
        padding-top: 6.56vw;
    }
    .footer .footer__ h4{
        font-size: 4vw;
        text-align: left;
        padding-bottom: 3vw;
        padding-left: 3vw;
    }


    .footer .footer__ .text-center{
        text-align: left;
    }

    .footer .footer__ .text-center a{
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .footer .footer__ .text-center a:first-child{
        padding-left: 0vw;
    }
    .footer .footer__  .text-right{
        text-align: left;
    }
    .text-center{
        text-align: left !important;
    }
}
/* end responsive */
/* end footer */

/* ********************************************************************** */
/* ********************************************************************** */
/* *************************    End  FOOTER    ************************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* ********************************************************************** */
/* ********************************************************************** */
/* *********************      start btn style    ************************ */
/* ********************************************************************** */
/* ********************************************************************** */

.wrap_{
    position: absolute;
    top: 1.6vw;
    right: 10.47vw;
    z-index: 2;
  }
.btn-nav {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-black);
    position: relative;
    display: block;
    overflow: hidden;
    width: 12.083vw;
    height: 2.604vw;
    margin:0;
    text-transform: uppercase;
    border: 1px solid var(--color-black);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    line-height: 3;
    z-index: 0;
  }

  .btn-nav:before, .btn-nav:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3.125vw;
    height: 1.042vw;
    background-color: var(--color-blue-100)
  }
  .btn-nav:before {
    left: -1.823vw;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
  .btn-nav:after {
    right: -1.823vw;
    transform: translate(50%, -50%);
    z-index: -1;
  }
  .btn-nav:hover {
    color: var(--color-white);
  }
  .btn-nav:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .btn-nav:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }

.btn-1 {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-blue-100);
    position: relative;
    display: block;
    overflow: hidden;
    width: 12.083vw;
    height: 2.604vw;
    margin:2.083vw 0 0 0;
    text-transform: uppercase;
    border: 1px solid currentColor;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    line-height: 3;
    z-index: 0;
  }
  .btn-1:before, .btn-1:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3.125vw;
    height: 1.042vw;
    background-color: var(--color-black)
  }
  .btn-1:before {
    left: -1.823vw;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
  .btn-1:after {
    right: -1.823vw;
    transform: translate(50%, -50%);
    z-index: -1;
  }
  .btn-1:hover {
    color: var(--color-white);
  }
  .btn-1:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .btn-1:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }


.btn-2 {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-blue-100);
    position: relative;
    display: block;
    overflow: hidden;
    width: 16.41vw;
    height: 2.61vw;
    margin: 0 0;
    text-transform: uppercase;
    border: 1px solid currentColor;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    line-height: 3;
    z-index: 0;
  }
  .btn-2:before, .btn-2:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3.125vw;
    height: 1.042vw;
    background-color: var(--color-black)
  }
  .btn-2:before {
    left: -1.823vw;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
  .btn-2:after {
    right: -1.823vw;
    transform: translate(50%, -50%);
    z-index: -1;
  }
  .btn-2:hover {
    color: var(--color-white);
  }
  .btn-2:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .btn-2:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }


  .btn-3 {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-blue-100);
    position: relative;
    display: block;
    overflow: hidden;
    width: 12.083vw;
    height: 2.604vw;
    margin: 0 auto;
    text-transform: uppercase;
    border: 1px solid currentColor;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    line-height: 3;
    z-index: 0;
  }
  .btn-3:before, .btn-3:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3.125vw;
    height: 1.042vw;
    background-color: var(--color-black)
  }
  .btn-3:before {
    left: -1.823vw;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
  .btn-3:after {
    right: -1.823vw;
    transform: translate(50%, -50%);
    z-index: -1;
  }
  .btn-3:hover {
    color: var(--color-white);
  }
  .btn-3:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .btn-3:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }


  .btn-4 {
    position: relative;
    color: var(--color-white);
    background-color: var(--color-blue-100);
    position: relative;
    display: block;
    overflow: hidden;
    width: 12.45vw;
    height: 2.604vw;
    margin:0vw 0 0 0;
    text-transform: uppercase;
    border: 1px solid currentColor;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    text-align: center;
    line-height: 3;
    z-index: 0;
  }
  .btn-4:before, .btn-4:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3.125vw;
    height: 1.042vw;
    background-color: var(--color-black)
  }
  .btn-4:before {
    left: -1.823vw;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
  .btn-4:after {
    right: -1.823vw;
    transform: translate(50%, -50%);
    z-index: -1;
  }
  .btn-4:hover {
    color: var(--color-white);
  }
  .btn-4:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
  .btn-4:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }

  @media screen and (max-width : 920px){
    .btn-nav{
        display: none;
    }
   .btn-1, .btn-2, .btn-3 ,.btn-4{
        width: 100%;
        height: 12.195vw;
        flex-grow: 0;
        font-size: 4.146vw;
    }
    .btn-1 {
        margin-top: 9.756vw;
    }
  }

  @-webkit-keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }

  @keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @-webkit-keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  }
/* ********************************************************************** */
/* ********************************************************************** */
/* *********************      end btn style    ************************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* *******************   start   inner header style  ******************** */
/* ********************************************************************** */
/* ********************************************************************** */
.inner_header{
    background-image: url(../image/inner_header_bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 18.229vw;
    padding: 10.417vw 10.469vw 3.594vw 10.469vw;
    margin-top: -1.5vw !important;
}

.inner_header h1{
  font-family: var(--font-family-Saira) !important;
  font-size: 3.125vw;
  font-weight: 800;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-white);
  text-transform: uppercase;
  padding: 0;
  margin:0 0 0.9vw 0;
}
.inner_header div div a img{
    width: 0.833vw;
    height: 0.833vw;
    flex-grow: 0;
    margin: -0.3vw 0.781vw 0 0;
    object-fit: contain;
}
.inner_header div div div a{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;

    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    text-transform: uppercase;

}
.inner_header div div div a:last-child,.inner_header div div div a:hover {
    color: var(--color-blue-100);

}
.inner_header div div div a:last-child {
    width: 12.7vw;
    max-width: 15.5vw;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 1.05vw;

}
.inner_header div div span{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);

}
.inner_header p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    text-align: right;

}
.inner_header p a{
    margin: 0;
    padding: 0;

}
.inner_header p svg{
    width: 1.458vw;
    height: 1.458vw;
    flex-grow: 0;
    margin: 0 0.5vw 0 0;
    object-fit: contain;
    fill: var(--color-white);
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;

}
.inner_header p svg path{
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;

}
.inner_header p svg:hover path{
    fill: var(--color-blue-100);
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
}

.inner_header p .first-icon{
    margin: 0 0 0 0.781vw;

}
.inner_header p .last-icon svg{
    margin: 0 0vw 0 0;

}
.inner_header p svg:hover path,
.inner_header p svg:hover .first-icon-path1{
    fill: var(--color-blue-100);

}


.inner_header p svg:hover .first-icon-path2{
    fill: #000;

}
@media screen and (max-width : 1367px){
.inner_header{
    margin-top: -1.8vw !important;
}
}
@media screen and (max-width : 920px){
    .blogBody{
        padding: 10.469vw 10.469vw 5.208vw 10.469vw;
    }
    .blogBody h6{
        font-size: 3.902vw;
    }
    .blogBody h2{
        font-size: 12.195vw;
        line-height: 0.92;
        padding-bottom: 3.756vw;
    }
    .blogBody img {
        width: 100%;
        height: 54.463vw;
        margin: 0;
         padding: 0;
        object-fit: cover;
    }
    .blogBody .row{
        position: relative;
    }
    .blogBody span {
        width: 35.854vw;
        height: 9.756vw;
        padding: 3vw 0 0 0;
        top: 44.8vw;
        font-size: 4.878vw;
    }

    .blogBody p{
        font-size: 4.146vw;
        height: 20vw;
        max-height: 19.563vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .blogBody a{
        font-size: 4.146vw;
    }

    .blogBody .inline__{
        display: block;
        margin-bottom: 2.083vw;
    }
    .inner_header {
        background-size: cover;
        width: 100%;
        height: 66.229vw;
        padding: 28.417vw 10.469vw 3.594vw 10.469vw;
    }
    .inner_header h1 {
        font-size: 8.634vw;
    }
    .inner_header div div div a {
        font-size: 3.7vw;
        line-height: normal;
    }
    .inner_header div div div span {
        font-size: 3.7vw;
    }
    .inner_header div div a img {
        width: 3.902vw;
        height: 3.902vw;
        margin: -1.5vw 0.781vw 0 0;
    }
    .inner_header p {
        font-size: 3.659vw;
        text-align: left;
        margin-top: 9vw;
    }
    .inner_header p svg {
        width: 4.829vw;
        height: 5.829vw;
        margin: 0 1vw 0 0;
    }
    .inner_header p .first-icon {
        margin: 0vw 0 0 1.781vw;
    }
    .inner_header div div div a:last-child {
        width: 31.7vw;
    max-width: 40.5vw;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        height: 3.6vw;
    }
}
/* ********************************************************************** */
/* ********************************************************************** */
/* *******************   end   inner header style    ******************** */
/* ********************************************************************** */
/* ********************************************************************** */



/* ********************************************************************** */
/* ********************************************************************** */
/* **********************   start blog bage body   ********************** */
/* ********************************************************************** */
/* ********************************************************************** */

.blogBody{
    padding: 4.167vw 10.469vw 0vw 10.469vw;

}
.blogBody h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-transform: uppercase;
}
.blogBody h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    padding-bottom: 2.083vw;
}


.blogBody .inline__{
    position: relative;
    display: inline-flex;
    margin-bottom: 2.083vw;
}

.blogBody .inline__1{
    margin-right: 2.083vw;
}

.blogBody img{
    width: 18.594vw;
    height: 8.854vw;
    margin:0;
    object-fit: cover;
}

.blogBody span{
    position: absolute;
    width: 7.656vw;
    height: 2.083vw;
    flex-grow: 0;
    padding: 0.625vw 0vw 0.677vw;
    background-color:var(--color-blue-100);
    left: 0;
    bottom: 0;
    text-transform: uppercase;
    font-family: var(--font-family-Saira) !important;
    font-size: 1.042vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
}
.blogBody h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.354vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
    padding-bottom: 1.563vw;
    padding-top: 0;
    margin: 0;
}
.blogBody h3 a{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.354vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
    padding-bottom: 1.563vw;
    padding-top: 0;
    margin: 0;
}
.blogBody h3 a:hover{
    color: var(--color-blue-100);
    text-decoration: underline;
}
.blogBody p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);

    padding-top: 0;
    margin: 0;
    height: 2vw;
    max-height: 3.563vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blogBody h5{
    margin-top: 1.563vw;
    margin-bottom: 0;
    padding: 0;
}

.blogBody h5 a{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-transform: uppercase;

}
.blogBody h5 a:hover{
    text-decoration: underline;

}


.article-item {
    display: none;
  }

  .pagination {
    display: flex;
    justify-content: center;
    margin-top: 6.771VW;
    margin-bottom: 5.208vw;
  }

  .pagination button {
        background-color: var(--color-white);
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.2s, color 0.2s;
        font-family: var(--font-family-Neue) !important;
        font-size: 0.781vw;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-black);
        width: 2.188vw;
        height: 2.188vw;
        margin: 0 0.365vw 0 0;
        padding: 0.521vw;
        border: solid 1px var(--color-gray-500);
  }
  .pagination button:first-child{
        background-color: var(--color-white);
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.2s, color 0.2s;
        font-family: var(--font-family-Neue) !important;
        font-size: 0.781vw;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-black);
        width: 3vw;
        height: 2.188vw;
        margin: 0 0.885vw  0 0;
        padding: 0.521vw;
        border: none
  }
  .pagination button:last-child {
        background-color: var(--color-white);
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.2s, color 0.2s;
        font-family: var(--font-family-Neue) !important;
        font-size: 0.781vw;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-black);
        width: 3vw;
        height: 2.188vw;
        margin: 0 0.365vw 0 0.885vw;
        padding: 0.521vw;
        border: none;
  }

  .pagination button:hover {
    background-color: var(--color-blue-100);
    color:var(--color-white);
    border: 1px solid var(--color-blue-100);
  }
  .pagination button:last-child:hover,.pagination button:first-child:hover {
    background-color: var(--color-white);
    color: var(--color-black);
    border: none;
  }

  .pagination button.active-page {
    background-color: var(--color-blue-100);
    color:var(--color-white);
    border: 1px solid var(--color-blue-100);
  }
  .pagination button:last-child.active-page,.pagination button:first-child.active-page {
    background-color: var(--color-white);
    color: var(--color-black);
    border: none;
  }

  .pagination button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }

/* start resposive */
@media screen and (max-width : 920px){
.blogBody{
    padding: 10.469vw 10.469vw 5.208vw 10.469vw;
}
.blogBody h6{
    font-size: 3.902vw;
}
.blogBody h2{
    font-size: 12.195vw;
    line-height: 0.92;
    padding-bottom: 3.756vw;
}
.blogBody img {
    width: 100%;
    height: 54.463vw;
    margin: 0;
     padding: 0;
    object-fit: cover;
}
.blogBody .row{
    position: relative;
}
.blogBody span {
    width: 35.854vw;
    height: 9.756vw;
    padding: 3vw 0 0 0;
    top: 44.8vw;
    font-size: 4.878vw;
}

.blogBody p{
    font-size: 4.146vw;
    height: 20vw;
    max-height: 19.563vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.blogBody a{
    font-size: 4.146vw;
}

.blogBody .inline__{
    display: block;
    margin-bottom: 2.083vw;
}

.blogBody h3 a {
    font-size: 6.354vw;
    line-height: 0.96;
}
.blogBody h3  {
    margin: 5vw 0 5vw 0;
}
.blogBody h5 a {
    font-size: 4.146vw;
    line-height: 4;
}
.blogBody .inline__1 {
    margin-right: 0;
    margin-top: 7vw;
}
.pagination button:first-child , .pagination button:last-child{
    font-size: 3.659vw;
    width: 15.854vw;
    height: 5.854vw;
}
.pagination button {
    font-size: 3.659vw;
    width: 5.854vw;
    height: 5.854vw;
    margin: 0 1.565vw 0 0;
}
.pagination {
    margin-top: 0.771VW;
    margin-bottom: 12.208vw;
}
}
/* end resposive */

/* ********************************************************************** */
/* ********************************************************************** */
/* ************************   end blog bage body   ********************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   start blog details bage body   **************** */
/* ********************************************************************** */
/* ********************************************************************** */
.blogDetails{
    padding: 2.083vw 10.469vw 6.979vw 10.469vw;
}
.blogDetails img{
    width: 100%;
    height: 24.479vw;
    object-fit: cover;
}
.blogDetails span.blue{
    font-family: var(--font-family-Saira) !important;
  font-size:1.042vw;
  font-weight: 800;
  font-stretch: condensed;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-blue-100);
  text-transform: uppercase;
}
.blogDetails h1{
    font-family: var(--font-family-Saira) !important;
    font-size:  1.875vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    text-align: left;
    color:var(--color-black);
    padding-top: 1.563vw;
    padding-bottom: 0.781vw;
    margin: 0;
    text-transform: uppercase;
}

.blogDetails p{

    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
}
.blogDetails p:first-of-type{
    margin:2.083vw 0 1vw 0;
}
.blogDetails h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.875vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    text-align: left;
    color:var(--color-black);
    padding:5.208vw 0 2.083vw 0;
    margin: 0;
    text-transform: uppercase;
}


.blogDetails #carousel3 .item{
    background-color:var(--color-white);
    margin-top: 0vw;
    padding-bottom: 1.08vw;
    position: relative;
}

.blogDetails #carousel3 .item img{
    width: 100%;
    height: 15.87vw;
    object-fit: cover;

}
.blogDetails #carousel3 .item span{
   position: absolute;
   width: 7.656vw;
   height: 2.083vw;
   background-color: var(--color-blue-100);
   font-family: var(--font-family-Saira) !important;
   font-size: 1.042vw;
   font-weight: 800;
   font-stretch: condensed;
   font-style: normal;
   line-height: 1.25;
   letter-spacing: normal;
   text-align: center;
   color: var(--color-white);
   top: 13.8vw;
    padding-top: 0.4vw;
}

.blogDetails #carousel3 .item a{
    text-decoration: none;
}

.blogDetails #carousel3 .item a h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding: 1.563vw 0 0 0vw;
    height:4vw;
    max-height: 5.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blogDetails #carousel3 .item a:hover h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.35vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-decoration: underline;
}

.blogDetails #carousel3 .item p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding: 1.04vw 0 0 0vw;
    height: 4.3vw;
    max-height: 4.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0 !important;
}

.blogDetails #carousel3 .owl-nav button.owl-next, .blogDetails  #carousel3 .owl-nav button.owl-prev {
    display: none;
}

.blogDetails  #carousel3 button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-top: 0vw !important;
    padding-bottom: 0.2vw !important;
    font: inherit;
}

.blogDetails .owl-theme .owl-dots .owl-dot.active span,.blogDetails  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-blue-100);
}
.blogDetails .owl-theme .owl-dots .owl-dot span {
    width: 2.083vw;
    height: 0.521vw;
    flex-grow: 0;
    margin: 1vw 0.391vw;
    background: var(--color-gray-500);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* star responsive */
@media screen and (max-width : 920px){

    .blogDetails{
        padding: 8.083vw 10.469vw 14.979vw 10.469vw;
    }
    .blogDetails img{
        width: 100%;
        height: 40vw;
        object-fit: cover;
    }
    .blogDetails span.blue{
      font-size:4.878vw;
      line-height: 1.25;
    }
    .blogDetails h1 {
        font-size: 8.78vw;
        line-height: 0.85;
        padding-top: 4.563vw;
        padding-bottom: 1.781vw;
    }

    .blogDetails p{
        font-size: 4.146vw;
    }
    .blogDetails p:first-of-type{
        margin:9.756vw 0 3vw 0;
    }
    .blogDetails h2{
        font-size: 8.78vw;
        line-height: 0.69;
        padding: 7.208vw 0 5.083vw 0;
    }


    .blogDetails #carousel3 .item{
        background-color:var(--color-white);
        margin-top: 1.083vw;
        padding-bottom: 2.08vw;
        position: relative;
    }

    .blogDetails #carousel3 .item img{
        width: 100%;
        height: 50.6vw;
        object-fit: cover;

    }
    .blogDetails #carousel3 .item span{
       position: absolute;
       width: 7.656vw;
       height: 2.083vw;
       background-color: var(--color-blue-100);
       font-family: var(--font-family-Saira) !important;
       font-size: 1.042vw;
       font-weight: 800;
       font-stretch: condensed;
       font-style: normal;
       line-height: 1.25;
       letter-spacing: normal;
       text-align: center;
       color: var(--color-white);
       top: 13.8vw;
        padding-top: 0.4vw;
    }

    .blogDetails #carousel3 .item a{
        text-decoration: none;
    }

    .blogDetails #carousel3 .item a h2{
        font-family: var(--font-family-Saira) !important;
        font-size: 1.35vw;
        font-weight: 800;
        font-stretch: condensed;
        font-style: normal;
        line-height: 0.96;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-black);
        padding: 1.15vw 0vw 0 0vw;
        height:3.7vw;
        max-height: 5.5vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .blogDetails #carousel3 .item a:hover h2{
        font-family: var(--font-family-Saira) !important;
        font-size: 1.35vw;
        font-weight: 800;
        font-stretch: condensed;
        font-style: normal;
        line-height: 0.96;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-blue-100);
        text-decoration: underline;
    }

    .blogDetails #carousel3 .item p{
        font-family: var(--font-family-Neue) !important;
        font-size: 0.885vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-gray-200);
        padding: 1.04vw 0vw 0 0vw;
        height: 5.4vw;
        max-height: 5.5vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .blogDetails #carousel3 .owl-nav button.owl-next, .blogDetails  #carousel3 .owl-nav button.owl-prev {
        display: none;
    }

    .blogDetails  #carousel3 button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding-left: 0vw !important;
        padding-right: 0vw !important;
        padding-top: 0vw !important;
        padding-bottom: 0.2vw !important;
        font: inherit;
    }

    .blogDetails .owl-theme .owl-dots .owl-dot.active span,.blogDetails  .owl-theme .owl-dots .owl-dot:hover span {
        background: var(--color-blue-100);
    }
    .blogDetails .owl-theme .owl-dots .owl-dot span {
        width: 2.083vw;
        height: 0.521vw;
        flex-grow: 0;
        margin: 1vw 0.391vw;
        background: var(--color-gray-500);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .blogDetails #carousel3 .item{
        margin-top: 4.083vw;
        padding-bottom: 6.08vw;
    }

    .blogDetails #carousel3.item img{
        width: 100%;
        height: 50.5vw;

    }
    .blogDetails #carousel3 .item a h2{
        font-size: 6.341vw;
        padding: 4.15vw 0vw 0 0vw;
        height: 17vw;
        max-height: 16.6vw;
    }

    .blogDetails #carousel3 .item a:hover h2{
        font-size: 6.341vw;
    }
    .blogDetails #carousel3 .item p{
        font-size: 4.146vw;
        padding: 4.04vw 0vw 0 0vw;
        height: 24.4vw;
        max-height: 24.5vw;
        -webkit-line-clamp: 4;
    }

    .blogDetails .owl-theme .owl-dots .owl-dot span {
        width: 4.083vw;
        height: 1vw;
        margin: 4vw 0.391vw;
    }
    .blogDetails #carousel3 .item span{
        width: 35.854vw;
        height: 9.756vw;
        font-size: 4.878vw;
        top: 40.85vw;
        padding-top: 2vw;
     }
}

/* end responsive */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   end blog details bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   start services bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */
.services{
padding: 4.167vw 10.469vw 7.813vw 10.469vw;
}
.services h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-blue-100);
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.services h1{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-black);
    padding-bottom: 2.083vw;
    text-transform: uppercase;
    margin: 0;
    padding-top: 0.5vw;
}
.services p{
    font-family:var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-gray-200);
    padding:0 18.125vw 1.042vw 18.125vw;

}

.services .box__{
    width: 25.313vw;
    height: 16vw;
    margin: 1.563vw 1vw 0px 0px;
    padding: 2.604vw 1.563vw 2.604vw 1.563vw;
    border: solid 1px var(--color-gray-500);
    background-color: var(--color-white);
    position: relative;
    display: inline-grid;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}
.services .box__:hover{
    background-color: var(--color-gray-400);
    transform:scale(1.03) ;
    -webkit-transform:scale(1.03) ;
    -moz-transform:scale(1.03) ;
    -ms-transform:scale(1.03) ;
    -o-transform:scale(1.03) ;
}
.services .box__:nth-child(3) , .services .box__:nth-child(6) , .services .box__:nth-child(9) , .services .box__:nth-child(12){
    margin: 1.563vw 0vw 0px 0px;
}
.services .box__ h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.563vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 3.125vw;
    padding-right: 13vw;
    margin: 0;
    text-transform: uppercase;
    height: 6vw;
}


.services .box__ img{
    position: absolute;
    width: 6.615vw;
    height: 4.688vw;
    object-fit: cover;
    right: 1.563vw;
    top: 1.563vw;
}
.services .box__ p.inner_p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding:0 0 0.7vw 0;
    margin: 0 0 0.7vw 0;
    height: 3vw;
    max-height: 3.8vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

.services .box__ a{
    font-family:var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-transform: uppercase;
}
.services .box__ a:hover{
    text-decoration: underline;
}

/* responsive */
@media screen and (max-width : 1367px){
.services .box__{
    margin: 0.9vw 0.9vw 0px 0px;

}
.services .box__ p.inner_p {
    height: 3.2vw;
}
}
@media screen and (max-width : 920px){
    .services{
        padding: 13.813vw 10.469vw 13.813vw 10.469vw;
        }
        .services h6{
            font-size: 3.902vw;
        }
        .services h1{
            font-size: 12.195vw;
            padding-bottom: 9.756vw;
            padding-top: 1vw;
            line-height: 0.85;
        }
        .services p{
            font-size: 4.146vw;
            padding-bottom: 4.878vw;
            padding: 0 0vw 5vw 0vw;
        }

        .services .box__{
            width: 100%;
            height: auto;
            margin: 7.317vw 0 0px 0px;
            padding: 7.195vw 6vw 7.195vw 6vw;
            display: block;
        }
        .services .box__:nth-child(3) , .services .box__:nth-child(6) , .services .box__:nth-child(9) , .services .box__:nth-child(12){
            margin: 7.317vw 0 0px 0px;
        }
        .services .box__:hover{
            transform:scale(1) ;
            -webkit-transform:scale(1) ;
            -moz-transform:scale(1) ;
            -ms-transform:scale(1) ;
            -o-transform:scale(1) ;
}
        .services .box__ h3{
            font-size: 7.317vw;
            padding-bottom: 14.634vw;
            padding-right: 32vw;
            height: 27vw;
        }
        .services .box__ img{
            width: auto;
            height: 17.951vw;
            right: 6vw;
            top: 4vw;
        }
        .services .box__ p.inner_p{
            font-family: var(--font-family-Neue) !important;
            font-size: 4.146vw;
            padding:0 0 4.878vw 0;
            margin: 0 0 3.7vw 0;
            height: 16vw;
            max-height: 14.8vw;
          }

        .services .box__ a{
            font-size: 4.146vw;
        }

}
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   end services details bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* ****************   start services Details bage body   **************** */
/* ********************************************************************** */
/* ********************************************************************** */
.servicesDetails{
    padding:4.167vw 10.469vw 6.771vw 10.469vw;
    position: relative;
}
.servicesDetails .servicesDetails_{
    width: 39.1vw;
    position: relative;
}
.servicesDetails .servicesDetails_ h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding-bottom: 0.521vw;
    margin: 0;
    text-transform:uppercase ;

}
.servicesDetails .servicesDetails_ h1{
    font-family:var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 2.604vw;
    padding-top: 0;
    margin: 0;
    text-transform:uppercase ;
}
.servicesDetails .servicesDetails_ img{
    position: absolute;
    width: 6.615vw;
    height: 4.688vw;
    object-fit: cover;
    top: 0;
    right: 0;
}
.servicesDetails .servicesDetails_ h5{
  font-family: var(--font-family-Neue) !important;
  font-size: 0.885vw;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-black);
  padding-bottom: 1.042vw;
  padding-top: 0;
  margin: 0;
}
.servicesDetails .servicesDetails_ p{
    font-family: var(--font-family-Neue) !important;
  font-size: 0.885vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-gray-200);
  padding-bottom: 2.604vw;
  margin: 0;
}
.servicesDetails .servicesDetails_ ul{
    margin: 0;
    padding: 0 0 3.125vw 0;
}
.servicesDetails .servicesDetails_ li{
    font-family: var(--font-family-Neue) !important;
  font-size: 0.885vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-gray-200);
  position: relative;
  padding-left: 1.34vw;
}
.servicesDetails .servicesDetails_ li::after{
    position: absolute;
    content: "";
    width: 0.625vw;
    height: 0.625vw;
    left: 0;
    background-color: var(--color-blue-100);
    margin-top: 0.4vw;
}


.servicesDetails img{
    position: absolute;
    right: 10.469vw ;
    top: 4.167vw;
    width: 32.031vw;
    height: 19.115vw;
}

/* responsive */
@media screen and (max-width : 920px){
.servicesDetails{
    padding: 13.167vw 10.469vw 13.771vw 10.469vw;
}
.servicesDetails .servicesDetails_{
    width: 100%;
}
.servicesDetails .servicesDetails_ h6{
    font-size: 3.902vw;
    padding-bottom: 2.439vw;
    margin: 0;

}
.servicesDetails .servicesDetails_ h1{
    font-size: 10vw;
    padding-bottom: 65.195vw;
    padding-top: 0;
    margin: 0;
    padding-right: 25vw;
}
.servicesDetails .servicesDetails_ img{
    width: auto;
    height: 15.951vw;
    top: 0;
    right: 0;
}
.servicesDetails .servicesDetails_ h5{
  font-size: 4.146vw;
  padding-bottom: 4.878vw;
  padding-top: 0;
  margin: 0;
}
.servicesDetails .servicesDetails_ p{
  font-size: 4.146vw;
  padding-bottom: 12.195vw;
}
.servicesDetails .servicesDetails_ ul {
    margin: 0;
    padding: 0 0 14.125vw 0;
}
.servicesDetails .servicesDetails_ li{
  font-size: 4.146vw;

  padding-left: 5.34vw;
}
.servicesDetails .servicesDetails_ li::after{
    width: 2.927vw;
    height: 2.927vw;
    margin-top: 2.1vw;
}

.servicesDetails img{
    right: 4vw;
    top: 39vw;
    width: 90%;
    height: 54.512vw;
}
}
/* ********************************************************************** */
/* ********************************************************************** */
/* ******************   end services Details bage body   **************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   start our work bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */

.ourwork{
    padding: 4.167vw 10.469vw 7.813vw 10.469vw;
    }
    .ourwork h6{
        font-family: var(--font-family-Neue) !important;
        font-size: 0.833vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-blue-100);
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    }
    .ourwork h1{
        font-family: var(--font-family-Saira) !important;
        font-size: 2.604vw;
        font-weight: 800;
        font-stretch: condensed;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-black);
        padding-bottom: 2.083vw;
        text-transform: uppercase;
        margin: 0;
        padding-top: 0.5vw;
    }
    .ourwork p{
        font-family:var(--font-family-Neue) !important;
        font-size: 0.885vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-gray-200);
        padding:0 18.125vw 1.042vw 18.125vw;

    }

    .ourwork .box__{
        width: 25.313vw;
        height: 16vw;
        margin: 1.563vw 1vw 0px 0px;
        padding: 2.604vw 1.563vw 2.604vw 1.563vw;
        border: solid 1px var(--color-gray-500);
        background-color: var(--color-white);
        position: relative;
        display: inline-grid;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
    }
    .ourwork .box__:hover{
        background-color: var(--color-gray-400);
        transform:scale(1.03) ;
        -webkit-transform:scale(1.03) ;
        -moz-transform:scale(1.03) ;
        -ms-transform:scale(1.03) ;
        -o-transform:scale(1.03) ;
    }
    .ourwork .box__:nth-child(3) , .ourwork .box__:nth-child(6) , .ourwork .box__:nth-child(9) , .ourwork .box__:nth-child(12){
        margin: 1.563vw 0vw 0px 0px;
    }

    .ourwork .box__ h5{
        font-family: var(--font-family-Neue) !important;
        font-size: 0.833vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-blue-100);
        text-transform: uppercase;

    }
    .ourwork .box__ h3{
        font-family: var(--font-family-Saira) !important;
        font-size: 1.563vw;
        font-weight: 800;
        font-stretch: condensed;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-black);
        padding-bottom: 3.125vw;
        margin: 0;
        text-transform: uppercase;
        height: 4.2vw;
        padding-right: 4.6vw;
    }

    .ourwork .box__ img{
        position: absolute;
        width: 5.208vw;
        height: 5.208vw;
        object-fit: cover;
        right: 1.563vw;
        top: 1.563vw;
    }
    .ourwork .box__ p.inner_p{
        font-family: var(--font-family-Neue) !important;
        font-size: 0.885vw;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-gray-200);
        padding:0 0 0.7vw 0;
        margin: 0 0 0.7vw 0;
        height: 3vw;
        max-height: 3.8vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
      }

    .ourwork .box__ a{
        font-family:var(--font-family-Neue) !important;
        font-size: 0.885vw;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: var(--color-blue-100);
        text-transform: uppercase;
        margin-top: 0.5vw;
    }
    .ourwork .box__ a:hover{
        text-decoration: underline;
    }

    /* responsive */
    @media screen and (max-width : 1367px){
    .ourwork .box__{
        margin: 1.563vw 0.9vw 0px 0px;
    }

    .ourwork .box__ p.inner_p {
        height: 3.2vw;
    }
}
    @media screen and (max-width : 920px){
        .ourwork{
            padding: 13.813vw 10.469vw 13.813vw 10.469vw;
            }
            .ourwork h6{
                font-size: 3.902vw;
            }
             .ourwork .box__ h5{
                font-size: 3.902vw;
            }
            .ourwork h1{
                font-size: 12.195vw;
                padding-bottom: 9.756vw;
                padding-top: 1vw;
                line-height: 0.85;
            }
            .ourwork p{
                font-size: 4.146vw;
                padding-bottom: 4.878vw;
                padding: 0 0vw 5vw 0vw;
            }

            .ourwork .box__{
                width: 100%;
                height: auto;
                margin: 7.317vw 0 0px 0px;
                padding: 12.195vw 6vw 12.195vw 6vw;
                display: block;
            }
            .ourwork .box__:nth-child(3) , .ourwork .box__:nth-child(6) , .ourwork .box__:nth-child(9) , .ourwork .box__:nth-child(12){
                margin: 7.317vw 0 0px 0px;
            }
            .ourwork .box__:hover{
                transform:scale(1) ;
                -webkit-transform:scale(1) ;
                -moz-transform:scale(1) ;
                -ms-transform:scale(1) ;
                -o-transform:scale(1) ;
    }
            .ourwork .box__ h3{
                font-size: 7.317vw;
                padding-bottom: 14.634vw;
                padding-right: 32vw;
                height: 21vw;
                max-height: 30vw;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;

            }
            .ourwork .box__ img{
                width: 24.39vw;
                height: 24.39vw;
                right: 6vw;
                top: 11vw;
            }
            .ourwork .box__ p.inner_p{
                font-family: var(--font-family-Neue) !important;
                font-size: 4.146vw;
                padding:0 0 4.878vw 0;
                margin: 0 0 3.7vw 0;
                height: 16vw;
                max-height: 14.8vw;
              }

            .ourwork .box__ a{
                font-size: 4.146vw;
            }

    }

/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   end our work bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* *****************   start case study details bage body   ************* */
/* ********************************************************************** */
/* ********************************************************************** */

.caseStudyDetails{
padding: 3.646vw 10.469vw 7.292vw 10.469vw;
}
.caseStudyDetails_{
width: 45.469vw;
}
.caseStudyDetails .caseStudyDetails_ h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.8;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.caseStudyDetails .caseStudyDetails_ h1{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
    margin: 0;
    padding-top: 0.521vw;
    padding-bottom: 1.563vw;
}
.caseStudyDetails .caseStudyDetails_ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
}

.caseStudyDetails .name_{

}
.caseStudyDetails .caseStudyDetails_ .name_ span{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
}
.caseStudyDetails .caseStudyDetails_ .name_ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin: 0;
}
.caseStudyDetails .caseStudyDetails_ h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.875vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-top: 3.646vw;
    padding-bottom: 1.042vw;
    text-transform: uppercase;
    margin: 0;
}
.caseStudyDetails .caseStudyDetails_ h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-top: 2.5vw;
    padding-bottom: 1.5vw;
    margin: 0;
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_1{
    width: 100%;
    height: 21.094vw;
    padding: 2.604vw 0vw 2.604vw 2.083vw;
    background-color: var(--color-gray-300);
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_1 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
  }
.caseStudyDetails .caseStudyDetails_ .gray_bg_1 h4{
    font-family: var(--font-family-Saira) !important;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: 1.458vw;
    line-height: 0.89;
    color: var(--color-gray-200);
    padding-top: 1.042vw;
    margin: 0;
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_1 .box__{
display: inline-grid;
width: 12.708vw;
  height: 9.896vw;
  margin: 2.083vw 1.4vw 0 0;
  padding: 2.083vw 1.563vw;
  background-color: var(--color-white);
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_1 .box__ h5{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.917vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.7;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    margin: 0;
    padding: 0;


}
.caseStudyDetails .caseStudyDetails_ .gray_bg_1 .box__ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding-top: 1.563vw;
  }

.caseStudyDetails .caseStudyDetails_ .btw_{
padding-top: 3.646vw;
padding-bottom: 2.083vw;
}
.caseStudyDetails .caseStudyDetails_ .btw_ h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.875vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 0;
    padding: 0 0 2.083vw 0 ;
    text-transform: uppercase;
}
.caseStudyDetails .caseStudyDetails_ .btw_ h3{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
    margin: 0;
    padding-top: 2.083vw;
    padding-bottom: 0.521vw;
}
.caseStudyDetails .caseStudyDetails_ .btw_ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin: 0;
    padding: 0;
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_2{
    width: 45.469vw;
    height: 18.229vw;
    padding: 2.604vw 0vw 2.604vw 2.083vw;
    background-color: var(--color-gray-300);
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_2 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.458vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 0;
    padding: 0;
  }

.caseStudyDetails .caseStudyDetails_ .gray_bg_2 .box__{
    width: 12.708vw;
  height: 9.896vw;
  margin: 2.083vw 1.4vw 0 0;
  padding: 2.083vw 1.563vw  0.604vw 1.563vw;
  background-color: var(--color-white);
  display: inline-grid;

}
.caseStudyDetails .caseStudyDetails_ .gray_bg_2 .box__ h5{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    margin: 0;
    padding: 0;
}
.caseStudyDetails .caseStudyDetails_ .gray_bg_2 .box__ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin: 0;
    padding-top: 0.7vw;
  }


.caseStudyDetails .blue_bg{
    position: absolute;
    top: 21vw;
    right: 10.47vw;
    width: 25.313vw;
    height: fit-content;
    padding: 2.604vw 1.563vw 2.604vw;
    background-color: var(--color-blue-100);
}
.caseStudyDetails .blue_bg h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    position: relative;
    padding-right: 7vw;
    padding-bottom: 0.521vw;
    margin: 0;
}
.caseStudyDetails .blue_bg img{
    position: absolute;
    right: 1.563vw;
    top: 1.042vw;
    width: 7.76vw;
    height: 7.76vw;
    margin: 0 0 0.833vw 1.198vw;
    object-fit: cover;
}
.caseStudyDetails .blue_bg h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 1.042vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.7;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    margin: 0;
    padding-bottom: 0.26vw;
    padding-top: 2.083vw;
    text-transform: uppercase;
}
.caseStudyDetails .blue_bg p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.7;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    padding: 0.781vw 0 0 0;
    margin: 0;
}

    /* responsive */
    @media screen and (max-width : 920px){
        .caseStudyDetails{
            padding: 13.646vw 10.469vw 13.646vw 10.469vw;
            }
            .caseStudyDetails_ {
                width: 100%;
            }
            .caseStudyDetails .caseStudyDetails_  h6{
                font-size: 3.902vw;
            }
            .caseStudyDetails .caseStudyDetails_  h1{
                font-size: 12.195vw;
                padding-top: 1.5vw;
                padding-bottom: 4.563vw;
            }
            .caseStudyDetails  .caseStudyDetails_ p{
                font-size: 4.146vw;
            }
            .caseStudyDetails .name_ {
                padding-top: 4vw;
                padding-bottom: 4vw;
            }

            .caseStudyDetails  .caseStudyDetails_ .name_ span{
                font-size: 4.146vw;
            }
            .caseStudyDetails .caseStudyDetails_  .name_ p{
                font-size: 4.146vw;
            }
            .caseStudyDetails  .caseStudyDetails_ h3{
                font-size: 8.78vw;
                padding-top: 5vw;
                padding-bottom: 3.042vw;
            }
            .caseStudyDetails  .caseStudyDetails_ h5{
                font-size: 4.146vw;
                padding-top: 4.5vw;
                padding-bottom: 3.5vw;
            }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_1{
                width: 100%;
                height: auto;
                padding: 12.195vw 9.756vw;
            }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_1 h2{
                font-size: 11.6vw;
                line-height: 0.9;
              }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_1 h4{
                font-size: 9.5vw;
            }
            .caseStudyDetails  .caseStudyDetails_ .gray_bg_1 .box__{
            display: block;
            width: 59.512vw;
              height: 46.341vw;
              margin: 9.756vw 7.317vw 0 0;
              padding: 9.756vw 7.317vw;
            }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_1 .box__ h5{
                font-size: 13.659vw;

            }
            .caseStudyDetails  .caseStudyDetails_ .gray_bg_1 .box__ p{
                font-size: 4.146vw;
                padding-top: 6.5vw;
              }

              .caseStudyDetails .caseStudyDetails_ .btw_ {
                padding-top: 10.646vw;
                padding-bottom: 10.083vw;
            }
            .caseStudyDetails  .caseStudyDetails_ .btw_ h2{
                font-size: 8.78vw;
                line-height: 0.9;
            }
            .caseStudyDetails .caseStudyDetails_  .btw_ h3{
                font-size: 4.146vw;
                padding-top: 5.083vw;
                padding-bottom: 2.521vw;
            }
            .caseStudyDetails  .caseStudyDetails_ .btw_ p{
                font-size: 4.146vw;
            }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_2{
                width: 100%;
                height: auto;
                padding: 12.195vw 9.756vw; ;
            }
            .caseStudyDetails .caseStudyDetails_  .gray_bg_2 h2{
                font-size: 6.829vw;
              }

            .caseStudyDetails .caseStudyDetails_  .gray_bg_2 .box__{
                display: block;
            width: 59.512vw;
              height: 46.341vw;
              margin: 9.756vw 7.317vw 0 0;
              padding: 11.756vw 7.317vw;
            }
            .caseStudyDetails  .caseStudyDetails_ .gray_bg_2 .box__ h5{
                font-size: 13.659vw;
            }
            .caseStudyDetails  .caseStudyDetails_ .gray_bg_2 .box__ p{
                font-size: 4.146vw;
                padding-top: 6.7vw;
              }


            .caseStudyDetails .blue_bg{
                width: 81vw;
                height: fit-content;
                padding: 9.878vw 7.317vw 12.195vw;
                margin: 0;
                position: relative;
                top: 0;
                left: 0vw;
            }
            .caseStudyDetails .blue_bg h2{
                font-size: 11.6vw;
            }
            .caseStudyDetails .blue_bg img{
                width: auto;
                height: 27.341vw;
                top: 5.042vw;
            }
            .caseStudyDetails .blue_bg h6{
                font-size: 4.878vw;
                padding-bottom: 2vw;
                padding-top: 10.083vw;
            }
            .caseStudyDetails .blue_bg p{
                font-size: 4.146vw;
                padding: 2.781vw 0 0 0;
            }
    }

/* ********************************************************************** */
/* ********************************************************************** */
/* *****************   end case study details bage body   *************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* **********************   start about us bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* start section 1 */
.about_section1{
    padding: 3.125vw 10.469vw 3.125vw 10.469vw;
    position: relative;
    height: 28.125vw;
}
.about_section1 h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding-bottom: 0.521vw;
    padding-top: 4.69vw;
    text-transform: uppercase;
    margin: 0;
}
.about_section1 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 2.604vw;
     text-transform: uppercase;
     padding-right: 39vw;
     margin: 0;
}

.about_section1 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding-right: 43vw;
}
.about_section1 p strong,
.about_section1 p b{
        font-weight: bold;
}
.about_section1 img{
    width: 38.75vw;
    height: 21.875vw;
    object-fit: cover;
    position: absolute;
    top: 3.125vw;
    right: 10.469vw;
}

/* responsive  */
@media screen and (max-width : 920px){
    .about_section1{
        height: auto;
        margin: 10vw 10.469vw 10vw 10.469vw;
        padding: 0;
    }
    .about_section1 h6{
        font-size: 3.902vw;
        padding-bottom: 0.5vw;
        padding-right: 0;
    }
    .about_section1 h2{
        font-size: 9.9vw;
        padding-bottom: 82vw;
        padding-right: 0;
    }

    .about_section1 p{
        font-size: 4.146vw;
        padding-right: 0;
    }

    .about_section1 img{
        width: 100%;
        height: 65vw;
        top:  63vw;
        right: 0vw;
        margin: 0;
    }
    .about_section1 h2 span {
        padding-left: 1.5vw;
    }
}
/* end section 1 */

/* start section 2 */
.about_section2{
    padding: 5.729vw 10.469vw 5.146vw;
    background-color: var(--color-gray-300);
}
.about_section2 h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
     text-transform: uppercase;
     margin: 0;
     padding-bottom: 0.573vw;
}
.about_section2 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
    padding-right: 8vw;
    margin: 0;
}

.about_section2 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding-left: 0;
    margin: 0;
    padding-top: 0.573vw;
    padding-bottom: 1vw;
}
.about_section2 p span{
    font-weight: bold;

}

/* responsive  */
@media screen and (max-width : 920px){
    .about_section2{
        padding: 14vw 10.469vw 10vw 10.469vw;
    }
    .about_section2 h6{
        font-size: 3.902vw;
    }
    .about_section2 h2{
        font-size: 11.6vw;
        padding-right: 0vw;
    }

    .about_section2 p{
        font-size: 4.146vw;
        padding-left: 0;
        margin: 0;
        padding-top: 4.573vw;
    }

}
/* end section 2 */

/* start section 3 */
.about_section3{
    padding: 0 10.469vw;
    background-color: var(--color-blue-100);
    height: 25.573vw;
    position: relative;
}
.about_section3 h6{
    padding-top: 5.208vw;
    padding-bottom: 0.521vw;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    text-transform: uppercase;
    margin: 0;
}
.about_section3 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    padding-bottom: 2.604vw;
    text-transform: uppercase;
        padding-right: 36vw;
        margin: 0;
}
.about_section3 p{
    padding-bottom: 0vw;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    padding-right: 40.9vw;
    margin: 0;
}
.about_section3 img{
    position: absolute;
    width: auto;
    height: 21.573vw;
    top: 2vw;
    right: 10.469vw;
}

/* responsive  */
@media screen and (max-width : 920px){
    .about_section3{
        padding: 0 10.469vw;
        height: auto;
    }
    .about_section3 h6{
        padding-top: 14.2vw;
        padding-bottom: 0.439vw;
        font-size: 3.902vw;
        padding-right: 0;
    }
    .about_section3 h2{
        font-size: 11.6vw;
        padding-bottom: 75.195vw;
        padding-right: 0;
    }
    .about_section3 p{
        padding-bottom: 14.2vw;
        font-size: 4.146vw;
        padding-right: 0;
    }
    .about_section3 img{
        top: 72vw;
        right: 10.2vw;
        width: 79vw;
    height: 62.573vw;
    }
}
/* end section 3 */

/* start section 4 */
.about_section4{
    padding: 5.208vw 10.469vw;
    position: relative;
}
.about_section4 h6{
    font-family: var(--font-family-Neue) !important;
  font-size: 0.833vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-blue-100);
  padding-top: 2.083vw;
  padding-bottom: 0.521vw;
  margin: 0;
  text-transform: uppercase;
}
.about_section4 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 2.604vw;
    text-transform: uppercase;
    margin: 0;
    padding-right: 5vw;

}
.about_section4 h2 span {

    margin-right: 0;
    padding-right: 0;


}
.about_section4 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding-right: 2vw;
}

.about_section4 .box_{
    display: inline-grid;
    width: 11.875vw;
    height: 16.875vw;
    margin: 0vw 0.8vw 0vw 0vw;
    padding: 2.604vw 0.9vw 2.083vw;
    background-color: var(--color-blue-100);
}
.about_section4 .box_:last-child{
    margin: 0vw 0 0vw 0vw;
}
.about_section4  .box_ img{
    width: 3.854vw;
    height: 3.854vw;
    margin: 0 2.969vw 3.125vw;
    object-fit: cover;
}
.about_section4  .box_ h5{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.354vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
    text-transform: uppercase;
}
.about_section4  .box_ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-gray-400);
    padding: 0;
    margin: 0;
}

/* responsive  */
@media screen and (max-width : 1100px){
.about_section4 .box_ {
    margin: 0vw 0.8vw 0vw 0vw;
}
}
@media screen and (max-width : 920px){
    .about_section4{
        padding: 14vw 10.469vw;
    }
    .about_section4 h6{
      font-size: 3.902vw;
      padding-bottom: 0.439vw;
      margin: 0;
    }
    .about_section4 h2{
        font-size: 11.6vw;
        padding-bottom: 8.195vw;
        padding-right: 0;

    }

    .about_section4 p{
        font-size: 4.146vw;
        padding-right: 0;
    padding-bottom: 9vw;
    }

    .about_section4 .box_ {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom:4.14vw !important;
        text-align: center;
        padding: 10.604vw 7.9vw 10.083vw;
    }
    .about_section4 .box_ img{
        width: 74px;
        height: 74px;
        margin: 0 57px 10vw;
    }
    .about_section4  .box_ h5{
      font-size: 26px;
    }
    .about_section4  .box_ p{
        font-size: 4.146vw;
      }
}
/* end section 4*/

/* start section 5 */
.about_section5{
    padding: 4.688vw 10.469vw;
    background-color: var(--color-gray-300);
}
.about_section5 .box__{
    display: inline-grid;
    width: 18.594vw;
    height: 14.427vw;
    margin: 0 1.1vw 0 0;
    padding: 2.604vw 2.083vw 4.01vw;
    background-color: var(--color-white);
}
.about_section5 .box__:last-child{
    margin: 0 0vw 0 0;
}
.about_section5 .box__{
    display: inline-grid;
    width: 18.594vw;
    height: 14.427vw;
    margin: 0 1.1vw 0 0;
    padding: 2.604vw 2.083vw 4.01vw;
    background-color: var(--color-white);
}
.about_section5 .box__ h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 4.5vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding-bottom: 1.646vw;
    margin: 0;
}
.about_section5 .box__ h5{
    font-family: var(--font-family-Neue) !important;
  font-size: 1.146vw;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-black);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

/* responsive  */
@media screen and (max-width : 1367px){
.about_section5 .box__{
    margin: 0 1vw 0 0;
}
}
@media screen and (max-width : 920px){
    .about_section5{
    padding: 14.688vw 10.469vw;
}
.about_section5 .box__{
    width: 100%;
    height: auto;
    margin-bottom: 4.14vw !important;
    padding: 12.195vw 9.756vw 18.78vw;
}
.about_section5 .box__ h3{
    font-size: 13.659vw;
    padding-bottom: 17.073vw;
    margin: 0;
}
.about_section5 .box__ h5{
  font-size: 5.366vw;
  color: var(--color-black);
}
}

/* end section 5 */

/* start section 6 */
.about_section6{
    padding: 4.688vw 10.469vw 5.208vw 10.469vw;
}
.about_section6 h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding-bottom: 0.521vw;
    text-transform: uppercase;
    margin: 0;
}
.about_section6 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 1.042vw;
    margin: 0;
    text-transform: uppercase;
}

.about_section6 .row .change_bg_{
    padding: 0.521vw 0.521vw 0 0;
}
.about_section6 .row .change_bg{
    padding: 0;
    position: relative;
    cursor: pointer;
    height: 19.8vw;
    background-color: var(--color-black);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.about_section6 .row .change_bg:hover{
    background-color: var(--color-blue-100);
}

.about_section6 .row .change_bg:hover img{
    display: none;
}

.about_section6 .row .change_bg img{
    width: 19.51vw;
    height: 12.031vw;
    object-fit: cover;
}
.about_section6 .row .change_bg .black_bg{
    padding: 1.302vw 1.302vw 1.563vw 1.302vw;

}

.about_section6 .row .change_bg:hover .black_bg{
    padding: 1.302vw 1.563vw 1.563vw 1.563vw;
}

.about_section6 .row .change_bg .black_bg h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    padding-bottom: 1.042vw;
    margin: 0;
}
.about_section6 .row .change_bg .black_bg h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.667vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    padding:0 5.208vw 0 0;
    text-transform: uppercase;
    margin: 0;
}
.about_section6 .row .change_bg:hover .black_bg h2{
    padding-right: 0px;
}

.about_section6 .row .change_bg .black_bg p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-400);
    display: none;
    padding-top: 1.563vw;

}
.about_section6 .row .change_bg .black_bg .read{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-white);
    text-decoration: none;
    display: none;
    position: absolute;
    bottom: 1.6vw;
    left: 1.7vw;
    text-transform: uppercase;
}
.about_section6 .row .change_bg .black_bg .read:hover{
    text-decoration: underline;
}
.about_section6 .row .change_bg:hover .black_bg p{

    height:8vw;
    max-height: 8.5vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.about_section6 .row .change_bg:hover .black_bg .read{
    display: block;
}
.about_section6 .row .change_bg .black_bg .svg_ {
    position: absolute;
    bottom: 1.4vw;
    right: 1.302vw;
    padding: 0;
    margin: 0;
}

.about_section6 .row .change_bg .black_bg .svg_ svg{
    width: 1.458vw;
    height: 1.458vw;
    margin: 0 0.15vw 0 0;
    padding: 0;

}

.about_section6 .row .change_bg .black_bg .svg_ svg path{
    fill: var(--color-blue-100);
}
.about_section6 .row .change_bg:hover .black_bg .svg_ svg path{
    fill: var(--color-white);
}

/* responsive  */
@media screen and (max-width : 920px){
    .about_section6{
    padding: 14.688vw 10.469vw 14vw 10.469vw;
}
.about_section6 h6{
    font-size: 3.902vw;
    padding-bottom: 0.5vw;
}
.about_section6 h2{
  font-size: 12.195vw;
padding-bottom: 7vw;
margin: 0;
}
.about_section6 .row .change_bg{
    margin: 4.439vw 2vw 0 2vw;
    padding: 0;
}
.about_section6 .row .change_bg {
    height: auto;
}

.about_section6 .row .change_bg img{
    width: 100%;
  height: 56.341vw;
}
.about_section6 .row .change_bg .black_bg{
    padding: 6.098vw 6.098vw 7.317vw 6.098vw;
}
.about_section6 .row .change_bg:hover .black_bg{
    padding:6.098vw 7.317vw 6.098vw 7.317vw;
}
.about_section6 .row .change_bg .black_bg h5{
    font-size: 4.146vw;
    padding-bottom: 5vw;
}
.about_section6 .row .change_bg .black_bg h2{
    font-size: 7.805vw;
    padding-right: 24.39vw;
  }
.about_section6 .row .change_bg:hover .black_bg h2{

    padding-right: 0px;
  }
.about_section6 .row .change_bg .black_bg p{
    padding: 5vw 0 8vw 0;
    font-size: 4.146vw;
}
.about_section6 .row .change_bg .black_bg .svg_ {
    bottom: 7.317vw;
    right: 6.098vw;
}
.about_section6 .row .change_bg .black_bg .svg_ svg path{}
.about_section6 .row .change_bg .black_bg .svg_ svg {
    width: 6.458vw;
    height: 6.458vw;
    margin: -3vw 0.15vw 0 0;
}
}
/* end section 6 */

/* start section 7 */
.about_section7{
    padding: 4.635vw 10.469vw 3.125vw 10.469vw;
    background-color: var(--color-gray-300);
}
.about_section7 h6{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding-bottom: 0.521vw;
    margin: 0;
    text-transform: uppercase;
}
.about_section7 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    padding-bottom: 2.604vw;
    margin: 0;
    text-transform: uppercase;
}

.about_section7 #carouseAbout .item{
    background-color:var(--color-white);
    padding: 1.042vw 2.083vw  2.083vw 2.083vw;
    margin: 0;
    position: relative;
}

.about_section7 #carouseAbout .item img{
    width: auto;
    height: 4.271vw;
    object-fit: contain;
    margin: 0 auto;
    margin-bottom: 3.646vw;
}
.about_section7 #carouseAbout .item h3{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.354vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    position: relative;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.about_section7 #carouseAbout .item h3::after{
    position: absolute;
    content: "";
    right: 0;
    background-image: url('../image/Pathcoma.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width:3.281vw ;
    height:2.604vw ;
}

.about_section7 #carouseAbout .item h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.85;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    padding: 0.521vw 0 1.563vw 0;
    margin: 0;
}

.about_section7 #carouseAbout .item p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.86vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin: 0;
    padding: 0;
}

.about_section7 #carouseAbout .owl-nav button.owl-next,.about_section7 #carouseAbout .owl-nav button.owl-prev {
    display: none;
}

.about_section7 #carouseAbout button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
    font: inherit;
}

.about_section7 .owl-theme .owl-dots .owl-dot.active span,.about_section7  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-blue-100);
}
.about_section7 .owl-theme .owl-dots .owl-dot span {
    width: 2.083vw;
    height: 0.521vw;
    flex-grow: 0;
    margin: 2.5vw 0.391vw  0vw 0.391vw;
    background: var(--color-gray-500);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
/* responsive  */
@media screen and (max-width : 920px){
    .about_section7{
        padding: 89px 10.469vw 10vw 10.469vw;
    }
    .about_section7 h6{
      font-size: 3.902vw;
      padding-bottom: 2.439vw;
      margin: 0;
    }
    .about_section7 h2{
      font-size: 11.6vw;
      color: var(--color-black);
      padding-bottom: 12.195vw;
      margin: 0;

    }


    .about_section7 #carouseAbout .item{
        margin-top: 4.083vw;
        padding: 10.042vw 5.083vw 10.083vw 5.083vw;
    }

    .about_section7 #carouseAbout .item img{
        width: auto;
        height: 20vw;
        object-fit: contain;
        margin: 0 auto;
        margin-bottom: 6.646vw;

    }
    .about_section7 #carouseAbout .item h3{
        font-size: 6.341vw;
    }
    .about_section7 #carouseAbout .item h3::after{
        position: absolute;
        content: "";
        right: 0;
        background-image: url('../image/Pathcoma.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 13.366vw;
        height: 10.195vw;
    }

    .about_section7 #carouseAbout .item h5{
        font-size: 4.146vw;
        padding: 1.521vw 0 6vw 0;
    }

    .about_section7 #carouseAbout .item p{
        font-size: 4.146vw;
    }
    .about_section7 .owl-theme .owl-dots .owl-dot span {
        width: 4.1vw;
        height: 1vw;
    }

}
/* end section 7 */

/* start section 8 */
.about_section8{
    padding: 7.292vw 22.292vw 7.292vw 22.292vw;
    text-align: center;
}
.about_section8 img{
    width: 7.552vw;
    height: 1.771vw;
    flex-grow: 0;
    margin: 0 0 3.125vw 0;
    object-fit: contain;
}
.about_section8 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 3.646vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-black);
    margin: 0;
    padding-bottom: 1.563vw;
    text-transform: uppercase;
}

.about_section8 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-gray-200);
    padding-bottom: 2.604vw;
    margin: 0;
}

/* responsive  */
@media screen and (max-width : 920px){
    .about_section8{
        padding: 14vw 10.469vw 14vw 10.469vw;
    }
    .about_section8 img{
        width: 35.366vw;
        height: 8.293vw;
        margin: 0 0 10vw 0;
    }
    .about_section8 h2{
        font-size: 13vw;
        margin: 0;
        padding-bottom: 7.317vw;
    }
    .about_section8 p{
        font-size: 4.146vw;
        padding-bottom: 12.195vw;
        margin: 0;
    }
}

/* end section 8 */
/* ********************************************************************** */
/* ********************************************************************** */
/* **********************   end about us bage body   ******************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   start contact us bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* start contactSection1 */
.contactSection1{
    padding: 3.125vw 10.469vw 3.125vw 10.469vw;
    position: relative;
}
.contactSection1 h6{
    padding: 1.042vw 0 10px 0;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-blue-100);
    margin: 0;
    text-transform: uppercase;
}
.contactSection1 h2{
    font-family: var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 0;
    padding-bottom: 1.563vw;
    text-transform: uppercase;
    padding-right: 2vw;
}
.contactSection1 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding-right: 6vw;
}
.contactSection1 p span{
    font-weight: bold;
}
.contactSection1 h5{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 0;
    padding: 2.083vw 0 1.042vw 0;
    text-transform: uppercase;
}

.contactSection1 .loc span{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
}
.contactSection1 .loc span:nth-child(2){
    padding-left:1.042vw ;
}
.contactSection1 .loc span.bold_{
    font-weight: bold;
}
.contactSection1 .loc p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-stretch: 300;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-weight: normal;
    color: var(--color-gray-200);
}
.contactSection1 .loc a{

    color: var(--color-blue-100);
    font-weight: bold;
    text-decoration: none;
    padding-left: 0.5vw;
}
.contactSection1 .loc a:hover{
    text-decoration: underline;
}
.contactSection1 iframe{
    width: 38.75vw;
    height: 21.875vw;
}
/* responsive */
@media screen and (max-width : 920px){
    .contactSection1{
        padding: 13.125vw 10.469vw 13.125vw 10.469vw;
    }
    .contactSection1 h6{
        padding: 4.878vw 0 0.439vw 0;
        font-size: 3.902vw;
    }
    .contactSection1 iframe{
        width:100%;
        height: 102.439vw;
        margin-top: 5vw;
    }
    .contactSection1 h2{
        font-size: 11vw;
        padding-bottom: 7.317vw;
        padding-right: 0vw;
    }
    .contactSection1 p{
        font-size: 4.146vw;
        padding-right: 0vw;
    }

    .contactSection1 h5{
        font-size: 4.146vw;
        padding: 9.756vw 0 4.878vw 0;
    }

    .contactSection1 .loc span{
        font-size: 4.146vw;
    }
    .contactSection1 .loc span:nth-child(2){
        padding-left:0vw ;
    }
    .contactSection1 .loc p{
        font-size: 4.146vw;
    }
    .contactSection1 .loc a {
        padding-left: 1.5vw;
    }

}
/* end contactSection1 */

/* start contactSection2 */
.contactSection2{
    padding: 5.208vw 10.469vw;
    background-color: var(--color-gray-300);
}
.contactSection2 h2{
    font-family:var(--font-family-Saira);
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    text-transform: uppercase;
}
.contactSection2 .box__{
    width: 18.2vw;
    height: 14.479vw;
    margin: 2.083vw 1.628vw 0 0;
    padding: 0 0 1.563vw;
    background-color: #fff;
    position: relative;
    display: inline-grid;
}
.contactSection2 .box__:last-child{
    margin: 2.083vw 0vw 0 0;
}
.contactSection2 .box__ img{
    width: 18.2vw;
    height: 8.854vw;
    margin: 0 0 1.302vw;
    object-fit: cover;
}
.contactSection2 .box__ h4{
    font-family: var(--font-family-Saira) !important;
    font-size: 1.458vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
  padding: 0 0 0.521vw 1.042vw;
  text-transform: uppercase;
  margin: 0;
}
.contactSection2 .box__ p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.833vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    padding: 0 0 0 1.042vw;
    width: 14vw;
    max-width: 22.5vw;
    height: 1vw;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.contactSection2 .box__ svg{
    width: 1.9vw;
    height: 1.9vw;
    object-fit: contain;
    position: absolute;
    top: 11vw;
    right:1.042vw ;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.contactSection2 .box__ svg:hover path{
   fill: var(--color-black);
}
.contactSection2 .box__ svg:hover{
}
/* responsive */
@media screen and (max-width : 1367px){
.contactSection2 .box__{
    margin: 2.083vw 1.55vw 0 0;
}
}
@media screen and (max-width : 920px){
    .contactSection2{
        padding: 14vw 10.469vw;
    }
    .contactSection2 h2{
        font-size: 12.195vw;
    }
    .contactSection2 .box__{
        width: 100%;
        height: auto;
        margin: 9.756vw 7.317vw 0 0;
        padding: 0 0 7.317vw;
    }
    .contactSection2 .box__:last-child {
    margin: 9.756vw 0vw 0 0;
}
    .contactSection2 .box__ img{
        width: 100%;
        height: 42.463vw;
        margin: 0 0 6.098vw;
    }
    .contactSection2 .box__ h4{
        font-size: 6.098vw;
      padding: 6.098vw 0 2.439vw 7.317vw;
    }
    .contactSection2 .box__ p{
        font-size: 4.146vw;
        padding: 0 20vw 0 7vw;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;

        width: 100%;
        max-width:100%;
        height: auto;

    }
    .contactSection2 .box__ svg{
        width: 12.268vw;
        height: 12.268vw;
        top: 51.756vw;
        right: 6.878vw;
    }
}
/* end contactSection2 */

/* start contactSection3 */
.contactSection3{
    padding: 5.208vw 10.469vw 7.292vw 10.469vw;
}
.contactSection3 h2{
    font-family:var(--font-family-Saira) !important;
    font-size: 2.604vw;
    font-weight: 800;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.92;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    margin: 0;
    padding-bottom: 2.604vw;
    padding-top: 2.344vw;
    text-transform: uppercase;
    padding-right: 6vw;
    }
.contactSection3 p{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-200);
    margin: 0;

}
.contactSection3 p span{
    font-weight: bold;
}
.contactSection3 .input_ {
    display: inline-flex;
}
.contactSection3 .input_ input[type='text']{
    width: 38.75vw;
    height: 3.125vw;
    margin: 0vw 0vw 1.042vw 0;
    padding: 1.146vw 0 1.146vw 0.781vw;
    border: solid 1px var(--color-gray-500);
    background-color: #fff;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    outline: none;
}
.contactSection3 .input_ input[type='text']::placeholder ,
.contactSection3 .input_.input__ input[type='email']::placeholder,
.contactSection3 .input_.input__ input[type='tel']::placeholder,
.contactSection3 .input_ textarea::placeholder
{
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-gray-100);
    outline: none;
}
.contactSection3 .input_.input__ input[type='email']{
    width:18.854vw;
    height: 3.125vw;
    margin: 0vw 1.042vw 1.042vw 0;
    padding: 1.042vw 0 1.146vw 0.781vw;
    border: solid 1px var(--color-gray-500);
    background-color: #fff;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    outline: none;
}
.contactSection3 .input_.input__ input[type='tel']{
    width: 18.854vw;
    height: 3.125vw;
    margin: 0vw 0vw 1.042vw 0vw;
    padding: 1.042vw 0 1.146vw 0.521vw;
    border: solid 1px var(--color-gray-500);
    background-color: #fff;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    outline: none;
  }

.contactSection3 .input_ .input_text{
    width: 29.01vw !important;
    height: 5.729vw !important;
    margin: 0vw 1.042vw 0vw 0 !important;
    padding: 0.781vw 0.781vw 0.781vw 0.781vw !important;
    border: solid 1px var(--color-gray-500);
    background-color: #fff;
    font-family: var(--font-family-Neue) !important;
    font-size: 0.781vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--color-black);
    outline: none;
    overflow: hidden;
}

.contactSection3 .input_ input[type='submit']{
    width: 8.698vw;
    height: 5.729vw;
    flex-grow: 0;
    margin:0vw 0 0 0;
    padding: 2.344vw 1.406vw 2.292vw 1.458vw;
    background-color: var(--color-blue-100);
    font-family: var(--font-family-Neue) !important;
    font-size: 0.885vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-white);
    text-transform: uppercase;
    border: none;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.contactSection3 .input_ input[type='submit']:hover{
    background-color:  var(--color-black);

}

.contactSection3 .error_b {
    position: relative;

}
.contactSection3 .error-text {
position: absolute;
    font-family: var(--font-family-Neue) !important;
    left: 0.7vw;
    font-size: 0.7vw;
    bottom: 0;

}

.contactSection3 .error-text.x_ {
        bottom: -0.7vw;

    }

/* responsive */
@media screen and (max-width : 920px){
    .contactSection3{
        padding: 14vw 10.469vw 14vw 10.469vw;
    }
    .contactSection3 h2{
        font-size: 12.195vw;
        padding-bottom: 12.195vw;
        padding-top: 0;
        padding-right: 0;
        }
    .contactSection3 p{
        font-size: 4.146vw;
        padding-right: 0;
        padding-bottom: 3vw;

    }
    .contactSection3 .input_ {
        display: block;
    }
    .contactSection3 .input_ input[type='text']{
        width: 100%;
        height: 14.634vw;
        padding: 4.878vw 0 5.366vw 3.659vw;
        font-size: 3.659vw;
        margin-top: 5vw;
    }
    .contactSection3 .input_ input[type='text']::placeholder ,
    .contactSection3 .input_.input__ input[type='email']::placeholder,
    .contactSection3 .input_.input__ input[type='tel']::placeholder,
    .contactSection3 .input_ textarea::placeholder
    {
        font-size: 3.659vw;
    }
    .contactSection3 .input_.input__ input[type='email']{
        width: 100%;
        height: 14.634vw;
        padding: 4.878vw 0 5.366vw 3.659vw;
        font-size: 3.659vw;
        margin-top: 5vw;

    }
    .contactSection3 .input_.input__ input[type='tel']{
        width: 100%;
        height: 14.634vw;
        padding: 4.878vw 0 5.366vw 3.659vw;
        font-size: 3.659vw;
        margin-top: 5vw;
        background-image: url(../image/);
      }

    .contactSection3 .input_ .input_text{
        width: 100% !important;
        height: 35.634vw !important;
        padding: 3.659vw 0 3.659vw 3.659vw !important;
        font-size: 3.659vw;
        margin-top: 5vw !important;
    }
    .contactSection3 .input_ .input_text::placeholder
    {
        padding-top: 2vw !important;
    }
    .contactSection3 .input_ input[type='submit']{
        width: 100%;
        height: 14.634vw;
        padding: 0 6.098vw 0 6.098vw;
        font-size: 4.146vw;
        margin-top: 5vw;
    }

    .contactSection3 .error-text {
        left: 0.7vw;
        font-size: 2.7vw;
        bottom: -4vw;

        }
}
/* end contactSection3 */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************   end contact ue bage body   ****************** */
/* ********************************************************************** */
/* ********************************************************************** */


.place-card , .place-card-large {
    display: none !important;
}
.gm-style .place-card, .gm-style .default-card, .gm-style .directions-card {
    cursor: default;
    display: none !important;
}

.mt_7{
    margin-top: 7vw;

}


.hidden-section {
    display: none;
}

span.blue {
    color: var(--color-blue-100);
}


 strong,
 b{
        font-weight: bold;
}