.d-flex {
  flex-wrap: wrap !important;
}

.container-fluid {
  padding-right: 0px !important;
}


 
/* 
.slide-content .scroller {
  width: 1024px;
}


 *{
  border: 1px solid rgba(240, 0, 0, 0.398);
}    */


/* Dropdown Button From WEB Still editing */ 

.piv {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    height: 300px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #1cd8d2, #93edc7);
    color: white;
    margin: 100px 0;
    border-radius: 7px;
    }


.dropdown:hover > .dropdown-menu {
  display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.3s ease all;
}

.dropdown-menu  {display: block;visibility: hidden;opacity:0;transform: translateY(30px);transition:.3s ease all;}

.dropdown-item {
  display: block;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  clear: both;
  font-weight: 400;
  color: #000000;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
}

.dropdown-item > a:hover {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #000000;
  text-align: inherit;
  white-space: nowrap;
  background-color: color-change;
  animation: color-change 120s infinite; 
  border: 0;
}





@keyframes color-change {
	0% { color: rgb(255, 51, 0); }
	10% { color: rgb(255, 230, 0); }
	20% { color: rgb(7, 243, 3); } 
	30% { color: rgb(0, 81, 255); }
	40% { color: rgb(4, 8, 241); }
	50% { color: rgb(161, 9, 243); }
	60% { color: rgb(255, 27, 221); }
	70% { color: rgb(255, 0, 0); }
	100% { color: rgb(255, 51, 0); }
	
  }



.navbar-nav :visited {
  --bs-navbar-color: rgb(0, 0, 0) !important;
}




.navbar-nav {
  --bs-navbar-color: rgb(0, 0, 0) !important;
  background-color: rgb(255 255 255 / 46%);
  border-bottom: 1.2px solid rgb(180 180 180 / 69%);
  width: 100%;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  font-weight: 500;
  position: sticky;
  margin-top: 0px;
  /* border-radius: 31px; */
  padding-top: 5px;
  top: 0;
  --bs-navbar-toggler-border-color: rgb(0 0 0) !important;
  --bs-navbar-hover-color: rgb(0 0 0) !important;
  
}

.nav-item > a:hover {
  color: rgb(0, 0, 0);
  color: #000000;


}

.h5{ 
 color: #000;
 margin-right: 2rem;
 


}
.bg-light {
  --bs-bg-opacity: 0;
}
/* For codepen card tester */ 


/* For codepen card tester */ 

.dropdown-menu>li>a:hover  {
  color: rgb(255, 255, 255);
  background-color: #0055ffed;
}

.system-ui {
  font-family: system-ui;
  src:url(./system-ui.woff);
  
}


@font-face {
  font-family: system-ui;
  src:url(./system-ui.woff);
  
}

@font-face {
  font-family: Poppins-Medium;
  src: url(Poppins-Medium.ttf);
}
/* Dropdown Button From WEB Still editing */ 

.ml-5 {
  margin-left: 3rem !important;
}

.img-fluid
{ 
  min-width: 210px !important;
  max-width: 70%;
  height: auto;

}
.textiframe-fluid /* Not currenlty in use   */ 
{ 
  min-width: 210px !important;
  max-width: 70%;
  height: auto;

}
.circle {
  height: 50px;
  width: 50px;
  background-color: rgb(0, 25, 246);
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.rectangleTop {
  height: 50px;
  width: 100px;
  background-color: rgb(255, 255, 255,);
}
body{

background-color: #ffffff;

  background-size:100% auto; 
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  margin: 0;
  display: table;
  max-width: 100%;

  
}

footer {
  display: table-row;
}


/* TEST TEST TEST  */ 


html {
  height: 100%;
  -x: hidden;

}
body {
  position: relative;
  min-height: 100%;

}
.wrapper
{
  position: relative;

}


footer{
right: 0;
position: fixed;
bottom: 0;
left: 0;
padding: 0rem;
background-color: rgba(255, 255, 255, 0.779);
width: 100%;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}

.pblocktext {
  margin-left: auto;
  margin-right: auto;
  width: 8em
}

/* TEST TEST TEST  */ 

/* Mobile devices (including iPad portrait, 992px and below) */
 /* @media (max-width: 1172px) {
  .container, .container-sm  .container-md{
    min-width: 375px !important;
  }
}
*/
@media (min-width: 992px) { 
.container, .container-lg, .container-md, .container-sm {
  min-width: 948px;
}
  
} 
@media (min-width: 768px) { 
.container, .container-md, .container-sm {
    max-width: 92%;
}
} 
@media (min-width: 576px){
.container, .container-sm {
    min-width: 92%;
}
}

/* Mobile devices (including iPad portrait, 992px and below) */

/*Hamburger menu to CSS page*/ 

#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  right: 0 !important;
}
.menu__btn {
  position: fixed;
  top: 32px;
  left: 90%;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 99;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000000;
  transition-duration: .25s;
}
/* Top bar of hamburger menu positioning?  */ 
.menu__btn > span::before {
  content: '';
  top: -8px;

/* bottom bar of hamburger menu positioning?  */ 
}
.menu__btn > span::after {
  content: '';
  top: 8px;
 

}
.menu__box {
  display: block;
  margin-left: auto; 
  margin-right: auto;
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #ffffff4c;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  transition-duration: .35s;
  box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
  border-radius: 0px;
  border-color: #000000;
  border-width: 2px;
  z-index: 1;
}


.menu__item {
  display: block;
  justify-content: revert;
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 12px 20px;
  color: rgb(0, 0, 0);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
  font-size: 27px;
  text-decoration: none;
  transition-duration: .25s;
  --bs-link-hover-color: #1e00ff;
}

/*Hamburger menu to CSS page*/ 

.m-2 { 
  margin-top: 0rem!important; /* new local variable */
  margin: 0.5rem!important; /* new local variable */
}

a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

.section{
display: grid;
place-items: center;
align-content:center;
min-height: 100vh
}


.hidden {
  opacity: 0;
  transition: all 1s;
  }
  .show {
  opacity: 1;
  }

.display-88  {
font-family: system-ui;
src:url(./system-ui.woff);
    font-size: 3rem;
    font-weight: medium;
    font-family: system-ui;
   src:url(./system-ui.woff);
    color: #000000 !important;
    text-align: left;
    padding-left: 20.5px;
    margin-top: 0px;
  }

.border200{
  border: 2.9px solid #002fff;
  margin: 2px;
  font-weight: 500;
}

.border400{
  border: 2.9px solid #000000;
  margin: 2px;
  font-weight: 500;
}
.border4002{
  border: 2.9px solid #ffffff;
  margin: 2px;
  font-weight: 500;
}

.border4001{
  border: 2.9px solid #065a55;
  margin: 2px;
  font-weight: 500;
}

.border300{
  border: 2.9px solid #000000;
  margin: 2px;
  font-weight: 500;
}

  .rounded-full {
    border-radius: 9999px;
}
a {
  color: #000000;
  
}

a:hover {
  color: #000000;
  
}


/* pre{
  margin-bottom: 35px !important;
} */

.pextra{
  color: #8b8b8b;margin: 0px;
text-align:left;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0px;
line-height: 170%;
width: 74%;
font-weight: 400;
font-size: 1rem;
column-span: all;
}


.display-4 {
  font-family: 'Nunito', sans-serif;
  font-size: calc(2.7rem + 2vw) !important;
  font-weight: 900;
  line-height: 1;
  /* letter-spacing: -1.3px; */
  }


.hamnavWhite {
  background-color: rgba(255, 255, 255, 0.81);
  border-bottom: 1px solid rgb(210 210 210 / 61%);
  width: 100%;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  position: fixed;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
 justify-content: center;
 display: flex;
  z-index: 1;
  height: 65px;
}

.btn {
  /* background-color: #005cff; */
  background-color: #0062ff !important;
  border: #0062ff 2px solid !important;
    transition: 0.3s;
    border-radius: 38px;
    height: 35px;
    padding: 10px;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    /* font-family: system-ui; */
  
  font-size: 16px;
    font-weight: 500;
  
    background-color: initial;
    color: #1d1d1f;
    font-weight: 400;
    transition: background-color 350ms ease-in-out,color 350ms ease-in-out;
    transition-duration: 350ms, 350ms;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
    transition-property: background-color, color;
    /* z-index: 1; */
  
  
}


/* .btn > a:hover {
  background-color: #0051ff !important;
  border: #0051ff  2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  padding: 14px 22px;
  height: 35px;
  padding: 10px;
  color: rgb(255, 255, 255) !important;
  display: flex;
  align-items: center;
  font-family: system-ui;
  z-index: 99;

} */
.btn-primary:hover {
  background-color: #0051ff !important;
  border: #0048ff  2px solid !important;
color: white !important;
} 

.btn2 > a:hover {
  font-size: 16px !important;
  background-color: #22e37c !important; 
}
.btn-primary2:hover {
background-color: #07b1d3 !important; 
border: #005cff 1px solid !important;
transition: 0.3s;
} 



.btn-primary-Arrow{
  background-color: #ffffff !important;
border: #ffffff 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  height: 35px;
  padding: 10px;
  color: rgb(0, 0, 0) !important;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 300;
  background-color: initial;
  color: #1d1d1f;
  transition: background-color 350ms ease-in-out,color 350ms ease-in-out;
  transition-duration: 350ms, 350ms;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  transition-property: background-color, color;
  font-weight: 400;
  z-index: 1;

}
.btn-primary-Arrow:hover{
  background-color: #000000 !important;
  border: #000000 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  padding: 14px 22px;
  height: 35px;
  padding: 10px;
  color: rgb(255, 255, 255) !important;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* z-index: 99; */
}

.btn-primary-Icon{
  background-color: #ffffff !important;
border: #000000 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  height: 30px;
  padding: 10px;
  color: rgb(0, 0, 0) !important;
  display: flex;
  align-items: center;
  font-family: system-ui;
  font-weight: 300;
  background-color: initial;
  color: #1d1d1f;
  transition: background-color 350ms ease-in-out,color 350ms ease-in-out;
  transition-duration: 350ms, 350ms;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  transition-property: background-color, color;
  z-index: 1;
  transition: height 350ms ease-in-out,color 350ms ease-in-out;
  font-weight: 400;

}
.btn-primary-Icon:hover{
  background-color: #000000 !important;
  border: #000000 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  padding: 14px 22px;
  height: 30px;
  padding: 10px;
  color: rgb(255, 255, 255) !important;
  display: flex;
  align-items: center;
  font-family: system-ui;
  font-weight: 400;
  /* z-index: 99; */
}

.btn-primary-Arrow-blue{
  background-color: #ffffff !important;
border: #ffffff 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  height: 35px;
  padding: 10px;
  color: rgb(0, 0, 0) !important;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-weight: 400;

  background-color: initial;
  color: #1d1d1f;

  transition: background-color 350ms ease-in-out,color 350ms ease-in-out;
  transition-duration: 350ms, 350ms;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  transition-property: background-color, color;
  /* z-index: 1; */

}

.btn-primary-Arrow-blue:hover{
  background-color: #0051ff !important;
  border: #0051ff  2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  padding: 14px 22px;
  height: 35px;
  padding: 10px;
  color: rgb(255, 255, 255) !important;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  z-index: 99;
}
/* 
Bottom arrow for ai Orange  */
.btn-primary-Arrow-Orange{
  background-color: #ffffff !important;
border: #ffffff 2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  height: 35px;
  padding: 10px;
  color: rgb(0, 0, 0) !important;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;


  font-weight: 400;

  background-color: initial;
  color: #1d1d1f;

  transition: background-color 350ms ease-in-out,color 350ms ease-in-out;
  transition-duration: 350ms, 350ms;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0s, 0s;
  transition-property: background-color, color;
  /* z-index: 1; */



  
}

.btn-primary-Arrow-Orange:hover{
  background-color: #F55633 !important;
  border: #F55633  2px solid !important;
  transition: 0.3s;
  border-radius: 38px;
  padding: 14px 22px;
  height: 35px;
  padding: 10px;
  color: rgb(255, 255, 255) !important;
  display: flex;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
  /* z-index: 99; */
}


.bi-arrow-down-short2{
  transform: rotate(90deg);
  fill:rgb(171, 171, 171)
}

.bi-arrow-down-short{
  transform: rotate(270deg);
  fill:rgb(171, 171, 171)
}

.bi-arrow-down-short:hover{
  transform: rotate(270deg);

}

.modal {
  --bs-modal-zindex: 9999 !important;
} 


.modal-footer {
  justify-content: space-between !important;
  /* flex-direction: column; */
}

magic {
background: linear-gradient(
  to right, 
  var (--purple),
  var (--blue),

  );
white-space: nowrap;

}

.stike-throug {
  text-decoration: line-through;
  color: #000000;
  opacity: 0.5;
}

.cite {
  font-size: 5px;
  font-weight: 300;
  color: #a8a8a8;
  opacity: 0.5;
}



.bi-linkedin .bi-camera-video-fill .bi-file-arrow-down .bi-file-arrow-down .bi-file-earmark-arrow-down-fill {
  margin: 12px; 
  fill: #a8a8a8;
 
 }


 .spaceSVG {
  margin: 12px;
 }

 .ConectModalFooterOVerWrite {    flex-direction: column;
}

.row{
flex-direction: row-reverse !important;
justify-content: center !important;
}


.list-group-item-action {
  transition: 0.5s;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.8, 0.01, 0.2, 1.02);
  transition-delay: 0s;
  transition-property: all;
}



.containerLaw3small {	
  background: rgba(246, 246, 246, 0.334);
  border: #d1d1d1;
  border-style: solid;
  border-width: 1px;
  height: 242px;
  position: relative;
  border-radius: 32px;
  margin: 10px;
  width: 41.0%;
  transition: all 0.2s ease-in-out !important;
  align-items: center;
}




 @import "../node_modules/bootstrap/scss/variables";
 @import "../node_modules/bootstrap/scss/maps";
 @import "../node_modules/bootstrap/scss/mixins";
 @import "../node_modules/bootstrap/scss/root";
 @import "../node_modules/bootstrap/scss/utilities";
 @import "../node_modules/bootstrap/scss/reboot";
 @import "../node_modules/bootstrap/scss/containers";
 @import "../node_modules/bootstrap/scss/grid";
 @import "../node_modules/bootstrap/scss/helpers";
 @import "../node_modules/bootstrap/scss/utilities/api";