body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(90, 155, 216, 0.3);
    border-radius: 10px;
    background-color: transparent;
} 
body::-webkit-scrollbar
{
    width: 8px;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgb(171, 159, 251);
}

body{
    overflow-x: hidden;
}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 100%;
}

.header_div{
    width: 100%;
    height: 100px;
}

@media only screen and (max-width: 1500px) {
    .header_div{
        height: 50px;
    }
}

.text1{
    width: 100%;
    margin: 20px 0px;
    text-align: center;
    font-size: 15px;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.text2{
    margin: 10px 0px;
    text-align: center;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
}

.span_text2{
    font-size: 60px; 
    font-weight:bolder;
    color:rgb(200, 99, 243);
}

.text3{
    width: 700px;
    font-size: 20px;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}



.create_cv_link{
    background-color: rgb(95, 84, 168);
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    font-size: 32px;font-weight: bold;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    transition: 0.3s ease-in-out;
}

.create_cv_link:hover{
    background-color: rgb(187, 177, 255);
    color: #242222;
}

.crt_but{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0px;
}

.container{
    width:700px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-top: 4px solid #c890f31e;
}
.slider {
    height: 750px;
    width:700px;
    display: flex;
    perspective: 1000px;
    position: relative;
}
/* .box1{ 
background-color: antiquewhite;
}    */
/*
.box2{
background:url('https://images.pexels.com/photos/2559941/pexels-photo-2559941.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;}
.box3{
background:url('https://images.pexels.com/photos/2356059/pexels-photo-2356059.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;}
.box4{
background:url('https://images.pexels.com/photos/3274903/pexels-photo-3274903.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;}
.box5{
background:url('https://images.pexels.com/photos/3618162/pexels-photo-3618162.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;}
.box6{
background:url('https://images.pexels.com/photos/4256852/pexels-photo-4256852.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;}
.box7{
background:url('https://images.pexels.com/photos/1891234/pexels-photo-1891234.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size:cover;
background-position:center center;} */

.slider [class*="box"] {
/*   float: left; */
overflow: hidden;
border-radius:20px;
box-shadow: 2px 3px 3px black;
transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
position:absolute;
}
.slider [class*="box"]:nth-child(7),
.slider [class*="box"]:nth-child(1) {
/* width: 100vh;
height: 60vh; */
transform: scale(0.2) translate(-50%,-50%);
top: 10%;
z-index:1;
}
.slider [class*="box"]:nth-child(2),
.slider [class*="box"]:nth-child(6) {
/* width: 100vh;
height: 60vh; */
transform: scale(0.4) translate(-50%,-50%);
top: 20%;
z-index:2;
}
.slider [class*="box"]:nth-child(3),
.slider [class*="box"]:nth-child(5) {
/* width: 100vh;
height: 60vh; */
transform: scale(0.6) translate(-50%,-50%);
top: 30%;
z-index:3;
}
.slider [class*="box"]:nth-child(4) {
/* width: 60vw;
height: 60vh; */
border-color: #c92026;
color: #fff;
transform: scale(1) translate(-50%,-50%);
top: 50%;
z-index:4;
}
.slider [class*="box"]:nth-child(1){
left:10%;}
.slider [class*="box"]:nth-child(2){
left:10%;}
.slider [class*="box"]:nth-child(3){
left:10%;}
.slider [class*="box"]:nth-child(4){
left:47.5%;}
.slider [class*="box"]:nth-child(5){
left:55%;}
.slider [class*="box"]:nth-child(6){
left:55%;}
.slider [class*="box"]:nth-child(7){
left:55%;}
.slider .firstSlide {
    -webkit-animation:  firstChild 1s;
    animation:  firstChild 1s;
}
/*Animation for buyers landing page slider*/
@-webkit-keyframes firstChild {
    0% {left:55%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: 0%; transform: scale(0.2) translate(-50%,-50%);}
}
@keyframes firstChild {
    0% {left:55%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: 0%; transform: scale(0.2) translate(-50%,-50%);}
}


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

    .text1{
        font-size: 10px;
    }
  
    .text2{
        font-size: 18px;
    }

    .span_text2{
        font-size: 20px;
    }
    
    .text3{
        width: auto;
        font-size: 10px;
    }
    .create_cv_link{
        font-size: 14px;
        font-weight: bold;
    }
    
    .crt_but{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0px;
    }

    .container{
        width:300px;
    }
    .slider {
        height: 250px;
        width:300px;
    }
    .slide_img{
        width: 200px;
    }
}

.linkedin_cv_cont{
    width: 100%;
    height: 400px;
    padding: 50px;
    background-color: rgba(172, 127, 255, 0.103);
    margin-bottom: 30px;
    display: flex;
}

.linkedin_cv_cont_img{
    width: 40%;
    margin-left: 80px;
    border-radius: 10px;
}
.linkedin_cv_cont_second{
    width: 60%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.linkedin_cv_cont_second h1{
    font-size: 40px;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    line-height: 48px;
    font-weight: 900;
    text-align: center;
}

.linkedin_cv_cont_second h3{
    font-size: 20px;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    line-height: 28px;
    text-align: center;
    width: 60%;
}
.linkedin_cv_cont_second p{
    font-size: 15px;
    font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.8px;
    line-height: 18px;
    text-align: center;
    width: 60%;
}

@media only screen and (max-width: 900px) {
    .linkedin_cv_cont{
        width: 95%;
        margin-top: 40px;
        padding: 10px;
        background-color: rgba(172, 127, 255, 0.103);
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .linkedin_cv_cont_img{
        height: 50%;
        width: 80%;
        border-radius: 10px;
        margin-left: 0px;
    }
    .linkedin_cv_cont_second{
        height: 60%;
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .linkedin_cv_cont_second h1{
        font-size: 20px;
        font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
        -webkit-font-smoothing: antialiased;
        letter-spacing: 1.8px;
        line-height: 18px;
        font-weight: 900;
        text-align: center;
    }
    
    .linkedin_cv_cont_second h3{
        font-size: 10px;
        font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
        -webkit-font-smoothing: antialiased;
        letter-spacing: 1.8px;
        line-height: 10px;
        text-align: center;

    }
    .linkedin_cv_cont_second p{
        font-size: 5px;
        font-family: 'TT Commons', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto' 'Sans', 'sans-serif';
        -webkit-font-smoothing: antialiased;
        letter-spacing: 1.8px;
        line-height: 8px;
        text-align: center;

    }

}

@media only screen and (max-width: 1300px) {
    .linkedin_cv_cont{
        height: auto;
    }
}