@font-face {
font-family: "MyCustomFont"; 
src: url("/landingpage/microsoft/font/segoepro-black.ttf") format("truetype"),
     url("/landingpage/microsoft/font/segoepro-regular.ttf") format("woff"),
     url("/landingpage/microsoft/font/segoeprodisplay-regular.ttf") format("opentype");
font-weight: normal;
font-style: normal;
}
* {margin: 0;padding: 0; box-sizing: border-box;}
html, body { height: max-content; position: relative;}
body { font-family: 'Segoe Pro', sans-serif !important;  font-size: 1rem;display: flex; flex-direction: column;   color: #ffffff; overflow-x: hidden;min-height: 100vh;background-color: #FFFFFF;font-weight: 400; overflow-x: hidden ;}
img, picture, video, canvas, svg { display: block; max-width: 100%;}
button, input, select, textarea {font-family: inherit;}
a { text-decoration: none !important;color: inherit;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
ul {list-style: none;}
footer{margin-top: auto;}


.countbox-container {
display: flex;
gap: 1rem;
margin-top: 1rem;
line-height: 1;
flex-wrap: wrap;
}

.countbox {
background-color: rgb(71, 177, 196);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 9rem; 
height: 9rem;
border-radius: 1rem;
}

.number {
display: inline-block;
color: white;
font-size: 3rem;
}

.label {
font-size: 2rem;
color: white;
margin-top: 5px;
}

.banner {margin-top: 2rem;


}
.banner {background:url('/landingpage/microsoft/image/background.jpg') no-repeat #010123 top; }
.banner .h1{color: #FFFFFF; font-size:6.6425rem  ;font-weight:700 ;}
.banner .slogan{font-size:2.77625rem ;color: #ffffff;font-weight: 200; }
.banner .slogan b{color: #ac116b !important;}
.banner .sloganalt{font-size:2.77625rem ;color: #FFFFFF;font-weight: 200; line-height: 1.2;}
.banner .sloganalt span{font-size:3.2375rem !important ;font-weight: 700;}
.banner .metin{margin-top: 10rem;margin-bottom: 5rem;}
.line-height{line-height: 1 !important;font-size: 2.77625rem;color: #FFFFFF;font-weight: 700;}
.slogan b{ font-weight: 700;}

.hightHeightpage {
position: relative;
}

.hightHeightpage::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1rem;
background: linear-gradient(90deg, rgba(74, 208, 230, 1) 15%, rgba(41, 137, 237, 1) 87%);
z-index: 1; 

}
.hightHeightpage::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1rem; 
background: linear-gradient(90deg, rgba(74, 208, 230, 1) 15%, rgba(41, 137, 237, 1) 87%);
z-index: 1; 
}
 .title{font-size:5.25rem ;color: #60cdff; line-height: 1.2; margin-bottom:1.5rem}
 .question{font-size: 1.95rem;font-weight: 600; margin-bottom:1rem}
.risk-list li{font-size: 1.5rem; line-height:2.4rem}
.risk-list{padding:0; margin:0}
 .endWrite{font-size: 1.4rem;}
.Counter{color: #60cdff;font-size:3.9375rem ;}
#section1 .text{font-size: 2rem ; line-height:normal}
.box {
position: relative;
padding: 2rem;
border:6px solid rgba(41, 137, 237, 1);
border-radius: 1.5rem; 
background: linear-gradient(143deg, rgba(255,255,255,0.2) 29%, rgba(255,255,255,0) 87%);
backdrop-filter: none;
line-height: 1; margin-bottom:4.75rem
}
.box2 {
position: relative;
padding: 2rem;
border:6px solid rgba(41, 137, 237, 1);
border-radius: 1.5rem;
background: linear-gradient(143deg, rgba(255,255,255,0.2) 29%, rgba(255,255,255,0) 87%);
backdrop-filter: none;
line-height: 1;
}

.endWrite{margin-top: 5rem;}

.img-original {object-fit: scale-down; }

.f43{font-size: 2.5rem;}
.f33{font-size: 2.0625rem;}

#section1{padding:5rem 0 16rem 14rem}
#section2{padding:0 13rem 0rem 0rem}
#section3{padding:4rem 0 4rem 14rem}
.BG{background:url(/landingpage/microsoft/image/ustbg.jpg)  top; background-size:100%; }

.border-container {
  position: relative; display: flex;  border-width: 0 0 0 5px;  border-style: solid;
  border-image: linear-gradient(0deg, rgba(31,114,179,0.8211659663865546) 36%, rgba(15,162,197,1) 87%)1; border-radius: 0.5rem; 
}


.border-container::before{content: "";position: absolute;width: 1rem; background-color: rgba(15,162,197,1) }
.border-container::after{content: "";position: absolute;width: 1rem; background-color: rgba(31,114,179,0.8211659663865546)}
.border-container::before { top: 0; left: 0; height: .4rem; }
.border-container::after {bottom: 0;left: 0; height: .4rem;}
#section3 .margin-top{margin-top: 5rem;}

.shortHeightpage {background:url('/landingpage/microsoft/image/background.jpg') no-repeat #010123 top; }

.shortHeightpage  #section1{padding:3rem 0 0rem 13rem}
.mid{background: rgb(36,217,235);
background: linear-gradient(90deg, rgba(36,217,235,0.7399334733893557) 31%, rgba(52,152,219,1) 72%); color: #010124;font-size: 3.5rem;line-height: 1.2;}
ol li{font-size: 1.125rem !important;margin-bottom: 1rem;}
.fs-1{font-size: 2.3rem!important;}

#BizeYazin { z-index: 99; position: fixed; top: 30%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform-origin: top right; right: 2% }
#BizeYazin a:hover { background-color: black; }
#BizeYazin a {border-radius:.3rem .3rem 0 0; background-color: #8E0054; border: none;  padding: 0.5rem 1.5rem; color: #FFF;  font-weight: 600;font-size:1rem }
.modal-dialog .send{background:#0294C4; color:#FFF; display:inline-block !important;transition:ease .5s all}
.modal-dialog .send:hover{background:black; }
.btnGonderTeklif { background-color: #8E0054; color: #fff; }
    .btnGonderTeklif:hover { background-color: #2A2D36 }

    
.textUppercase{text-transform:uppercase}




.BekleyinizBG {background-color: #000;filter: alpha(opacity=90);opacity: 0.8; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999}

.Bekleyiniz { background-color: #FFFFFF; border:solid 3px #E3451D; border-radius:20px;  padding: 50px; color:#000; font-size:30px; width:30%;left:35%; z-index:9999; position:fixed; text-align:center; top:20%}