/* base */
:root{
    --bs-font-sans-serif: Montserrat;
    --bs-body-color: #536580;
    --bs-body-bg: #ffffff;
    --bs-border-radius-lg: 1.125rem;
    --bs-border-radius-xl: 1.5rem;
    --bs-light: #f3f6fb;
    --bs-dark: #182846;
    --bs-light-rgb: 243, 246, 251;
    --bs-dark-rgb: 24, 40, 70;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Poppins', sans-serif;
    --clr-blue-1: #1F61C4;
    --clr-blue-2: #041936;
    --clr-heading: #182846;
    --clr-dark: #182846;
    --clr-gray: #798BA7;
    --clr-gray-100: #f3f6fb;
    --clr-gray-200: #E9EFF9;
    --clr-white: #ffffff;
    --clr-facebook: #1877F2;
    --clr-linkedin: #0077B5;
    --clr-instagram: #000000;
    --clr-twitter-x: #000000;
    --transition300: all 0.3s ease-in-out;

    --clr-green: #45a735;
    --clr-green-2: #009a3c;
}

body,
html {
    height: 100%;
}
body {
    background-color: var(--bs-body-bg);
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--bs-body-color);
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
    body {

    }
}


@media all and (min-width: 100rem) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1424px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1;
    margin-bottom: 1.25rem;
    font-family: var(--font-heading);
    color: var(--clr-heading);
    font-weight: 700;

    .subtitle {
        font-weight: 700;
        color: var(--clr-gray);
        color: var(--clr-heading);
        font-size: 1.25rem;
    }
}
h1,
.h1 {
    font-size: 2rem;
    font-weight: 300;
}
@media (min-width: 768px) {
    h1,
    .h1 {
        font-size: 2.5rem;
    }
}
h2,
.h2 {
    font-size: 1.5rem;
}
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-size: 1.125rem;
}
strong {
    color: var(--clr-dark);
    font-weight: 600;
}
a {
    text-decoration: none;
    color: var(--clr-blue-1);
    color: var(--clr-green-2);
    font-weight: 600;
    border-bottom: 1px solid var(--clr-blue-1);
    border-bottom: 1px solid var(--clr-green-2);
    transition: var(--transition300);
}
@media (min-width: 992px) {
    a:hover {
        border-color: transparent;
    }
}
.svgicon-filter {
    /*filter: invert(64%) sepia(9%) saturate(1062%) hue-rotate(178deg) brightness(84%) contrast(82%);*/
    filter: invert(55%) sepia(64%) saturate(479%) hue-rotate(65deg) brightness(87%) contrast(95%);
    /*filter: invert(100%) sepia(4%) saturate(7475%) hue-rotate(248deg) brightness(111%) contrast(102%);*/
    filter: invert(29%) sepia(85%) saturate(2555%) hue-rotate(134deg) brightness(95%) contrast(104%);
}
.svgicon-filter-dark {
    filter: invert(13%) sepia(8%) saturate(5369%) hue-rotate(183deg) brightness(96%) contrast(94%);
}
.lh-body {
    line-height: 1.75 !important;
}
.fs-7 {
    font-size: 0.875rem !important;
}
.list-nav a {
    color: var(--clr-heading);
    font-weight: 500;
}
@media (min-width: 992px) {
    .list-nav a:hover {
        color: var(--clr-blue-1);
    }
}
.list-time {
    display: grid;
    grid-template-columns: 7.5rem auto;
    line-height: 1.25rem;
}
.list-time dt,
.list-time dd {
    padding-block: 0.375rem;
}
.list-time dt {
    color: var(--bs-dark);
    font-weight: 600;
    font-size: 0.875rem;
}
.list-time dd {
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .list-time {
        grid-template-columns: 1fr;
    }
    .list-time dt {
        padding-block: 0.375rem 0.125rem;
    }
    .list-time dd {
        padding-block: 0 0.375rem;
    }
}


.objectcover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.link-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    gap: 0.5rem;
}
.btn-icon {
    position: relative;
    left: 0;
    background: var(--clr-blue-1);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition300);
}
@media (min-width: 992px) {
    .link-icon:hover .btn-icon {
        left: 0.5rem;
    }
}

@media (max-width: 480px) {
    .header .brand-logo img {
        height: 5rem;
    }
    .header .site-name {
        font-size: 1.25rem;
    }
    .header .list-nav {
        font-size: 0.875rem;
    }
}

.service-items {
    position: relative;
    z-index: 9;
    margin-top: -5rem;
}
.service-item {
    position: relative;
    background: var(--clr-gray-200);
    min-height: 10rem;
}
.service-icon {
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 2.25rem;
    position: relative;
    top: -45px;
    margin-bottom: -45px;
}
.service-text {
    line-height: 1.25;

    h2 {

    }
}

.grid-blocks {
    margin-block: 1.25rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.25rem;
    grid-template-areas:
            "item-2"
            "item-1"
            "item-3"
            "item-4"
            "item-5"
            "item-6";
    line-height: 1.5;
}
.grid-blocks .item-1 {
    grid-area: item-1;
}
.grid-blocks .item-2 {
    grid-area: item-2;
}
.grid-blocks .item-3 {
    grid-area: item-3;
}
.grid-blocks .item-4 {
    grid-area: item-4;
}
.grid-blocks .item-5 {
    grid-area: item-5;
}
.grid-blocks .item-6 {
    grid-area: item-6;
}
@media (min-width: 768px) {
    .grid-blocks {

        grid-template-areas:


    }
}
@media (min-width: 992px) {
    .grid-blocks {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "item-1 item-2"
            "item-3 item-4"
            "item-5 item-5"
            "item-6 item-6";
    }
}
@media (min-width: 1200px) {
    .grid-blocks {

    }
}
@media (min-width: 1400px) {
    .grid-blocks {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
            "item-1 item-1 item-2"
            "item-3 item-4 item-6"
            "item-5 item-5 item-6";
    }
}


.content-note {
    background: var(--clr-gray-200);
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .content-note {
        /*margin-top: 4.5rem;*/
        /*width: calc(50% - 0.625rem);*/
    }
}
.content-widget {
    @media (min-width: 992px) {
        border-top: 1px solid var(--clr-gray-200);
    }

    a {
        border: none;
    }
}
.item-pharmanexus {
    background: var(--clr-blue-2);
}

.social-media a {
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--clr-gray-200);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
}
.social-media a svg path {
    fill: var(--clr-gray);
    transition: var(--transition300);
}
@media (min-width: 992px) {
    .social-media a:hover {
        top: 0.25rem;
    }
    .social-media a:hover svg path {
        fill: var(--bs-white);
    }
    .social-media a.social-facebook:hover {
        background: var(--clr-facebook);
    }
    .social-media a.social-instagram:hover{
        background: var(--clr-instagram);
    }
    .social-media a.social-linkedin:hover {
        background: var(--clr-linkedin);
    }
    .social-media a.social-twitter-x:hover {
        background: var(--clr-twitter-x);
    }
}

/* hero */
#hero,
#hero .hero-image {
    height: 20rem;
}
@media (min-width: 768px) {
    #hero,
    #hero .hero-image {
        height: 30rem;
    }
}
@media (min-width: 992px) {
    #hero,
    #hero .hero-image {
        height: 37.5rem;
    }
}
#hero {
    position: relative;
    overflow: hidden;
    background: var(--clr-blue-1);
    z-index: 1;
}
#hero .hero-image {
    position: relative;
    z-index: 2;
}

#hero .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
	position: absolute;
	z-index: 1;
	
	animation: move 40s ease;
	/* Add infinite to loop. */

	-ms-animation: move 40s ease;
	-webkit-animation: move 40s ease;
	-0-animation: move 40s ease;
	-moz-animation: move 40s ease;
}
/* Ken Burns effect */
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}