@font-face {

    font-family: 'Poppins';

    src: url(../fonts/Poppins-SemiBold.ttf);

    font-weight: 600;

}



@font-face {

    font-family: 'Poppins';

    src: url(../fonts/Poppins-Regular.ttf);

    font-weight: 300;

}



@font-face {

    font-family: 'Poppins';

    src: url(../fonts/Poppins-Regular.ttf);

    font-weight: 500;

}





@font-face {

    font-family: 'Oswald';

    src: url(../fonts/Oswald-Regular.ttf);

    font-weight: 300;

}



@font-face {

    font-family: 'Oswald';

    src: url(../fonts/Oswald-DemiBold.ttf);

    font-weight: 600;

}



@font-face {

    font-family: 'Oswald';

    src: url(../fonts/Oswald-Light.ttf);

    font-weight: 300;

}







/* Fonts */

/* :root {

    --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --font-primary: "Inter", sans-serif;

    --font-secondary: "Poppins", sans-serif;

  } */



/* Colors */

:root {

    --color-default: #0a0d13;

    --color-primary: #0d42ff;

    --color-secondary: #0e1d34;

}



/* Smooth scroll behavior */

:root {

    scroll-behavior: smooth;

}



/*--------------------------------------------------------------

  # General

  --------------------------------------------------------------*/

body {

    font-family: var(--font-default);

    color: var(--color-default);



}



a {

    color: #000000;

    text-decoration: none;



}



a:hover {

    color: #084e8b;

    text-decoration: none;

}



h1,

h2 {

    font-family: 'Oswald';

    font-weight: 600;

    color: #084e8b;

    text-transform: uppercase;

    font-size: 40px;

}





h3,

h4,

h5,

h6,

p {

    font-family: "Poppins";

}



@media (min-width: 1400px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1170px;

    }

}



/*--------------------------------------------------------------

  # Sections & Section Header

  --------------------------------------------------------------*/

.pad {

    padding-top: clamp(15px, 6vw, 80px);

    padding-bottom: clamp(15px, 6vw, 80px);

}



.mar {

    margin-top: clamp(15px, 6vw, 80px);

    margin-bottom: clamp(15px, 6vw, 80px);

}



.bottompad {

    padding-bottom: clamp(15px, 6vw, 80px);

}



.toppad {

    padding-top: clamp(15px, 6vw, 80px);

}



section {

    /* padding: 80px 200px 80px 200px; */

    padding-block: clamp(15px, 7vw, 80px);

    overflow: hidden;

}



.section-header {

    text-align: center;

    padding: 0px 0px 20px 0px;

    position: relative;



    color: #000000;

    font-weight: 300;

    font-size: 32px;

}



.section-header h2 {

    font-size: 32px;

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 20px;

    color: #000000;

    position: relative;

    z-index: 2;

    padding-bottom: 5px;

    padding-top: 15px;

    font-family: 'Oswald';



}





.section-header p {

    margin-bottom: 20px;

    position: relative;

    z-index: 2;

    font-family: 'Poppins';

    font-weight: 300;

    font-size: 15px;

    text-transform: none;

    color: #555;

}



@media (max-width: 640px) {

    .section-header h2 {

        font-size: 28px;

        margin-bottom: 15px;

    }



    .section-header span {

        font-size: 38px;

    }

}





/*--------------------------------------------------------------

  # Scroll top button

  --------------------------------------------------------------*/

.scroll-top {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    right: 15px;

    bottom: 15px;

    z-index: 99999;

    background: #267bc5;

    width: 40px;

    height: 40px;

    border-radius: 4px;

    transition: all 0.4s;

}



.scroll-top i {

    font-size: 24px;

    color: #fff;

    line-height: 0;

}



.scroll-top:hover {

    background: #85c020;

    color: #fff;

}



.scroll-top.active {

    visibility: visible;

    opacity: 1;

}



/*--------------------------------------------------------------

  # Preloader

  --------------------------------------------------------------*/

#preloader {

    position: fixed;

    inset: 0;

    z-index: 9999;

    overflow: hidden;

    background: #fff;

    transition: all 0.6s ease-out;

    width: 100%;

    height: 100vh;

}



#preloader:before,

#preloader:after {

    content: "";

    position: absolute;

    border: 4px solid var(--color-primary);

    border-radius: 50%;

    animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



#preloader:after {

    animation-delay: -0.5s;

}



@keyframes animate-preloader {

    0% {

        width: 10px;

        height: 10px;

        top: calc(50% - 5px);

        left: calc(50% - 5px);

        opacity: 1;

    }



    100% {

        width: 72px;

        height: 72px;

        top: calc(50% - 36px);

        left: calc(50% - 36px);

        opacity: 0;

    }

}



.topbar .contact-info {

    gap: 5px 10px;

}



.topbar .contact-info a:hover i {

    color: #85c020;

}



.fa-brands.fa-x-twitter:hover svg path {

    fill: #85c020;

}



.topbar .contact-info a i {

    width: 30px;

    height: 30px;

    display: grid;

    place-items: center;

    background: #85c020;

    border-radius: 50%;

}



.topbar .contact-info a:hover i {

    background: #fff

}



/*--------------------------------------------------------------

  # Inner page banner

  --------------------------------------------------------------*/



.inner-banner .page-header {

    /*   padding: 60px 0 60px 0; */

    min-height: max(300px, 25vw);

    position: relative;

    background-image: url('../images/innerpage-banner.jpg');

    background-size: cover;

    background-position: center bottom;

    background-repeat: no-repeat;

}



.inner-banner .page-header h2 {

    font-family: 'Oswald';

    font-weight: 600;

    color: #084e8b;

    text-transform: uppercase;

    font-size: 40px;

}



.inner-banner .page-header p {

    color: #000000;

    font-family: 'Poppins';

    font-weight: 300;

}



.inner-banner nav {

    background-color: #f6f6f6;

    padding: 20px 0;

}



.inner-banner nav ol {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 16px;

    font-weight: 600;

    color: var(--color-default);

}



.inner-banner nav ol a {

    color: var(--color-primary);

    transition: 0.3s;

}



.inner-banner nav ol a:hover {

    text-decoration: underline;

}



.inner-banner nav ol li+li {

    padding-left: 10px;

}



.inner-banner nav ol li+li::before {

    display: inline-block;

    padding-right: 10px;

    color: var(--color-secondary);

    content: "/";

}





















/*--------------------------------------------------------------

  # Blog Posts List

  --------------------------------------------------------------*/

.blog .posts-list article {

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

    padding: 30px;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

}



.blog .posts-list .post-img {

    max-height: 240px;

    margin: -30px -30px 15px -30px;

    overflow: hidden;

}



.blog .posts-list .post-category {

    font-size: 16px;

    color: #555555;

    margin-bottom: 10px;

}



.blog .posts-list .title {

    font-size: 22px;

    font-weight: 700;

    padding: 0;

    margin: 0 0 20px 0;

}



.blog .posts-list .title a {

    color: var(--color-default);

    transition: 0.3s;

}



.blog .posts-list .title a:hover {

    color: var(--color-primary);

}



.blog .posts-list .post-author-img {

    width: 50px;

    border-radius: 50%;

    margin-right: 15px;

}



.blog .posts-list .post-author-list {

    font-weight: 600;

    margin-bottom: 5px;

}



.blog .posts-list .post-date {

    font-size: 14px;

    color: #3c3c3c;

    margin-bottom: 0;

}



/*--------------------------------------------------------------

  # Blog Details

  --------------------------------------------------------------*/



.blog .blog-block {

    border: 1px solid #d9d9d9;

    padding: 20px;

}



.blog .blog-block h3 {

    font-family: 'Oswald';

    font-weight: 300;

    color: #0c0c0c;

}



.blog .blog-details h6 {

    font-family: 'Poppins';

    font-weight: 600;

    color: #555555;

}





.blog .blog-details p {

    font-family: 'Poppins';

    font-weight: 300;

    color: #555555;

}





.blog .blog-details {



    border-radius: 10px;

}



.blog .blog-details .post-img {

    margin: -30px -30px 20px -30px;

    overflow: hidden;

    border-radius: 10px 10px 0 0;

}



.blog .blog-details .title {

    font-size: 28px;

    font-weight: 700;

    padding: 0;

    margin: 20px 0 0 0;

    color: var(--color-default);

}



.blog .blog-details .content {

    margin-top: 20px;

}





.blog .blog-details .content blockquote {

    overflow: hidden;

    background-color: rgba(34, 34, 34, 0.06);

    padding: 60px;

    position: relative;

    text-align: center;

    margin: 20px 0;

}



.blog .blog-details .content blockquote p {

    color: var(--color-default);

    line-height: 1.6;

    margin-bottom: 0;

    font-style: italic;

    font-weight: 500;

    font-size: 22px;

}



.blog .blog-details .content blockquote:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background-color: var(--color-secondary);

    margin-top: 20px;

    margin-bottom: 20px;

}



.blog .blog-details .meta-top {

    margin-top: 20px;

    color: #6c757d;

}



.blog .blog-details .meta-top ul {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    align-items: center;

    padding: 0;

    margin: 0;

}



.blog .blog-details .meta-top ul li+li {

    padding-left: 20px;

}



.blog .blog-details .meta-top i {

    font-size: 16px;

    margin-right: 8px;

    line-height: 0;

    color: var(--color-primary);

}



.blog .blog-details .meta-top a {

    color: #6c757d;

    font-size: 14px;

    display: inline-block;

    line-height: 1;

}



.blog .blog-details .meta-bottom {

    padding-top: 10px;

    border-top: 1px solid rgba(34, 34, 34, 0.15);

}



.blog .blog-details .meta-bottom i {

    color: #555555;

    display: inline;

}



.blog .blog-details .meta-bottom a {

    color: rgba(34, 34, 34, 0.8);

    transition: 0.3s;

}



.blog .blog-details .meta-bottom a:hover {

    color: var(--color-primary);

}



.blog .blog-details .meta-bottom .cats {

    list-style: none;

    display: inline;

    padding: 0 20px 0 0;

    font-size: 14px;

}



.blog .blog-details .meta-bottom .cats li {

    display: inline-block;

}



.blog .blog-details .meta-bottom .tags {

    list-style: none;

    display: inline;

    padding: 0;

    font-size: 14px;

}



.blog .blog-details .meta-bottom .tags li {

    display: inline-block;

}



.blog .blog-details .meta-bottom .tags li+li::before {

    padding-right: 6px;

    color: var(--color-default);

    content: ",";

}



.blog .blog-details .meta-bottom .share {

    font-size: 16px;

}



.blog .blog-details .meta-bottom .share i {

    padding-left: 5px;

}



.blog .post-author {

    padding: 20px;

    margin-top: 30px;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}



.blog .post-author img {

    max-width: 120px;

    margin-right: 20px;

}



.blog .post-author h4 {

    font-weight: 600;

    font-size: 22px;

    margin-bottom: 0px;

    padding: 0;

    color: var(--color-default);

}



.blog .post-author .social-links {

    margin: 0 10px 10px 0;

}



.blog .post-author .social-links a {

    color: rgba(34, 34, 34, 0.5);

    margin-right: 5px;

}



.blog .post-author p {

    font-style: italic;

    color: rgba(108, 117, 125, 0.8);

    margin-bottom: 0;

}



.page-template-archive-stories div#key {

    display: none;

}



.web_stories {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: flex-start;

    justify-content: flex-start;

    align-items: flex-start;

}



.stories_cart {

    flex-basis: 30.33%;

    border: 1px solid rgba(0, 0, 0, .1);

}



img.image_fade {

    width: 350px;

    height: 470px;

    object-fit: cover;

}



.stories_content {

    padding: 15px;

}



.stories_title h4 {

    font-family: 'Oswald';

    font-weight: 300;

    color: #0c0c0c;

}



.stories-meta div {

    font-family: "Poppins";

    font-size: 16px;

    font-weight: 400;

}



.read_more a {

    font-size: 12px;

    font-weight: 400;

}





/*--------------------------Blog Details ------------------*/

.blog .blog-details {

    padding: 10px;

}



.blog .blog-details-block h3 {

    font-family: 'Oswald';

    font-weight: 300;

    color: #0c0c0c;

}



.blog .blog-details-block h6 {

    font-family: 'Poppins';

    font-weight: 600;

    color: #555555;

}





.blog .blog-details-block p {

    font-family: 'Poppins';

    font-weight: 300;

    color: #555555;

}









/*--------------------------------------------------------------

  # Disable aos animation delay on mobile devices

  --------------------------------------------------------------*/

@media screen and (max-width: 768px) {

    [data-aos-delay] {

        transition-delay: 0 !important;

    }

}



/*--------------------------------------------------------------

  # Header

  --------------------------------------------------------------*/





.topbar {

    background: #084e8b;

    height: 50px;

    font-size: 14px;

    transition: all 0.5s;

    color: #fff;

    padding: 0;

    position: relative;

    z-index: 999;

}



.topbar .contact-info i {

    font-style: normal;

    color: #fff;

    line-height: 0;

}



.topbar .contact-info i a,

.topbar .contact-info i span {

    padding-left: 5px;

    color: #fff;

}



@media (max-width: 575px) {



    .topbar .contact-info i a,

    .topbar .contact-info i span {

        font-size: 13px;

    }

}



.topbar .contact-info i a {

    line-height: 0;

    transition: 0.3s;

}



.topbar .contact-info i a:hover {

    color: #fff;

    text-decoration: underline;

}



.topbar .social-links a {

    color: #fff;

    line-height: 0;

    transition: 0.3s;

    /*   margin-left: 20px; */



}



.topbar .social-links a:not(.get-a-quote):hover {

    color: #fff;

}



.topbar .get-a-quote,

.topbar .get-a-quote:focus {

    background: #85c020;

    padding: 25px 35px;

    margin-left: 25px;

    color: #fff;

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 14px;

    border-radius: none;

    cursor: pointer;

}



.topbar .get-a-quote:hover,

.topbar .get-a-quote:focus:hover {

    color: #084e8b;

    background: #ffff;

}



.topbar p {

    padding-top: 15px;

    font-family: 'Poppins';

    font-weight: 300;

    font-size: 15px;

}









.header {

    transition: all 0.5s;

    z-index: 997;

    padding: 60px 0 0;

}



.header.sticked {

    /* background: rgba(14, 29, 52, 0.9); */

    background: #fff;

    padding: 15px 0;

    box-shadow: 0px 2px 20px rgba(14, 29, 52, 0.1);

}



.header .logo img {

    /*   max-height: 45px; */

    margin-right: 6px;

    transition: all 0.4s ease-in-out;

}



@media screen and (min-width: 769px) {

    .header.sticked .logo img {

        max-height: 45px;

    }

}



.header .logo h1 {

    font-size: 30px;

    margin: 0;

    font-weight: 700;

    color: #fff;

    font-family: var(--font-primary);

}



/*--------------------------------------------------------------

  # Desktop Navigation

  --------------------------------------------------------------*/

@media (min-width: 1280px) {

    .navbar {

        padding: 0;

    }



    .navbar ul {

        margin: 0;

        padding: 0;

        display: flex;

        list-style: none;

        align-items: center;

    }



    .navbar li {

        position: relative;

    }



    .navbar a,

    .navbar a:focus {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 10px 0 10px 30px;

        font-family: 'Oswald';

        font-size: 16px;

        font-weight: 600;

        color: #0b0b0c;

        white-space: nowrap;

        transition: 0.3s;

    }



    .navbar a i,

    .navbar a:focus i {

        font-size: 12px;

        line-height: 0;

        margin-left: 5px;

    }



    .navbar a:hover,

    .navbar .active,

    .navbar .active:focus,

    .navbar li:hover>a {

        color: #074d8b;

    }







    .navbar .dropdown ul {

        display: block;

        position: absolute;

        left: 14px;

        top: calc(100% + 30px);

        margin: 0;

        padding: 10px 0;

        z-index: 99;

        opacity: 0;

        visibility: hidden;

        background: #fff;

        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

        transition: 0.3s;

        border-radius: 4px;

    }



    .navbar .dropdown ul li {

        min-width: 200px;

    }



    .navbar .dropdown ul a {

        padding: 10px 20px;

        font-size: 15px;

        text-transform: none;

        font-weight: 400;

        color: var(--color-secondary);

    }



    .navbar .dropdown ul a i {

        font-size: 12px;

    }



    .navbar .dropdown ul a:hover,

    .navbar .dropdown ul .active:hover,

    .navbar .dropdown ul li:hover>a {

        color: var(--color-primary);

    }



    .navbar .dropdown:hover>ul {

        opacity: 1;

        top: 100%;

        visibility: visible;

    }



    .navbar .dropdown .dropdown ul {

        top: 0;

        left: calc(100% - 30px);

        visibility: hidden;

    }



    .navbar .dropdown .dropdown:hover>ul {

        opacity: 1;

        top: 0;

        left: 100%;

        visibility: visible;

    }

}



@media (min-width: 1280px) and (max-width: 1366px) {

    .navbar .dropdown .dropdown ul {

        left: -90%;

    }



    .navbar .dropdown .dropdown:hover>ul {

        left: -100%;

    }

}



@media (min-width: 1280px) {



    .mobile-nav-show,

    .mobile-nav-hide {

        display: none;

    }

}



/*--------------------------------------------------------------

  # Mobile Navigation

  --------------------------------------------------------------*/

@media (max-width: 1279px) {

    .navbar {

        position: fixed;

        top: 0;

        right: -100%;

        width: 100%;

        max-width: 400px;

        bottom: 0;

        transition: 0.3s;

        z-index: 9997;

    }



    .navbar ul {

        position: absolute;

        inset: 0;

        padding: 50px 0 10px 0;

        margin: 0;

        /* background: rgba(14, 29, 52, 0.9); */

        background: #084e8b;

        overflow-y: auto;

        transition: 0.3s;

        z-index: 9998;

    }



    .navbar a,

    .navbar a:focus {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 12px 20px;

        font-family: 'Oswald';

        font-size: 16px;

        font-weight: 500;

        color: rgba(255, 255, 255, 0.7);

        white-space: nowrap;

        transition: 0.3s;

    }



    .navbar a i,

    .navbar a:focus i {

        font-size: 12px;

        line-height: 0;

        margin-left: 5px;

    }



    .navbar a:hover,

    .navbar .active,

    .navbar .active:focus,

    .navbar li:hover>a {

        color: #fff;

    }





    .navbar .dropdown ul,

    .navbar .dropdown .dropdown ul {

        position: static;

        display: none;

        padding: 10px 0;

        margin: 10px 20px;

        transition: all 0.5s ease-in-out;

        border: 1px solid #19335c;

    }



    .navbar .dropdown>.dropdown-active,

    .navbar .dropdown .dropdown>.dropdown-active {

        display: block;

    }



    .mobile-nav-show {

        color: #19335c;

        font-size: 28px;

        cursor: pointer;

        line-height: 0;

        transition: 0.5s;

        z-index: 9999;

        margin-right: 10px;

    }



    .mobile-nav-hide {

        color: #fff;

        font-size: 32px;

        cursor: pointer;

        line-height: 0;

        transition: 0.5s;

        position: fixed;

        right: 20px;

        top: 20px;

        z-index: 9999;

    }



    .mobile-nav-active {

        overflow: hidden;

    }



    .mobile-nav-active .navbar {

        right: 0;

    }



    .mobile-nav-active .navbar:before {

        content: "";

        position: fixed;

        inset: 0;

        background: rgba(14, 29, 52, 0.8);

        z-index: 9996;

    }

}









/* Services Section - Home Page

  ------------------------------*/

.featured-services .service-item {

    position: relative;

    width: 300px;

    border: 1px solid #cccccc;

    padding: 15px;

}







.featured-services .service-item .icon {

    margin-right: 15px;

    border-right: 1px solid #cccccc;

    border-spacing: 10px;

    padding-right: 20px;

}



.featured-services .service-item .icon i {

    color: rgba(var(--color-default-rgb), 0.7);

    font-size: 56px;

    transition: ease-in-out 0.3s;

    z-index: 2;

    position: relative;

}



.featured-services .service-item .icon:before {

    position: absolute;

    content: "";

    height: 30px;

    width: 30px;

    background: rgba(var(--color-primary-rgb), 0.3);

    border-radius: 50px;

    z-index: 1;

    bottom: -15px;

    right: -15px;

    transition: 0.3s;

}



.featured-services .service-item .title {

    font-weight: 600;

    /* margin-bottom: 15px; */

    font-size: 14px;

    margin-top: 14px;

    font-family: 'Poppins';

}



.featured-services .service-item .title a {

    color: var(--color-secondary);

}



.featured-services .service-item .title a:hover {

    color: var(--color-primary);

}



.featured-services .service-item .description {

    line-height: 24px;

    font-size: 14px;

}











/*--------------------------------------------------------------

  # Software Section

  --------------------------------------------------------------*/



.clients {



    text-align: center;

}



.clients img {

    max-width: 60%;

    transition: all 0.4s ease-in-out;

    display: inline-block;

    padding: 15px 0;

    /* filter: grayscale(100); */

}



.clients img:hover {

    filter: none;

    transform: scale(1.1);

}



@media (max-width: 768px) {

    .clients img {

        max-width: 40%;

    }

}



/*--------------------------------------------------------------

  # Services Section

  --------------------------------------------------------------*/

.services {

    background: #f2f7fa;





}



.services .card {

    border: 1px solid rgba(14, 29, 52, 0.15);

    background: #f2f7fa;

    position: relative;

    border-radius: 0;

    height: 100%;



}



.services .card .card-img {

    overflow: hidden;

    margin-bottom: 15px;

    border-radius: 0;

    margin-top: 15px;

    width: 60px;

    padding-top: 35px;



    display: block;

    margin: 0 auto;

}



/* .services .card .card-img img {

    transition: 0.3s ease-in-out;

  } */



.services .card h3 {

    font-weight: 300;

    font-size: 18px;

    margin-bottom: 5px;

    padding: 20px 10px 35px 10px;

    text-transform: uppercase;

    font-family: 'Oswald';



}



.services .card a {

    color: #001973;

    transition: 0.3;

}



.services .card a:hover {

    color: var(--color-primary);

}



.services .card p {

    padding: 0 30px;

    margin-bottom: 30px;

    color: var(--color-secondary);

    font-size: 15px;

}



.services .card:hover .card-img img {

    transform: scale(1.1);

}









/*--------------------------------------------------------------

  # Content Section

  --------------------------------------------------------------*/

.para {

    font-family: 'Poppins';

    font-weight: 300;

    color: #074d8b;

}



.para ul {

    list-style-type: disc;

    margin-left: -2rem;

}



.para ul li {

    list-style-position: outside;

    margin-left: 1em;

    margin-bottom: 1.5rem;

}



.para hr {

    margin: 3rem 0;

    color: 1px solid #cccccc;

}



.content h3 {

    font-family: 'Oswald';

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.content p {

    font-family: 'Poppins';

    font-weight: 300;

}



.content .fa-chevron-circle-right {

    color: #85c020;

    font-size: 16px;



}



.transcription #skills-list li {

    position: relative;

}





.transcription #skills-list li i {

    position: absolute;

    left: -2em;

    top: 0.5rem;

}



.transcription ul {

    list-style-type: none;

}



.transcription ul li {

    font-family: 'Poppins';

    font-weight: 300;

    line-height: 2;

}







/*--------------------------------------------------------------

  # Question Section

  --------------------------------------------------------------*/

.question {

    background: #084e8b;

}





.question #qtn-list {

    list-style-type: none;

}



.question #qtn-list li {

    position: relative;

    font-family: 'Poppins';

    font-weight: 600;

    color: #fff;

    font-size: 16px;

    padding-bottom: 8px;

    line-height: 1.5;

}





.question #qtn-list li i {

    position: absolute;

    left: -2em;

    top: 0.5rem;

}



.question h5 {

    font-family: 'Poppins';

    font-weight: 600;

    color: #fff;

    font-size: 16px;

    padding-bottom: 10px;

    line-height: 1.5;



}



.question p {

    font-family: 'Poppins';

    font-weight: 300;

    color: #fff;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 30px;

}



.question .fa-caret-right {

    color: #85c020;

    font-size: 12px;

    margin-right: 10px;

}





/*--------------------------------------------------------------

  # Call To Action Section

  --------------------------------------------------------------*/

.call-to-action {

    background: url("../images/conatct-banner.jpg") center center;

    background-size: cover;

    padding: 100px 0;

}



@media (min-width: 1365px) {

    .call-to-action {

        background-attachment: fixed;

    }

}



.call-to-action h3 {

    color: #fff;

    font-size: 28px;

    font-weight: 700;

}



.call-to-action p {

    color: #fff;

}



.call-to-action .cta-btn {

    font-family: var(--font-primary);

    font-weight: 500;

    font-size: 16px;

    letter-spacing: 1px;

    display: inline-block;

    padding: 12px 40px;

    border-radius: 5px;

    transition: 0.5s;

    margin: 10px;

    border: 2px solid #fff;

    color: #fff;

}



.call-to-action .cta-btn:hover {

    background: var(--color-primary);

    border: 2px solid var(--color-primary);

}



/*--------------------------------------------------------------

  # Features Section

  --------------------------------------------------------------*/

.features {

    padding-top: 80px;

}



.features .features-item+.features-item {

    margin-top: 100px;

}



@media (max-width: 640px) {

    .features .features-item+.features-item {

        margin-top: 40px;

    }

}



.features .features-item h3 {

    font-weight: 600;

    font-size: 26px;

    color: #001973;

}



.features .features-item ul {

    list-style: none;

    padding: 0;

}



.features .features-item ul li {

    padding-bottom: 10px;

}



.features .features-item ul li:last-child {

    padding-bottom: 0;

}



.features .features-item ul i {

    font-size: 20px;

    padding-right: 4px;

    color: var(--color-primary);

}



.features .features-item p:last-child {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

  # Pricing Section

  --------------------------------------------------------------*/

.pricing .pricing-item {

    padding: 60px 40px;

    box-shadow: 0 3px 20px -2px rgba(108, 117, 125, 0.15);

    background: #fff;

    height: 100%;

    border-top: 4px solid #fff;

    border-radius: 5px;

}



.pricing h3 {

    font-weight: 600;

    margin-bottom: 15px;

    font-size: 20px;

    color: var(--color-secondary);

}



.pricing h4 {

    font-size: 48px;

    color: var(--color-primary);

    font-weight: 400;

    font-family: var(--font-primary);

    margin-bottom: 25px;

}



.pricing h4 sup {

    font-size: 28px;

}



.pricing h4 span {

    color: rgba(108, 117, 125, 0.8);

    font-size: 18px;

}



.pricing ul {

    padding: 20px 0;

    list-style: none;

    color: #6c757d;

    text-align: left;

    line-height: 20px;

}



.pricing ul li {

    padding: 10px 0;

    display: flex;

    align-items: center;

}



.pricing ul i {

    color: #059652;

    font-size: 24px;

    padding-right: 3px;

}



.pricing ul .na {

    color: rgba(108, 117, 125, 0.5);

}



.pricing ul .na i {

    color: rgba(108, 117, 125, 0.5);

}



.pricing ul .na span {

    text-decoration: line-through;

}



.pricing .buy-btn {

    display: inline-block;

    padding: 12px 35px;

    border-radius: 4px;

    color: var(--color-primary);

    transition: none;

    font-size: 16px;

    font-weight: 500;

    font-family: var(--font-primary);

    transition: 0.3s;

    border: 1px solid var(--color-primary);

}



.pricing .buy-btn:hover {

    background: var(--color-primary);

    color: #fff;

}



.pricing .featured {

    border-top-color: var(--color-primary);

}



.pricing .featured .buy-btn {

    background: var(--color-primary);

    color: #fff;

}



@media (max-width: 992px) {

    .pricing .box {

        max-width: 60%;

        margin: 0 auto 30px auto;

    }

}



@media (max-width: 767px) {

    .pricing .box {

        max-width: 80%;

        margin: 0 auto 30px auto;

    }

}



@media (max-width: 420px) {

    .pricing .box {

        max-width: 100%;

        margin: 0 auto 30px auto;

    }

}



/*--------------------------------------------------------------

  # Frequently Asked Questions Section

  --------------------------------------------------------------*/

.faq {

    padding-top: 80px;

}



.faq .accordion-item {

    border: 0;

    margin-bottom: 20px;

}



.faq .accordion-collapse {

    border: 0;

}



.faq .accordion-button {

    padding: 15px 30px 20px 20px;

    font-weight: 300;

    border: 0;

    font-size: 20px;

    color: var(--color-default);

    text-align: left;

    border-radius: 5px;

    border: 1px solid #d7d7d7;

    font-family: 'Oswald';

    text-transform: uppercase;

}



.faq .accordion-button:focus {

    box-shadow: none;

}



.faq .accordion-button:not(.collapsed) {

    color: #fff;

    background: #85c020;

    border-bottom: 0;

    box-shadow: none;

}





.faq .accordion-button:not(.collapsed)::after {

    color: var(--color-primary-rgb);



}



.faq .question-icon {

    position: absolute;

    top: 14px;

    left: 25px;

    font-size: 20px;

    color: var(--color-primary);

}





.faq .accordion-button:after {

    position: absolute;

    right: 15px;

    top: 15px;

}



.faq .accordion-body {

    padding: 10 30px 25px 20px;

    border: 0;

    border: 1px solid #d7d7d7;

    border-radius: 0;

    font-family: 'Poppins';

    font-weight: 300;

}













/*------------------Careers Section----------------*/





.job_section {

    /* background-color: #08135c; */

    color: #0c0c0c;

}





.job_section .section-header h2 {

    font-family: 'Oswald';

    text-transform: capitalize;

}



.job_section .section-header p {

    padding: 0px 60px;

}



.job_section .heading_container {

    margin-bottom: 15px;

}



.job_section .job_container {

    margin-top: 15px;

}



.job_section .job_heading {

    margin-bottom: 0;

    text-transform: uppercase;

}



.job_section .box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px;

    box-shadow: 0px 1px 28px 0px rgba(140, 149, 159, 0.3);

    border-left: 5px solid #85c020;

    margin-top: 25px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    border-radius: 0px;

}



.job_section .box .job_content-box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.job_section .box .img-box {

    width: 100px;

    height: 100px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 20px;

    margin-right: 20px;

    border: 1px solid #717171;

    background-color: #ffffff;

}



.job_section .box .img-box img {

    width: 100%;

}



.job_section .box .detail-box h5 {

    font-weight: 600;

    font-family: 'Poppins';

}



.job_section .box .detail-box .detail-info {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

}



.job_section .box .detail-box .detail-info h6 {

    margin: 0;

    margin-right: 15px;

    font-family: 'Poppins';

    font-weight: 300;

    color: #656565;

}



.job_section .box .option-box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: auto;

}



.job_section .box .option-box .fav-btn {

    margin-right: 25px;

    border: none;

    background: none;

    outline: none;

    font-size: 20px;

    color: inherit;

}



.job_section .box .option-box .apply-btn {

    display: inline-block;

    padding: 5px 10px;

    background-color: #85c020;

    color: #ffffff;

    border-radius: 0px;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    outline: none;

    text-transform: uppercase;

    font-size: 14px;

    text-align: center;

    font-family: 'Poppins';

    font-weight: 300;

}



.job_section .box .option-box .apply-btn:hover {

    background-color: #084e8b;

    color: #fff;

}





.job_section .btn-box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 45px;

}



.job_section .btn-box a {

    display: inline-block;

    padding: 10px 45px;

    border-radius: none;

    background: transparent;

    color: #074d8b;

    font-family: 'Poppins';

    font-weight: 600;

    border: 2px solid #074d8b;

    text-align: center;



}



.job_section .btn-box a:hover {

    background-color: transparent;

    color: #85c020;

}





/*--------Icon Block Section-----------*/



.icon-properties {

    width: 70%;

    text-align: center;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    left: 50%;

    max-width: 1065px;

    margin-inline: auto;

}



@media screen and (min-width: 769px) {

    .icon-properties {

        margin-block-start: -9vw;

    }

}



.icon-properties .block {

    border-style: solid;

    border-width: 12px;

    border-color: rgb(255, 255, 255);

    background-color: rgb(133, 192, 32);

    width: 157px;

    height: 146px;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    display: flex;



}



.icon-properties .block_top0 {

    background-color: #85c020;

}



.icon-properties .block_top1 {

    margin-top: 4vh;

    background-color: #084e8b;

}



.icon-properties .block_top2 {

    margin-top: 8vh;

    background-color: #85c020;

}



.icon-properties .block_top3 {

    margin-top: 12vh;

    background-color: #084e8b;

}



.icon-properties .block-img {

    width: 50px;

    height: 50px;



}



.icon-properties .box_title {

    bottom: 0;

    left: 0;

    top: 5px;

}



.icon-properties .box_title p {

    font-size: 15px;

    font-family: 'Poppins';

    color: rgb(0, 0, 0);

    text-transform: uppercase;

    line-height: 1.455;

    text-align: center;



    z-index: 18;

}



/*--------------------------------------------------------------

  # Testimonials Section

  --------------------------------------------------------------*/

.testimonials {

    padding: 100px 0;



    background-position: center center;

    background-size: cover;

    position: relative;

}



.testimonials::before {

    content: "";

    position: absolute;

    inset: 0;

    /* background: rgba(14, 29, 52, 0.7); */

}



.testimonials .section-header {

    margin-bottom: 40px;

}



.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

    overflow: hidden;

}



.testimonials .testimonial-item {

    text-align: center;

    color: #fff;

}



.testimonials .testimonial-item .testimonial-img {

    width: 100px;

    border-radius: 50%;

    border: 6px solid rgba(255, 255, 255, 0.15);

    margin: 0 auto;

}



.testimonials .testimonial-item h3 {

    font-size: 20px;

    font-weight: bold;

    margin: 20px 0 5px 0;

    color: #084e8b;

    font-family: 'Poppins';

    font-weight: 600;

}



.testimonials .testimonial-item h4 {

    font-size: 14px;

    color: #555555;

    font-family: 'Poppins';

    font-weight: 300;

    margin: 0 0 15px 0;

}



.testimonials .testimonial-item .stars {

    margin-bottom: 15px;

}



.testimonials .testimonial-item .stars i {

    color: #ffc107;

    margin: 0 1px;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

    color: rgba(255, 255, 255, 0.6);

    font-size: 26px;

    line-height: 0;

}



.testimonials .testimonial-item .quote-icon-left {

    display: inline-block;

    left: -5px;

    position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

    display: inline-block;

    right: -5px;

    position: relative;

    top: 10px;

    transform: scale(-1, -1);

}



.testimonials .testimonial-item p {

    font-family: 'Poppins';

    font-weight: 300;

    margin: 0 auto 15px auto;

    color: #555555;

}



.testimonials .swiper-pagination {

    margin-top: 20px;

    position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    background-color: #519cdd;



}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #084e8b;

    opacity: 1;

    width: 18px;

    height: 18px;

}



@media (min-width: 992px) {

    .testimonials .testimonial-item p {

        width: 80%;

    }

}













/*--------------------------------------------------------------

  # Hero Section

  --------------------------------------------------------------*/

.hero {

    width: 100%;

    min-height: 52vw;

    background-image: url("../images/banner.jpg");

    background-size: cover;

    background-position: center bottom;

    padding: 0;

    color: rgba(255, 255, 255, 0.8);

    display: grid;

    place-content: center;

}



.hero h2 {

    margin-bottom: 10px;

    padding: 0;

    font-size: 48px;

    font-weight: 600;

    color: #074d8b;

    font-family: 'Oswald';

    text-transform: uppercase;



}



.hero h4 {



    margin-bottom: 20px;

    padding: 0;

    font-size: 28px;

    font-weight: 600;

    color: #074d8b;

    font-family: 'Oswald';

    text-transform: uppercase;



}



.hero p {

    color: #000000;

    font-family: 'Poppins';

    font-weight: 300;

}



.hero .bnr-btn {

    height: 50px;

    width: 200px;

    border-radius: none;

    background: transparent;

    color: #074d8b;

    font-family: 'Poppins';

    font-weight: 600;

    border: 2px solid #074d8b;

    text-align: center;

    padding-top: 12px;



}





@media (max-width: 575px) {

    .hero h2 {

        font-size: 25px;

        padding-top: 0px;

    }

}



.hero p {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 40px;

}



.hero form {

    background: #fff;

    padding: 10px;

    border-radius: 10px;

}



.hero form .form-control {

    padding-top: 18px;

    padding-bottom: 18px;

    padding-left: 20px;

    padding-right: 20px;

    border: none;

    margin-right: 10px;

    border: none !important;

    background: none !important;

}



.hero form .form-control:hover,

.hero form .form-control:focus {

    outline: none;

    box-shadow: none;

}



.hero form .btn-primary {

    background-color: var(--color-primary);

    padding: 15px 30px;

}



.hero form .btn-primary:hover {

    background-color: #2756ff;

}



.hero .stats-item {

    padding: 30px;

    width: 100%;

}



.hero .stats-item span {

    font-size: 32px;

    display: block;

    font-weight: 700;

    margin-bottom: 15px;

    padding-bottom: 15px;

    position: relative;

}



.hero .stats-item span:after {

    content: "";

    position: absolute;

    display: block;

    width: 20px;

    height: 3px;

    background: var(--color-primary);

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.hero .stats-item p {

    padding: 0;

    margin: 0;

    font-family: var(--font-primary);

    font-size: 15px;

    font-weight: 600;

}









/*--------------------------------------------------------------

  # Contact Section

  --------------------------------------------------------------*/

.contact {

    background-image: url('../images/conatct-banner.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 90vh;

}



.key-part {

    position: relative;

    background-image: url(../images/conatct-banner.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 90px;

    /*   margin-bottom: -100px; */

}



.page-template-template-home .key-part {

    padding-bottom: 142px;

}



/* 

  .item {

    width: 100%;

    height:100%;

   

  } */



.item1 {

    /* background-image: url('../images/conatct-banner.jpg');

    background-size: cover;

    background-repeat: no-repeat; */

    min-height: 105vh;

}



.item2 {

    top: 80px;

    /* bottom: 0; */

    left: 155px;

    right: 155px;

    /*   position: absolute; */

    background:rgba(58, 106, 255, 0.8);

    /* width: 165vh; */





}



.page-id-23 .key-part {

    position: relative;



}



.page-id-23 .item1 {

    min-height: 70vh;

}



.page-id-23 .item2 {

    /*   top: 80px;

   bottom: 0;

    left: 155px;

    right: 155px; */

    /*   position: absolute; */

    background: rgb(58 106 255 / 80%);



}







.cont_para {

    /* width: 100vh; */

    padding: 25px 0px 20px 35px;

}









.cont_para ul {

    list-style-type: none;

}





.cont_para ul li {

    font-family: 'Poppins';

    font-weight: 300;

    color: #fff;

    margin-left: -2rem;

    margin-bottom: 1rem;

}



.cont_para .fa-chevron-circle-right {

    color: #ffff;

}





.cont-icon {

    padding: 0px 0px 40px 35px;

}



.cont-icon h4 {

    font-family: 'Oswald';

    font-weight: 300;

    color: #fff;

    line-height: 2;

    color: #333;

}



.cont-icon h4 img {

    filter: brightness(0) saturate(100%) invert(19%) sepia(0%) saturate(1746%) hue-rotate(160deg) brightness(93%) contrast(92%);

}



.cont_para h3 {

    font-family: 'Oswald';

    font-weight: 300;

    text-transform: uppercase;

    color: #fff;

    padding-top: 30px;

    padding-bottom: 20px;

}





.contact-part {

    padding-top: 0;

}





/*--------------------------------------------------------------

  # Footer

  --------------------------------------------------------------*/

.footer {

    font-size: 14px;

    background: url('../images/footer-background.png');

    background-size: cover;

    background-repeat: no-repeat;

    padding: clamp(30px, 15vw, 160px) 0px 20px 0px;

    color: white;

    position: relative;

}



.footer-content {

    max-width: 1170px;

    margin-inline: auto;

}



.footer .footer-info .logo {

    line-height: 0;

    margin-bottom: 25px;

}



.footer .footer-info .logo img {

    max-height: 40px;

    margin-right: 6px;

}



.footer .footer-info .logo span {

    font-size: 30px;

    font-weight: 700;

    letter-spacing: 1px;

    color: #fff;

    font-family: var(--font-primary);

}



.footer .footer-contact .fa-location-dot {

    color: #85c020;

}



.footer .footer-contact .fa-phone {

    color: #85c020;

}



.footer .footer-contact .fa-fax {

    color: #85c020;

}



.footer .footer-contact h4 {

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 20px;

}



.footer .footer-links h4 {

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 20px;

}





.footer .footer-contact p {

    font-size: 14px;

    font-family: 'Poppins';

    font-weight: 300;

}



.footer .social-links a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.2);

    font-size: 16px;

    color: #084e8b;

    background: #fff;

    margin-right: 10px;

    transition: 0.3s;

}



.footer .social-links a:hover {

    color: #85c020;

    border-color: #fff;

}



.footer h4 {

    font-size: 16px;

    font-weight: bold;

    position: relative;

    padding-bottom: 12px;

}



.footer .footer-links {

    margin-bottom: 30px;

}



.footer .footer-links ul {

    list-style: none;

    padding: 0;

    margin: 0;

    font-family: 'Poppins';

    font-weight: 300;

    color: #ffffff;

}



.footer .footer-links ul i {

    padding-right: 2px;

    color: rgba(13, 66, 255, 0.8);

    font-size: 12px;

    line-height: 0;

}



.footer .footer-links ul li {

    padding: 10px 0;

    display: flex;

    align-items: center;



}



.footer .footer-links ul li:first-child {

    padding-top: 0;

}



.footer .footer-links ul a {

    color: #ffffff;

    transition: 0.3s;

    display: inline-block;

    line-height: 1;

}



.footer .footer-links ul a:hover {

    color: #fff;

}



.footer .footer-contact p {

    line-height: 26px;

}





#footer .copyright {

    float: left;

    font-family: 'Poppins';

    margin-top: 8px;

}



#footer .credits {

    float: right;

    font-size: 13px;

}



#footer .credits a {

    transition: 0.3s;

}





.footer .hide-title {

    visibility: hidden;

}



@media screen and (max-width: 768px) {

    #footer .footer-bottom {

        padding-top: 20px;

        padding-bottom: 20px;

    }



    #footer .copyright,

    #footer .credits {

        text-align: center;

        float: none;

    }



    #footer .credits {

        padding-top: 4px;

    }



    .footer .footer-info :where(.logo, .social-links) {

        /* 	line-height: 0; */

        margin-bottom: 25px;

        width: fit-content;

        margin-inline: auto;

    }



    .footer .footer-links ul li {

        justify-content: center;

    }



    .footer .footer-links {

        margin-bottom: 0px;

    }



    .footer .hide-title {

        visibility: hidden;

        display: none;

    }



    .topbar .social-links>p {

        display: flex;

        flex-direction: row;

        gap: 12px;

        padding-top: 5px;

        align-items: center;

        justify-content: center;

        margin-bottom: 0;

        font-size: 14px;

        flex-shrink: 0;

    }



    .bi-x::before {

        content: "\f62a";

        z-index: 9999;

        top: 50px;

        position: absolute;

        right: 0;

    }

}









/*------Contact Section-------------*/









.ftco-section {



    background-image: url('../images/conatct-banner.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    padding: 7em 0;

    background-position: center;

    height: 150vh;





}



.ftco-section .cont_para ul {

    list-style-type: none;

}





.ftco-section .cont_para ul li {

    font-family: 'Poppins';

    font-weight: 300;

    color: #fff;

    margin-left: -2rem;

    margin-bottom: 1rem;

}



.ftco-section .cont_para .fa-chevron-circle-right {

    color: #ffff;

}





.ftco-section .cont-icon h4 {

    font-family: 'Oswald';

    font-weight: 300;

    color: #fff;

    line-height: 2;

}









/* .ftco-section .contact-part{

    padding: 40px 40px 0px 0px;

  } */



.ftco-no-pt {

    padding-top: 0;

}



.ftco-no-pb {

    padding-bottom: 0;

}



.heading-section {

    font-size: 28px;

    color: #000;

}



.img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}





::placeholder {

    /* Most modern browsers support this now. */

    color: #9e9a9a;

}



.form-select {

    border: 1px solid #c5c2c2;

    font-family: 'Poppins';

    height: 52px;

    font-size: 14px;

    color: #c5c2c2 !important;

    border-radius: 0px;

}



.textarea {

    border: 1px solid #c5c2c2;

    font-family: 'Poppins';

    font-size: 14px;

    color: #c5c2c2 !important;

    border-radius: 0px;

    width: 100%;

}



.form-control {

    font-family: 'Poppins';

    height: 52px;

    background: #fff;

    color: #c5c2c2 !important;

    font-size: 12px;

    border-radius: 2px;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 1px solid #c5c2c2

}



.form-control::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: rgba(0, 0, 0, 0.7) !important;

}



.form-control::-moz-placeholder {

    /* Firefox 19+ */

    color: rgba(0, 0, 0, 0.7) !important;

}



.form-control:-ms-input-placeholder {

    /* IE 0+ */

    color: rgba(0, 0, 0, 0.7) !important;

}



.form-control:-moz-placeholder {

    /* Firefox 18- */

    color: rgba(0, 0, 0, 0.7) !important;

}



.form-control:focus,

.form-control:active {

    border-color: rgba(0, 0, 0, 0.1);

}



/* textarea.form-control {

    height: inherit !important; } */



.wrapper {

    width: 100%;

    background: rgba(80, 123, 160, 0.6);



}



.contact-wrap {

    background: rgba(255, 255, 255);

    box-shadow: 0px -25px 20px -20px rgba(0, 0, 0, 0.45), 25px 0 20px -20px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);

    height: 100%;

}



.contact-wrap input,

.contact-wrap select,

.contact-wrap textarea {

    background-color: transparent;

}



.contact-wrap h3 {

    font-family: 'Oswald';

    font-weight: 300;

    text-transform: uppercase;

    text-align: center;

}



.info-wrap h3 {

    color: #fff;



}



.info-wrap .dbox {

    width: 100%;

    color: rgba(255, 255, 255, 0.8);

    margin-bottom: 25px;

}



.info-wrap .dbox:last-child {

    margin-bottom: 0;

}



.info-wrap .dbox p {

    margin-bottom: 0;

}



.info-wrap .dbox p span {

    font-weight: 600;

    color: #fff;

}



.info-wrap .dbox p a {

    color: #fff;

}



.info-wrap .dbox .icon {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.1);

}



.info-wrap .dbox .icon span {

    font-size: 20px;

    color: #fff;

}



.info-wrap .dbox .text {

    width: calc(100% - 50px);

}





@media (min-width: 992px) {

    .info-wrap {

        margin-top: -20px;

        margin-bottom: -20px;

        border-radius: 5px;

    }

}



.btn {

    padding: 12px 16px;

    cursor: pointer;

    border-width: 1px;

    border-radius: 5px;

    font-size: 14px;

    font-weight: 400;

    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);

    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);

    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);

    position: relative;

    margin-bottom: 20px;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



@media (prefers-reduced-motion: reduce) {

    .btn {

        -webkit-transition: none;

        -o-transition: none;

        transition: none;

    }

}



.btn:hover,

.btn:active,

.btn:focus {

    outline: none !important;

    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;

    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;

    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;

}



/* .btn.btn-primary {

      background: #1089ff ;

      border-color: #1089ff ;

      color: #fff; }

      .btn.btn-primary:hover, .btn.btn-primary:focus {

        border-color: #006fdc ;

        background: #006fdc ; } */



#contactForm .error {

    color: red;

    font-size: 12px;

}



#contactForm .form-control {

    font-size: 14px;

    color: #c5c2c2;

}





.btn-submit {

    padding: 15px 25px 15px 25px;

    color: #fff;

    background-color: #85c020;

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 16px;

    border-radius: 0;

}



.btn-submit:hover {

    padding: 15px 25px 15px 25px;

    color: #fff;

    background-color: #084e8b;

    font-family: 'Poppins';

    font-weight: 600;

    font-size: 16px;

    border-radius: 0;

}



#message {

    resize: vertical;

}



#form-message-warning,

#form-message-success {

    display: none;

}



#form-message-warning {

    color: red;

}



#form-message-success {

    color: #28a745;

    font-size: 18px;

    font-weight: bold;

}



.submitting {

    float: left;

    width: 100%;

    padding: 10px 0;

    display: none;

    font-size: 16px;

    font-weight: bold;

}









.inner-banner img {

    overflow: hidden;

    width: 100%;

}

















/*------------Careers page-------*/







.job_section .box .detail-box h5 {

    font-weight: 600;

    font-family: 'Poppins';

    font-size: 20px;

}



.job_section .section-header p {

    padding: 0px 10px;

}









/*-------------Services and Pricing Page-----------*/

.wp-block-table td,

.wp-block-table th {

    border: 1px solid #eeeeee;

    padding: 0.5em;

    height: 3em;

}



.service-table tr:not(:first-child) {

    border: 1px solid #eeeeee;

    color: #555;

    font-family: 'Poppins';

    text-align: center;

    font-weight: 500;



}



.service-table tr :first-child {

    font-family: 'Oswald';

    font-weight: 300;

    text-align: left;

    color: #084e8b;

    font-size: 22px;

}



.service-table tr:first-child {

    background-color: #85c020;

    font-family: 'Oswald';

    font-size: 20px;

    color: #fff;

    text-align: center;

}





.service-bottom {

    font-family: 'Poppins';

    font-weight: 500;

    color: #084e8b;

    padding-top: 30px;

    font-size: 25px;

}



/* .wp-block-heading h4{

  font-family: 'Poppins';

  font-weight: 500;

  color: #084e8b;

  padding-top: 30px;

  } */

.list {

    list-style: none;

    font-family: 'Poppins';

    font-weight: 300;

    color: #555555;

    padding-bottom: 35px;

}



.list li {

    padding-bottom: 10px;

    padding-left: -3rem;

}



.list ul {

    --icon-space: 1.3em;

}



.list li:before {

    content: "\f138";

    /* FontAwesome Unicode */

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -1rem;

    margin-right: 0.5rem;

    width: var(--icon-space);

    border-radius: 100%;

    color: #85c020;

}



.service-back {

    font-family: 'Oswald';

    font-weight: 300;

    font-size: 35px;

    text-transform: uppercase;

    min-height: 120px;

    padding-top: 25px;

    color: #fff !important;

}



.back-para {

    color: #85c020 !important;

    font-family: 'Poppins';

    font-weight: 300;

    font-size: 16px !important;

    text-transform: none;

    padding-top: 20px;

}



.back-para::after {

    content: '\1F892';

    font-size: 30px !important;

    color: #85c020;

    margin-top: 10px;

    vertical-align: sub;

}













/*----------Medical Scribes-------------*/





.green-block {

    background-color: #85c020;

    border: 8px solid #084e8b;

    width: 150px;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.blue-block {

    background-color: #084e8b;

    border: 8px solid #85c020;

    width: 150px;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.grren-block figure {

    display: flex;

    justify-content: center;

    align-items: center;

}



.medical-scribe-content {

    width: 80%;

}



.wp-block-separator {

    border: 1px solid #d7d7d7;

}



.medical-scribe-content h4 {

    font-family: 'Oswald';

    font-size: 28px;

    color: #000000;

    text-transform: uppercase;

    padding-top: 10px;

}



.medical-scribe-content p {

    font-family: 'Poppins';

    font-weight: 300;

    color: #555555;

}





/*--------------Case Studies-----------*/



.even-case-studies {

    background-color: #084e8b;

    color: #fff;

    font-family: 'Poppins';

    width: 80%;

    padding: 12px;

}



.even-case-studies ul {

    padding-top: 10px;

}



.odd-case-studies {

    background-color: #85c020;

    color: #fff;

    font-family: 'Poppins';

    width: 80%;

    padding: 12px;

}



.odd-case-studies ul {

    padding-top: 10px;

}



.case-blue-block {

    padding: 10px 100px 10px 0px;

}



.case-green-block {

    padding: 10px 0px 10px 150px;

}



.wp-bootstrap-blocks-button {

    padding: 30px;

}



.case-button {

    padding: 15px 25px;

    background: transparent;

    border: 2px solid #084e8b !important;

    color: #084e8b !important;

    font-family: 'Poppins';

    font-weight: 600;

    border-radius: 0 !important;

    font-size: 15px;

}



.case-button :after {



    content: '\1F892';

    font-size: 30px !important;



}



.btn.btn-primary {

    background: transparent;

    border-color: none;

    color: #084e8b !important;

}



.case-button:after {

    content: '\1F826';

}



.case-blue-para a {

    color: #85c020 !important;

    padding-left: 30px;

    font-size: 14px;

    text-decoration: underline;

    margin-top: -15px;

}



.case-blue-para:after {

    content: '\1F892';

    font-size: 18px;

}





/*-------------Blog Page-----------*/

.sidebar section {

    padding: 10px;

}



.wp-block-search__label {

    display: none;

}



.blog-sidebar-title {

    font-family: 'Oswald';

    color: #555;

    padding-top: 40px;

    border-bottom: 1px solid #5555;

    font-size: 25px;

    font-weight: 300;

}



.search-list li a {

    font-family: 'Poppins';

    font-weight: 300;

    color: #555555 !important;

    border-bottom: 1px solid #5555;

}



.search-list li:after {

    color: #5555 !important;

}



.search-list li:before {

    content: "\1F892";

    /* FontAwesome Unicode */

    font-size: 24px;

}



.wp-block-search__button {

    margin-left: 0em;

    word-break: normal;

    background-color: #85c020;

    /* border: 1px solid #949494; */

}



/* .search::before {

    content: "\f002";

    color: #fff;

  } */



.wp-block-search__button {

    background-image: url('../images/search-icon.png');

    background-repeat: no-repeat;

    background-position: center;

    padding: 20px;

}



[type="search"] {

    font-family: 'Poppins';

    color: #0c0c0c;

}





/*-------------Careers Page-----------*/

.career-para {

    padding-top: 25px;

}



.career-title {

    font-family: 'Oswald';

    font-weight: 300;

    text-transform: capitalize;

    font-size: 35px;

}





/*------------About Page-----*/

.transcription-about {

    background: #f3f6ed;

}



.transcription-about ul {

    list-style-type: none;



}



.transcription-about li:before {

    content: "\f1ac";

    font-family: FontAwesome;

    display: inline-block;

    margin-left: -2rem;

    margin-right: 0.5rem;

    width: var(--icon-space);

    border-radius: 100%;

    color: #85c020;



}



.transcription-about ul li {

    font-family: 'Poppins';

    font-weight: 300;

    line-height: 2;

}



.transcription-title {

    text-transform: uppercase;

    padding-top: 40px;

    font-size: 28px;

    font-weight: 300;

    color: #000;

    margin-bottom: 25px;

}



.transcription-para {

    color: #555555 !important;

}



.service-part {

    padding-top: 60px;

}





/*-Contact Part----*/



.contact-para {

    color: #555;

}



.contact-content {

    padding-top: 40px;

    font-family: 'Poppins';

}



.contact-content ul {

    list-style: none;

    width: 330px;

}



/* .contact-content li::before{

    content: '\1F4DE';

    font-family: 'FontAswome';

    font-size: 20px;

    color: #85c020;

    margin-left: -2rem;

  

  } */

.usa-address {

    padding-bottom: 10px;

    color: #555555;

    line-height: 1.5;

}



.usa-address:before {

    content: url('../images/usa-address-icon.jpg');

    margin-top: 10px;

    margin-left: -2rem;

    margin-right: 0.5rem;

    top: 20px;

    vertical-align: top;

}



.india-address {

    padding-bottom: 10px;

    color: #555555;

}



.india-address:before {

    content: url('../images/india-address-icon.jpg');

    margin-top: 10px;

    margin-left: -2rem;

    margin-right: 0.5rem;

    top: 20px;

    vertical-align: top;

}



.contact-call {

    padding-bottom: 10px;

    color: #555555;

}



.contact-call:before {

    content: '\2706';

    font-family: 'FontAswome';

    font-size: 20px;

    color: #85c020;

    margin-left: -2rem;

    font-weight: bold;

    margin-right: 0.5rem;

    margin-bottom: 20px;

}



.contact-phone {

    padding-bottom: 10px;

    color: #555555;

}



.contact-phone:before {

    content: '\1F57E';

    font-family: 'FontAswome';

    font-size: 20px;

    color: #85c020;

    margin-left: -2rem;

    font-weight: bold;

    margin-right: 0.5rem;

}



.contact-email {

    padding-bottom: 10px;

    color: #555555;

}



.contact-email:before {

    content: "\2709";

    font-family: 'FontAswome';

    font-size: 20px;

    color: #85c020;

    margin-left: -2rem;

    font-weight: bold;

    margin-right: 0.5rem;

}





/*------Media Query Section-------------*/



/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

    section {

        padding: 10px 10px 10px 10px;

    }



    h1,

    h2 {

        font-family: 'Oswald';

        font-weight: 600;

        color: #084e8b;

        text-transform: uppercase;

        font-size: 26px;

    }



    .section-header {

        font-size: 24px;

    }



    .section-header h2 {

        font-size: 20px;

        margin-bottom: 15px;

    }



    .section-header p {

        font-size: 12px;

    }



    .header .logo img {

        max-height: 35px;

        margin-right: 6px;

    }



    .topbar p {

        padding-top: 15px;

        font-family: 'Poppins';

        font-weight: 300;

        font-size: 8px;

    }





    .topbar .get-a-quote,

    .topbar .get-a-quote:focus {

        background: #85c020;

        padding: 25px 20px;

        margin-left: 35px;

        color: #fff;

        font-family: 'Poppins';

        font-weight: 600;

        font-size: 10px;

        border-radius: none;

        flex-shrink: 0;

    }



    .hero {

        width: 100%;

        /* min-height: 40vh; */

        min-height: 230px;

        background-image: url("../images/banner.jpg");

        background-size: cover;

        background-position: top center;

        position: relative;

        padding: 0px;

        color: rgba(255, 255, 255, 0.8);

    }



    .hero h4 {

        font-size: 20px;

        padding-top: 0px;

        font-size: 16px;

    }



    .hero p {

        margin-bottom: 10px;

        font-size: 10px;

    }





    .hero .bnr-btn {

        height: 36px;

        width: 105px;

        border-radius: none;

        background: transparent;

        color: #074d8b;

        font-family: 'Poppins';

        font-weight: 600;

        border: 2px solid #074d8b;

        text-align: center;

        padding-top: 10px;

        font-size: 10px;

    }



    .icon-properties {

        width: 100%;

        text-align: center;

        padding: 5px;

        /*     display: contents;

      position: 0px; */



    }



    .icon-properties .box_title p {

        margin-top: 10px;

    }



    .icon-properties .block_top2 {

        margin-top: 4vh;

    }





    .icon-properties .block_top3 {

        margin-top: 8vh;

    }



    .services .card h3 {

        font-size: 15px;

    }



    .featured-services .service-item {

        position: relative;

        width: 100%;

        border: 1px solid #cccccc;

        padding: 15px;

    }







    .page-id-23 .key-part {

        position: relative;



    }



    .page-id-23 .item1 {

        min-height: 70vh;

    }



    .page-id-23 .item2 {

        /*   top: 80px;

   bottom: 0;

    left: 155px;

    right: 155px;

    position: absolute; */

        /*   background: rgba(80, 123, 160, 0.8); */



    }





    .key-part {

        padding-bottom: 0px;

        margin-bottom: 0px;

        min-height: 170vh;

    }





    .key-part .item2 {

        /*   top: 80px;

    bottom: 0;

    left:35px; 

    right: 35px;

    position: absolute; */

        /*   background: rgba(80, 123, 160, 0.8); */

        margin-left: 0px;



    }



    .item1 {



        min-height: 125vh;

    }





    .contact-part {

        padding-top: 0px;

        padding-left: 35px;

        padding-right: 35px;

    }



    .cont-icon {

        padding: 0px 0px 40px 15px;

    }



    .testimonials {

        padding: 60px 0px;

    }





    .cont_para {

        width: 100%;

        padding: 25px 0px 20px 15px;

    }



    .contact-wrap {

        padding: 10px;

    }



    .footer {

        padding: 20px 10px 20px 10px;

    }



    .footer .footer-info {

        margin-left: auto;

        margin-right: auto;

        width: 200px;

        padding-top: 150px;

    }



    .footer .footer-links ul li {

        padding: 10px 0;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .hide-title {

        display: none;

    }





    .medical-scribe-content {

        width: 100%;

    }



    .green-block {

        background-color: #85c020;

        border: 8px solid #084e8b;

        width: 150px;

        height: 150px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin: 0 auto;

    }



    .blue-block {

        background-color: #084e8b;

        border: 8px solid #85c020;

        width: 150px;

        height: 150px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin: 0 auto;

    }



    .medical-scribe-content h4 {

        font-family: 'Oswald';

        font-size: 28px;

        color: #000000;

        text-transform: uppercase;

        margin: 0 auto;

        text-align: center;

        padding-bottom: 10px;

    }



    .case-blue-block {

        padding: 10px;

    }



    .even-case-studies {

        background-color: #084e8b;

        color: #fff;

        font-family: 'Poppins';

        width: 100%;

        padding: 8px;

    }



    .case-green-block {

        padding: 10px;

    }



    .odd-case-studies {

        background-color: #85c020;

        color: #fff;

        font-family: 'Poppins';

        width: 100%;

        padding: 8px;

    }



    .case-button {

        padding: 8px 10px;

        background: transparent;

        border: 2px solid #084e8b !important;

        color: #084e8b !important;

        font-family: 'Poppins';

        font-weight: 600;

        border-radius: 0 !important;

        font-size: 12px;

    }



    .inner-banner .page-header {

        padding: 60px 0 60px 0;

        min-height: 20vh;

        position: relative;

        background-image: url('../images/innerpage-banner.jpg');

        background-size: cover;

        background-position: center center;

        background-repeat: no-repeat;

    }



    .sidebar section {

        padding: 0px 0px 0px 0px;

    }





    .job_section .box .detail-box h5 {

        font-weight: 600;

        font-family: 'Poppins';

        font-size: 14px;

    }



    .job_section .box .detail-box .detail-info h6 {

        font-family: 'Poppins';

        font-weight: 300;

        color: #656565;

        font-size: 10px;

    }



    .faq .accordion-button {



        font-size: 15px;

    }



    .faq .accordion-button:not(.collapsed) {

        color: #fff;

        background: #85c020;

        border-bottom: 0;

        box-shadow: none;

        font-size: 15px;

    }



    .faq .accordion-body {

        padding: 10 30px 25px 20px;

        border: 0;

        border: 1px solid #d7d7d7;

        border-radius: 0;

        font-family: 'Poppins';

        font-weight: 300;

        font-size: 12px;

    }



    .transcription-title {

        font-size: 24px;

    }



    .service-back {

        font-size: 24px;

    }



    .career-title {

        font-size: 24px;

    }



    .medical-scribe-content h4 {

        font-size: 24px;

    }



    .medical-scribe-content p {

        font-family: 'Poppins';

        font-weight: 300;

        color: #555555;

        text-align: center;

    }



}



@media (max-width:375px) {



    .key-part {

        min-height: 200vh;

    }





    .testimonials {

        padding: 120px 0px;

    }



}



@media(max-width:400px) {

    .testimonials {

        padding: 15px 0px;

    }





}





/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) and (min-width:768px) and (max-width:820px) {



    section {

        padding: 20px 10px 20px 10px;

    }





    .topbar p {

        padding-top: 15px;

        font-family: 'Poppins';

        font-weight: 300;

        font-size: 14px;

    }





    .topbar .get-a-quote,

    .topbar .get-a-quote:focus {

        background: #85c020;

        padding: 25px 25px;

        margin-left: 35px;

        color: #fff;

        font-family: 'Poppins';

        font-weight: 600;

        font-size: 14px;

        border-radius: none;

    }



    .hero {

        width: 100%;

        /* min-height: 40vh; */

        min-height: 415px;

        background-image: url("../images/banner.jpg");

        background-size: cover;

        background-position: top center;

        /*     position: relative; */

        padding: 0px;

        color: rgba(255, 255, 255, 0.8);

    }



    .hero h2 {

        font-size: 36px;

    }



    .hero h4 {

        font-size: 24px;

    }



    .hero p {

        margin-bottom: 10px;

    }



    .hero .bnr-btn {

        height: 50px;

        width: 150px;

        border-radius: none;

        background: transparent;

        color: #074d8b;

        font-family: 'Poppins';

        font-weight: 600;

        border: 2px solid #074d8b;

        text-align: center;

        padding-top: 12px;

    }



    /*   .icon-properties {

      width: 100%;   

      text-align: center;

      padding: 80px;

      display: flex;

      position: absolute;

      top: 25vh;

      left: 1vh;

      

    } */



    .icon-properties .block {

        width: 120px;

        height: 120px;

    }



    .icon-properties .box_title p {

        margin-top: 10px;

    }



    .icon-properties .block_top1 {

        margin-top: 2vh;

    }



    .icon-properties .block_top2 {

        margin-top: 4vh;

    }





    .icon-properties .block_top3 {

        margin-top: 8vh;

    }



    .clients {

        padding-top: 80px;

    }





    .featured-services .service-item {

        position: relative;

        width: 100%;

        border: 1px solid #cccccc;

        padding: 15px;

    }



    /* .key-part .item2 {

    top: 80px;

    bottom: 0;

    left:0px; 

    position: absolute;

    background: rgba(80, 123, 160, 0.8);

    width: 100%; 

    margin-left: 0px;

    

  } */



    .item1 {

        background-image: url(../images/conatct-banner.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        min-height: 60vh;

    }



    /* 

  .contact-part {

    padding-top: 60px;

    padding-left: 35px;

    padding-right: 35px;

  }

   */

    .testimonials {

        padding: 20px;

    }



    .footer {

        /*   padding: 50px 10px 20px 10px; */

    }



    .footer .footer-info {

        /*   margin-left: auto; */

        margin-right: auto;

        width: 200px;

        /*   padding-top: 180px; */

    }



    .inner-banner .page-header {

        padding: 60px 0 60px 0;

        min-height: 400px;

        position: relative;

        background-image: url(../images/innerpage-banner.jpg);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

    }



    .medical-scribe-content {

        width: 70%;

    }







}





@media only screen and (min-width: 912px) and (max-width: 1024px) {





    section {

        padding: 20px 10px 20px 10px;

    }





    .topbar p {

        padding-top: 15px;

        font-family: 'Poppins';

        font-weight: 300;

        font-size: 16px;

    }





    .topbar .get-a-quote,

    .topbar .get-a-quote:focus {

        background: #85c020;

        padding: 25px 25px;

        margin-left: 35px;

        color: #fff;

        font-family: 'Poppins';

        font-weight: 600;

        font-size: 14px;

        border-radius: none;

    }



    .icon-properties {

        width: 100%;

        text-align: center;

        padding: 50px;

        display: flex;

        position: 0px;



        left: 1%;

        right: 2%;



    }



    .icon-properties .block {

        width: 130px;

        height: 130px;

    }



    .icon-properties .box_title p {

        margin-top: 10px;

    }



    .icon-properties .block_top0 {

        margin-top: -8vh;

    }





    .icon-properties .block_top1 {

        margin-top: -4vh;

    }



    .icon-properties .block_top2 {

        margin-top: 2vh;

    }





    .icon-properties .block_top3 {

        margin-top: 4vh;

    }



    .clients {

        padding-top: 60px;

    }





    .featured-services .service-item {

        position: relative;

        width: 100%;

        border: 1px solid #cccccc;

        padding: 15px;

    }





    .key-part {

        position: relative;

        background-image: url(../images/conatct-banner.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        padding-bottom: 400px;

        /*   margin-bottom: -100px; */

    }



    /* 

  .key-part .item2 {

    top: 80px;

    bottom: 0;

    left:0px; 

    position: absolute;

    background: rgba(80, 123, 160, 0.8);

    width: 100%; 

    margin-left: 0px;

    

  } */



    .item1 {

        background-image: url(../images/conatct-banner.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        min-height: 105vh;

    }





    /* .contact-part {

    padding-top: 60px;

    padding-left: 35px;

    padding-right: 35px;

  } */



    .testimonials {

        padding: 20px;

    }



    .footer {

        padding: 70px 10px 20px 10px;

    }



    .footer .footer-info {

        margin-left: auto;

        margin-right: auto;

        width: 200px;

        padding-top: 100px;

    }

}





@media only screen and (max-width: 1280px) {

    /* .fixed-cont{

          display: none;

      } */



    /* .icon-properties {

      padding: 5px 160px;

  } */



    .featured-services .service-item {

        position: relative;

        width: 100%;

        border: 1px solid #cccccc;

        padding: 10px;

    }



    .item2 {

        /*   top: 80px;

    bottom: 0;

    left: 50px;

    right: 50px;

    position: absolute; */

        background: rgba(80, 123, 160, 0.8);

    }



}



.fixed-cont {

    position: fixed;

    bottom: 20px;

    right: 20px;

    max-width: 400px;

    z-index: 999;

    transform: translateX(120%);

    transition: all 0.4s ease-in-out;

    max-height: calc(100vh - 40px);

    overflow-y: auto;

    overflow-x: clip;

}



.fixed-cont .contact-wrap {

    transition: all 0.4s ease-in-out;

}



.fixed-cont:not(.show) .contact-wrap {

    background: #fff0;

    box-shadow: none;

}



.fixed-cont.peek {

    transform: translateX(88%);

}



.fixed-cont.peek:not(.show) .contact-wrap {

    display: flex;

}



.fixed-cont.peek:not(.show) .contact-wrap h3 {

    writing-mode: vertical-lr;

    scale: -1;

    margin-block-start: 0;

    cursor: pointer;

    padding: 10px;

    background: #fff;

    height: fit-content;

    margin-inline: auto;

}



.fixed-cont.peek.show {

    transform: translatex(0%)

}



#hide-form {

    position: absolute;

    top: 5px;

    right: 5px;

}



@media only screen and (max-width: 768px) {

    .fixed-cont {

        max-width: 335px;

        /* 		left: 15px; */

        right: 15px;

        max-height: 75vh;

        overflow-y: scroll;

    }



    .topbar .social-links {

        width: 100%;

        justify-content: space-between;

    }

}



.mod-head {

    color: #85c020 !important;

    font-weight: 700 !important;

}



.mod-list li {

    font-weight: 700 !important;

}



h2 {

    font-size: 36px;

}



.navbar ul.sub-menu {

    display: none;

    transition: 0.5s all;

    background-color: #fff;

    margin-left: 0px;

    padding: 20px 20px 20px 0px;

}



.navbar li.menu-item-has-children:hover ul.sub-menu {

    display: block;

    position: absolute;

    left: 25px;

}



.navbar ul {

    list-style: none;

}



li.menu-item-has-children a:after {

    content: '';

    font-family: 'FontAwesome';

    padding: 5px 0px 0px 5px;

}



.navbar ul.sub-menu li a:after {

    display: none;

    content: "";

}



@media only screen and (max-width: 1024px) {

    .navbar li.menu-item-has-children:hover ul.sub-menu {

        display: block;

        position: absolute;

        left: 20px;

        width: 90%;

        height: 150px;

        top: 56%;

    }



    .navbar ul.sub-menu li a {

        color: #000;

        padding: 15px;

    }



    .menu-item {

        touch-action: manipulation;

    }

}



@media only screen and (max-width: 767px) {

    .navbar li.menu-item-has-children:hover ul.sub-menu {

        top: 35%;

        list-style: none;

    }

}



.cover-block {

    display: grid;

    grid-template-columns: [cover-img-start] minmax(20px, 1fr) [cover-content-start] minmax(0, 1170px) [cover-content-end] minmax(20px, 1fr) [cover-img-end];

    align-items: center;

}



.cover-block .cover-img {

    grid-area: cover-img;
    align-self: stretch;

}

.cover-block .cover-content {

    grid-area: cover-content;

    padding-block: clamp(20px, 3.6vw, 50px);

}


@media (min-width: 576px) {
    .full-width {margin-inline: calc(-1 * ((100vw - 520px) / 2));}
}
@media (min-width: 768px) {
    .full-width {margin-inline: calc(-1 * ((100vw - 700px) / 2));}
}
@media (min-width: 992px) {
    .full-width {margin-inline: calc(-1 * ((100vw - 940px) / 2));}
}
@media (min-width: 1200px) {
    .full-width {margin-inline: calc(-1 * ((100vw - 1120px) / 2));}
}
@media (min-width: 1400px) {
    .full-width {margin-inline: calc(-1 * ((100vw - 1170px) / 2));}
}