.header {
    background-color: #FFFFFF !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
    position: fixed !important;
    top: 0;
    z-index: 99999;
}

.home-banner {
    height: clamp(1px, 46.875vw, 1800px);
}

.gomez-container {
    width: clamp(1px, 32.813vw, 1260px);
    position: relative;
}

.gomez-logo {
    position: absolute;
    top: 0;
}

.our-container {
    height: clamp(1px, 41.667vw, 1600px);
    width: 100%;
    position: relative !important;
}

.our-one {
    height: clamp(1px, 28.334vw, 1108px);
    width: 50%;
    /* border-radius: 0 8px 8px 0; */
    background-color: #01658C;
    background-image: url('../../../images/custom/Homepage/lt60817c4ceb9a0\ 1.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.our-two {
    padding: clamp(1px, 3.333331vw, 128px) 0;
}

.our-three {
    position: relative;
    width: clamp(1px, 58.021vw, 2228px);
    height: clamp(1px, 30.573vw, 1094px);
}

.our-four {
    position: absolute;
    right: clamp(1px, 2.05vw, 80px) !important;
    bottom: clamp(-80px, -2.05vw, 1px);
    z-index: 2;
}

.our-four-overlay {
    position: absolute;
    width: clamp(1px, 16.875vw, 648px);
    height: clamp(1px, 23.75vw, 912px);
    right: clamp(1px, 2.8vw, 110px);
    bottom: clamp(-110px, -2.8vw, 1px);
    border: clamp(1px, 0.105vw, 4px) solid #01658C;
}

.our-img {
    width: clamp(1px, 16.875vw, 648px);
    height: clamp(1px, 23.75vw, 912px);
    object-fit: cover;
    overflow: hidden;
}

.our-five {
    width: clamp(1px, 58.594vw, 2230px);
    height: clamp(1px, 15.625vw, 600px);
}

.why-icon {
    width: clamp(1px, 2.865vw, 110px);
    height: auto;
}

.practices-container,
.articles-container {
    width: 100%;
    height: clamp(1px, 15.782vw, 606px);
}

.practices-img,
.articles-img {
    width: 100%;
    height: 100%;
}

.practices-border-one,
.articles-border-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    border-top: clamp(1px, 0.105vw, 4px) solid #01658C;
    pointer-events: none;
}

.practices-border-two,
.articles-border-two {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    border-bottom: clamp(1px, 0.105vw, 4px) solid #01658C;
    pointer-events: none;
}

.practices-border-one::after,
.articles-border-one::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(1px, 0.105vw, 4px);
    height: 100%;
    background-color: #01658C;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s ease;
}

.practices-border-two::after,
.articles-border-two::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: clamp(1px, 0.105vw, 4px);
    height: 100%;
    background-color: #01658C;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s ease;
}

.practices-container:hover .practices-border-one::after,
.articles-container:hover .articles-border-one::after {
    transform: scaleY(1);
}

.practices-container:hover .practices-border-two::after,
.articles-container:hover .articles-border-two::after {
    transform: scaleY(1);
}

.slick-dots {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: clamp(1px, 2.604164vw, 100px) 0;
}

.slick-dots li button:before {
    width: clamp(1px, 2.0834vw, 80px);
    height: clamp(1px, 0.2084vw, 8px);
    background: #01658C;
    content: '';
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: clamp(1px, 2.0834vw, 80px);
    height: clamp(1px, 0.2084vw, 8px);
    padding: clamp(1px, 0.2604165vw, 10px);
}

.slick-dots li {
    width: clamp(1px, 2.0834vw, 80px);
    height: clamp(1px, 0.2084vw, 8px);
    margin: 0 clamp(1px, 0.2604165vw, 10px);
}

.slick-prev,
.slick-next {
    top: 100%;
    bottom: 0 !important;
    display: block;
    width: clamp(1px, 3.021vw, 116px);
    height: clamp(1px, 3.021vw, 116px);
    padding: 0;
    display: flex;
    border: clamp(1px, 0.105vw, 4px) solid transparent;
    justify-content: center;
    align-items: center;

}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: transparent;
    border: clamp(1px, 0.105vw, 4px) solid #01658C;
}

.slick-prev:before,
.slick-next:before {
    content: '' !important;
}

.prev-icon,
.next-icon {
    background-image: url('../../../images/custom/Global/Icons/Blue/arrow.svg') !important;
    background-repeat: no-repeat;
    height: clamp(1px, 1.25vw, 48px);
    width: clamp(1px, 1.25vw, 48px);
    background-size: 100%;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.prev-icon {
    transform: rotate(180deg);
}