@import url('https://fonts.googleapis.com/css2?family=Flow+Circular&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik+Wet+Paint&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');


*{
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}


body{
    color: #444444;
    font-family: "Open sans" , sans-serif;
    background-color: white;
}

.full-container{
    margin: 0 auto;
}

#header{
    background-color: rgb(243, 243, 243);
    box-shadow: 2px 5px 500px #b6b5b5;
    position: fixed;
    top: 0;
    height: 71.5px;
    width: 1265px;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}


.container{
    height: 50px;
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
}



nav ul{
    list-style-type: none;
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-right: 80px;
}


nav a{
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 550;
    color: #013289;
}


nav a:hover{
    color: #4154f1;
    text-decoration: underline;
}


.top-description{
    height: 447.766px;
    width: 546px;
    padding: 0px 12px;
    margin-left: 50px;
    margin-top: 125px;
}


.top-description h1{
    margin-top: 70px;
    font-size: 44px;
    font-weight: bolder;
    color: #012970;
    font-family: "Nunito", sans-serif;
}


.top-description h2{
    font-size: 24px;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
}

.button-parent div a{
    text-decoration: none;
    color: #ffffff;
    background-color: #4154f1;
    padding: 15px 57px;
    border: 1px solid #4154f1;
    border-radius: 7px;
    box-shadow: 2px 5px 180px #4154f1;
    font-weight: lighter;
}


.button-parent div a:hover{
    background-color: #4154f1;
    color: #ffffff;
    text-decoration: underline;
}


.button-parent div{
    display: flex;
    justify-content: flex-start;
    margin-top: 43px;
}


.image{
    width: 580px;
    display: flex;
    flex-direction: column;
    margin-left: 635px;
    margin-top: -500px;
}


.main-about-section{
    min-width: 1116px;
    height: 423.391px;
    padding: 0px 12px;
    margin: 0px 61.500px;
    margin-top: 100px;
}


.main-about-section div{
    width: 558px;
    height: 423.39px;
    padding: 40px;
    background-color: aliceblue;
}


.main-about-section div h3{
    color: #4154f1;
    font-size: 16px;
    font-family: "Nunito" , sans-serif;
    margin: 0px 0px 8px;
}


.main-about-section div h2{
    color: #012970;
    font-size: 25px;
    font-weight: 700;
    font-family: "Nunito", sans-serif;
}


.main-about-section div p{
    color: #444444;
    font-size: 14px;
    font-family: "Open Sans" , sans-serif;
    line-height: 25px;
    margin: 15px 0px 30px;
}


.main-about-section img{
    position: relative;
    left: 558px;
}

.about-content{
    position: relative;
    top: -426px;
}



.technologies-section{
   width: 1257px;
   height: 336.09px;
   padding: 60px 0px;
   margin-top: 70px;
}


.technologies-container{
    width: 1116px;
    height: 216.094px;
    padding: 0px 12px;
    margin: 0px 58.500px;
}


.section-header{
    text-align: center;
    padding-bottom: 40px;
}

.section-header h2{
    display: block;
    font-size: 13px;
    font-family: "Nunito" , sans-serif;
    color: #4154f1;
    margin: 0px;
}

.section-header p{
    color: #012970;
    font-size: 38px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-top: 10px;
}
    

.technologies-section-images{
    width: 1116px;
    height: 108.5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#bullet-image{
    display: flex;
    justify-content: center;
}



.service-section{
    width: 1257px;
    height: 1088.38px;
    padding: 60px 0px;
}


.service-container{
    width: 1140px;
    height: 968.38px;
    padding: 0px 12px;
    margin: 0px 58.500px;
}


.service-section-header{
    text-align: center;
    padding-bottom: 40px;
}

.service-section-header h2{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0px;
    color: #4154f1;
    text-transform: uppercase;
    font-family: "Nunito" , sans-serif;
}


.service-section-header p{
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
}



.services-boxes{
    display: flex;
    flex-wrap: wrap;
    margin: -24px -12px 0px -12px;
    width: 1140px;
    height: 884.781px;
}


.box1{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}


.box1-info{
    border-bottom: 3px solid #2db6fa;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box1-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}


.box1-info:hover{
    background-color:#20b3fc;
    color: white;
}


.box1-svg{
    color: #20b3fc;
    background-color: #dbf3fe;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box1-svg:hover{
    background-color: #ffffff;
}


.box2{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}


.box2-info{
    border-bottom: 3px solid #f68c09;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box2-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}

.box2-info:hover{
    background-color:#f68c09;
    color: white;
}

.box2-svg{
    color: #f68c09;
    background-color: #fde3c4;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}

.box2-svg:hover{
    background-color: #ffffff;
}


.box3{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}

.box3-info{
    border-bottom: 3px solid #08da4e;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box3-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}


.box3-info:hover{
    background-color:#08da4e;
    color: white;
}

.box3-svg{
    color: #08da4e;
    background-color: #cffddf;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}

.box3-svg:hover{
    background-color: #ffffff;
}


.box4{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}

.box4-info{
    border-bottom: 3px solid #e9222f;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box4-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}


.box4-info:hover{
    background-color:#e9222f;
    color: white;
}

.box4-svg{
    color: #e9222f;
    background-color: #fef7f8;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}

.box4-svg:hover{
    background-color: #ffffff;
}


.box5{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}


.box5-info{
    border-bottom: 3px solid #b50edf;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box5-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}

.box5-info:hover{
    background-color:#b50edf;
    color: white;
}

.box5-svg{
    color: #b50edf;
    background-color: #f8e4fd;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}

.box5-svg:hover{
    background-color: #ffffff;
}


.box6{
    width: 356px;
    height: 415.188px;
    padding: 0px 12px;
    margin: 24px 0px 0px 0px;
}


.box6-info{
    border-bottom: 3px solid #f51f9c;
    box-shadow: 0px 0px 20px #ecf3ff;
    height: 100%;
    padding: 60px 30px;
    text-align: center;
    border-radius: 5px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}


.box5-info h3{
    font-weight: 700;
    font-family: "Nunito" , sans-serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    margin-top: 0px;
}


.box6-info:hover{
    background-color:#f51f9c;
    color: white;
}


.box6-svg{
    color: #f51f9c;
    background-color: #feecf7;
    font-size: 36px;
    padding: 25px 20px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    line-height: 0;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
}

.box5-svg:hover{
    background-color: #ffffff;
}



.core-value-section{
    width: 1257px;
    height: 574.66px;
    padding: 60px 0px;
    overflow: hidden;
    display: block;
}


.core-value-container{
    width: 1140px;
    height: 454.66px;
    padding: 0px 12px;
    margin: 0px 58.500px;
}



.core-value-header{
    text-align: center;
    padding-bottom: 40px;
}

.core-value-header h2{
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0px;
    color: #4154f1;
    text-transform: uppercase;
    font-family: "Nunito" , sans-serif;
    line-height: 1.2;
}


.core-value-header p{
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
}



.core-value-image-and-info-section{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -12px;
    width: 1140px;
    height: 347.062px;
}


.core-value-section-image img{
    width: 546px;
    height: 347.062px;
    padding: 0px 12px;
    max-width: 100%;
}



.core-value-info-section{
    display: flex;
    width: 546;
    height: 347.062px;
    padding: 0px 12px;
    max-width: 100%;
}



.core-value-info-sub-section{
    align-self: center !important;
    display: flex;
    flex-wrap: wrap;
    width: 570px;
    height: 312px;
    margin: -24px -12px 0px -12px;
}


.sub-section-box1{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box1-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box1-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box1-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.sub-section-box2{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box2-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box2-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box2-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.sub-section-box3{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box3-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box3-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box3-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.sub-section-box4{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box4-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box4-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box4-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.sub-section-box5{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box5-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box5-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box5-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.sub-section-box6{
    width: 261px;
    height: 80px;
    padding: 0px 12px;
    margin-top: 24px;
}


.sub-section-box6-info{
    padding: 24px 20px;
    box-shadow: 0px 0px 30px rgba(1, 41, 112, 0.08);
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    height: 100%;
    align-items: center;
    display: flex;
}


.sub-section-box6-info-svg{
    line-height: 0;
    background-color: #ecf3ff;
    padding: 4px;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 3px;
    transition-property: all;
    transition-delay: 0s;
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-behavior: normal;
    font-style: italic;
}



.sub-section-box6-info-svg:hover{
    background-color:#4154f1;
    color: white;
}



.portfolio-section{
    padding: 60px 0px;
    overflow: hidden;
    display: block;
    width: 1257px;
    height: 1770.590px;
}


.portfolio-section-container{
    width: 1116px;
    height: 1675.590px;
    padding: 0px 12px;
    margin: 0px 58.500px;
}


.portfolio-section-header{
    text-align: center;
    padding-bottom: 40px;
}


.portfolio-section-header h2{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0px;
    color: #4154f1;
    text-transform: uppercase;
    line-height: 1.2;
}



.portfolio-section-header p{
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
}



.portfolio-section-below-header-widgets{
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    height: 72px;
    margin: 0px -12px;
}


.below-header-widgets{
    display: flex;
    justify-content: center;
    width: 1116px;
    height: 72px;
    padding: 0px 12px;
}


#below-header-widgets-lists ul{
    margin: 0px 426.312px 25px 426.312px;
    list-style: none;
    text-align: center;
    background-color: white;
    border-radius: 50px;
    padding: 2px 15px;
    width: 233.359px;
    height: 43px;
}


#below-header-widgets-lists li{
    display: inline-block;
    padding: 8px 20px 10px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 0px 4px 8px 4px;
    border-radius: 50px;
    border: 1px solid white;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
}



#below-header-widgets-lists li:hover{
    color: #4154f1;
    border-color:#4154f1;
}

.portfolio-boxes-with-images-and-pictures{
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    height: 1520px;
    margin: -24px -12px 0px -12px;
    justify-content: space-evenly;
}


.box1-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box1-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box2-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box2-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box3-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box3-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box4-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box4-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}



.box5-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box5-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box6-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box6-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}



.box7-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}


.box7-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box8-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box8-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box9-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box9-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}



.box10-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}


.box10-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}


.box11-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}

.box11-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;

}




.box12-image img{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #ecf3ff;
    padding: 0px 12px;
    margin-top: 24px;
    border-radius: 5px;
}


.box12-image img:hover{
    border: 1px solid white;
    box-shadow: 0px 0px 30px #7aa3eb;
    height: 356px;
    width: 356;
    padding: 0px 12px;
    margin-top: 24px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: normal;
    transition-delay: 0s;
}


.Recommendation{
    width: 1257px;
    height: 824.98px;
    padding: 60px 0px;
    overflow: hidden;
}


.Recommendation-container{
    width: 1116px;
    height: 704.984px;
    padding: 0px 12px;
    margin: 0px 58.500px;
}


.Recommendation-container-header{
    text-align: center;
    padding-bottom: 40px;
}

.Recommendation-container-header h2{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0px;
    color: #4154f1;
    text-transform: uppercase;
    font-family: "Nunito" , sans-serif;
}


.Recommendation-container-header p{
    margin: 10px 0 0 0;
    padding: 0px;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
}


.Recommendation-box{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 1116px;
    height: 597.391px;
}


.Recommendation-flexes{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
}



.Recommendation-boxes-1{
    width: 372px;
    height: 460px;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    opacity: 0.5;
}


.Recommendation-box-1{
    box-sizing: content-box;
    padding: 30px;
    margin: 40px 30px;
    box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
    background: #fff;
    min-height: 320px;
    width: 252px;
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all
}

.Recommendation-box-1-stars{
    width: 252px;
    height: 24px;
    text-align: center;
    color: gold;
}


.Recommendation-box-1-paragraph{
    font-style: italic;
    margin: 0 auto 15px auto;
    text-align: center;
}

.Recommendation-box-1-profile-images-and-info img{
    width: 90px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.Recommendation-box-1-profile-images-and-info h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #111;
    font-family: "Nunito" , sans-serif;
    text-align: center;
}

.Recommendation-box-1-profile-images-and-info h4{
    font-size: 14px;
    color: #999;
    margin: 0;
    font-family: "Nunito" , sans-serif;
    font-weight: 500;
    line-height: 1.2
}


.Recommendation-box-1:hover{
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.3);
    transform: translateY(10px);
}




.Recommendation-boxes-2{
    width: 372px;
    height: 460px;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transform: translateY(-15px);
}


.Recommendation-box-2{
    box-sizing: content-box;
    padding: 30px;
    margin: 40px 30px;
    box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
    background: #fff;
    min-height: 320px;
    width: 252px;
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all
}

.Recommendation-box-2-stars{
    width: 252px;
    height: 24px;
    text-align: center;
    color: gold;
}


.Recommendation-box-2-paragraph{
    font-style: italic;
    margin: 0 auto 15px auto;
    text-align: center;
}

.Recommendation-box-2-profile-images-and-info img{
    width: 90px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.Recommendation-box-2-profile-images-and-info h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #111;
    font-family: "Nunito" , sans-serif;
    text-align: center;
}

.Recommendation-box-2-profile-images-and-info h4{
    font-size: 14px;
    color: #999;
    margin: 0;
    font-family: "Nunito" , sans-serif;
    font-weight: 500;
    line-height: 1.2
}


.Recommendation-box-2:hover{
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.3);
    transform: translateY(-15px);
}



.Recommendation-boxes-3{
    width: 372px;
    height: 460px;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    opacity: 0.5;
}


.Recommendation-box-3{
    box-sizing: content-box;
    padding: 30px;
    margin: 40px 30px;
    box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);
    background: #fff;
    min-height: 320px;
    width: 252px;
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all
}

.Recommendation-box-3-stars{
    width: 252px;
    height: 24px;
    text-align: center;
    color: gold;
}


.Recommendation-box-3-paragraph{
    font-style: italic;
    margin: 0 auto 15px auto;
    text-align: center;
}

.Recommendation-box-3-profile-images-and-info img{
    width: 90px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.Recommendation-box-3-profile-images-and-info h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #111;
    font-family: "Nunito" , sans-serif;
    text-align: center;
}

.Recommendation-box-3-profile-images-and-info h4{
    font-size: 14px;
    color: #999;
    margin: 0;
    font-family: "Nunito" , sans-serif;
    font-weight: 500;
    line-height: 1.2
}


.Recommendation-box-3:hover{
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.3);
    transform: translateY(10px);
}


.Career-section{
    width: 1263px;
    height: 950px;
    padding: 60px 0;
    overflow: hidden;
}


.Career-section-container{
    width: 1140px;
    height: 794.05px;
    padding: 0px 12px;
    margin: 0px 61.500px;
}

.Career-section-header{
    text-align: center;
    padding-bottom: 40px;
    width: 1116px;
    height: 67.654px;
    padding-bottom: 40px;
}

.Career-section-header h2{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0;
    color: #4154f1;
    text-transform: uppercase;
    font-family: "Nunito", sans-serif;
}


.Career-section-header p{
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
}


.Career-section-info-cards{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    width: 1140px;
    height: 686.453px;
    margin: 0px -12px;
    margin-top: 35px;
}



.Career-section-info-cards-boxes-1{
    max-width: 100%;
    width: 350px;
    height: 686.453px;
    padding: 0px 12px;
}
    

.Career-section-info-cards-box-1{
    padding: 30px;
    box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
    text-align: center;
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 590.453px;
}

.Career-section-info-cards-box-1 img{
    padding: 30px 50px;
    max-width: 100%;
    margin-left: 50px;
    text-align: center;
    width: 196px;
    height: 160.359px;
}


.Career-section-heading-h3-box1 {
    align-items: center !important;
    flex-direction: column !important;
    text-align: center;
}


.Career-section-info-cards-box-1 h3{
    font-size: 28px;
    color: #012970;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
    width: 296px;
    height: 60.094px;
}

.Career-section-text1{
    text-align: center;
    border-radius: 50rem;
    color: white;
    background-color: #007aff;
    font-family: "Nunito", sans-serif;
    width: 230.07px;
    height: 30.59px;
    font-size: 16px;
    padding: 6.300px 11.700px 6.300px 11.700px;
    margin-left: 27px;
}


.Career-section-info-cards-box-1 p{
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center;
}


.Career-section-info-cards-box-1 a{
    gap: .5rem !important;
    margin-top: 128px;
    align-self: center !important;
    justify-content: center !important;
    color: #4154f1;
    text-decoration: none;
    text-align: center;
}

.Career-section-info-cards-box-1 a:hover{
    color: #6875eb;
    text-decoration: underline;
}




.Career-section-info-cards-boxes-2{
    max-width: 100%;
    width: 350px;
    height: 686.453px;
    padding: 0px 12px;
}
    

.Career-section-info-cards-box-2{
    padding: 30px;
    box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
    text-align: center;
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 750.453px;
}

.Career-section-info-cards-box-2 img{
    padding: 30px 50px;
    max-width: 100%;
    margin-left: 50px;
    text-align: center;
    width: 196px;
    height: 160.359px;
}


.Career-section-heading-h3-box2 {
    align-items: center !important;
    flex-direction: column !important;
    text-align: center;
}


.Career-section-info-cards-box-2 h3{
    font-size: 28px;
    color: #012970;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
    width: 300px;
    height: 80.094px;
}

.Career-section-text2{
    text-align: center;
    border-radius: 50rem;
    color: white;
    background-color: #007aff;
    font-family: "Nunito", sans-serif;
    width: 230.07px;
    height: 30.59px;
    font-size: 16px;
    padding: 6.300px 11.700px 6.300px 11.700px;
    
}


.Career-section-info-cards-box-2 p{
    margin-top: 50px;
    margin-bottom: 16px;
    text-align: center;
}


.Career-section-info-cards-box-2 a{
    gap: .5rem !important;
    margin-top: 90px;
    align-self: center !important;
    justify-content: center !important;
    color: #4154f1;
    text-decoration: none;
    text-align: center;
}


.Career-section-info-cards-box-2 a:hover{
    color: #6875eb;
    text-decoration: underline;
}


.Career-section-info-cards-boxes-3{
    max-width: 100%;
    width: 350px;
    height: 686.453px;
    padding: 0px 12px;
}
    

.Career-section-info-cards-box-3{
    padding: 30px;
    box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
    text-align: center;
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 750.453px;
}

.Career-section-info-cards-box-3 img{
    padding: 30px 50px;
    max-width: 100%;
    margin-left: 50px;
    text-align: center;
    width: 196px;
    height: 160.359px;
}


.Career-section-heading-h3-box2 {
    align-items: center !important;
    flex-direction: column !important;
    text-align: center;
}


.Career-section-info-cards-box-3 h3{
    font-size: 28px;
    color: #012970;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
    width: 300px;
    height: 80.094px;
}

.Career-section-text3{
    text-align: center;
    border-radius: 50rem;
    color: white;
    background-color: #007aff;
    font-family: "Nunito", sans-serif;
    width: 230.07px;
    height: 30.59px;
    font-size: 16px;
    padding: 6.300px 11.700px 6.300px 11.700px;
    
}


.Career-section-info-cards-box-3 p{
    margin-top: 50px;
    margin-bottom: 16px;
    text-align: center;
}


.Career-section-info-cards-box-3 a{
    gap: .5rem !important;
    margin-top: 30px;
    align-self: center !important;
    justify-content: center !important;
    color: #4154f1;
    text-decoration: none;
    text-align: center;
}


.Career-section-info-cards-box-3 a:hover{
    color: #6875eb;
    text-decoration: underline;
}



.contact-section{
    width: 1263px;
    height: 654.9px;
    padding: 60px 0px;
    overflow: hidden;
}


.contact-section-container{
    width: 1116px;
    height: 534.094px;
    padding: 0px 12px;
    margin: 0px 61.500px;
}
    

.contact-section-header{
    text-align: center;
    padding-bottom: 40px;
    width: 1116px;
    height: 67.594px;
}


.contact-section-header h2{
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0;
    color: #4154f1;
    text-transform: uppercase;
    font-family: "Nunito", sans-serif;
}


.contact-section-header p{
    margin: 10px 0px 0px 0px;
    padding: 0px;
    font-size: 38px;
    line-height: 42px;
    font-weight: 700;
    color: #012970;
    text-align: center;
}


.contact-section-flexes{
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    height: 450.500px;
    margin: 30px -12px 0px -12px;
}



.contact-section-box-left-info-flexes{
    display: flex;
    flex-wrap: wrap;
    margin: -24px -12px 0px -12px;
    width: 570px;
    height: 450.500px;
}


.contact-section-box-left-info-1{
    margin-top: 24px;
    padding: 0px 12px;
    height: 225.250px;
    flex: 0 0 auto;
    width: 50%;
}


.contact-section-info-box-1{
    color: #444444;
    background: #fafbff;
    padding: 30px;
    width: 240px;
    height: 200.250px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    align-items: center;
}

.contact-section-info-box-1:hover{
    background: #eff3ff;
}



.contact-section-info-box-1 h3{
    font-size: 20px;
    color: #012970;
    font-weight: 700;
    margin: 20px 0px 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
}

.contact-section-info-box-1 p{
    padding: 0px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0px;
    width: 201px;
    height: 72px;
}


.contact-section-box-left-info-svg-1{
    font-size: 38px;
    line-height: 0;
    color: #4154f1;
}




.contact-section-box-left-info-2{
    margin-top: 24px;
    padding: 0px 12px;
    height: 225.250px;
    flex: 0 0 auto;
    width: 50%;
}


.contact-section-info-box-2{
    color: #444444;
    background: #fafbff;
    padding: 30px;
    width: 240px;
    height: 200.250px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    align-items: center;
}

.contact-section-info-box-2:hover{
    background: #eff3ff;
}



.contact-section-info-box-2 h3{
    font-size: 20px;
    color: #012970;
    font-weight: 700;
    margin: 20px 0px 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
}

.contact-section-info-box-2 p{
    padding: 0px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0px;
    width: 201px;
    height: 72px;
}


.contact-section-box-left-info-svg-2{
    font-size: 38px;
    line-height: 0;
    color: #4154f1;
}




.contact-section-box-left-info-3{
    margin-top: 24px;
    padding: 0px 12px;
    height: 225.250px;
    flex: 0 0 auto;
    width: 50%;
}


.contact-section-info-box-3{
    color: #444444;
    background: #fafbff;
    padding: 30px;
    width: 240px;
    height: 200.250px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    align-items: center;
}

.contact-section-info-box-3:hover{
    background: #eff3ff;
}



.contact-section-info-box-1 h3{
    font-size: 20px;
    color: #012970;
    font-weight: 700;
    margin: 20px 0px 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
}

.contact-section-info-box-3 p{
    padding: 0px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0px;
    width: 201px;
    height: 72px;
}


.contact-section-box-left-info-svg-3{
    font-size: 38px;
    line-height: 0;
    color: #4154f1;
}



.contact-section-box-left-info-4{
    margin-top: 24px;
    padding: 0px 12px;
    height: 225.250px;
    flex: 0 0 auto;
    width: 50%;
}


.contact-section-info-box-4{
    color: #444444;
    background: #fafbff;
    padding: 30px;
    width: 240px;
    height: 200.250px;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    align-items: center;
}

.contact-section-info-box-4:hover{
    background: #eff3ff;
}



.contact-section-info-box-4 h3{
    font-size: 20px;
    color: #012970;
    font-weight: 700;
    margin: 20px 0px 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1.2;
}

.contact-section-info-box-4 p{
    padding: 0px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0px;
    width: 201px;
    height: 72px;
}


.contact-section-box-left-info-svg-4{
    font-size: 38px;
    line-height: 0;
    color: #4154f1;
}



.contact-section-form-container{
    width: 580px;
    height: 426.500px;
    margin-top: 30px;
    padding: 0px 12px;
}


.contact-section-form{
    background:  #fafbff;
    padding: 30px;
    height: 450.500px;
    width: 570px;
    margin-top: -31px;
}


.contact-section-form-flexes{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 510px;
    height: 426px;
    margin: -16px -12px 0px -12px;
}


.form-name{
    width: 231px;
    height: 43px;
    margin-top: 16px;
    padding: 0px 12px;
}

.form-name input{
    padding: 10px 15px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #007aff;
}

.form-control{
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
 
.form-email{
    width: 231px;
    height: 43px;
    margin-top: 16px;
    padding: 0px 12px;
}

.form-email input{
    padding: 10px 15px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #007aff;
}

.form-control{
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-subject{
    width: 486px;
    height: 43px;
    padding: 0px 12px;
    margin-top: 16px;
}

.form-subject input{
    padding: 10px 15px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #007aff;
}

.form-control{
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-message{
    width: 486px;
    height: 43px;
    padding: 0px 12px;
    margin-top: 16px;
}


.form-message textarea{
    padding: 10px 15px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #007aff;
}

.form-control{
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.form-submit{
    width: 486px;
    height: 44px;
    padding: 0px 12px;
    margin-top: 106px;
    text-align: center;
}

.form-submit button{
    text-align: center;
    background: #4154f1;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    transition-behavior: normal;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    border-radius: 4px;
}

.form-submit button:hover{
    background: #233bec;
}


.footer{
    width: 1263px;
    height: 665.69px;
    background: #f6f9ff;
    padding: 0px 0px 30px 0px;
    font-size: 14px;
}

.footer-newsletter{
    width: 1263px;
    height: 206px;
    padding: 50px 0;
    background: #f6f9ff;
    border-top: 1px solid #e1ecff;
}


.footer-container{
    width: 1116px;
    height: 105px;
    padding: 0px 12px;
    margin: 0px 61.500px;
}



.footer-newsletter-info-and-flexes{
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    width: 1140px;
    height: 105px;
    margin: 0px -12px;
}


.ournewsletter-heading{
    text-align: center;
    width: 1116px;
    height: 34px;
    padding: 0px 12px;
}

.ournewsletter-heading h4{
    font-size: 24px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    line-height: 1;
    font-weight: 700;
    color: #012970;
    font-family: "Nunito", sans-serif;
}


.ournewsletter-email-bar{
    width: 570px;
    height: 71px;
    padding: 0px 12px;
}


.ournewsletter-email-bar form{
    margin-top: 20px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e1ecff;
    width: 546px;
    height: 51px;
}

.ournewsletter-email-bar form input{
    border: 0;
    padding: 8px;
    width: 384px;
    height: 37px;
    outline: none;
}


.email-bar-button{
    background: #4154f1;
    color: #fff;
    font-size: 16px;
    padding: 0px 30px;
    position: absolute;
    width: 133.02px;
    height: 49px;
    left: 410.984px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    border: none;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}


.email-bar-button:hover{
    background: #233bec;
}


.footer-top{
    width: 1263px;
    height: 349.19px;
    background: white url(footer-bg.png) no-repeat right top;
    background-size: contain;
    border-top: 1px solid #e1ecff;
    border-bottom: 1px solid #e1ecff;
    padding: 60px 0 30px 0;
}


.footer-top-container{
    width: 1116px;
    height: 281.188px;
    padding: 0px 12px;
    margin: 0px 61.500px;
}


.footer-top-container-flexes{
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    height: 281.188px;
    margin: -24px -12px 0px -12px;
}


.footer-top-inside-flexes-expertizo-info{
    margin-bottom: 30px;
    width: 451px;
    height: 227.188px;
    margin: 24px 0px 30px 0px;
}

.picture-with-link{
    width: 451px;
    height: 39.984px;
    padding-bottom: 16px;
    align-items: center;
}


.picture-with-link img{
    width: 144.844px;
    height: 39.984px;
    margin-right: 6px;
}


.footer-top-inside-flexes-expertizo-info p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Nunito", sans-serif;
}


.social-links{
    margin-top: 16px;
    width: 475px;
    height: 22.500px;
}

.social-links a{
    font-size: 20px;
    display: inline-block;
    color: rgba(1, 41, 112, 0.5);
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
}

.social-links-facebook:hover{
    color: #2d4d94;
}

.social-links-linkdin:hover{
    color: #0077b5;
}


.footer-top-inside-flexes-expertizo-useful-links{
    margin-bottom: 30px;
    margin-top: 24px;
    padding: 0px 12px;
    width: 190px;
    height: 227.188px;
}

.footer-top-inside-flexes-expertizo-useful-links h4{
    font-size: 16px;
    font-weight: bold;
    color: #012970;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    font-family: "Nunito" , sans-serif;
    line-height: 1.2;
}

.footer-top-inside-flexes-expertizo-useful-links ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 166px;
    height: 160px;
}

.footer-top-inside-flexes-expertizo-useful-links ul li{
    padding: 10px 0px;
    display: flex;
    align-items: center;
}

.footer-top-inside-flexes-expertizo-useful-links ul li i{
    padding-right: 2px;
    color: #d0d4fc;
    font-size: 12px;
    line-height: 0;
}

.footer-top-inside-flexes-expertizo-useful-links ul li a{
    color: #013289;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
}

.footer-top-inside-flexes-expertizo-useful-links ul li a:hover{
    color: #233bec;
}



.footer-top-inside-flexes-expertizo-Our-solutions{
    margin-bottom: 30px;
    margin-top: 24px;
    padding: 0px 12px;
    width: 190px;
    height: 227.188px;
}


.footer-top-inside-flexes-expertizo-Our-solutions h4{
    font-size: 16px;
    font-weight: bold;
    color: #012970;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    font-family: "Nunito" , sans-serif;
    line-height: 1.2;
}


.footer-top-inside-flexes-expertizo-Our-solutions ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 166px;
    height: 160px;
}


.footer-top-inside-flexes-expertizo-Our-solutions ul li{
    padding: 10px 0px;
    display: flex;
    align-items: center;
}


.footer-top-inside-flexes-expertizo-Our-solutions ul li i{
    padding-right: 2px;
    color: #d0d4fc;
    font-size: 12px;
    line-height: 0;
}

.footer-top-inside-flexes-expertizo-Our-solutions ul li a{
    color: #013289;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
}


.footer-top-inside-flexes-expertizo-Our-solutions ul li a:hover{
    color: #233bec;
}


.footer-top-inside-flexes-expertizo-contact-us{
    margin-top: 24px;
    padding: 0px 12px;
    width: 285px;
    height: 257.188px;
}


.footer-top-inside-flexes-expertizo-contact-us h4{
    font-size: 16px;
    font-weight: bold;
    color: #012970;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    font-family: "Nunito" , sans-serif;
    line-height: 1.2;
}


.footer-top-inside-flexes-expertizo-contact-us p{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
    font-family: "Nunito", sans-serif;
}


.footer-bottom{
    width: 1140px;
    height: 80.5px;
    padding: 0px 12px;
    margin: 0px 61.500px;
}

.copyright{
    text-align: center;
    padding-top: 30px;
    color: #012970;
}


.cloned{
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}


.cloned a{
    color: #4154f1;
    text-decoration: none;
}

.cloned a:hover{
    color: #233bec;
}


.cloned i{
    margin-right: 10px;
    color: #012970;
}

.back-to-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #4154f1;
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    transition: 0.3s;
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
}

.back-to-top:hover{
    background-color: #233bec;
    color: #ffffff;
}


.for-animation{
    display: flex;
    position: relative;
    text-align: left;
    font-size: 15px;
    font-weight: lighter;
    color: red;
    width: fit-content;
    transition-property: all;
    transition-timing-function: ease;
    transition-delay: 0s;
    animation-name: warninganimation;
    animation-duration: 8s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}



@keyframes warninganimation{
    0%{
        opacity: 0;
        right: 0px;
        left: 0px;
    }

    50%{
        opacity: 2;
        right: 640px;
        left: 640px;
    }

    100%{
        opacity: 0;
        right: 0px;
        left: 0px;
    }

}