* {
    font-family: 'Baloo Tamma 2', cursive;
}

::-webkit-scrollbar {
width: 10px;
background: transparent!important;
}

/* Track */
::-webkit-scrollbar-track {
/* box-shadow: inset 0 0 2px grey;  */
border-radius: 10px;

}

/* Handle */
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #1687A0, #16A085,  #69BB9A ); 
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to top, #1687A0, #16A085,  #69BB9A ); 
}

.hide{
    display: none;
}

.hideheader{
    display: none;
}

.navbar-toggler {
    border: none!important;
}

.navbar-toggler:focus {
    box-shadow: none!important;
}

.overflow-x-hidden{
overflow-x: clip;
}
.nav-link:hover {
    color: #1687A0;
    /* border-bottom: 3px solid #1687A0; */
    /* border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px; */
}

.nav-link a:active {
    border-bottom: 3px solid #1687A0;
}

.vh-90 {
    height: 90vh;
}

.vh-75{
    height: 75vh;
}

.vh-75-1{
    height: 75vh;
}

.vh-50{
    height: 50vh;
}
.w-80{
    width: 80%;
}
.theme-text {
    color: #16A085;
}

.theme-bg {
    background: #1687A0;
}

.theme-text2 {
    color: #1687A0;
}

.theme-text3{
    color: #2f2e41;
}

.theme-text4{
    color: #69BB9A;
}

.theme-red {
    color: #E74C3C;
}

.theme-yellow {
    color: #E97E00;
}

.fw-semibold {
    font-weight: 550 !important;
}

.text-justify{
    text-align:justify;
}



.custom-shape-divider-right-1668782670 {
    position: absolute;
    /* top: 0; */
    /* bottom: 0; */
    /* padding-bottom: 121px; */
    right: 0;
    /* width: 100%; */
    overflow: hidden;
    line-height: 0;
    height: 90vh;
}


.box.custom-shape-divider-top-1668768833 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.box .custom-shape-divider-top-1668768833 svg {
    position: relative;
    display: block;
    width: calc(163% + 1.3px);
    height: 150px;
}

.custom-shape-divider-top-1668768833 .shape-fill {
    fill: #FFFFFF;
}

.box .custom-shape-divider-bottom-1668770036 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.box .custom-shape-divider-bottom-1668770036 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 180px;
}

.custom-shape-divider-bottom-1668770036 .shape-fill {
    fill: #FFFFFF;
}
.nav-link a:active{
border-bottom: 3px solid #1687A0;
}

.nav-link:focus{
    color: #16A085;
}

.icon-bold{
-webkit-text-stroke: 1px;
}
.icon-bold-2{
-webkit-text-stroke: 2px;
}

.line, .line2, .line3 {
    width: 100%;
height: 2px;
background: rgb(228 228 228);
margin-top: 20px;
position: relative;
}

.line::after {
content: "";
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background: rgb(252 141 51);
}

.line2::after {
content: "";
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background: #1687A0;
}

.line3::after {
content: "";
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background: #E74C3C;
}

#blue{
box-shadow: rgb(22 135 160) 0px 4px 10px 0px;
}

#red{
box-shadow: rgb(231 76 60) 0px 4px 10px 0px;
}

.circle{
width: 80px;
height: 80px;
display: flex;
align-items: center;
border-radius: 50%;
/* background: linear-gradient(-180deg, rgb(255, 195, 50) 0%, rgb(255, 97, 119) 96%); */
box-shadow: rgb(255 146 54) 0px 4px 10px 0px;
/* pointer-events: none; */
justify-content: center;
margin: auto;
}

.space{
height: 20vh;
}

.footer-link{
cursor: pointer;
text-decoration: none;
color: rgb(68, 68, 68);
}

.footer-link:hover{
    color: rgb(68, 68, 68);;
}

.gradient-box {
	 display: flex;
	 align-items: center;
	 width: 100%;
	 margin: auto;

	 position: relative;
	 padding: 0 2em 1em 2em;
	 box-sizing: border-box;
	 color: black;
	 background: white;
	 background-clip: padding-box;
	/* !importanté */
	 border: solid 5px transparent;
	/* !importanté */
	 border-radius: 10em 10em  0em 0em;
}
 .gradient-box:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: -1;
	 margin: -5px;
	 border-radius: inherit;
	 background: linear-gradient(to right, #16A085, orange);
}

.rounded2 {
    border-radius: 0 0 5em 5em!important;
}

.update{
    /* background: linear-gradient(180deg, #ee7623 0%, #4f13bc 100%), #EEEFF3; */
    background: #7c00ff;
}

#demo{
    background-image: url(/assets/PatternSuccess.png);
    background-size: cover;
}

 @media screen and (max-width:992px) {
    .min{
        height:auto;
    }
}

@media screen and (max-width:992px) {
.space{
    height: 20vh;
}
}

@media screen and (max-width:1024px) {
.custom-shape-divider-top-1668768833{
    display: none;}
};

@media screen and (max-width:992px) {
    .header-text{
        
        position: relative;
        z-index:5;
        color: white!important;
    }
}

@media screen and (max-width:992px) {
    #baslat{
        justify-content: center!important;
    }
}

@media screen and (max-width:1024px) {
   .custom-shape-divider-bottom-1668770036{
    display: none;
    }
}

@media screen and (max-width:1024px) {
    .gradient-box:before{
        margin: -5px 0 0 0;
        
     }
 }
 @media screen and (max-width:992px) {
    .gradient-box{
        border-radius: 0;
     }
 }

 @media screen and (max-width:1024px) {
    .showheader{
        display: none;
     }
 }

 @media screen and (max-width:1024px) {
    .hideheader{
        display: block;
     }
 }
 @media screen and (max-width:1024px) {
    .vh-75-1{
        height: auto;
     }
 }

 @media screen and (min-width:1025px) {
    .m-auto-custom{
        margin: auto;
     }
 }