/* Resetting page spacing */
        *{margin: 0;padding: 0;box-sizing: border-box;}
        /* Housekeeping */
       /* html{ height: 100%;scroll-behavior: smooth;}
        body{ height: 100%; margin: 0 auto; font-size:18px;color:#171717;
            font-family: nw-primary, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: 400;
            line-height: 1.5;
            font-size: 18px;            
        } 

        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden; /* Prevent horizontal scroll */
       /* }
        
        body {
            margin: 0 auto;
        }*/
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden; /* Prevent horizontal scroll */
        }
        html{scroll-behavior: smooth;}

        body {
            margin: 0 auto;
            font-size:18px;color:#171717;
            font-family: nw-primary, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: 400;
            line-height: 1.5;
            font-size: 18px;  
        }

        header {
            position: -webkit-sticky; /* For Safari */
            position: sticky;
            top: 0;
            background-color: #f0f0f0;
            box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); /* 20% transparent shadow */
            z-index: 1000;
        }

       #main-content{
           
           
        }
    
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: #fff;          
            height: 100px;
        }

        .hamburger-menu {
            cursor: pointer;
        }

        .site-title {
            font-weight: 500;
            margin-left: 15px;
            color: #0047bb;
        }

        .logo {
            margin-left: auto;
        }

        .dropdown-menu {
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 100px;
            left: -400px; /* Start off-screen */
            width: 400px;
            background-color: #0047bb;
            /*border: 1px solid #ddd;*/
            padding: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: left 0.3s ease; /* Animation */
            z-index: 1000;
            height: 100vh;
        }

       /* .dropdown-menu a {
            padding: 20px 35px 0px 35px;
            text-decoration: none;
            color: #0047bb;
            display: block;   
            border-bottom: 0.75px solid #8cc8e9;
        }
*/
       

        .dropdown {
            position: relative;
        }

        .dropdown-content {
            display: none;
            flex-direction: column;
            position: relative;
            left: 0;
            top: 0;
            background-color: #0047bb;
            padding: 10px;
            padding-left: 20px;
          /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);*/
           /* color:#8cc8e9;*/
            transition: display 0.3s ease; /* Smooth transition */
       
        }
     
     
        .dropdown-menu.show {
            left: 0px; /* Slide in from the left */
            height: 100vh;
         
        }

        .menu-arrow {
            float: right;
            cursor: pointer;
        }

        .hamburger-menu:focus {
            outline: 2px solid #0047bb; /* Custom focus style */
        }

       

        .dropdown-menu a {
            padding: 20px 35px 0px 35px;
            text-decoration: none;
            color: #fff;
            display: block;   
            position: relative; /* Required for ::after positioning */
        }
        
        .dropdown-menu a::after {
            content: '';
            position: absolute;
            left: 35px; /* Match the left padding */
            bottom: 0;
            width: calc(100% - 70px); /* Full width minus left and right padding */
            height: 0.75px; /* Adjust the thickness of the underline */
            background-color: #8cc8e9; /* Initial black underline */
            transition: background-color 0.3s ease; /* Smooth transition for color */
        }

        
        .dropdown-content a::after {
            content: '';
            position: absolute;
            left: 35px; /* Match the left padding */
            bottom: 0;
            width: calc(100% - 70px); /* Full width minus left and right padding */
            height: 0.75px; /* Adjust the thickness of the underline */
            background-color:#fff; /* Initial black underline */
            transition: background-color 0.3s ease; /* Smooth transition for color */
        }
        
        .dropdown-menu a:hover::after,
        .dropdown-menu a:focus::after {
            height: 2px; /* Adjust the thickness of the underline */
            background-color: #fff; /* Change color to red on hover */
            animation: drawUnderline 0.5s forwards; /* Animation for drawing effect */
        }
        
        .dropdown-content a:hover::after,
        .dropdown-content a:focus::after {
            height: 2px; /* Adjust the thickness of the underline */
            background-color: #8cc8e9; /* Change color to red on hover */
            animation: drawUnderline 0.5s forwards; /* Animation for drawing effect */
        }
        @keyframes drawUnderline {
            0% {
                width: 0;
            }
            100% {
                width: calc(100% - 70px); /* Full width minus left and right padding */
            }
        }
        
        .dropdown-menu a:active::after {
            background-color: #0047bb; /* Change color on click if needed */
        }



        .ar-bottom-margin {
            margin-bottom: 80px !important;
        }

        .ar-l3-bottom-margin{
            margin-bottom: 50px !important;
        }
        section.container.nw-text-sm div{
            font-size: 14px;
            line-height: 1.5;
        }


.nw-text-medium{
    font-weight: 500;
}





h1{
    font-family: nw-primary;
    font-weight: bold;
    font-size: 22px;
    color: #141b4d;

}

.l3-banner{
    background-color: #0047bb;
   height: 300px;
   display: flex;
   justify-content: center;
   align-items: center;    
   text-align: center;

}

.l3-banner-text{
    display: block;
}
.l3-banner h1{
    font-family: nw-primary;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.l3-banner h2{
    font-family: tiempos;
    font-weight: bold;
    font-size: 87px;
    line-height: 74px;
    color: #fff;
   
}

.l3-banner.stories{
    background-color: #1f74db;
   height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;    
   text-align: center;

}
.l3-banner.stories.dk-mint{
    background-color: #008574;
}

.l3-banner h1 .stories{
    font-family: nw-primary;
    font-weight: bold;
    font-size: 22px;
    color: #141b4d;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ar-title{
    font-family: nw-primary;
    font-weight: bold;
    font-size: 22px;
    color: #141b4d;
   
    padding-bottom: 10px;
    text-align: center;
}



.stories .ar-basic-section.lead{
    font-family: nw-primary;
    font-weight: bold;
    font-size: 18px;
    color: #141b4d;
    padding-top: 10px;
    padding-bottom: 10px;

}

.l3-banner-h3{
    color: #0047bb;
    font-family: nw-primary;
    font-size: 18px;
    padding-bottom: 10px;

}
.ar-results{
    text-align: center;
    
}

.ar-3cols-slides-number {
    font-size: 32px;
    color: #0047bb;
}


.cta {
   
    background-color: #1f74db;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;    
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    
}
.cta-text {
    display: block;
}

.ar-small-text{
    font-size: 22px;
    font-family: nw-primary;
    font-weight: 500;


}
.ar-large-text{
    font-size: 36px;
    line-height: 40px;
    font-family: tiempos;

}

.ar-gotham-med-sm {
    font-size: 22px;
    font-weight: 500;
}

.ar-gotham-med {
    font-size: 18px;
    font-weight: 500;
}

.ar-ratings {
    font-size: 85px;
    line-height: 85px;
    color: #0047bb;
    font-family: tiempos;
}

.ar-table-sup {
    vertical-align: top;
    position: relative;
    top: 18px;
    font-size: 18px;
    color: #0047BB;
}

#ar-ratings-desktop {
    display: block;
    text-align: center;
}
#ar-ratings-mobile {
    display: none;
}

.ar-gotham-med-xs {
    font-size: 14px;
    font-weight: 500;
}
tbody td, tbody th {
    padding: .8rem 1rem 1rem;
}
tbody, tfoot, thead {
    border: 0 solid #dedede;
    background-color: transparent;
}
tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: transparent;
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.containerLines, .containerShapes {
    padding-left: 5%;
    padding-right: 5%;
}

.ar-graph-desc {
    font-size: 22px;
    font-weight: 500;
    color: #0047bb;
    padding-bottom: 15px;
}


        .two-color-div {
            width: 100%;          
            position: relative;
            color: #fff;
            background: url('ar-Kirt-blue-background.png'); background-repeat: no-repeat;
        }

        .two-color-div-top-right {
            width: 100%;          
            position: relative;
            color: #fff;
            /*background: linear-gradient(to bottom left, #0047bb 75%, #002da2 25%);
            clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%);*/
            margin-bottom: 50px;
        }

    
        .ar-icon-svg-blue-light{
            fill: #8cc8e9;
        }

        .ar-icon-svg-orange{
            fill: #ff9800;
        }
        .ar-icon-svg-vb{
            fill: #0047bb;

        }

        .ar-icon-svg-mint{
            fill: #6eceb2;

        }
       .ar-icon svg, .ar-icon img {
            height: 60px;
        }

        .ar-col-logo img{
            width: auto;
            /*height: 100px;*/    
            height: 80px;
        }

        .ar-col-logo-desc{
            font-family: nw-primary;
            color: #890c58;
            font-weight: 500;
            font-size: 22px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .ar-col-icon-desc{
            font-family: nw-primary;
            color: #6eceb2;
            font-weight: 500;
            font-size: 22px;
          
            margin-bottom: 10px;
        }

        .ar-section-w-bg.no-bg .ar-col-icon-desc{
            color: #0047bb;
        }


        .ar-cite-author {
            font-size: 18px;
            line-height: 1.5;
            padding-top: 10px;
            color: #0047bb;
            font-weight: normal;
            font-family: nw-primary;
        }

        .ar-yellow-quote{
           color:#f9e27d;
           font-size: 28px;
           padding-bottom: 0;
        }

        
        .ar-video-heading{
            color:#0047bb;
            font-size: 28px;
            font-weight: 400;
            text-align: center;
            margin-bottom: 25px;
            /*max-width: 995px;*/
            padding-left: 10%;
            padding-right: 10%;
         }
       
 .ar-white{
    color: #fff;
 }


.section-w-right-img {   
    background-color: #141b4d;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}
.right-img-text {
    flex: 1;
    min-width: 300px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 50px;
    padding-bottom: 50px;
    font-family: nw-primary;
}

.right-img {
    flex: 1;
    min-width: 300px;
    background-image: url('ar-older-couple.png');
    background-size: cover;
    background-position: center;

}

.right-img.ar-warehouse {
    flex: 1;
    min-width: 300px;
    background-image: url('ar-man-in-warehouse.png');
    background-size: cover;
    background-position: center;
    

}

.right-img.ar-outside{
    flex: 1;
    min-width: 300px;
    background-image: url('ar-women-talking-outside.png');
    background-size: cover;
    background-position: center;
    

}
.right-img-text.ar-warehouse {
    flex: 1;
    min-width: 300px;
    padding-top: 200px;
    padding-left: 100px;
    padding-right: 50px;
    padding-bottom: 200px;
    font-family: nw-primary;

}

.right-img-text.ar-outside {
    flex: 1;
    min-width: 300px;
    padding-top: 200px;
    padding-left: 100px;
    padding-right: 50px;
    padding-bottom: 200px;
    font-family: nw-primary;

}



.section-w-right-img h2{
    font-family: tiempos;
    font-size: 42px;
    color: #1f74db;
    line-height: 42px;
    margin-bottom: 20px;

}

        /*------*/
   /*     .row {
    display: flex;
}
.column {
    flex: 1;
    padding: 10px;
    text-align: center;
}
.row:nth-child(2) .column {
    font-size: 120px;
}
.row:first-child .column,
.row:last-child .column {
    border-right: 1px solid #000;
}
.row:first-child .column:last-child,
.row:last-child .column:last-child {
    border-right: none;
}
.bottom-margin {
    margin-bottom: 150px;
}
.hidden {
    display: none;
}


        /*----*/


        
       /* Default styles for larger screens */

.video-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
   /* font-family: "Tiempos Headline";*/
    font-family: tiempos;
    color: #ffffffff;
    font-size: 137px;
    /*max-width: 40%;*/
    line-height: 115px;
    padding-left: 45px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    
}

.video-overlay.blue {
    color:#0047bb;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   /* max-width: 70%;*/
}
.video-overlay-mobile {
    display:none;
}

.video-banner-container {
    position: relative;
    width: 100%;
    height: 500px; /* Fixed height for larger screens */    
    margin-bottom: 50px;
}
        
        .video-banner {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Ensure the video covers the entire container */
            position: relative;
        }
        
        .video-overlay {
            position: absolute;
            top: 50%;
            left: 0; /* Align to the left */
            transform: translateY(-50%); /* Vertically center */
            font-family: tiempos;
            color: #fff;
            font-size: 137px;
            /*max-width: 40%;*/
            line-height: 115px;
            padding-left: 45px; /* Optional: Add some padding from the left edge */
        }
        .video-control {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            padding: 10px;
            cursor: pointer;
           
            display: flex;
            align-items: center;
            justify-content: center;
           
        }
        
        .text-section{
           
            padding: 20px;
            width: 100%;
        }
        .lead{
            font-size: 22px;
            color: #141b4d;
        }

        .lead h2{
            font-weight: 500;
            font-size: 22px;
            color: #0047bb;
            line-height: 2;
        }

        .ar-products h3{
            font-size: 22px;
            color: #141b4d;
            font-weight: 500;
        }

        .two-color-div h2{
            font-size: 56px;   
            text-align: center;
            line-height: 60px;
            color: #fff;
           
        }
        .carousel-container h2{
            font-size: 56px;   
            text-align: center;
            line-height: 60px;
            color: #141b4d;
           
        }
        .carousel-container h2{
            padding-bottom: 35px;

        }
        p{
            padding-bottom: 20px;
        }

        .ar-medium{
            font-weight: 500;
        }

        .heading {
            display: inline-block;
            position: relative;
        }
        .heading::after {
            content: '';
            display: block;
            width: 50px; /* Adjust the width as needed */
            height: 1px; /* Adjust the height as needed */
            background-color: #fff; /* Adjust the color as needed */
            position: absolute;
            bottom: -25px; /* Adjust the position as needed */
            left: 50%;
            transform: translateX(-50%);
        }
        .two-color-div h3{
            color: #8cc8e9;
            font-weight: 400;
            margin-bottom: 25px;
            margin-top: 50px;
            font-size: 26px;
        }
        
        .text-section-center {
            margin-bottom: 100px;
            text-align: center;
            color: white;
            background-color: blue;
            padding: 20px;
            width: 100%;
        }

        .content {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        .text-section .content {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
        }

        .ar-inside-padding{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .ar-row-w-divider{
           
            border-bottom: 1px solid white; /* White bottom divider */
        }

        .ar-col-w-left-divider{           
           
                position: relative;
              }
              
              .ar-col-w-left-divider::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 1px;
                background-color: white;
                margin-bottom: 25px;
              
                
              }
              
             .ar-col-w-right-divider{
                position: relative;

              }
              .ar-col-w-right-divider::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 1px;
                background-color: white;
                margin-top: 25px;             
                
              }
            
              .ar-sm-margin-top{
                margin-top: 20px ;
              }
        

              .add-icon-top-margin{
                margin-top: 25px;

              }
        
        .text-section.no-background {
            background-color: transparent;
            color: black;
        }
 
        input[type=radio] {
            display: none;
        }

        .card {
            position: absolute;
            width: 58vw;
            height: 100%;
            left: 0;
            right: 0;
            margin: auto;
            transition: transform .4s ease;
            cursor: pointer;
        }

        .carousel-container {              
            width: 100%;
            height: 650px;
            transform-style: preserve-3d;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
           /*overflow: hidden; */         
            /*padding: 30px 10px;*/
            margin-bottom: 80px !important;

        }

        .carousel-container .content {
           
            max-width: 1550px;
            width: 100%;
            height: 100%;
            margin: 0 auto;
           /*overflow: hidden;*/
        }

        .cards {
            position: relative;
            width: 100%;
            height: 100%;
           /* margin-bottom: 20px;*/
        }

        video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .play-pause-btn {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
         
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .play-pause-btn svg {
            fill: #fff;
        }

        #item-1:checked ~ .cards #song-3, #item-2:checked ~ .cards #song-1, #item-3:checked ~ .cards #song-2 {
            transform: translatex(-89%) scale(.7);
            opacity: .9;
            z-index: 0;
        }

        #item-1:checked ~ .cards #song-2, #item-2:checked ~ .cards #song-3, #item-3:checked ~ .cards #song-1 {
            transform: translatex(89%) scale(.7);
            opacity: .9;
            z-index: 0;
        }

        #item-1:checked ~ .cards #song-1, #item-2:checked ~ .cards #song-2, #item-3:checked ~ .cards #song-3 {
            transform: translatex(0) scale(1);
            opacity: 1;
            z-index: 1;
        }

        .overlay {
            position: absolute;
            bottom: 10px;
            left: 40px;
          
            color: white;
            padding: 10px;
            border-radius: 5px;
        }

        .overlay .text {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .overlay h3 {
            margin: 0;
            font-family: nw-primary;
            font-size: 24px;
            font-weight: 500;
            line-height: 1;
           
        }

        .overlay p {
            margin: 0;
            padding-bottom: 5px;
            font-family: nw-primary;
            font-size: 22px;
            font-weight: 400;
            
        }

        .carousel-arrow {
    position: absolute;
    bottom: 10px; /* Adjust this value as needed */
    font-size: 2rem;
    color: black;
    cursor: pointer;
    user-select: none;
    z-index: 2; /* Ensure arrows are above other elements */
}

.left-arrow {
    left: 16.5%; /* Adjust this value as needed */
}

.right-arrow {
    right: 16.5%; /* Adjust this value as needed */
}
       /* .learn-more-btn,a.learn-more-btn{color:#ffffffff;background-color:#0047bbff}*/
        /*.learn-more-btn:focus,.learn-more-btn:hover,a.learn-more-btn:focus,a.learn-more-btn:hover{color:#ffffffff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),#0047bbff;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),#0047bbff}.learn-more-btn:active,a.learn-more-btn:active{color:#ffffffff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),#0047bbff;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),#0047bbff}.learn-more-btn.disabled,.learn-more-btn:disabled,a.learn-more-btn.disabled,a.learn-more-btn:disabled{color:#becdeb;pointer-events:none;background-color:#7d9cd8;opacity:1}.learn-more-btn:focus,a.learn-more-btn:focus{border:1px solid #fff;-webkit-box-shadow:0 0 4px 2px #488fe5;box-shadow:0 0 4px 2px #488fe5}*/
        .learn-more-btn {
            text-decoration:none!important;                
            color: #ffffffff;
            background-color: #0047bbff;
            text-decoration: none !important;           
            font-family: nw-primary, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 1rem 0;
            padding: .5em .6em;
            -webkit-appearance: none;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-transition: background-color .25s ease-out, color .25s ease-out;
            transition: background-color .25s ease-out, color .25s ease-out;
            font-size: 18px;
            line-height: 1;
            text-align: center;
            cursor: pointer;
        }

        .two-color-button {
            background: linear-gradient(235deg, #002da2 50%, #0047bb 50%);
            border: none;
            color: white;
            padding: 15px 15px;
            font-size: 18px;
            cursor: pointer;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            transition:  5s ease-in-out; /* Smoother transition over 1.5 seconds */
        }

       
       /* .two-color-button:hover::before {
            transform: scaleX(1);
        }

        .two-color-button span {
            position: relative;
            z-index: 1;
        }*/
        .two-color-button:hover {
            background: linear-gradient(380deg,  #0047bb 100%, #002da2 50%);
        }

        .two-color-button span {
            position: relative;
            z-index: 1;
        }


/*------*/

/*------*/





img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
img {
    border-style: none;
}
button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background: 0 0;
    line-height: 1;
}
button, select {
    text-transform: none;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}


/*rankings*/
.centered-list a:focus, .centered-list a:hover {
    color: #002da2;
    text-decoration: underline !important;
}

.centered-list {
    list-style-type: none; /* Remove bullet styling */
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the list items */
}

.centered-list li {
    /* margin: 10px 0; Add some spacing between items */
}

.centered-list a {
    
    color: #141b4d; /* Link color */
    font-size: 18px; /* Adjust font size as needed */
}

.centered-list a:hover {
  
    /*color: #002da2;*/
  
}


#ar-rankings-section-mobile{
    display: none;
    }

    
#ar-rankings-section{
    display: block;
    }

#ar-rankings-section{
    font-size: 22px;
    background-color: #141b4d;
    text-align: center;
    margin-bottom: 50px;
 
}
#middle-row h2{
    font-family: tiempos;
    color: #1f74db;
    font-size: 88px;
   text-align: center;
}


#middle-row p{
    font-family: nw-primary;
    color: #fff;
    font-size: 22px;
   text-align: center;
}
.ar-rank {
    font-family: tiempos;
    color: #ff9800;
    font-size: 48px;
    line-height: 32px;
    padding-bottom: 7px;

}
.ar-rank-desc{
    color: #fff; /* Link color */
    font-size: 18px; 
    font-weight: bold;

}
.ar-rank-disclaimer{
    color: #fff; /* Link color */
    font-size: 11px; 

}

#ar-rankings-section .row:first-child .column,
#ar-rankings-section .row:last-child .column {
    border-right: 1px solid #fff;
}
#ar-rankings-section .row:first-child .column:last-child,
#ar-rankings-section .row:last-child .column:last-child {
    border-right: none;
}




#ar-rankings-section #middle-row .column {
    /* Add your desired styles here */
   
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
   /* transition: all 0.5s ease-in-out;*/
    position: relative;
   /* overflow: hidden;*/
}

#ar-rankings-section #middle-row .column .ar-rank {
    /* Add your desired styles here */
    font-family: tiempos;
    color: #1f74db;
    font-size: 150px;
    text-align: center;
    /*transition: all 5s ease-in-out;*/
    padding-bottom: 50px;
  
}

#ar-rankings-section #middle-row .column .ar-rank-desc {
    /* Add your desired styles here */
    font-family: nw-primary;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
   /* transition: all 5s ease-in-out;*/
}

#ar-rankings-section #middle-row .column .ar-rank-disclaimer {
    /* Add your desired styles here */
    font-family: nw-primary;
    color: #fff;
    font-size: 20px;
    text-align: center;
    /*transition: all 5s ease-in-out;*/
  
  
}
/* Optional: Add some animation */
#ar-rankings-section #middle-row .column {
   /* animation: fadeIn 1s;*/
}

.fade-in {
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
   
#ar-products-list {
    margin-bottom: 50px;
}

.ar-culture-best{
    font-family: tiempos;
    color: #0047bb;
    font-size: 34px;
    text-align: center;
    line-height: 36px;
}

.ar-culture-desc{
font-weight: 500;
font-size: 19px;
color: #141b4d;
text-align: center;
}

.ar-award-desc{
    color: #fff;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
}


.ar-award{
    font-family: tiempos;
    color: #d7a9e3;
    font-size: 34px;
    text-align: center;
    line-height: 38px;

}

#ar-culture-rankings .column, #ar-innovation-section .column{
border-right: solid 0.75px #d0d3d4;
}

#ar-culture-rankings .column:last-child, #ar-innovation-section .column:last-child{
    border-right: none;
}

#ar-partnerships div.row.col-2{
    border-bottom: solid 0.75px #d0d3d4;

}

#ar-partnerships div.row.col-2 .column{
    border-right: solid 0.75px #d0d3d4;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative; /* Ensure the element is positioned */

}

#ar-partnerships div.row.col-3 .column:last-child{
    border-right:none;

}
#ar-partnerships div.row.col-2 .column:last-child{
    border-right: none; 

}
#ar-partnerships div.row.col-3 .column{
    border-right: solid 0.75px #d0d3d4;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative; /* Ensure the element is positioned */

}



.ar-partnerships-amount{
    font-family: tiempos;
    color: #0047bb;
    font-size: 25px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 5px;
}

.ar-partnerships-desc{
   color: #171717;
   text-align: center;
   margin-bottom: 10px;
}

#ar-partnerships .ar-col-logo{
    width: auto;
    text-align: center;
}


    
#ar-partnerships .column:last-child{
    border-right: none;
    }



.two-color-div-top-right .ar-col-divider-right {
    border-right: solid 0.75px #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative; /* Ensure the element is positioned */


}





.two-color-div-top-right h2, .ar-section-w-bg.ar-vblue h2{
    font-family: tiempos;
    color: #fff;
    font-size: 42px;
    text-align: center;
    line-height: 42px;
    padding-bottom: 15px;
}
.two-color-div-top-right .column{
    padding-top: 20px;
    padding-bottom: 20px;
}

.two-color-div-top-right .lead {
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.ar-basic-section h2, .ar-section-w-bg.ar-grey h2{
    font-family: tiempos;
    color: #0047bb;
    font-size: 42px;
    text-align: center;
    line-height: 42px;
    padding-bottom: 15px;
}

.ar-basic-section .lead{
    font-size: 22px;
    text-align: center;
    color:#171717;  
    margin-bottom: 25px; 
}

.ar-quote-section {
    padding: 50px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}
.ar-quote-section cite {
    color:#fff;
    font-size: 22px;
    font-style: normal;
}

.ar-quote-section.grey {
    background-color: #f4f4f5; 
    color:#0047bb;

    padding-bottom: 80px;
}

.ar-quote-section.grey cite {
    color: #171717;
    font-size: 22px;
    font-style: normal;
}

.ar-quote-section.grey blockquote {
    
    color:#0047bb;
    font-size: 28px;
    padding-bottom: 15px;
}



    .ar-quote-section blockquote {
        color:#6eceb2;
        font-size: 28px;
        padding-bottom: 15px;
    }


    .container-cta {
        display: flex;
        align-items: center;
    }
    
    .container-cta i {
        font-size: 2rem;
        margin-right: 10px;
    }
    
    .cta-text-content {
        display: flex;
        flex-direction: row;
        text-align: left;
    }

    .cta-text-content a{
        color: #fff;
    }
 /*signature animation*/
 #kirt svg path  {        
    stroke-linecap:round;
    stroke-miterlimit:10;
    stroke-width:1.75px;
    stroke:#fff;
    fill: none;
    }
    #tim svg path  {        
    stroke-linecap:round;
    stroke-miterlimit:10;
    stroke-width:1.75px;
    stroke:#0047bb;
    fill: none;
    }
    #howard svg path  {        
        stroke-linecap:round;
        stroke-miterlimit:10;
        stroke-width:1.75px;
        stroke:#0047bb;
        fill: none;
        }
    .kirt-a{stroke-dasharray: 54; stroke-dashoffset: 54;}
    .kirt-b{stroke-dasharray: 150; stroke-dashoffset: 150;}
    .kirt-c{stroke-dasharray: 244; stroke-dashoffset: 244;}
    .kirt-d{stroke-dasharray: 2; stroke-dashoffset: 2;}
    .drawKirtOne {animation: sign 0.5s ease-in forwards;}  
    .drawKirtTwo {animation: sign 0.5s ease-in forwards; animation-delay: 0.5s;}    
    .drawKirtThree {animation: sign 0.7s ease-in forwards; animation-delay: 1s;}
    .drawKirtFour {animation: sign 0.2s ease-in forwards; animation-delay: 1.8s;}

    .tim-a{stroke-dasharray: 108; stroke-dashoffset: 108;}
    .tim-b{stroke-dasharray: 9; stroke-dashoffset: 9;}
    .tim-c{stroke-dasharray: 36; stroke-dashoffset: 36;}
    .tim-d{stroke-dasharray: 35; stroke-dashoffset: 35;}
    .tim-e{stroke-dasharray: 212; stroke-dashoffset: 212;}
    .tim-f{stroke-dasharray: 7; stroke-dashoffset: 7;}
    .drawTimOne {animation: sign 0.5s ease-in forwards;}  
    .drawTimTwo {animation: sign 0.2s ease-in forwards; animation-delay: 0.5s;}    
    .drawTimThree {animation: sign 0.3s ease-in forwards; animation-delay: 1.1s;}
    .drawTimFour {animation: sign 0.5s ease-in forwards; animation-delay: 1.5s;}
    .drawTimFive {animation: sign 0.5s ease-in forwards; animation-delay: 2s;}
    .drawTimSix {animation: sign 0.2s ease-in forwards; animation-delay: 2.7s;}
    


    
    .howard-a{stroke-dasharray: 500; stroke-dashoffset: 500;}
    .howard-b{stroke-dasharray: 200; stroke-dashoffset: 200;}
    .howard-c{stroke-dasharray: 200; stroke-dashoffset: 200;}
    .howard-d{stroke-dasharray: 500; stroke-dashoffset: 500;}   
    .drawHowardOne {animation: sign 1s ease-in forwards;}  
    .drawHowardTwo {animation: sign 0.3s ease-in forwards; animation-delay: 1s;}    
    .drawHowardThree {animation: sign 0.2s ease-in forwards; animation-delay: 1.3s;}
    .drawHowardFour {animation: sign 1s ease-in forwards; animation-delay: 1.5s;}

    @-webkit-keyframes sign {  
    to {
        stroke-dashoffset: 0;
    }
    }

    @keyframes sign {
    to {
        stroke-dashoffset: 0;
    }
    }
    /*end*/



    .bip {
        width: 100%;
    /* height: 500px; /* Adjust the height as needed */
        overflow: hidden;
    }
    .bip img {
        width: 100%;
        height: auto;
    }

    

    .bip-diagonal {
        display: block;
    position: relative;
   /* display: inline-block;*/
   
}

.bip-diagonal-mobile{
    display: none;

}

.bip-diagonal img {
    display: block;
    width: 100%;
    height: auto;
}

.bip-diagonal .diag-text {
    position: absolute;
    width: 37%;
    top: 60%;
    right: 10px;
    transform: translateY(-50%);
    color: white;
    padding: 5px;
    text-align: right;
    padding-top: 80px;
    padding-right: 50px;
    padding-bottom: 80px;
}
.bip-diagonal .diag-text.girl {

    width: 45%;
    
}
.bip-diagonal .diag-text .ar-quote, .bip-diagonal-mobile .diag-text-mobile .ar-quote{
    font-family: tiempos;
    color: #0047bb;
    font-size: 29px;
    line-height: 36px;
  
}
.bip-diagonal .diag-text .author, .bip-diagonal-mobile .diag-text-mobile .author{
    font-family: nw-primary;
    color: #141b4d;
    font-size: 18px;
}

.dk-link{
    font-family: nw-primary;
    color: #141b4d;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    text-decoration: none; /* Removes underline from the link */   
}
.ar-right-link{
    float: right;
}

.dk-link a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    color: #141b4d;
    text-decoration: none;
}

.dk-link a:-webkit-any-link:hover{
    color: -webkit-link;
    cursor: pointer;
    color: #0047BB;
    text-decoration: none;
}


.grid-container-section .dk-link a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
.grid-container-section .dk-link a:-webkit-any-link:hover, .cta-text a:hover{
    color: -webkit-link;
    cursor: pointer;
    color:  #d4d4d4;
    text-decoration: none;
}
.dk-link::before{
    content: url('ar-mint-arrow-box-links.svg');
    display: inline-block; /* Ensures the SVG is treated as a block element */
    transition: transform 0.3s ease; /* Smooth transition for the animation */
    padding-right: 5px;
}


.folded-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the entire container without stretching */
}

.dk-link:hover::before {transform: translateX(5px); /* Moves the SVG 5px to the right on hover */}
@keyframes link-rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ar-vert-align{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
   
}
.row {
    display: flex;
    flex-wrap: wrap;
    /*margin: -10px;*/
}
.column {
   /* padding: 10px;*/
    flex: 1;           
    border: none;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
}
.col-1 .column {
    flex: 0 0 100%;
}
.col-2 .column {
    flex: 0 0 50%;
}
.col-3 .column {
    flex: 0 0 33.33%;
}
.col-4 .column {
    flex: 0 0 25%;
}
.col-5 .column {
    flex: 0 0 20%;
}
.text-center{
    text-align: center;
}

/*grid container*/
.grid-container-section {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.grid-container {
    display: grid;
   /* grid-template-columns: repeat(2, 1fr);*/
    grid-template-columns:  repeat(2, 28vw);
   /* grid-template-rows: repeat(2, 1fr);  Set rows to the same repeat value as columns */
    grid-template-rows: repeat(2, 28vw);
    gap: 2vw;
    /*width: 100%;*/
    width: 58vw;

}

.folded-container {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-left: 45px;
    padding-right: 40px;
}

.folded-container p{
    font-size: 18px;
}

.folded-container.med-blue, .folded-container.v-blue, .folded-container.dk-blue{
    padding-top: 25px;
    padding-bottom: 25px;
}
.folded-container::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
}

.top-right::before {
    top: 0;
    right: 0;
    border-top: 50px solid white;
    border-left: 50px solid transparent;
}

.top-left::before {
    top: 0;
    left: 0;
    border-top: 50px solid white;
    border-right: 50px solid transparent;
}

.bottom-left::before {
    bottom: 0;
    left: 0;
    border-bottom: 50px solid white;
    border-right: 50px solid transparent;
}

.med-blue {
    background-color: #1f74db;
}

.v-blue {
    background-color: #0047bb;
}

.dk-blue {
    background-color: #141b4d;
}

.dk-mint{
    background-color: #008574;
}

.folded-container img {
    width: 100%;
    height: 100%;
    display: block;
}
.folded-container .grid-text{
    color: #fff;

}
.grid-text .dk-link{
    color: #fff;
}

.folded-container h3{
    font-family: tiempos;
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 15px;
    
}
.top-margin {
    margin-top: 50px;
}

@keyframes moveToCenterFromTopLeft {
    0% {
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes moveToCenterFromTopRight {
    0% {
        transform: translate(50%, -50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes moveToCenterFromBottomLeft {
    0% {
        transform: translate(-50%, 50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes moveToCenterFromBottomRight {
    0% {
        transform: translate(50%, 50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.folded-container:nth-child(1).animate {
    animation: moveToCenterFromTopLeft 1s forwards;
}

.folded-container:nth-child(2).animate {
    animation: moveToCenterFromTopRight 1s forwards;
}

.folded-container:nth-child(3).animate {
    animation: moveToCenterFromBottomLeft 1s forwards;
}

.folded-container:nth-child(4).animate {
    animation: moveToCenterFromBottomRight 1s forwards;
}
/*end*/

/*GRAPH ANIMATION*/

/* GRAPHS ANIMATIONS */
/*----total sales graph--*/
polyline.ts-a, polyline.ts-graph-22{
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    /*animation: drawgraph 2s ease-in forwards;
    animation-delay: 2s;*/
  
  }
  
  polyline.noi-d, polyline.noi-d-graph{
    stroke-dasharray: 750;
    stroke-dashoffset: 750;
    /*animation: drawgraph 2s ease-in forwards;
    animation-delay: 3s;*/
  }
  
  polyline.ta-b, polyline.ta-b-graph{
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    /*animation: drawgraph 2s ease-in forwards;
    animation-delay: 4s;*/
  }
  
  .ts-e, .noi-g, .ta-g, .ta-g-pt, .ts-graph-pt-22 {
    stroke-dasharray: 55;
    stroke-dashoffset: 55;
   animation: drawgraph 0.1s ease-in forwards;
  }
  
  @keyframes drawgraph {  
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @-webkit-keyframes drawgraph {  
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes arAnimLine { 
  
    to  {stroke-dashoffset: 0;}
  }
  
  @-webkit-keyframes arAnimLine { 
  
    to  {stroke-dashoffset: 0;}
  }
  
  
  .drawTS {
    animation: drawgraph 1s ease-in forwards;
    animation-delay: 0.3s;
  }
  
  
  
  
  
  
  .drawNOI {
    animation: drawgraph 1s ease-in forwards;
    animation-delay: 0.5s;
   
  }
  
  
  .drawAssets  {
    animation: drawgraph 1s ease-in forwards;
    animation-delay: 0.5s;
  
  }
  
  
  
  .cs-a {
             
    opacity: 0;
   
  }
  
  
  .cs-b{
             
    opacity: 0;
   
  }
  
  
  .cs-c{
             
    opacity: 0;
   
  }
  
  
  .cs-d{
             
    opacity: 0;
   
  }
  
  
  
  
  .drawCapOne {
    
    animation: drawCap2018 1s  forwards;
    animation-delay: 0.2s;
   
  }
  
  .drawCapTwo {
    
    animation: drawCap2019 1s  forwards;
    animation-delay: 0.4s;
  
  }
  
  
  .drawCapThree {
    
    animation: drawCap2020 1s  forwards;
    animation-delay: 0.6s;
  }
  
  
  .drawCapFour{
    
    animation: drawCap2021 1s  forwards;
    animation-delay: 0.8s;
  }
  /*
  path.a, path.b, path.c, path.d, path.e{
    fill:none;
  }
  */
  .drawInvOne{
    animation: drawInv1 1s  ease-in forwards;
    animation-delay: 0.02s;
  
  }
  
  
  .drawInvTwo{ 
     animation: drawInv2 1s  ease-in forwards;
     animation-delay: 0.4s; 
   }
  
  
   
  .drawInvThree{ 
     animation: drawInv3 1s  ease-in forwards;
     animation-delay: 0.6s; 
   }
  
  
   
  .drawInvFour{ 
     animation: drawInv4 1s  ease-in forwards;
     animation-delay: 0.7s; 
   }
  
   
  .drawInvFive{
     animation: drawInv5 1s  ease-in forwards;
     animation-delay: 0.8s;
   }
  
  @keyframes drawCap2018{
    from {
      height: 0;
      }
      to {
      height:69.924;
      opacity: 1;
      }
    }
  
  @-webkit-keyframes drawCap2018{
    from {
      height: 0;
      }
      to {
      height:69.924;
      opacity: 1;
      }
  }
  
  @keyframes drawCap2019{
    from {
      height: 0;
      }
      to {
      height:100.2;
      opacity: 1;
      }
  }
  
  
  @-webkit-keyframes drawCap2019{
    from {
      height: 0;
      }
      to {
      height:100.2;
      opacity: 1;
      }
  }
  
  @keyframes drawCap2020{
    from {
      height: 0;
      }
      to {
      height:114.205;
      opacity: 1;
      }
  }
  
  @-webkit-keyframes drawCap2020{
    from {
      height: 0;
      }
      to {
      height:114.205;
      opacity: 1;
      }
  }
  
  @keyframes drawCap2021{
    from {
      height: 0;
      }
      to {
      height:128.21;
      opacity: 1;
      }
  }
  
  @-webkit-keyframes drawCap2021{
    from {
      height: 0;
      }
      to {
      height:128.21;
      opacity: 1;
      }
  }
  
  
  
  /*circle*/
  @keyframes drawInv1{
    0%{
     opacity:0;
     fill :"white";	
    }
   
    100%{
      opacity: 1;
      fill: #0047bb;
    }
      
  }
  
  @-webkit-keyframes drawInv1{
    0%{
     opacity:0;
     fill :"white";	
    }
   
    100%{
      opacity: 1;
      fill: #0047bb;
    }
      
  }
  
  
  /*circle*/
  @keyframes drawInv2{  
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#6eceb2;	
      }
        
    }
  
    @-webkit-keyframes drawInv2{  
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#6eceb2;	
      }
        
    }
    /*circle*/
  @keyframes drawInv3{  
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#a38b00;
      }      
    }
  
    @-webkit-keyframes drawInv3{  
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#a38b00;
      }      
    }
  
  /*circle*/
  @keyframes drawInv4{
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#ff9800;
      }		
    }
    
  @-webkit-keyframes drawInv4{
  
    0%{
     opacity:0;
     fill :"white";	
    }
   
    100%{
      opacity: 1;
      fill:#ff9800;
    }		
    }
  
  
    /*circle*/
  @keyframes drawInv5{  
      0%{
       opacity:0;
       fill :"white";	
      }   
      100%{
        opacity: 1;
        fill:#141b4d;	
      }      
    }
  
    @-webkit-keyframes drawInv5{
    
      0%{
       opacity:0;
       fill :"white";	
      }
     
      100%{
        opacity: 1;
        fill:#141b4d;	
      }
        
    }
  
  
    .ar-innovation{
        font-weight: 500;
        font-size: 22px;
        color: #0047BB;
    }
  
/*END*/

.ar-video-section-w-text .lead, .ar-video-section-w-text p{
    padding-left: 40px;
    padding-right:40px;

}

.ar-video{
    margin-bottom: 50px;
    margin-top: 50px;
    padding-left: 40px;
    padding-right:40px;
}

.ar-section-w-bg{
    padding-top: 50px;
    padding-bottom: 50px;
     /*margin-bottom: 50px;*/
}
.ar-section-w-bg.ar-grey{ 
    background-color: #f4f4f5;
}

.ar-section-w-bg.ar-grey .ar-col-icon-desc{ 
    color:#008574;
}


.ar-section-w-bg.ar-vblue{ 
    background-color: #0047bb;
    color: #FFF;
}

aside.urbo {
    background-color: #222;
    color: #c9cac8;
    margin-top: -20px;
    padding-bottom: 10px;
}



@media (max-width: 1500px) {
    .bip-diagonal .diag-text .ar-quote{
        font-family: tiempos;
        color: #0047bb;
        font-size: 24px;
        line-height:30px ;
    }
    .bip-diagonal .diag-text .author {
        font-family: nw-primary;
        color: #141b4d;
        font-size: 16px;
    }    
  
    

    
}

@media (max-width: 1350px) {
    .bip-diagonal .diag-text .ar-quote{
        font-family: tiempos;
        color: #0047bb;
        font-size: 20px;
        line-height:28px ;
    }
    .bip-diagonal .diag-text {
        position: absolute;
        width: 40%;
        padding-right: 10px;
    }

    .bip-diagonal .diag-text .author {
        font-family: nw-primary;
        color: #141b4d;
        font-size: 16px;
    }    
    .grid-container {
        grid-template-columns: repeat(2, 38vw);
        grid-template-rows: repeat(2, 38vw);
        width: 80vw;
    }
   
    
}

@media (max-width: 1200px) {
    .video-overlay {
        font-size: 90px;
        /*max-width: 40%;*/
        line-height: 80px;
        color: #fff

    }
    .bip-diagonal .diag-text {               
        padding-top: 80px;
        width: 37%;
    }
    #tim svg{
        /*width: 50px;*/
    }
    .ar-cite-author {  
        line-height: 1;
        padding-top: 0;
        padding-bottom: 0;
    }

    .bip-diagonal .diag-text p {
        padding-bottom: 0px;
    }
 
}



@media (max-width: 1100px)
 {
    .ar-culture-best {
        font-family: tiempos;
        color: #0047bb;
        font-size: 30px;
        text-align: center;
        line-height: 36px;
    }
}
@media (max-width: 992px) {
   .col-2 .column,
    .col-3 .column,
    .col-4 .column,
    .col-5 .column {
        flex: 0 0 100%;
    }

    .cta-text {
        display: block;
    }
    .line-break {
        display: block;
    }
 
 .ar-col-w-left-divider::before {
    top: auto;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    width: 90%;   
    margin: 0 auto;          
 }         

 .ar-col-w-right-divider::before {
    top: auto;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    width: 90%;
    margin-top: 0; 
    margin: 0 auto;      
}
.two-color-div h2 {
    font-size: 48px;
}

.two-color-div .ar-icon svg {
    height: 60px;
    margin-top: 10px;
}

.carousel-container {
    height: 500px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.two-color-div h2, .carousel-container h2{
    font-size: 36px;
    line-height: 38px;      
   
}

.heading::after {
    bottom: -18px;
}

.video-banner-container {
    height: auto; /* Minimum height for mobile devices */
    margin-bottom: 25px; /* Add margin to push overlay down */
    position: relative;  
}
.video-banner {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the video covers the entire container */
    position: relative;
}
.video-overlay {
    position: absolute;
    display: none;
}
.video-overlay-mobile {
    display:block;
    text-align: center; 
    /*font-family: "Tiempos Headline";*/
    font-family: tiempos;
    color: #0047bb;
    font-size: 58px;   
    line-height: 58px;
    margin-bottom: 50px;            
}
.video-control {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    cursor: pointer;           
    display: flex;
    align-items: center;
    justify-content: center;           
}

/*carousel*/
.cards {
    position: absolute;
    width: 100%;
    height: 100%;
   /* margin-bottom: 20px;*/
}

.card {
    display: none;
}

#item-1:checked ~ .cards #song-1,
#item-2:checked ~ .cards #song-2,
#item-3:checked ~ .cards #song-3 {
    display: block;
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
    width: 100%;
}

.left-arrow {
    left: 5%;
    top:40%;
}

.right-arrow {
    right: 5%;
    top: 40%
}
video {
        width: 75%;
        height: 80%;
        object-fit: cover;
    }
.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 70%;
}

.overlay .text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overlay h3 {
    margin: 0;
    font-family: nw-primary;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
.overlay p {
    margin: 0;
    font-family: nw-primary;
    font-size: 18px;
    font-weight: 400;
}
.bip-diagonal-mobile{
    display: block;
    text-align: center;

}
.bip-diagonal-mobile .diag-text-mobile{
    margin-top: 25px;
}

.ar-cite-author{
    margin-bottom: 25px;

}
.bip-diagonal{
    display: none;

}
#tim svg {
    width: 100%;
    margin-bottom: 15px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr; /* One column that takes up the full width */
    grid-template-rows: repeat(4, 1fr); /* Four rows that take up equal space */
    gap: 2vw;
   /* width: 75%; /* Ensure the container takes up the full width */
   width: 50vw;
   height:auto;
}


/*
.folded-container .bottom-left .v-blue .top-margin {
    margin-top: -50px;
}*/

.top-margin {
    margin-top: 0px;
}
.folded-container .top-right .v-blue {
    margin-top: 0px;
}
.folded-container img {
    /*margin-top: 50px;*/
    display: flex;
    ;
            align-content: flex-start;

}
.grid-container-section {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 0px;
    /*margin-bottom: 150px;*/
    margin-bottom: 50px;
}

#ar-culture-rankings div.column{
    padding-bottom: 20px;
    padding-top: 20px;

}

.column.ar-products{
padding-bottom: 30px;
}

#ar-culture-rankings {
    padding-bottom: 0px;
    padding-top: 0px;

}
 /*   
@keyframes moveToCenterFromBottom {
    0% {
        transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}*/
@keyframes moveToCenterFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.folded-container:nth-child(1).animate {
    animation: moveToCenterFromBottom 0.4s forwards;
}

.folded-container:nth-child(2).animate {
    animation: moveToCenterFromBottom 0.4s forwards;
    animation-delay: 0.4s;
}

.folded-container:nth-child(3).animate {
    animation: moveToCenterFromBottom 0.4s forwards;
    animation-delay: 0.8s;
}

.folded-container:nth-child(4).animate {
    animation: moveToCenterFromBottom 0.4s forwards;
    animation-delay: 1.2s;
}
.ar-right-link {
    float:none;
    display: inline-flex;
} 


#ar-innovation-section .container{
    padding-left: 10%;
    padding-right: 10%;
}
#ar-culture-rankings .column, #ar-innovation-section  .column{
    border-right: none;           
    position: relative;
  
}

  
.ar-innovation{
    padding-bottom: 15px;
}

#ar-culture-rankings .column::after, #ar-innovation-section  .column::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    border-bottom: solid 0.75px #d0d3d4;
    transform: translateX(-50%);
}
#ar-culture-rankings .column:last-child, #ar-innovation-section  .column:last-child{
    border-right: none;
    border-bottom: none;
}
#ar-culture-rankings .column:last-child::after, #ar-innovation-section  .column:last-child::after {
    border-bottom: none;
}


.two-color-div-top-right .ar-col-divider-right {
    border-right: none;

}

.two-color-div-top-right .ar-col-divider-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    border-bottom: solid 0.75px #d0d3d4;
    transform: translateX(-50%);
}

#ar-partnerships div.row.col-2 .column{
    border-right: none;
    border-bottom: solid 0.75px #d0d3d4;
    padding-bottom: 20px;
    margin-top: 0px;
}


    #ar-partnerships div.row.col-3 .column{
        border-right: none;
        border-bottom: solid 0.75px #d0d3d4;
        padding-bottom: 30px;
        padding-bottom: 30px;
    
    }
    #ar-partnerships div.row.col-2 .column:last-child {
        border-bottom: none;
    }

    #ar-partnerships div.row.col-3 .column:last-child {
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

#ar-ratings-mobile {
    display: block;
}
#ar-ratings-desktop {
    display: none;
}

#ar-ratings-mobile .col-1 .column{
    padding-bottom: 50px;
}
.wrapperLines {
    padding-bottom: 35px;
}

.container-cta i {
    margin-right: 0;
    margin-bottom: 10px;
}

.cta-text-content {
    display: inline-block;
    text-align: center;
}


.section-w-right-img {
    flex-direction: column;
    height: auto;
}
.right-img {
    order: -1;
    min-height: 45vh;
    width: 100%;   
}
.l3-banner h2 {
    font-size: 48px;
    line-height: 50px;
}
.ar-basic-section h2, .ar-section-w-bg.ar-grey h2 {
    font-size: 36px;
    line-height: 42px;
    padding-bottom: 10px;
}
.ar-video-heading {
    font-size: 24px;  
}
.right-img-text {
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
  
}

.bip-diagonal .diag-text .ar-quote, .bip-diagonal-mobile .diag-text-mobile .ar-quote{
    font-family: tiempos;
    color: #0047bb;
    font-size: 24px;
    line-height: 34px;
    padding: 15px 40px;
  
}
.bip-diagonal .diag-text .author, .bip-diagonal-mobile .diag-text-mobile .author{
    font-family: nw-primary;
    color: #141b4d;
    font-size: 18px;
}


.right-img.ar-warehouse {
    flex: 1;
    min-width: 300px;
    background-image: url('ar-man-in-warehouse.png');
    background-size: cover;
    background-position: top;
    

}
.right-img-text.ar-warehouse {
    flex: 1;
    min-width: 300px;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;

    text-align: center;
    font-family: nw-primary;

}

.ar-video {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
}

.ar-basic-section h2, .ar-section-w-bg.ar-grey h2 {
   padding-left: 10%;
   padding-right: 10%;
}

.section-w-right-img h2 {
   
    font-size: 36px;
    color: #1f74db;
    line-height: 42px;
    
}
#ar-rankings-section-mobile .column{
    padding: 20px;

}
#ar-rankings-section-mobile{
    background-color: #141b4d;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
#ar-rankings-section-mobile {
    .col-2 .column {
        flex: 0 0 50%;
    }
}
#ar-rankings-section-mobile h2{
font-family: tiempos;
color: #1f74db;
font-size: 54px;
text-align: center;
line-height: 56px;
margin-bottom: 15px;

}

#ar-rankings-section-mobile p{
  
    color: #fff;
    text-align: center;
    font-size: 22px;

    }

    .ar-bottom-margin {
        margin-bottom: 50px !important;
    }

    .carousel-container h2{
        padding-left: 40px;
        padding-right: 40px;
    }

    .carousel-container {
        margin-bottom: 50px !important;
    }

    
.top-right::before {
   
    border-top: none;
   border-left: none;
}
.bottom-left::before {
    border-bottom: none;
    border-left: none;

}

.folded-container.med-blue, .folded-container.v-blue, .folded-container.dk-blue{
   
}

.mobile-hide {
    display: none;
}

#ar-rankings-section-mobile{
display: block;
}

#ar-rankings-section{
    display: none;
    }
    
    .lead h2{
        font-weight: 500;
        font-size: 22px;
        color: #0047bb;
        line-height: 1.5;
        padding-bottom: 15px;
    }

    .right-img-text.ar-outside {
        flex: 1;
        min-width: 300px;
        padding-top: 50px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 50px;
        font-family: nw-primary;
    }

    
    .folded-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image covers the entire container without stretching */
    }

    .nw-footer__third-party {
        text-align: center;
    }

   

    .small-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
      }

      .ar-3cols-slides-number {
          margin-bottom: 10px;
    }

}

@media (max-width: 750px) {
    .bip-diagonal .diag-text .ar-quote{
        font-family: tiempos;
        color: #0047bb;
        font-size: 20px;
        line-height:25px ;
    }
    .bip-diagonal .diag-text .author {
        font-family: nw-primary;
        color: #141b4d;
        font-size: 16px;
    }    
    .grid-container {
        display: grid;
        grid-template-columns: 1fr; /* One column that takes up the full width */
        grid-template-rows: repeat(4, 1fr); /* Four rows that take up equal space */
        gap: 2%;
       /* width: 75%; /* Ensure the container takes up the full width */
       width: 75%;
       height:auto;
    }
    
}

@media (max-width: 737px) {
    video {
        width: 75%;
        height: 70%;
        object-fit: cover;
    }

    .two-color-div{
        background: #0047BB;
    }

 
}

@media (max-width: 400px) {
    .video-overlay-mobile {
        display: block;
        text-align: center;
        /*font-family: "Tiempos Headline";*/
        font-family: tiempos;
        color: #0047bb;
        font-size: 48px;
        line-height: 50px;
        margin-bottom: 25px;
    }
    .site-title {
        font-weight: 500;
        margin-left: 15px;
        color: #0047bb;
        font-size: 16px;
    }

    #ar-rankings-section-mobile {
        .col-2 .column {
            flex: 0 0 100%;
        }
    }
   
        .left-arrow {
        top:50%;
          
        }

        .right-arrow {
            top:50%;
          
        }

        .bip-diagonal-mobile {
            display: block;
            text-align: center;
            margin-top: 70px;
        }
        #item-1:checked ~ .cards #song-1,
#item-2:checked ~ .cards #song-2,
#item-3:checked ~ .cards #song-3 {
    display: block;
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
    width: 90%;
}

    .folded-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image covers the entire container without stretching */
    }
}

   /* @media (max-width: 992px) {
        #ar-rankings-section-mobile h2 {
            font-family: tiempos;
            color: #1f74db;
            font-size: 40px;
            text-align: center;
            line-height: 40px;
            margin-bottom: 15px;
        }
    }*/


/*
@media (min-width: 1550px) {
    .carousel-container {              
       
       overflow:visible;
    }
    .carousel-container .content {
           
        
       overflow: visible;
    }

    
}
*/