*{
        margin: 0;
        padding: 0;
        border: none;
        outline: none !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        text-decoration: none !important;
        outline: none !important;
        width: auto;
    }




/************VARIABLE CSS***********/
/************VARIABLE CSS***********/
:root {
     --bs-gutter-ys: 0;
  --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #fcb814;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
  --main-bg-color: #fff; 
  --main-text-color:#fff; 
  --main-font-size: 16px; 
  --main-font-weight: 400; 
  --main-line-height: 25px; 
  
  --font-paragraph:'Montserrat', sans-serif;
 --themecolor:#df2020;
  --preloder-color:#00aeff;
  --preloder-animeshan-color:#fff;
  --humbarger-color:#00aeff;
  --dark-color:#313946;
  --light-color:#ffffff;
  --heading-color:#111111 ;
  --color-green:#1fbf54;

     scroll-behavior: smooth;
    scroll-padding-top: 4rem;
}

.color-white-global{
  background-color: var(--light-color) !important;
  color: var(--heading-color) !important;
}

@font-face {
    font-family: 'Conthrax Sb';
    src: url('../../assets/fonts/ConthraxSb-Regular.woff2') format('woff2'),
    url('../../assets/fonts/ConthraxSb-Regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




.conthrax {
     font-family: 'Conthrax Sb';
    font-weight: 600;
    font-style: normal;
}



.montserrat{

font-family: 'Montserrat', sans-serif !important;
}





/************VARIABLE CSS***********/
/************VARIABLE CSS***********/

body {
  font-family: var(--font-paragraph);
    font-weight:var(--main-font-weight);
  font-size:var(--main-font-size);
  color:var(--main-text-color);
  line-height:var(--main-line-heigh);
  background: var(--main-bg-color);
  letter-spacing: 0.4px;
  margin:0px;
  padding: 0px;
  font-weight: normal;
  font-style: normal;

font-family: 'Montserrat', sans-serif;

  
}
p:empty{
  display: none !important;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
}
ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
a, a:hover, a:focus{
  text-decoration: none;
}
ol {
    list-style: decimal inside;
}

.h1, .h2, .h3, h1, h2, h3,h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Conthrax Sb';
}

p {
    margin: 0;
    padding: 0;
  
    font-family: var(--font-paragraph);
}
b,
strong {
    font-weight: 800;
}
blockquote {
    margin: 0;
    padding: 0;
    border: none;
}
a,
a:hover,
a:visited {
    color: #DC1B0F;
}
::selection {
  background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}
a:focus,p:focus,div:focus,input:focus,textarea:focus,submit:focus,button:focus{
  outline:none;
  
}



/**************theme sacting*******/
.swich0{
  display: none !important;
}
.swich1{
  display: block;
}

/*****************
Typography
*****************/
.h1 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 800 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-titel) !important;
}

.h2 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-titel) !important;
    letter-spacing: -0.5px;
}

.h3 {
     margin: 0px !important;
    padding: 0px !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    color: #0d141e !important;
    text-transform: uppercase;
    line-height: 35px;
    font-family: var(--font-family) !important;
    letter-spacing: -0.5px;

}
.h4 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0d141e !important;
    text-transform: capitalize;
    line-height:27px;
    font-family: var(--font-titel) !important;
}
.h5 {
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0d141e !important;
    text-transform: capitalize;
    line-height:27px;
    font-family: var(--font-titel) !important;
}

.font-size p,.font-size a {
    font-size: 13px !important;
    font-weight: 500;
 
}

.font-size2 p {
    font-size: 18px;
    font-weight: 300;
    color: #6a6a6a;

    font-family: var(--font-paragraph);
}
.font-bold {
    font-weight: 800;
  
}
.font-semibold {
    font-weight: 700;
}
.font-mediumbold {
    font-weight: 600;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-italic {
    font-style: italic;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-justify {
    text-align: justify;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.color-white{
  color: #fff !important;
}
.color-white p,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white ul li,
.color-white ul li a{
  color: #fff !important;
}
p {
    font-size: 25px;
    color: #3a3a3a;
  letter-spacing: 2.5px;
    font-weight: 500;
    line-height: 35px;
}

.letter-spacin-0{
  letter-spacing: 0px;
}
.letter-spacin-1{
  letter-spacing: 1px;
}
.letter-spacin--1{
  letter-spacing: -1px;
}

.image-shadow img{
  box-shadow: 0px 0px 30px #ccc;
}

.relativ-class{
  position: relative;
}

/*****************
Typography
*****************/
/***************
VISUL CLASS
*************/
.overflow-visible{
  overflow: visible !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.box-shadow { box-shadow:0px 0px 40px rgba(2, 2, 2, 0.18);
}

.no-shadow{
  box-shadow: none !important;
}

/***************
VISUL CLASS
*************/


/***************
page scrool
**************/
.scrollup {
    right: -45px;
    position: fixed;
    border-radius: 0px;
     bottom: 40px;
    width: 45px;
    height: 45px;
    z-index: 9999;
   text-align: center;
   line-height: 45px;
   color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
     background-color: rgba(12, 1, 1, 0.7);
}
.scrollup.actives {
    bottom: 40px;
    right: 0px;
}
.scrollup:hover {
    background-color:#00ceff;
}

/***************
page scrool
***************/



.section {
    width: 100%;
overflow: hidden;
}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/

.nav{
}
#pull{display:none;}
.nav > ul{
 

  
    

}


.nav > ul > li:last-child:after{
  content: "";

}

.nav > ul > li{position:relative;display:inline-block;vertical-align:top;width:auto;height:auto;
  margin:0px 30px 0px 0px;}
.nav > ul > li:last-child,
.nav > ul > li:only-child{margin:0px 0px 0px 0px}
.nav > ul > li::before {
position: absolute;
    bottom: 14px;
    left: -9%;
    z-index: 0;
    content: " ";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
 
}
.nav > ul > li:hover:before,
.nav > ul > li.current-menu-item:before,
.nav > ul > li.current-menu-parent:before,
.nav > ul > li.current-menu-ancestor:before{transform:scaleX(1);-webkit-transform:scaleX(1);}

.nav > ul > li > a {

     font-family: 'Conthrax Sb';
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
    padding: 5px 6px 5px 7px;

    font-weight:600;
    font-size: 16px;
color:#fff; 
  line-height: 23px;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.nav > ul > li > a i{ font-size: 16px;}
.nav > ul > li:hover > a,
.nav > ul > li.current-menu-item > a,
.nav > ul > li.current-menu-parent > a,
.nav > ul > li.current-menu-ancestor > a{ color:#fff; }
.nav > ul > li > ul{position:absolute;top:100%;
  left:0;z-index:9999;width:240px;height:auto;padding:3px 0px 0px 0px;
  background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul,
.nav > ul > li:nth-last-child(2) > ul{left:auto;right:0;}
.nav > ul > li:hover > ul{top:100%;opacity:1;visibility:visible;}
.nav > ul > li > ul > li,
.nav > ul > li > ul > li > ul > li{position:relative;width:100%;height:auto;float:left;}
.nav > ul > li > ul > li > a,
.nav > ul > li > ul > li > ul > li > a{display:block;width:auto;height:auto;padding:2px 15px 1px 15px;
  background:#2a3e60;

  border-top:1px #324669 solid;
  text-transform:uppercase;
  font-weight:500;font-size:12px;
  color:#fff;line-height:18px;cursor:pointer;
  transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:hover > ul > li > a,
.nav > ul > li:hover > ul > li > ul > li > a{padding:9px 15px 10px 15px;}
.nav > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li.current-menu-parent > a,
.nav > ul > li > ul > li > ul > li:hover > a,
.nav > ul > li > ul > li > ul > li.current-menu-item > a,
.nav > ul > li > ul > li > ul > li.current-menu-parent > a{background:#df2020;}
.nav > ul > li > ul > li > ul{position:absolute;top:10%;left:100%;z-index:9999;width:240px;height:auto;background:none;text-align:left;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.nav > ul > li:last-child > ul > li > ul,
.nav > ul > li:nth-last-child(2) > ul > li > ul{left:auto;right:100%;}
.nav > ul > li > ul > li:hover > ul{top:0;opacity:1;visibility:visible;}

/*+++++++++++++++++NAV MENU+++++++++++++++++++*/


/****************
START HEADER PART
****************/

 .sticky{
   padding:0px 0px;
    position: fixed !important;
    /*-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;*/
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999 !important;
 background: rgb(40 39 39);
}
.sticky0{
	position:absolute !important;
}

.header{
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 0px;
  top:0px;
  
    transition: all 0.3s;
}
.head-top-part{
  width: 100%;
  padding: 15px 0px;
}

.menubars{
  background: #e1eaf4;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 25px 0px;
}
.menubars2{
width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 0px 30px 0px;
    transition: all 0.3s;

}
.sticky .menubars2{
   background-color:#008080;
   padding: 10px 0px 10px 0px;
}

.logo {
    position: relative;
    max-width: 255px;
   
}

 .home-banner{
    padding: 190px 0px;
    background-size: cover !important;
 }
 .slide-content h1{
font-size: 52px;
line-height: 62px;
font-weight: 700;
color: var(--dark-color);
 margin-bottom: 20px;
 }
 .slide-content p{
    font-size: 17px;
    color: #2f2e2e;
    line-height: 26px;
    margin-bottom: 28px;
    letter-spacing: 0.2px;
 }



/****************
END HEADER PART
****************/

/***************MPBILE MENU***********/




.box{
    width: 250px;
    height: 100vh;
    background-color: #000;
    position: fixed;
    text-align: left;
    z-index: 1;
    opacity: 0;
    left: -500px;
    pointer-events: none;
    transition: 0.4s;
    z-index: 99999;
    top:0;
}
.active_box{
    opacity: 1;
    left: 0px;
    pointer-events: fill;
}
.menu_icon_box{
    z-index: 2;
    width: fit-content;
    height: auto;
    
    margin: 0;
    position: relative;
    border-radius: 0;
    cursor: pointer;
    display: none;
}
.line1 , .line2 , .line3{
    width: 28px;
    height: 2px;
    margin: 10px 8px;
    background-color: #fff;
    border-radius: 50px;
    transition: 0.2s;
}
.line2 {
    width: 24px;
}
.activem .line1{
      transform: translate(0px , 10px)rotate(44deg);
}
.activem .line2{
    opacity: 0;
}
.activem .line3{
    transform: translate(0px , -15px)rotate(-45deg);
}

.box  {
   
}
.nav-hed{
    width: 100%;
    text-align: center;
    margin-top: 10px;

}
.nav-hed .logo{
     display: inline-block;
 
    padding: 10px;
  
}
.mobile-menu {
margin-top: 20px;
}
.mobile-menu  li{
width: 100%;
display: inline-block;
}
.mobile-menu  li a{
border-bottom: 1px solid #222222;
    padding: 15px 10px;
    color: #fff;
    width: 100%;
display: inline-block;
font-family: 'Conthrax Sb';
text-align: center;
}

.header-info-mob  li{
width: 100%;

display: inline-block;
}
.header-info-mob  li a{
  border-bottom: 1px solid #222222;
    padding: 15px 10px;
    color: #fff;
    width: 100%;
display: inline-block;
}


/***************MPBILE MENU***********/
/***************************
BANNE
***************************/





.pic{
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;

}

.pic > img{
  width: 100%;
}
.pic > .holder{
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;

       object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: -webkit-transform 20s ease-out;
    transition: transform 20s ease-out;
    transition: transform 20s ease-out,-webkit-transform 20s ease-out;
    -webkit-transition: -webkit-transform 20s ease-out;
}
.pic:hover > .holder {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.position-absolute{
    position: absolute;
}
.position-relative{
    position: relative;
}





/**************
footer
**************/


/***************************
RESPONSIVE
***************************/
.top-head {
display: inline-block;
vertical-align: top;
width: 100%;
background:transparent;
position: absolute;
left: 0px;
z-index: 10;
top:0px;


}
.banner-main{
    background-color: #008080;
}
.banner-height{
    width: 100%;
 padding-top: 300px;
 padding-bottom: 300px;
}
.banner-text h1{
     font-family: 'Conthrax Sb';
     font-size: 40px;
     line-height: 48px;
     letter-spacing: 0.1em;
       animation-name: fade-in;
                animation-duration: 0.4s;
                animation-delay: 0.4s;
                animation-fill-mode: both;

              

}
.banner-text p{
 
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */
letter-spacing: 0.2em;
margin-bottom: 24px;
color: #FFFFFF;


}
.btn-custom{
    margin-top: 23px;
max-width: 354px;
    height: 58px;
    background-color: #00ceff;
    font-family: 'Conthrax Sb';
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    line-height: 57px;
    animation-name: fade-in;
                animation-duration: 0.5s;
                animation-delay: 0.5s;
                animation-fill-mode: both;

box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
letter-spacing: 0.1em;


}
@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-group-header{
    width: auto;
    display: flex;
}
.menubars2 .container {
    max-width: 1400px;
   transition: max-width 0.3s ease;
}
.sticky .menubars2 .container {
    max-width: 1400px;
   transition: max-width 0.3s ease;
}
.menu-right {
    width: auto;
	   
}
.socil-header {
display: flex;
}
.socil-header  li{
    margin-left: 15px;
}
.socil-header  li a{
width: 49px;
    height: 50px;
    background-color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 30px;
    display: inline-block;
    color: #252525;
    transition: all 0.3s;
    border-radius: 4px;
}
.socil-header  li a:hover{
    background-color: #fff;
    
    color: #252525;
}

.banner-height{
overflow: hidden;
position: relative;
}
.logo-right{
 position: absolute;
    right: 0px;
    top: -58px;
       
            animation: animName 4s infinite;
}
@keyframes animName {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
.dot-right{
     position: absolute;
    right: 0;
    bottom: 0;
    animation: bannerdot1 6s infinite;
}
@keyframes bannerdot1 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.dot-left{
 position: absolute;
    left: -34px;
    bottom: -72px;
    z-index: 0;
    animation: bannerdot1 6s infinite;

}
@keyframes bannerdot1 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.banner-height .container {
    max-width: 1400px;
}
.banner-text {
   
    position: relative;
    z-index: 999;
}
.banner-text .line-2{
    background-color: #fff;
}

/************footer***********/

.col-lg-2-5 {
flex: 0 0 auto;
width: 19.833333%;
}



/*********************************************/

.section-one{
    background-color: #252525;
    padding-top: 150px;
    padding-bottom: 0;
}
.section-one .container{
    max-width: 1400px;
}
.content-one h2{
    font-size: 40px;
    text-transform: uppercase;
}
.breakable-content {
    word-break: break-word;
    white-space: normal;
    hyphens: auto;
}
.line{
    width: 313px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 40px;
}
.content-one p{
font-size: 25px;
    color: #fff;
    margin-bottom: 25px;
    letter-spacing: 2.6px;
    line-height: 33px;
    font-weight: 500;
}

.box-content{
    background-color: #DEFDFF;
}
.box-content{
    padding: 90px 50px 90px 50px;
    width: 100%;
    border-radius: 18px;
    z-index: 99;
    margin-bottom: 0;
    position: relative;
  box-shadow: 1px 2px 7px rgb(0 0 0 / 22%);
    transform: translate(0, 200px);
    margin-top: -88px;
}
.f-box{
	  transform: translate(0, 119px);
    margin-top: -88px;
}
a.color-btn{
    background-color: #008080 !important;
    color: #fff !important;
}
.content-two h3{
    font-size: 40px;
    text-transform: uppercase;
    color: #252525;
}
.content{
     margin-bottom: 70px;
}
.line-color{
    background-color: #008080 !important;
    max-width: 216px !important;
}
.content-two p{
 
 margin:0px auto 0px auto;

  display: inline-block;
    vertical-align: top;
  
max-width: 844px;


font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */
text-align: center;
letter-spacing: 0.2em;

color: #252525;


}
.content-two p:last-child{
    margin-bottom: 0;
}
.line-2 {
    max-width: 267px;
    height: 2px;
    background: #252525;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.section-two{
    position: relative;
    padding-top: 200px;
    background-color: #f2f2f2;
        padding-bottom: 200px;
}
.dot-page-left{
   top: -320px;
    right: 0;
    position: absolute;
    animation: dot2 4s infinite;
}
@keyframes dot2 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.dot-page-right{
       top: -75px;
    left: 0;
     position: absolute;
     animation: dot3 6s infinite;

}
@keyframes dot3 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.logo-animesn-holder{
    background-color: #7e42fc;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 715px;
}
.logo-animesn{
    position: relative;
    width: 844px;
    height: auto;
    left: -231px;
    top: -19px;
    transition: transform 0.1s ease; /* Smooth transition */
}
.section-two .container{
    max-width: 1400px;
}
.btn-over{

    max-width: 394px;
    height: 58px;
    background-color: #00ceff;
    font-family: 'Conthrax Sb';
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    font-size: 25px;
    color: #fff !important;
    text-align: center;
    line-height: 57px;
    position: absolute;
    z-index: 9;
    bottom: 53px;
    left: 15%;
}
.page-content{
padding-left: 110px;
}
.page-content h3{
    font-size: 40px;
    color: #2f2f2f;

}
.page-content p{
    margin-bottom: 36px;
    color: #1d0024;
}
.page-content .line-2{
 background-color: #2f2f2f;
}

.section-three{
background-color: #f2f2f2;
padding-top: 158px;
padding-bottom: 100px;
}
.section-three .container{
    max-width: 1400px;
}
.page-content2{
   padding-right: 66px;
}

.page-content2 h3{
    font-size: 40px;
    color: #2f2f2f;

}
.page-content2 p{
    margin-bottom: 36px;
    color: #1d0024;
}
.page-content2 .line-2{
 background-color: #2f2f2f;
}
.page-content3 ul li{
    color: #2f2f2f;
    font-size: 25px;
    font-weight: 700;
    background: #fff;
    border-radius: 25px;
    margin-bottom: 54px;
    width: 100%;
    text-align: center;
    height: 100px;
    line-height: 100px;
    letter-spacing: 3px;
    box-shadow: 0px 4px 5px rgb(44 44 44 / 24%);
    transition: all 0.3s;
}
.page-content3 ul li:hover{
        background-color: #00ceff;
        color: #fff;
}
.section-five{
    background-color: #f2f2f2;
    position: relative;
}
.section-five .container{
    max-width: 1400px;
}
.blu-page-left{
position: absolute;
left: 0px;
bottom: 0;
    animation: dot3 4s infinite;
}
@keyframes dot3 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.dot-page-right{
       top: -246px;
    left: 0;
     position: absolute;
     animation: dot3 6s infinite;

}

.blu-page-right{
    position: absolute;
    right: 0;
    bottom: 0;

animation: dot4 6s infinite;
}
@keyframes dot4 {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}


.footer{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color:#252525;
  padding-top: 240px;
  padding-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.footer .container{
    position: relative;
    z-index: 10;
    max-width: 1400px;
}
.color-footer{

}
.logo-right-footr{
    position: absolute;
    left: -43px;
    bottom: 0;
    z-index: 0;

}
.quary-footer {
    max-width: 640px;
    text-align: center;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.quary-footer h3{
    font-size: 40px;
}
.quary-footer .line-2{
    background-color: #fff !important;
    max-width: 382px;
    height: 2px;
}
.quary-footer p{
    color: #fff;
}
.quary-footer a{
        margin-top:52px;
    max-width: 330px;
    height: 54px;
    background-color: #00ceff;
    font-family: 'Conthrax Sb';
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    line-height: 57px;
}
.flex-holder{
     display: flex;
  align-items: center;  /* Center all items vertically */
  justify-content: space-between;
  margin-top: 170px;

}

.flex-menu{
   display: flex;
  align-items: center;  /* Center all items vertically */
  justify-content: center;

}
ul.footer-menu {
    display: flex;
    flex-wrap: wrap;
}
ul.footer-menu li{
padding: 5px 30px;
}
ul.footer-menu li a{
	    font-family: 'Conthrax Sb';
    color: #fff;
    font-size: 15px;
	text-transform:uppercase;
}
a.logo-footer {
    margin: 5px 0px;
}
.socil-header-faq a{
	font-family: 'Conthrax Sb';
    width: 120px;
    height: 44px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 44px;
    color: #7e42fc;
    border-radius: 13px;
	transition:all 0.3s;
}
.socil-header-faq a:hover{
	
    background: #252525;

    color: #fff;
    
}

.banner-text h3,
.banner-text h1{
	font-size:40px;
}
.logo-left-bn{
    position: absolute;
    left: -266px;
    top: -61px;
    opacity: 0.3;
    animation: animName 4s infinite;
    max-width: 1133px;
}
@keyframes animName {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}

.logo-right-bn{
    position: absolute;
    right: -8px;
    top: -61px;
   
    animation: animName 4s infinite;
    max-width: 1133px;
}
@keyframes animName {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
.box-content2{
	padding: 70px 0px 120px 0px;
    width: 100%;
    border-radius: 18px;
    z-index: 99;
    margin-bottom: 0;
    position: relative;
}
.section-about{
	background-color: #e7dbff;
}
.footer-gap-top{
	    padding-top: 90px;
}
.logo-left-footr{
	position: absolute;
    right: -272px;
    bottom: -45px;
    z-index: 0;
}
.dot-f-left{
	position: absolute;
    top: -299px;
    left: 0;
}
.dot-f-right{
	position: absolute;
    top: -70px;
    right: 0;
}
.footer-faqs .dot-f-left img,
.footer-faqs .dot-f-right img{
	filter: grayscale(100%);
}
.banner-height-inner{
	    overflow: hidden;
    position: relative;
	width: 100%;
  padding-top: 260px;
    padding-bottom:210px;
}
.banner-height-inner2{
	    overflow: hidden;
    position: relative;
	width: 100%;
    padding-top: 260px;
    padding-bottom:210px;
}
.section-team {
    position: relative;
    padding-top: 140px;
	padding-bottom:250px;
    background-color: #F2F2F2;
}

.tem-title-group{
    
}
.tema-titel{


	font-family: 'Conthrax Sb';

font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
/* identical to box height */
letter-spacing: 0.1em;

color: #008080;


}
.tem-title-group .line-2 {
    max-width: 216px;
    height: 2px;
    background: #008080;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.section-team .container{
	max-width:740px;
	position:relative;
	z-index:9999;
}


.team-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.team-member {
    background-color:#2F2F2F;
    padding: 20px;
    border-radius: 30px;
    width: 100%;
    text-align: center;
	margin-bottom:0;
}
.team-name{
	text-align: center;
font: normal normal 600 20px/24px Conthrax;
letter-spacing: 1px;
color: #FFFFFF;
	margin-top: 14px;
	    font-family: 'Conthrax Sb';
}
.pi-holder{
	width:100%;
	height:231px;
	overflow:hidden;
}

.team-designation {
  text-align: center;
font: normal normal 600 15px/18px Conthrax;
	    font-family: 'Conthrax Sb';
letter-spacing: 0.75px;
color: #FFFFFF;
	margin-top: 28px;
}

.team-about {
    margin-top: 10px;
	    font-family: 'Conthrax Sb';
}

.toggle-about,
.toggle-about2,
.toggle-about3,
.toggle-about4{
	text-transform:uppercase;
    background:#00CEFF;
	box-shadow: 0px 3px 6px #00000034;
border-radius: 15px;
    border: none;
    cursor: pointer;
    font-size: 16px;
      font-family: 'Conthrax Sb' !important;
	text-align: center;
font: normal normal 600 15px/18px Conthrax;
letter-spacing: 1.13px;
color: #FFFFFF;
	height: 40px;
	position:relative;
	width:100%;
	margin-bottom:23px;
        max-width: 225px;
        margin-top: 20px;
}

.toggle-about .arrow,
.toggle-about2 .arrow,
.toggle-about3 .arrow,
.toggle-about4 .arrow{
  position: absolute;
    z-index: 10;
    left: 48%;
    bottom: -10px;
    background: #00ceff;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #fff;
}

.about-content,
.about-content2,
.about-content3,
.about-content4{
    margin-top: 15px;
}

.about-content,
.about-content2,
.about-content3,
.about-content4{
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

.about-content.show,
.about-content2.show,
.about-content3.show,
.about-content4.show{
    max-height: 500px; /* Set this to a value that fits your content */
    opacity: 1;
}
.about-content p,
.about-content2 p,
.about-content3 p,
.about-content4 p{
	

   margin-bottom:15px;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
text-align: center;
letter-spacing: 0.2em;

color: #FFFFFF;


	
}



.section-contatc{
	padding:160px 0px 300px 0px;
}
.section-contatc .container{
	max-width:1400px;
}
.box-content.contact-box{
	transform: translate(0, 0);
    margin-top:0;
	padding-bottom:0px;
    background-color: #FFFFFF !important;
}
.form-full-holder {
    max-width: 940px;
    margin: auto;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin-bottom:25px;
	justify-content: space-between;
}

label.label-fild {
flex: 0 0 33%;
    background-color: #008080;
    font: normal normal 600 20px / 24px Conthrax;
	font-family: 'Conthrax Sb';
    letter-spacing: 1.5px;
    color: #F2F2F2;
    padding: 10px 10px;
     border-radius: 15px;
}
label.label-fild-full{
	flex: 0 0 100%;
	 background-color: #008080;
    font: normal normal 600 20px / 24px Conthrax;
	font-family: 'Conthrax Sb';
    letter-spacing: 1.5px;
    color: #F2F2F2;
    padding: 10px 10px;
    border-radius: 15px;
}
.fild {
    flex: 0 0 64.4%;
	position:relative;
}
.fild input[type=text],
.fild input[type=email]{
	    background: #F2F2F2;
    width: 100%;
    height: 44px;
    border-radius: 15px;
    padding: 4px 10px;
}
.fild-full {
    flex: 0 0 100%;
	position:relative;
}
.fild-full textarea{
	 background: #F2F2F2;
    width: 100%;
    height: 317px;
    border-radius: 15px;
    padding: 10px 10px;
	margin-top:22px;
}
.fild-full-submit{
	    margin-bottom: -27px;
    margin-top: 41px;
	position:relative;
}
.wpcf7-spinner{
	position:absolute;
}
.fild-full-submit input[type=submit]{
	width:338px;
	height:58px;
	 background: #00CEFF;
	text-align: center;
font: normal normal 600 20px/24px Conthrax;
	font-family: 'Conthrax Sb';
letter-spacing: 1.5px;
color: #FFFFFF;
	 border-radius: 15px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: absolute;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    padding: 20px;
    border-radius: 15px;
}

.faq-container {

}

.faq-item {
  margin-bottom:35px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
 border-radius: 17px;
    padding: 15px 20px;
	background:#E7DBFF;
	box-shadow: 1px 2px 7px rgb(0 0 0 / 22%);
}
.faq-question h3{
	color:#7E42FC;
	    width: 100%;
    text-align: center;
font-size:23px;
}

.faq-arrow {
  transition: transform 0.3s ease;
	    margin-left: auto;
	    width: 28px;
    height: 28px;
    background: #00ceff;
    border-radius: 100px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;

}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  margin: 0; /* Ensure no extra margin when collapsed */
  padding: 0; /* Remove padding when collapsed */

	
	
}
.faq-item.open .faq-answer  p{

}

.faq-item.open .faq-answer {
  max-height: 500px; /* Adjust this value to fit typical content height */
  opacity: 1;
	
}
.faq-content {
	 padding:44px 80px;
	margin-top: 30px;
		background:#E7DBFF;
	border-radius:30px;

}
.faq-content p{
	  text-align: left;
	font-size:20px;
	line-height:30px;
margin-bottom:15px;
letter-spacing: 2.5px;
color: #2F2F2F;
}
.faq-content p:last-child{
	margin-bottom:0px;
}

.faq-item.open .faq-arrow {
 transform: rotate(180deg) scale(1.1);
  transition: transform 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.section-faq{
	padding:95px 0px;
	background: #fff;
}

.section-faq .container{ max-width:1120px;}
.padding-btm{
	padding:116px 0px;
	background:#fff;
}
.box-pading{
	margin-top:0px;
	transform: translate(0, 0);
}
.full-content h3,
.full-content h2{
margin-bottom: 55px;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 30px;
/* identical to box height */
letter-spacing: 0.1em;

color: #008080;


}
.full-content h4{
    font-family: 'Conthrax Sb';
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.2em;
margin-bottom: 30px;
color: #000000;


}
.full-content p{

font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.2em;
margin-bottom: 25px;
color: #000000;
        text-align: left;

}
.full-content ul {
	color: #2F2F2F;
	margin:50px 0px;
}
.full-content ul li{
	    text-align: left;
	    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 2.5px;
    color: #000000;
	    position: relative;
	padding-left:22px;
	    margin-bottom: 37px;
}
.full-content ul li:after{
	content:"";
	position:absolute;
	left:0px;
	top:10px;
	width:11px;
	height:11px;
	background-color:#252525;
	border-radius:100px;
}

.error-bg{
	background-color: #008080;
	padding:100px 0px;
	width:100%;
}
.trame-color{
	background-color:#F2F2F2;
}
.mbcustom-5{
	margin-bottom:90px;
}
.angle-right:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #ffffff;
    border-bottom: 5px solid transparent;
    top: 3px;
    left: 6px;
}
.angle-down:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 7px solid #fff;
    top: 5px;
    left: 4px;
}
.footer-contact > .dot-f-right img,
.footer-contact > .dot-f-left img{
	filter: brightness(46);
}





.box-proft {
    background-color:#FFFFFF;
    text-align: left;
    padding: 40px;
    transition: all 0.3s ease;
   

    position: relative;
    overflow: hidden;
    height: 636px;
    max-width: 418px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;

box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;

}

/* Logo at center (50% from top and left) */
.box-proft .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the logo perfectly */
    width: auto;
    height: auto;
    transition: transform 0.4s ease;
    z-index: 1;
    filter: brightness(0);
}

/* Initially hidden elements */
.box-proft .divider,
.box-proft .description,
.box-proft .btn {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100px);
    transition: all 0.5s ease;
}

/* On hover, reveal elements */
.box-proft:hover .divider,
.box-proft:hover .description,
.box-proft:hover .btn {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Adjust box on hover to reposition content */
.box-proft:hover {
    background-color: #232323;
    color: white;
    border-color: white;
}

.box-proft:hover .logo {
      transform: translate(-68%, calc(-128% - 50px));
      filter: brightness(0.4);
filter: brightness(94);
}

/* Divider */
.box-proft .divider {
 width: 0px;
    height: 1px;
    background-color: black;
    margin: 36px 0px;
}

.box-proft:hover .divider {
    background-color: white;
       width: 175px;
        transition: width 0.5s ease;
}

/* Description */
.description {
   
    margin: 10px 0px 18px 0px;
    color: black;
    transition: color 0.3s ease;
       padding-right: 50px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
/* or 23px */
letter-spacing: 0.2em;

color: #F2F2F2;


}

.box-proft:hover .description {
    color: white;
transform: translate(0px,0px);
}

/* Button */
.box-proft .btn {
    display: inline-block;
    margin-top: 10px;

width: 226.77px;
height: 38.51px;


background: #F2F2F2;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
border-radius: 15px;

font-family: 'Conthrax Sb';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 22px;
/* identical to box height */
letter-spacing: 0.1em;
text-transform: uppercase;
color: #232323;


}

.box-proft:hover .btn {
    background-color: white;
    color: black;
}

.page-title h2{


font-family: 'Conthrax Sb';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
/* identical to box height */
letter-spacing: 0.1em;

color: #232323;


}
.mt-custom{
    margin-top: 65px;
}

a.bt-apge{
display: inline-block;
width: 374px;

font-family: 'Conthrax Sb';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
/* identical to box height */
letter-spacing: 0.1em;

color: #232323;

    padding: 15px 4px;

background: #FFFFFF;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
border-radius: 15px;

}
.mt-custom{
    margin-top: 66px;
}

.parallax-container {
    position: relative;
    overflow: hidden; /* Prevents overflow issues */
height: auto;
    width: 100%;
    padding-top: 470px;
    padding-bottom: 210px;
    background-position-y:0px;
  
}

.sticky-image {
 
right: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  width: auto;
  height: auto;
  display: block;
}

.sticky-image img {
  width: auto;
  height: auto;
}
.content-left h3{

font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
/* identical to box height */
letter-spacing: 0.1em;

color: #FFFFFF;


}
.content-left .line-2{
max-width: 200px;
    height: 2px;
    background: #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.content-left p{

font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */
letter-spacing: 0.2em;
margin-bottom: 20px;
color: #FFFFFF;


}
.mb-custom2{
    margin-bottom: 315px;
}

.custom-card {
    padding:33px 23px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 313px;
    height: 501.64px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    display: flex;
    align-items: flex-end;


}

.custom-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.card-title {
 
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;


font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.1em;

color: #2F2F2F;


}

.custom-card:hover .card-title {
    transform: translateY(-10px); /* Slide the title up */
}

.card-line {
    width: 2px;
    height: 175px;
    background: #333;
    margin: 10px auto 0;
    position: relative;
    transition: height 0.3s ease, background-color 0.3s ease;
}

.custom-card:hover .card-line {
    height: 130px;
}

.section .container{
    position: relative;
    z-index: 1;
}

.section-inner-page{
    padding: 370px 0px;
}

.portfolio-card {
    padding: 75px;

position: relative;
width: 100%;
height: auto;
margin-bottom: 120px;
display: inline-block;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;

}
.portfolio-container .row:last-child .portfolio-card{
    margin-bottom: 0;
}
.card-headers{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
}

a.visit-site-btn{
    width: 318px;
    height: auto;
    background: #252525;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: 'Conthrax Sb';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 10px;
transition: all 0.3s;
}
a.visit-site-btn:hover{
     background: #00CEFF;
}

.card-section{

width: 100%;
height: 100%;

padding: 45px;
background: #F2F2F2;
border-radius: 15px;

}
.cards-title{
   
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 38px;
letter-spacing: 0.1em;

color: #252525;


}

.title-row {
    display: flex;
    align-items: center; /* Align title and hr in the center vertically */
    gap: 30px; /* Space between title and hr */
    margin-bottom: 34px;

}

.title-hr {
    flex-grow: 1;
    opacity: 9;
    border: 0;
    height: 1px; 
    background: #252525; 
    margin: 0; 
}
.card-description p{

font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */
letter-spacing: 0.2em;

color: #2F2F2F;


}
.card-description p:first-child{
    margin-bottom: 25px;
}
.card-description ul{

}
.card-description ul li{
    font-family: var(--font-paragraph);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
/* or 26px */
letter-spacing: 0.2em;
padding-left: 32px;
color: #2F2F2F;
margin-bottom: 29px;
position: relative;

}
.card-description ul li:before{
      content: "";
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 8px;
    border-radius: 100px;
    background: #252525;

}

.mb-custom-tem{
    margin-bottom: 250px;
}
.section-condisah{
    padding-top: 240px;
    padding-bottom: 200px;
}
.section-condisah .container{
max-width: 1100px;
}
.full-content {
    width: 100%;
    display: inline-block;
}

/**************************hiden****************/
.section-full-height{
    width: 100%;
    height: auto;
    position: relative;
    padding:500px 0px;
}
.dot-hd-top{
    position: absolute;
    top:-100px;
    left: 0px;
}
.dot-hd-btm{
     position: absolute;
    bottom:-100px;
    right: 0px;
}
.dot-hd-logo{
       position: absolute;
    top:-150px;
    right: -60px;
}
.section-full-height .container{
max-width: 1300px;
}
.card-hiden{
display: inline-block;
width: 100%;
height: auto;
background: #FFFFFF;
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 8%);
border-radius: 30px;
padding: 60px;

}
.qr-data{

}
.qr-data h2{

font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
/* identical to box height */
letter-spacing: 0.1em;

color: #2F2F2F;


}
.qr-data .line-2{
    margin-top: 30px;
    margin-bottom: 30px;
}
.qr-data ul{

}
.qr-data ul li{
margin-bottom: 20px;
    display: flex;
    gap: 26px;
    width: 100%;
    align-items: center;
}
.qr-data ul li span{
width: 58px;
height: 58px;
display: inline-block;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
border-radius: 100px;
    text-align: center;
    line-height: 58px;

}
.qr-data ul li a{
font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    letter-spacing: 0.2em;
    color: #2F2F2F;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 17px;

}
.hide-titel{
    display: none;
}