@charset "UTF-8";

@font-face {
    font-family: 'crosstenvn';
    src: url('fonts/crosstenVN-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'crosstenvn';
    src: url('fonts/crosstenVN-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crosstenvn';
    src: url('fonts/crosstenVN-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'crosstenvn';
    src: url('fonts/crosstenVN-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
body {
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    background: #fff;
    position: relative;
    color: #355C7B;
    padding: 0;
    margin: 0;
    font-family: 'crosstenvn', Arial, sans-serif !important;
}



#slider {
    width: 100%;
    margin: 0;
    border: 0;
}

    #slider .slide {
        width: 100%;
        display: none;
        position: relative;
    }

        #slider .slide:first-child {
            display: block;
        }

        #slider .slide img {
            width: 100%;
        }

.video-wrap {
    position: relative;
    padding-bottom: 40.625%;
    height: 0;
    overflow: hidden;
}

    .video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
 

.carousel {
    width: 100%;
}

.slide-box {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .slide-box img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-box img {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (min-width: 992px) {
    .slide-box img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: .5rem;
}



header {
    position: relative;
    background-color: #014f7d;
    /*height: 112vh;
    min-height: 25rem;*/
    width: 100%;
    overflow: hidden;
}

    header video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    header .container {
        position: relative;
        z-index: 2;
    }

    header .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: black;
        opacity: 0.5;
        z-index: 1;
    }

@media (pointer: coarse) and (hover: none) {
    header {
       
        /*background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;*/
    }

      
}

.ic-down .js-scroll-trigger {
    position: absolute;
    bottom: 5%;
    margin: auto;
    left: 49%;
}

.bg-bottom {
    position: absolute;
    z-index: 1;
    bottom: -2px;
    width: 100%;
    margin: auto;
    text-align: center;
    align-items: center;
}
    .bg-bottom img{
        width: auto;
    }
    
#mainNav.navbar-shrink, #mainNav {
  
}
.nav-item {
    border-right: 1px solid #C4C4C4;
    padding-right: 20px;
    padding-left: 20px;
}
    .nav-item:last-child{
        border: none;
    }
    #mainNav .nav-link {
        color: #fff;
    }
.masthead {
    padding: 70px 0 15px;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
.text-banner{
    margin-top: 170px;
}
.h1-title {
    font-family: 'crosstenvn';
    font-style: normal;
    font-weight: bold;
    font-size: 80px;
    line-height: 133px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 100px;
}
.btn-play {
    width: 188px;
    height: 40px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 40px;
    font-family: 'crosstenvn';
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 40px;
    background: none;
    padding: 0;
    color: #FFFFFF;
    margin-top: 145px;
    background: rgba(255, 255, 255, 0.2);
}
    .btn-play:hover, .btn-play:active, .btn-play:focus{
        color: #fff;
    }
    .ic-down {
        margin: 0px 0 0;
    }
.h-85 {
    height: 85% !important;
}
ul.sub-menu li {
    list-style: none;
    float: left;
    
}
    ul.sub-menu li a {
        font-style: normal;
        font-weight: 500;
        font-size: 21px;
        line-height: 24px;
        /* identical to box height, or 114% */
        color: #777777;
    }
    ul.sub-menu li a, ul.sub-menu li li a:hover, ul.sub-menu li a:focus, ul.sub-menu li a:active {
        text-decoration: none;
    }
#paner1, #paner2 {
    display: none;
}
.sub-menu {
    position: relative;
}
    .sub-menu::after {
        content: "";
        height: 19px;
        width: 96px;
        display: block;
        left: 12%;
        position: absolute;
        top: -18px;
        background: url('../assets/img/ic-mt.png') no-repeat;
    }
.sub-menu1::after {
    left: 46%;
}
.sub-menu2::after {
    left: 84%;
}
    .btn-home {
        width: 185px;
        height: 185px;
        border-radius: 50%;
        /* green gradient */
        background: radial-gradient(101.62% 101.62% at 8.11% 79.46%, #3E9E46 0%, #4BC555 100%);
        text-align: center;
        align-items: center;
        display: table-cell;
        padding-top: 30px;
    }
        .btn-home:hover, .btn-home:active, .btn-home:focus {
            background: #07518C;
        }
.btn-home img {
    display: inline-block;
    margin-bottom: 9px;
}
.sp-btn {
    display: inline-block;
    color: #fff;
    font-family: 'crosstenvn';
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 24px;
    align-items: center;
    text-align: center;
     margin: 5px 0;
    display: inline-block;
    color: #FFFFFF;
}

.box-sr {
    position: relative;
    padding-bottom: 20%;
    text-align: center;
    display: inline-block;
    transition: 0.4s;
}
    .box-sr:hover, .box-sr:active, .box-sr:focus, .box-sr.active {
        margin-top: -35px;
        transition: 0.4s;
        
        visibility: visible;
    }
        .box-sr:hover .btn-home, .box-sr:active .btn-home, .box-sr:focus .btn-home, .box-sr.active .btn-home {
            background: #07518C;
        }
        .box-sr:active:after, .box-sr:hover:after, .box-sr:focus:after, .box-sr.active::after {
            content: '';
            position: absolute;
            bottom: -15%;
            left: 26%;
            width: 50%;
            height: 30%;
            border-radius: 50%;
            margin-top: -55px;
            background: radial-gradient(53.41% 53.41% at 50% 50%, rgba(196, 196, 196, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
            visibility: visible;
        }
    .box-sr{
        z-index:2;
    }
        .box-sr:after{
            content: '';
            position: absolute;
            bottom: 0%;
            left: 11%;
            width: 80%;
            height: 39%;
            background: radial-gradient(53.41% 53.41% at 50% 50%, #C4C4C4 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 1;
            -webkit-filter: blur(10px);
            -webkit-transform: scale(1, 0.2);
        }
    .timnha {
        margin: 70px auto 30px;
        width: 70%;
    }
    .timnha .row{
        padding-bottom: 20px;
    }

.b1:hover + .paner {
    display: block;
}
.b1:hover .paner {
    display: block;
}
.b2:hover .paner2 {
    display: block;
}
.b2:hover + .paner2 {
    display: block;
}
.sub-menu {
    background: #eee;
    height: 51px;
    line-height: 51px;
    width: 70%;
    border-radius: 30px;
    margin: auto;
}
    .sub-menu li{
        width: 25%;
    }
        .sub-menu li:hover a, .sub-menu li:active a {
            font-style: normal;
            font-weight: 500;
            font-size: 21px;
            line-height: 24px;
            /* identical to box height, or 114% */
            color: #07518C;
        }
 



.collapse-tab {
    background: #EEEEEE;
    border-radius: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 24px;
    color: #07518C;
    position: relative;
   
}

    .collapse-tab .sub-menu li{
        float: left;
        list-style: none;
        text-decoration: none;
        width: 25%;
    }
    .collapse-tab:after {
        background: #EEEEEE;
        transform: matrix(1, 0, 0, -1, 0, 0);
        width: 102px;
        height: 19px;
        top: -19px;
        left: 50px;
        position: absolute;
        content: '';
        background-image: url('../assets/img/el1.png');
    }

.btn-next{
    margin-top: 50px;
}
.ul-timnha {
    padding-left: 0;
    margin: 50px 0;
}
.ul-giaithuong {
    padding-left: 0;
    margin: 14px 0;
}
    .ul-giaithuong li {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        margin-bottom: 7px;
        color: #777777;
        list-style: none;
    }
        .ul-giaithuong li strong {
            font-weight: bold;
        }
.kinhnghiem {
    background: url('../assets/img/bg-timnha.jpg') bottom;
    padding-top: 0px;
    background-size: cover;
    margin-top: -40px;
}
.col-11-p{
    width: 75%;
}
.p-row {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 28px;
    color: #777777;
    margin: 45px 0;
}
.ul-timnha li {
    list-style: none;
    margin-bottom: 15px;
    width: 100%;
}
    .ul-timnha li img {
        margin-right: 28px;
    
    }
    .ul-timnha li:last-child{
      display: inline-flex;
    
    }
    .btn-thamgia {
        /* green gradient */
        background: radial-gradient(101.62% 101.62% at 8.11% 79.46%, #3E9E46 0%, #4BC555 100%);
        border-radius: 30px;
        padding: 10px 75px;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 30px;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #FFFFFF;
    }
        .btn-thamgia:hover, .btn-thamgia:active, .btn-outline-secondary:hover, .btn-outline-secondary:active{
            text-decoration: none;
            background: #07518C;
            color: #FFFFFF;
        }
.h3-title2 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
    color: #3E9E46;
    margin-top: 87px;
}
.card1 {
    background: #FFFFFF;
    /* shadow video thumb */
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    order: 0;
    align-self: center;
    flex-grow: 0;
    overflow: hidden;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    /* or 131% */
    /* light gray */
    color: #999999;
}
    .card1 img {
        width: 100%;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        margin-top: -16px;
    }
.text-box {
    padding: 29px;
    letter-spacing: 0.1px;
}
    .text-box p {
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 21px;
        color: #999999;
        letter-spacing: 0.2px;
        height: 226px;
        overflow: hidden;
    }
    .h3-box {
        font-style: normal;
        font-weight: bold;
        font-size: 21px;
        line-height: 35px;
        color: #07518C;
    }
.a-box {
    background: #FFFFFF;
    border-radius: 30px;
    width: 100%;
    border: 2px solid #3E9E46;
    color: #3E9E46;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #3E9E46;
    text-decoration: none;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    margin-top: 10px;

}
    .a-box:hover {
        background: radial-gradient(101.62% 101.62% at 8.11% 79.46%, #3E9E46 0%, #4BC555 100%);
        border: none;
        height: 40px;
        text-decoration: none;
        border-radius: 30px;
        line-height: 40px;
        color: #fff;
    }
.h2-title {
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #00579D;
}
    .h2-title span {
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 60px;
    }
    .title-h2 {
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 60px;
        letter-spacing: -0.02em;
        color: #00579D;
        text-align: center;
        margin-bottom: 90px;
    }
.bg-xam {
    background: #EEEEEE;
    padding-bottom: 85px;
    padding-top: 32px !important;
}
.bg-ip{
    position: relative;
}
    .bg-ip:after {
       
    }
.bg-footer {
    background: url('../assets/img/bg-footer1.jpg') no-repeat center;
    background-size: cover;
}
.w-60{
    width: 60%;
}
.w-80 {
    width: 80%;
}
.sub-menu1 li{
    width: 33.33%;
}

.title-footer {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-decoration: underline;
    margin: 50px 0px 25px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */
    /* white */
    color: #FFFFFF;
}
.footer .ul-timnha li {
    display: list-item;
}
    .footer .ul-timnha li span {
        display: inline-block;
    }
    .footer .ul-timnha li:nth-child(3) span {
        display: block;
        margin-left: 46px;
        margin-top: -29px;
    }
    .footer .ul-timnha span {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        /* or 129% */
        text-align: left;
        /* white */
        color: #FFFFFF;
    }
.footer .input-group .form-control {
    border: 2px solid #3E9E46;
    height: 41px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #4BC555;
    box-sizing: border-box;
    border-radius: 0px 30px 30px 0px;
    width: 68%;
    color: #fff;
    position: relative;
}
.footer .btn-outline-secondary {
    background: radial-gradient(101.62% 101.62% at 8.11% 79.46%, #3E9E46 0%, #4BC555 100%);
    height: 41px;
    line-height: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    text-transform: none;
    padding: 0 18px;
    text-align: center;
    border-radius: 30px !important;
    top: 0;
    z-index: 99;
    position: absolute;
    right: 0;
}
.list-share img{
    margin-right: 20px;
}
.pd-left-50{
    padding-left: 80px;
}
.btn-outline-secondary {
    z-index: 9;
    position: absolute;
}
.footer .ul-timnha {
    margin: 0;
}
.hotline {
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 18px;
}
.img-banner{
    position: relative;
}

.ic-down2 {
    position: absolute;
    height: 48px;
    width: 48px;
    bottom: 16%;
    left: calc(50% - 39px);
}
.btn-play {
    position: absolute;
    left: 37%;
    bottom: 6%;
}
.cv-video{
    position: absolute;
    top:0;
}


.img-banner img {
    width: 100%;
}
.bg-145{
    padding-bottom: 145px;
}
.btn-thamgia2 {
    width: 392px;
    margin-top: 56px;
    display: inline-block;
}
.h3-2{
    margin-top:0;
    margin-bottom: 60px;
}
#mainNav .nav-link:hover{
    font-weight: bold;
    color: #fff;
}
.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}
#mainNav {
    height: 94px;
    background: #00579D !important;
}

#mainNav .nav-link{
    font-size: 20px;
}

#mainNav .navbar-brand{
    width: auto;
    padding: 0px !important;
}

#mainNav .navbar-brand img{
    height: 62px;
}

#mainNav.navbar-shrink .navbar-brand img {
    height: 48px;
}

.navbar-brand {
    margin: 0px 20px 0 20px !important;
}

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

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 1224px !important;
        }
    .navbar .container-fluid {
        margin: 10px;
    }
    .iframe-ct {
        width: 100%;
    }
    .carousel-control-prev {
        left: -10%;
    }

    .carousel-control-next {
        right: -10%;
    }
    .navbar-brand {
        margin: 40px 20px 0 40px;
    }

    }
@media (min-width: 1100px) {
   
    .carousel-control-prev {
        left: -7%;
    }

    .carousel-control-next {
        right: -7%;
    }

}
    @media (min-width: 992px) {
        #mainNav.navbar-shrink {
            background-color: #024685;
            height: 60px;
            font-size: 16px;
        }
           
            #mainNav.navbar-shrink .navbar-brand img {
                width: 102px;
            }
            #mainNav.navbar-shrink .nav-link {
                color: #fff;
            }
                #mainNav.navbar-shrink .nav-link.active, #mainNav.navbar-shrink .nav-link:hover {
                    font-style: normal;
                    font-weight: bold;
                    color: #FFFFFF;
                    outline: none;
                    border-bottom: 0px;
                }
        .masthead {
            /* height: 114vh;*/
        }

        #mainNav .nav-link {
            padding: 0 10px;
            color: #fff;
        }
        #mainNav.navbar-shrink .nav-link {
            padding: 0;
        }
        .nav-item{
            height: 25px;
        }
    }
.web{
    display: block;
}
.wap{
    display: none;
}
.ytp-large-play-button{
    z-index: 99999 !important;
}
@media (max-width: 1024px) {

    .timnha, .sub-menu {
        width: 100%;
        padding-left: 0;
    }
    .slider > .navContainer > .rightClass{
        right:0;
    }
    .pd-left-50 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #mainNav .navbar-brand img {
        width: 110px;
    }

    #mainNav .navbar-brand {
        padding: 0.5rem 0;
        font-size: 16px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
    }

    .btn-home {
        width: 100px;
        height: 100px;
        padding-top: 10px;
    }

        .btn-home img {
            width: 35px;
        }

    .sp-btn {
        font-size: 14px;
        width: 90%;
        line-height: 16px;
        margin: 5px auto;
    }

    .web {
        display: none;
    }

    .wap {
        display: block;
    }


    .projects-section {
        padding: 40px 0;
    }

    ul.sub-menu1 {
      
    }

    .bg-xam {
        background: #EEEEEE;
        padding-bottom: 85px;
    }

    .nav-item {
        border: none;
    }

    .btn-home img {
        margin-bottom: 0px;
    }

    .box-sr:after {
        content: '';
        position: absolute;
        bottom: 0%;
        left: 11%;
        width: 80%;
        height: 54%;
        background: radial-gradient(53.41% 53.41% at 50% 50%, #C4C4C4 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
        -webkit-filter: blur(10px);
        -webkit-transform: scale(1, 0.2);
    }
    .img-banner{
        margin-top: 70px;
    }
    .col-11-p {
        width: 100%;
        padding: 10px;
    }
    .iframe-ct {
        width: 100%;
    }
    .timnha {
        margin: 50px auto 30px;
    }
    
   
}
@media (max-width: 911px) {
    
    .kinhnghiem {
        background: url('../assets/img/bg-mb.jpg') bottom no-repeat;
        padding-bottom: 100px;
        position: relative;
    }
    .kinhnghiem:after {
        content: '';
        background: url(../assets/img/subtract2.png) top center;
        position: absolute;
        width: 100%;
        height: 30px;
        bottom: 0;
        display: inline-block;
    }
    
   .kinhnghiem .ul-timnha {
        margin: 20px 0;
    }
}
    @media (max-width: 786px) {
        .timnha {
            margin: 50px auto 2px;
        }

        ul.sub-menu li a, ul.sub-menu li a:hover, ul.sub-menu li a:active, ul.sub-menu li a:focus {
            font-size: 10.55px !important;
            line-height: 12px !important;
        }

        ul.sub-menu {
        }

        .ic-down2 {
            position: absolute;
            height: 48px;
            width: 48px;
            bottom: 19%;
            left: calc(50% - 35px);
            display: none;
        }

        .btn-thamgia {
            width: 100%;
            font-size: 16.47px;
            padding: 9px 70px;
        }

        .w-60, .w-80 {
            width: 100%;
            padding: 10px 0;
        }

        .bg-ip:after {
            display: none;
        }

        .slider > iframe {
            width: 52%;
            height: 200px;
        }

        .h2-title span, .h2-title {
            font-size: 29px;
            padding-left: 10px;
            line-height: 36px;
            width: 100%;
        }

        .w-60 {
            padding-left: 10px;
            padding-right: 10px;
        }

        .ul-timnha li img {
           
        }

        .footer .ul-timnha li:last-child img {
            width: auto;
            height: auto;
        }

        .projects-section {
        }

        .contact-section {
            padding-top: 2rem;
        }

        .bg-xam {
            background: #EEEEEE;
            padding-bottom: 45px;
        }

        .title-h2 {
            font-size: 30px;
            line-height: 37px;
            margin-bottom: 37px;
        }

        .projects-section .ul-timnha li {
            display: inline-flex;
        }
        .projects-section .ul-timnha li span:first-child {
           margin-top: 25px;
        }
            .projects-section .ul-timnha li span:nth-child(2) {
                margin-top: 19px;
            }
            .projects-section .ul-timnha li span:las-child {
                margin-top: 5px;
            }
        .projects-section .col-11 {
            max-width: 100%;
            flex: 1;
        }

        .h1-title {
            font-size: 40px;
            line-height: 50px;
        }

        .ic-down .js-scroll-trigger {
            bottom: -19%;
            left: 47%;
        }

        .bg-bottom {
            transform: scale(3.2);
        }

        .box-sr:after {
            content: '';
            position: absolute;
            bottom: 0%;
            left: 11%;
            width: 80%;
            height: 26%;
            background: radial-gradient(53.41% 53.41% at 50% 50%, #C4C4C4 0%, rgba(255, 255, 255, 0) 100%);
            z-index: 1;
            -webkit-filter: blur(10px);
            -webkit-transform: scale(1, 0.2);
        }

        .text-banner {
            margin-top: 140px;
        }

        .sub-menu {
            height: 25px;
            line-height: 25px;
        }

            .sub-menu::after {
                content: "";
                left: 7%;
                transform: scale(0.6);
                top: -14px;
            }

        .sub-menu1::after {
            left: 41%;
        }

        .sub-menu li {
            line-height: 19px;
        }

        .sp-btn {
            font-size: 10.55px;
            width: 70%;
            line-height: 12px;
            margin: 8px auto;
        }

        .btn-home {
            width: 92.92px;
            height: 92.92px;
            padding-top: 12px;
        }

        .img-banner .wap {
            margin-top: -70px;
        }

        .p-row {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 25px;
            color: #777777;
            margin: 25px 0;
        }

        .projects-section .ul-timnha li, .projects-section .ul-timnha li a {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 17px;
        }

        .h3-title2 {
            font-size: 25px;
            line-height: 42px;
            margin-top: 50px;
        }

        .h3-2 {
            margin-top: 0;
            margin-bottom: 33px;
        }
    }