/**
* Template Name: CDA IT Solutions
* Template URL: https://www.cdaitsolutions.com/
* Author: Sudharshan Reddy
* License: 
*/
body {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #6d6d6d;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: #f5f5f5;
    overflow-x: hidden;
}

.body-bg {
    background-color: #fbfbfc;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

p {
    margin: 0;
}

p:last-child {
    margin: 0px;
}

a {
    color: #3544ee;
}

a:hover {
    color: #202db8;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #202db8 !important;
}

ol li,
ul li {
    list-style: none;
}

.lead {
    font-size: 21px;
    line-height: 32px;
    color: #181825;
}

.z-index-0 {
    z-index: 0;
}

::-moz-selection {
    background: rgba(255, 244, 147, .8);
    color: #272c30;
}

::selection {
    background: rgba(255, 244, 147, .8);
    color: #272c30;
}

.btn {
    font-size: 16px;
    padding: 11px 21px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition: .3s ease;
    transition: .3s ease;

}

.cookiealert {
    color: #000;
    background-color: rgb(255 255 255 / 88%) !important;
    background-image: none;
}

.cookiealert .btn-primary,
.cookiealert .btn-primary:not(:disabled):not(.disabled).active,
.cookiealert .btn-primary:not(:disabled):not(.disabled):active,
.cookiealert .show > .btn-primary.dropdown-toggle {
    color: #fff;
    border: none;
    border-radius: 1.75rem .25rem;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 24px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cookiealert a {
    font-weight: 500;
    text-decoration: underline;
}

/*--- btn default --*/
.btn-brand {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-brand:hover {
    color: #fff;
    background-color: #08b072;
    border-color: #08b072;
}

.btn-brand.focus,
.btn-brand:focus {
    color: #fff;
    background-color: #08b072;
    border-color: #08b072;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*----------------- 7. Headers ---------------------------------*/
.header-classic {
    background-color: #fff;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
    background: #1c89c5;
    font-size: 14px;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
}

#topbar .contact-info ul {
    margin: 0;
    padding: 7px 0;
    list-style: none;
}

#topbar .contact-info li {
    display: inline-block;
    padding: 3px 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#topbar .contact-info li + li {
    margin-left: 6px;
}

#topbar .contact-info a {
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#topbar .contact-info li:hover {
    color: #fff;
    border-radius: 15px 0 15px;
    background-color: rgb(12 122 183);
}

#topbar .contact-info li:hover a,
#topbar .contact-info li:hover i {
    color: #fff;
}

#topbar .contact-info i {
    color: #3c5a99;
    padding-right: 8px;
    font-size: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#topbar .cta a {
    width: 46px;
    height: 46px;
    color: #fff;
    text-align: center;
    background: #1c88c3;
    padding: 10px 0;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#topbar .cta a:hover {
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
}

@keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
}

#topbar .cta .insta {
    background: #f09433;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.dropdown-menu .fas {
    color: #e2e4e5;
    font-weight: 300;
    font-size: 12px;
    margin-right: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dropdown-menu ul > li:hover .fas {
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sticky-top {
    -webkit-box-shadow: 0px 0px 6px #999;
    box-shadow: 0px 0px 6px #999;
}

/*-- Navigation classic --*/
.navbar-classic {
    padding: 0;
}

.navbar-classic.navbar-light .navbar-nav .nav-link {
    color: #181825;
    padding: 12px 16px;
}

.navbar-classic .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #181825;
    padding: 28px 10px;
    line-height: 20px;
    font-weight: 400;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {
    color: #2cbd78;
}

.navbar-classic .fas {
    font-size: 14px;
    color: #2cbd78;
    margin-right: 5px;
}

.navbar-classic .dropdown-item .fas {
    color: #fff !important;
}

.navbar-classic .first-col {
    font-weight: 500;
    border-bottom: 1px dashed #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 20px;
    text-align: left;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
    color: #2cbd78;
}

.navbar-classic .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #bdbebf;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-radius: 0px;
}

.navbar-brand {
    display: inline-block;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
    color: #181825;
    font-size: 24px;
}

.navbar-brand img {
    max-width: 165px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 12px;
    margin: 18px 0px;
    font-size: 1rem;
    color: #808294;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    background-color: #1c89c5;
    border-radius: 2px;
    border: none;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 12px 15px;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.dropdown-item:focus .dropdown-toggle::after,
.dropdown-item:hover.dropdown-toggle::after {
    color: #4955ef;
}

@media(min-width:992px) {
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    right: 17px;
    top: 25px;
}

.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: 13px;
    margin-right: .1rem;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.mega-dropdown {
    position: unset;
}

.mega-dropdown-menu {
    width: 100%;
    position: absolute;
    top: 60px;
    margin: 15px 0px;
}

.mega-dropdown-menu ul {
    list-style: none;
}

.nav-dropitem-arrow {
    position: relative;
    font-size: 12px;
    opacity: 0;
    padding-right: 10px;
}

.nav-dropitem-arrow i {
    position: absolute;
    /* top: -1px;
	*/
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(0 107 167);
    border-radius: 0px 25px 0px;
}

.dropdown-item:hover .nav-dropitem-arrow {
    color: #4955ef;
    opacity: 1;
    margin-right: 5px;
}

.navbar-classic .navbar-toggler,
.navbar-boxed .navbar-toggler {
    padding: 17px 15px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
}

/* mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
    background-color: #1c89c5;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #495bfb;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.icon-bar {
    width: 21px;
    height: 3px;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px;
    background-color: #1c89c5;
}

.navbar-toggler:focus {
    outline: 0px;
}

.navbar-toggler .top-bar {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 190%;
    transform-origin: 10% 190%;
    background-color: #1c89c5;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% -80%;
    transform-origin: 10% -80%;
    background-color: #3544ee;
}

.navbar-toggler.collapsed .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background-color: #f96b18;
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background-color: #2cbd78;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 80vh;
    background-color: rgba(59, 59, 59, 0.8);
    overflow: hidden;
    padding: 0;
    margin-bottom: -120px;
    position: relative;
    z-index: 1;
}

#hero .carousel-item {
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#hero .carousel-item::before {
    content: '';
    background: rgb(39, 70, 133);
    background: -webkit-gradient(linear, left top, right top, from(rgba(39, 70, 133, 0.85)), to(rgba(61, 179, 197, 0.85)));
    background: linear-gradient(90deg, rgba(39, 70, 133, 0.85) 0%, rgba(61, 179, 197, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#274685", endColorstr="#3db3c5", GradientType=1);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#hero .carousel-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 120px;
}

#hero .carousel-content {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}

#hero h2 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 700;
    text-shadow: 0px 4px 2px rgb(0 0 0 / 22%), 0px 6px 10px rgb(0 0 0 / 10%), 0px 6px 10px rgb(0 0 0 / 10%);
    font-family: "Times New Roman", Times, serif;
}

#hero h2 span {
    color: #1c88c3;
}

#hero p {
    color: #ffffff;
    width: 70%;
    margin: 0 auto;
    font-size: 18px;
    padding-bottom: 10px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 40%), 0px 0px 0px rgb(0 0 0 / 10%), 0px 0px 0px rgb(0 0 0 / 10%);
}

#hero .carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
    opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev,
#hero .carousel-control-next {
    width: 10%;
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
    background: none;
    font-size: 48px;
    line-height: 1;
    width: auto;
    height: auto;
    color: #ffffff;
}

#hero .carousel-indicators li {
    cursor: pointer;
    background: #1c88c3;
    overflow: hidden;
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    margin-bottom: 180px;
    opacity: .2;
}

#hero .carousel-indicators li.active {
    opacity: 1;
}

#hero .btn-get-started {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 1.75rem .25rem;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

#hero .btn-get-started:hover {
    color: #1c88c3;
    background: #fff;
}

@media (max-height: 768px),
(max-width: 1200px) {
    #hero {
        margin-bottom: -100px;
        height: 80vh;
    }

    #hero .carousel-item {
        height: 80vh;
    }

    #hero .carousel-container {
        padding-bottom: 0;
    }

    #hero .carousel-indicators li {
        margin-bottom: 0;
    }

    #hero .carousel-content {
        max-width: 90%;
        margin-top: -40px;
    }
}

@media (max-width: 768px) {
    #hero {
        height: 550px;
        margin-bottom: -50px;
    }

    #hero .carousel-item {
        height: 550px;
    }

    .navbar-brand img {
        max-width: 100px;
    }

    #topbar .cta a {
        width: 30px;
        height: 30px;
        padding: 2px 0;
    }

    #topbar .contact-info {
        display: none;
    }
}

@media (min-width: 1024px) {

    #hero .carousel-control-prev,
    #hero .carousel-control-next {
        width: 4%;
    }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    padding: 0 0 80px 0;
}

.section-bg {
    background-color: white;
}

.section-title {
    text-align: center;
    padding-bottom: 50px;
}

.section-title h2 {
    font-size: 36px;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
    color: #000000;
}

.section-title p {
    max-width: 50%;
    color: #b61319;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 auto;
}

.section-title h2::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #1c88c3;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-title h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #f96b18;
    bottom: 0;
    left: calc(50% - 20px);
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 20px 0 20px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px;
}

.breadcrumbs h2 {
    font-size: 28px;
    font-weight: 700;
    color: #545454;
}

.breadcrumbs ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs ol li + li {
    padding-left: 10px;
}

.breadcrumbs ol li + li::before {
    display: inline-block;
    padding-right: 10px;
    color: #6e6e6e;
    content: "/";
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
    padding: 0;
    position: relative;
    z-index: 3;
}

.why-us .content {
    padding: 30px;
    border-radius: 4px;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 25%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 25%);
    background: rgb(28 137 197);
}

.why-us .content h3 {
    font-size: 26px;
    padding-bottom: 15px;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 1px;
}

.why-us .content p {
    margin-bottom: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.why-us .content .more-btn {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 1.75rem .25rem;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.why-us .content .more-btn i {
    font-size: 14px;
}

.why-us .content .more-btn:hover {
    color: #1c88c3;
    background: #fff;
}

.why-us .icon-boxes .icon-box {
    text-align: center;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    padding: 20px 20px;
    width: 100%;
}

.why-us .icon-boxes .icon-box i {
    font-size: 40px;
    color: #1c88c3;
    margin-bottom: 15px;
}

.why-us .icon-boxes .icon-box h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.why-us .icon-boxes .icon-box:hover {
    margin-top: -10px;
}

.why-us .icon-boxes .icon-box p {
    font-size: 14px;
    color: #716f6f;
    line-height: 22px;
}

/*-- Team-ideas --*/
.team-ideas {
    width: 100%;
    padding: 0 0 0;
    background-image: url("../img/great-team.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: #f5f5f5;
}

.team-ideas h2 {
    font-size: 51px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.team-ideas .inner-img img {
    display: inline-block;
    bottom: 0;
    position: absolute;
}

.team-ideas .fa-circle {
    font-size: 12px;
    padding-right: 5px;
    color: #1c89c5;
}

.team-ideas .inner-content {
    padding-bottom: 50px;
}

.team-ideas h2 span {
    color: #fdda05;
    text-shadow: 0px 4px 2px rgb(172 172 172), 0px 6px 10px rgb(172 172 172 / 10%), 0px 6px 10px rgb(172 172 172 / 10%);
}

.team-ideas .btn-get-started {
    color: #fff;
    border: none;
    border-radius: 1.75rem .25rem;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.team-ideas .btn-get-started:hover {
    background-color: #f96b18;
}

/* Slider */
.customer-logos {}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    padding: 20px 0;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(rgb(194, 229, 156)), to(rgb(44 189 120 / 72%)));
    background: linear-gradient(to right, rgb(194, 229, 156), rgb(44 189 120 / 72%));
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: rgb(255 255 255 / 10%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.slick-initialized .slick-slide:hover {
    background-color: #fff;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*-- Blog Styles-- */
.blog {
    width: 100%;
    padding: 40px 0 0;
    background: rgba(0, 0, 0, 0) url(../img/360_F_341318810_iLrhXO8CD1mLSLIf7RkwXSahVuowqsgP.jpg) repeat fixed 0 0;
}

.blog img {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.blog .inner {
    padding: 20px 30px;
}

.blog .inner h4 a {
    color: #333333;
    font-size: 24px;
    display: block;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.blog .inner p {
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    color: #777;
    padding-bottom: 20px;
}

.blog .inner .read a {
    font-size: 12px;
    font-weight: 700;
    color: #f96b18;
    text-transform: uppercase;
}

.blog .bottom-date {
    padding: 15px 30px;
    border-top: 1px solid #eaeaea;
}

.blog h6 {
    font-size: 12px;
    color: #adadad;
}

.blog .articles {
    text-align: center;
    margin-top: 30px;
}

.blog .articles a {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 50px;
    border: 1px solid #cc4820;
    text-align: center;
    display: inline-block;
    background-color: #cc4820;
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;
    padding: 10px 32px;
}

.blog .blog-post {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    border-radius: 3px;
    border: 0 solid #818a91;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}

.blog .blog-post:hover {
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
}

.blog .articles {
    text-align: center;
    margin-top: 30px;
}

.blog .articles a {
    color: #fff;
    border: none;
    border-radius: 1.75rem .25rem;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*-- Blog Sample Page --*/
.entry-post p {
    font-size: 16px;
    letter-spacing: 0.3px;
}

.entry-post .blockquote {
    font-size: 1.25rem;
    border: 1px solid rgba(222, 226, 230, 0.54);
    border-left: 0.5rem solid #1c89c5;
    color: #6c757d;
    font-style: italic;
    line-height: 1.6;
    margin: 1.875rem auto;
    max-width: 80%;
    padding: 2.6875rem 1.875rem 1.875rem 3.6875rem;
    position: relative;
    text-align: left;
    width: 100%;
}

.entry-post .blockquote:before {
    font-size: 6.875rem;
    color: rgba(0, 123, 255, 0.54);
    content: "“";
    font-family: "Noto Serif", "Georgia", "Times New Roman", "Times", serif;
    font-size: 5.5rem;
    height: 3.75rem;
    left: 0.9375rem;
    line-height: 1;
    max-width: 3.75rem;
    position: absolute;
    text-align: inherit;
    top: 0.9375rem;
    width: 100%;
}

.entry-post .blockquote:after {
    content: "";
}

.entry-post .blockquote-footer {
    font-weight: 700;
    margin-top: 1rem;
    padding: 0;
    background-color: transparent;
}

.entry-post .blockquote-footer:before {
    content: "— ";
}

/*-- Services --*/
.our-solution {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.our-solution .blog_content .blog_item {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
    box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
}

.our-solution .owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.our-solution .blog_content .blog_item:hover .blog_image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.our-solution .blog_content .blog_item .blog_image {
    overflow: hidden;
}

.our-solution .blog_content .blog_item .blog_image img {
    width: 150px;
    margin: 30px 0 25px;
    border-radius: 50%;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px dashed #00405f;
    padding: 2px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.our-solution .blog_content .blog_item:hover .blog_image img {
    border: 1px dashed #ff5e14;
}

.our-solution .blog_content .blog_item .blog_details {
    padding: 0 20px 30px 20px;
}

.our-solution .blog_content .blog_item .blog_details .blog_title h5 a {
    color: #020d26;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 22px;
    display: block;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.our-solution .blog_content .blog_item:hover .blog_details .blog_title h5 a {
    color: #ff5e14;
}

.our-solution .blog_content .blog_item .blog_details p {
    border-top: 1px solid #e5e5e5;
    margin-top: 4px;
    font-weight: 300;
    letter-spacing: 0.3px;
    padding: 16px 0 8px;
}

.our-solution .blog_content .blog_item .blog_details a {
    font-size: 14px;
    font-weight: 500;
    color: #f96b18;
    text-transform: capitalize;
}

.our-solution .blog_content .blog_item:hover .blog_details a {
    color: #1c89c5;
}

.our-solution .blog_content .blog_item .blog_details a i {
    padding-left: 5px;
}

.our-solution .blog_content .owl-nav {
    display: block;
}

.our-solution .blog_content .owl-nav .owl-prev {
    position: absolute;
    left: -27px;
    top: 40%;
    border: 5px solid #e2e4e5;
    text-align: center;
    z-index: 5;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    outline: 0;
    background: #ff5e14;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

.our-solution .blog_content .owl-nav .owl-prev span {
    font-size: 25px;
    display: inline-block;
}

.our-solution .blog_content .owl-nav .owl-prev:hover {
    background: #fff;
    border-color: #ff5e14;
    color: #ff5e14;
}

.our-solution .blog_content .owl-nav .owl-next {
    position: absolute;
    right: -27px;
    top: 40%;
    border: 5px solid #e2e4e5;
    text-align: center;
    z-index: 5;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    outline: 0;
    background: #ff5e14;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.our-solution .blog_content .owl-nav .owl-next span {
    font-size: 29px;
    margin-top: 0px;
    display: inline-block;
}

.our-solution .blog_content .owl-nav .owl-next:hover {
    background: #fff;
    border-color: #ff5e14;
    color: #ff5e14;
}

@media only screen and (max-width: 577px) {
    .our-solution .owl-nav .owl-prev {
        left: -17px !important;
    }

    .our-solution .owl-nav .owl-next {
        right: -17px !important;
    }
}

/*-- Testimonial Styles --*/
.testimonial {
    width: 100%;
    background: rgba(0, 0, 0, 0) url(../img/360_F_341318810_iLrhXO8CD1mLSLIf7RkwXSahVuowqsgP.jpg) repeat fixed 0 0;
}

.testimonial .inner-img img {
    width: 100%;
    border-radius: 20px;
    border: 3px dotted #1c89c5;
}

.testimonial .carousel-caption {
    position: initial;
    z-index: 10;
    color: rgb(0 0 0);
    text-align: center;
    font-size: 1.2rem;
    line-height: 2rem;
    padding-top: 20px;
}

.testimonial-clients span .fas {
    margin: 5px 2px;
}

.carousel-caption .clientlogo {
    max-width: 250px;
    margin-bottom: 20px;
}

testimonial .customer-thumb img {
    border: 3px solid #ccc;
    border-radius: 50%;
}

.testimonial .font-13 {
    font-size: 13px;
    color: #3e4555;
    font-weight: 500;
}

.testimonial h6 {
    color: #000;
    font-weight: 700;
    font-size: 1rem;
    padding-top: 10px;
    line-height: 8px;
}

.testimonial .carousel-caption p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 20px 80px;
}

.testimonial .carousel-indicators {
    bottom: -20px;
    left: 15px;
}

.testimonial .fa-user-circle {
    font-size: 38px;
    border-radius: 50px;
    border: 3px solid #e2e4e5;
}

.testimonial .carousel-indicators li {
    width: 10px;
    height: 10px;
    background-color: #1c89c5;
    border: none;
}

/*-- Careers Page --*/
.careers-page {
    padding: 50px 0 20px;
    background-color: #fff;
}

.carees-banner {
    margin-bottom: 60px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.08), 0 2px 10px 0 rgb(0 0 0 / 0.08);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.08), 0 2px 10px 0 rgb(0 0 0 / 0.08);
}

.careers-page .card {
    width: 100%;
    height: 150px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border: 0;
    margin-bottom: 30px;
}

.application-form a {
    font-weight: 500;
    color: #000;
}

.careers-page .card::before {
    content: '';
    background: linear-gradient(40deg, #1c89c5, #2cbd78) !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.75;
}

.careers-page .card-box {
    border-radius: 10px;
}

.careers-page .card-body {
    position: relative;
}

.careers-page .card-body:hover {
    position: relative;
    background: rgb(28 137 197 / 50%);
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.careers-page .card-body:hover .card-icon {
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    margin-bottom: 12px;
    opacity: 1;
}

.careers-page .card .card-icon {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    height: 30px;
    font-size: 30px;
    color: #ffffff;
}

.careers-page .card-body .card-content .title,
.careers-page .card-body .card-content p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    margin: 0 0 3px;
}

.careers-page .card-body .card-content p {
    font-size: 15px;
}

.career-jobs {
    position: relative;
    border: 1px solid #ebf0f6;
    padding: 24px 24px 16px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.career-jobs:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 106, 194, .2);
    box-shadow: 0 3px 8px 0 rgba(0, 106, 194, .2);
}

.career-jobs .title {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}

.top-title h2 {
    color: #000a5d;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.career-jobs .sub-title {
    color: #000000;
    font-weight: 400;
    font-size: 14px;
}

.career-jobs .description {
    font-size: 14px;
    color: #536777;
}

.career-jobs .description .post-day {
    color: #949494;
    font-size: 11px
}

.career-jobs ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0;
}

.career-jobs ul li {
    display: inline-block;
    color: #536777;
    font-size: 13px;
    font-weight: 400;
    margin-left: 16px;
    position: relative;
}

.career-jobs ul li:first-child {
    margin-left: 0;
}

.career-jobs i {
    color: #000a5d;
    font-size: 14px;
    margin-right: 8px;
}

.career-jobs .tags li::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background: #536777;
    vertical-align: middle;
    right: -10px;
    left: auto;
    top: 7px;
}

.career-jobs .btn {
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 15px 0 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.career-jobs .custom-select {
    height: 38px;
}

.career-jobs .btn:hover {
    -webkit-box-shadow: 0 1px 3px 0 #999;
    box-shadow: 0 1px 3px 0 #999;
    background: #1c89c5;
}

.careers-job-profile {
    width: 100%;
    padding: 50px 0;
    background-color: #f8f8f8;
}

.careers-job-profile a,
.profile a {
    color: #000;
}

.careers-job-profile .ribbon-green span,
.profile .ribbon-green span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    margin: 0 5px 0 0;
    letter-spacing: 0.5px;
    background-color: #ec1b23;
}

/*-- Application Form Section --*/
.application-form {
    padding: 80px 0 80px;
    background-color: #fff;
}

.application-form .heading {
    text-align: left;
}

#form-wrapper h2 {
    font-size: 22px;
    padding-bottom: 47px;
}

.application-form .custom-select {
    font-size: 14px;
    height: 38px;
}

.application-form .form-group {
    margin-bottom: 20px;
}

.application-form .form-control:focus,
.custom-select:focus {
    border-color: #2cbd78;
    -webkit-box-shadow: inset 0 0px 0px rgb(44 189 120 / 50%), 0 0 2px rgb(44 189 120 / 50%);
    box-shadow: inset 0 0px 0px rgb(44 189 120 / 50%), 0 0 2px rgb(44 189 120 / 50%);
}

.application-form .has-float-label label {
    position: absolute;
    font-size: 15px;
    font-weight: 400;
    opacity: 1;
    top: -.5em;
    left: 20px;
    z-index: 3;
    line-height: 1;
    color: #000a5d;
}

.application-form .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.application-form .input-group-text {
    color: #000a5d;
    font-weight: 500;
    font-size: 14px;
}

.application-form h3 {
    color: #000a5d;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 50px 0;
}

.application-form .btn-primary,
.application-form .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 15px 0 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.application-form .custom-file-label::after {
    color: #000a5d;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    height: 38px;
}

.application-form p {
    font-size: 14px;
    padding: 5px 8px 15px;
    font-weight: 400;
    color: #4f4f4f;
}

.application-form .pick-button {
    margin: 10px 0 10px 10px;
    padding: 3px 0 0;
}




/*-- Fotter Styles --*/

.footer-wrap {
    padding-top: 43px;
    background-image: url("../img/light-buildings.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
}

.footer-logo {
    max-width: 200px;
    margin-bottom: 15px;
}

.footer-logo img {
    max-width: 100%;
}

.footer-wrap h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
    font-weight: 400;
}

.footer-wrap p {
    font-size: 14px;
    line-height: 24px;
    color: #b3b3b3;
    margin-top: 5px;
    letter-spacing: 1px;
}

.footer-wrap p a {
    color: #fff;
    letter-spacing: 0.5px;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff5e14;
}

.footer-links li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.footer-links li a:hover,
.footer-category li a:hover {
    color: #fff;
}

.footer-category li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-phone:before {
    content: "\f095";
}

.second_class p span {
    padding: 0 5px;
}

.info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-fax:before {
    content: "\f1ac";
}

.copyright {
    border-top: 1px solid #000000;
    font-size: 14px;
    color: #ffffff;
    padding-top: 25px;
    text-align: center;
    letter-spacing: 0.5px;
    padding-bottom: 25px;
    background: linear-gradient(40deg, #1c89c5, #2cbd78) !important;
}

footer .second_class {
    border-bottom: 1px solid #444;
    padding-bottom: 25px;
}

.second_class p {
    color: #ffffff;
}

.second_class .fa {
    color: #2cbd78;
    padding-top: 6px;
    margin-right: 10px;
}

footer .first_class {
    padding-bottom: 21px;
    border-bottom: 1px solid rgb(28 137 197 / 35%);
}

footer {
    background: #333;
}

footer .newsletter input[type="text"] {
    width: 100%;
    background: #fff;
    color: #333;
    border: 1px solid #222;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 12px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.newsletter .newsletter_submit_btn {
    background: #fff;
    position: absolute;
    right: 30px;
    border: 0;
    top: 26px;
    font-size: 17px;
    color: #1c89c5;
}


footer .second_class_bdr {
    padding-top: 25px;
    border-top: 1px solid #222;
}

footer .btn-facebook a {
    padding: 7px 14px !important;
}

footer .btn-facebook a:hover {
    background-color: #3c5a99;
}

footer .btn-linkedin a:hover {
    background-color: #0276b1;
}

footer .btn-twitter a:hover {
    background-color: #1c9cea;
}

footer .btn-instagram a:hover {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

footer .btn-envelop a {
    color: #fff;
    font-size: 15px;
    padding: 12px 12px;
}

footer .round-btn a {
    height: 40px;
    padding: 9px 12px;
}

footer .round-btn {
    margin: 15px 4px;
    -webkit-box-shadow: 2px 2px 5px 0px #000 !important;
    box-shadow: 2px 2px 5px 0px #000 !important;
}

footer dl,
ol,
ul {
    padding-left: 0;
    margin-bottom: 0;
}

footer li {
    list-style: none;
}

.round-btn {
    display: inline;
    height: 40px;
    width: 40px;
    background-color: #2cbd78;
    border-radius: 50%;
    float: left;
    margin: 15px 8px;
    -webkit-box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);
    box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);
}

.round-btn a {
    display: block !important;
    font-size: 18px;
    border-radius: 50%;
}

.round-btn .icon {
    padding: 3px;
}

.round-btn .icon img {
    height: 24px;
    width: 32px;
    margin-top: 6px;
}

.btn-facebook a {
    color: #fff;
}

.btn-linkedin a {
    color: #fff;
}

.btn-twitter a {
    color: #fff;
}

.btn-instagram a {
    color: #fff;
}

.btn-whatsapp a {
    color: #fff;
}

.btn-envelop a {
    color: #fff;
    font-size: 15px;
    padding: 9px 12px;
}

.standard_header .standard_social_links {
    margin-left: 1rem;
}

@media(max-width:768px) {
    .footer-wrap h3 {
        margin-top: 18px;
    }

    footer .round-btn {
        margin: 15px 4px;
    }
}

@media(max-width:320px) {
    .copyright {
        font-size: 13px;
    }
}

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

/* Site Heading */
.site-heading h3 {
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 600;
}

.border {
    background: #e1e1e1;
    height: 1px;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
}

.paddingTB60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.image-aboutus-banner {
    background: -webkit-gradient(linear, left top, right top, from(rgba(39, 70, 133, 0.8)), to(rgba(61, 179, 197, 0.8))), url(../img/infrastructure-service-banner.jpg);
    background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/infrastructure-service-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

.contact-banner {
    background: -webkit-gradient(linear, left top, right top, from(rgba(39, 70, 133, 0.8)), to(rgba(61, 179, 197, 0.8))), url(../img/contact-us-banner.jpg);
    background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/contact-us-banner.jpg);
}

.lg-text {
    font-size: 48px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    text-transform: capitalize;
}

.image-aboutus-para {
    color: #fff;
}

/* Breadcum bar */
.bread-bar {
    background: #f9f9f9;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    min-height: 40px;
    height: auto;
    position: relative;
    z-index: 555;
}

.breadcrumb {
    background: none;
    margin: 0;
    font-weight: 300;
    padding-left: 0;
    font-size: 13px;
}

.breadcrumb li a {
    color: #000;
}

.breadcrumb li a:hover {
    color: #202db8;
}

.breadcrumb li {
    font-size: 14px;
    font-weight: 500;
    color: #ccc;
    letter-spacing: 0.5px;
}

.breadcrumb > .active {
    color: #a7a7a7;
}

.breadcrumb > li + li::before {
    content: "\203A";
    color: #999;
    font-size: 16px;
    padding: 0 8px;
}

.about-sec {
    background-color: #ffffff;
}

.aboutus-body .rs-newsletter {
    background: rgba(0, 0, 0, .03);
}

.about-bg {
    margin: 0 auto;
    min-height: 350px;
    width: 100%;
    background: url(../img/about-banner.png) center top 30% no-repeat;
    /* background-size:contain; */
    background-size: cover;
}

.about-left {
    padding: 50px 0;
}

.about-left h4 {
    font-size: 16px;
    color: #104cba;
}

.about-left h2,
.faq-items h2 {
    font-size: 44px;
    font-weight: 800;
    color: #5f5f5f;
    padding: 5px 0 20px;
}

.faq-items p {
    padding-bottom: 15px;
}

.about-left .abt-txt {
    padding-right: 100px;
}

.about-left .abt-txt p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
}

.about-left ul {
    padding-left: 25px;
}

.about-left ul li {
    font-size: 16px;
    font-weight: 600;
    color: #232323;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    padding-left: 40px;
    list-style: none;
}

.about-left ul li:last-child {
    margin-bottom: 0;
}

.about-left ul li .fa-check-circle,
.faq-content h4 .fa-check-circle {
    font-size: 17px;
    margin-right: 5px;
    color: rgb(44 189 120 / 77%);
}

.about-right {
    position: relative;
    z-index: 1;
    float: right;
    padding-top: 50px;
}

.about-right .area img {
    max-width: 100%;
    border-radius: 50%;
    border: 15px solid #ffffff;
    -webkit-box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 8%);
}

.about-right .area::after {
    position: absolute;
    left: -80px;
    top: 76px;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../img/about-us-image.png) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.about-left .btn-get-started {
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 15px 0 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.faq-items img {
    max-width: 100%;
    height: 380px;
}

.faq-content h4 {
    font-size: 18px;
    padding-bottom: 15px;
    line-height: 26px;
    font-weight: 500;
    color: #232323;
}

.faq-area {
    padding: 50px 0;
    background: #f8f9fa;
}

.faq-area .faq-content .card .card-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    /* padding: 0; */
    padding: .5rem 1rem;
    padding-right: 50px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq-area .thumb {
    position: relative;
    z-index: 1;
}

.faq-area .thumb::after {
    position: absolute;
    left: 31%;
    top: 50%;
    content: "";
    height: 180px;
    width: 180px;
    border: 40px solid #104cba;
    z-index: -1;
    border-radius: 50%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: infiUpDown;
    animation-name: infiUpDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    margin-left: -200px;
    margin-top: -200px;
}

.side-heading {
    color: #104cba;
    font-size: 16px;
}

/*-- About Clients Section --*/

#clients {
    padding: 60px 0 40px;
    background-color: #f5f5f5;
}

#clients .clients-wrap {
    border-top: 1px solid #d6eaff;
    border-left: 1px solid #d6eaff;
    margin-bottom: 30px;
}

#clients .client-logo {
    padding: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #d6eaff;
    border-bottom: 1px solid #d6eaff;
    overflow: hidden;
    height: 120px;
}

#clients h4 {
    font-size: 16px;
    color: #104cba;
}

#clients h2 {
    font-size: 44px;
    font-weight: 800;
    color: #5f5f5f;
    padding: 5px 0 20px;
}

#clients img {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    max-width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}

#clients img:hover {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Animated Shape */

.item-animated {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: infiUpDown;
    animation-name: infiUpDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes infiUpDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes infiUpDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/*-- Contact Form --*/
.enquiry-form {
    width: 100%;
    padding: 50px 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(39, 70, 133, 0.8)), to(rgba(61, 179, 197, 0.8))), url(../img/infrastructure-service-banner.jpg);
    background: linear-gradient(to right, rgba(39, 70, 133, 0.8) 0%, rgba(61, 179, 197, 0.8) 100%), url(../img/infrastructure-service-banner.jpg);
    background-attachment: fixed;

}

.enquiry-form .form-group {
    margin-bottom: 15px;
}

.enquiry-form .btn-info {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    letter-spacing: 0.5px;
    border-radius: 4px;
}

.enquiry-form .custom-checkbox {
    color: #fff;
    margin: 10px 0 10px;
}

.enquiry-form .form-control {
    height: 45px;
}

.enquiry-form .input-group-text {
    color: #fff;
    background-color: #1c89c5;
    border: 1px solid #1c89c5;
}

.enquiry-form h3 {
    color: #fff;
    font-size: 22px;
    padding: 3px 0;
    text-transform: capitalize;
    border-bottom: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 4px;
}

.enquiry-form p {
    color: #fff;
    padding-bottom: 15px;
}

/*-- Services-Page --*/
.services-page {
    padding: 50px 0;
    background-color: #ffffff;
}

.services-page a {
    color: #000;
    text-transform: capitalize;
}

.services-section {
    background-color: #fff;
    padding-top: 40px;
}

.services-page h2 {
    color: #000;
    font-weight: 600;
    font-size: 42px;
    font-family: "Times New Roman", Times, serif;
}

.services-page .btn-primary,
.services-page .btn-primary:not(:disabled):not(.disabled).active,
.services-page .btn-primary:not(:disabled):not(.disabled):active,
.services-page .show > .btn-primary.dropdown-toggle {
    color: #fff;
    border: none;
    border-radius: 1.75rem .25rem;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.services-page .btn-primary:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

/* Feature Box
---------------------*/
.feature-box-1 {
    padding: 32px;
    margin: 15px 0;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    border: 1px dashed #2cbd78;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
}

.feature-box-1 * {
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
}

.feature-box-1 .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #f8f8f8;
    color: #f96b18;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 22px;
    font-size: 27px;
    border: 2px dotted #2cbd78;
    -webkit-box-shadow: 5px 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 5px 2px 2px rgb(0 0 0 / 10%);
}

.feature-box-1 .icon i {
    line-height: 70px;
}

.feature-box-1 h5 {
    color: #20247b;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 10px;
}

.feature-box-1 h5 a {
    color: #20247b;
}

.feature-box-1 p {
    margin: 0;
}

.feature-box-1 p a {
    font-size: 14px;
    font-weight: 500;
    color: #f96b18;
    text-decoration: underline;
}

.feature-box-1:hover a {
    color: #fff;
}

.feature-box-1:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    border-radius: 10px;
    width: 0;
    background: #2cbd78;
    z-index: -1;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
}

.feature-box-1:hover h5 {
    color: #ffffff;
}

.feature-box-1:hover p {
    color: rgba(255, 255, 255, 0.8);
}

.feature-box-1:hover:after {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    left: 0;
    right: auto;
}

.section-heading h2 {
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 38px;
    color: #20247b;
    font-size: 22px;
    border-left: 5px solid #f96b18;
    padding-left: 15px;
}

/*-- Single-Page --*/
.single-page {
    width: 100%;
    padding: 60px 0;
    background-color: #fff;
}

.single-page .fa-star {
    font-size: 14px;
    padding-right: 6px;
}

.single-page .colwhite {
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px dashed #ccc;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
}

.single-page .colwhite ul {
    margin-bottom: 0;
}

.single-page .section-heading {
    padding-bottom: 0;
}

.single-page .links ul > li {
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 0;
    border-bottom: 1px dashed #ccc;
}

.single-page .links ul > li:last-child {
    border-bottom: none;
}

.single-page .inner-text h3 {
    color: #1c89c5;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.single-page .inner-text {
    margin-top: 30px;
}

.single-page .links ul > li a {
    color: #000;
}

.single-page .links ul > li a:hover {
    color: #f96b18;
}

.single-page .links .fa-long-arrow-alt-right {
    float: right;
}

.single-page .links ul > li .fas {
    margin-right: 20px;
    font-size: 12px;
    color: #f96b18;
}

.inner-text p {
    color: #000;
    font-size: 16px;
    letter-spacing: 0.4px;
}

/*----------------------------------
# Contact page,maps
----------------------------------*/

.contact-page {
    width: 100%;
    padding-bottom: 0;
    background-color: #fff;
}

.map-container-5 {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-container-5 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.card {
    color: #fff;
    border-radius: 0 15px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
}

.card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 1.4rem 1.4rem;
    text-align: center;
    margin-top: -1.25rem;
    margin-right: 4%;
    margin-left: 4%;
    border-radius: 0 30px;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
}

.card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 0 !important;
    font-weight: 400;
    border: 0;
}

.contact-page h5 {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.3px;
}

.contact-page h2 {
    font-size: 34px;
    font-weight: 800;
    color: #000;
    padding: 0 20px 10px 0;
}

.contact-page h4 {
    font-size: 16px;
    color: #104cba;
}

.contact-page h5 span {
    font-weight: 500;
    color: #ffffff;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 0 12px;
    background-color: #000000;
}

.image-aboutus-para a {
    color: #2cbd78;
    font-weight: 600;
}

.contact-form {
    max-width: 100%;
    padding-top: 50px;
    background-color: #fff;
}

.contact-form .form-group {
    margin-bottom: 0;
}

.contact-form h2 {
    color: #252525;
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 10px;
    font-family: "Times New Roman", Times, serif;
}

.contact-form .form-control {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    width: 100%;
    height: 48px;
    padding: 12px;
    border: 1px solid #e5e5e5;
    background: #f8f9fa;
    color: #707070;
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-form .textarea {
    height: auto;
}

.contact-form p {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
}

.contact-form h3 {
    line-height: 1.2em;
    font-size: 26px;
    font-weight: 700;
    padding: 10px 0;
    color: #2cbd78;
    font-family: "Times New Roman", Times, serif;
}

.contact-form button {
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin: 15px 0 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.contact-form a {
    font-weight: 500;
    color: #000;
}

.contact-form button:hover {
    background: #2cbd78;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

.contact-form .inner-content {
    border-bottom: 1px solid #e5e5e5;
}

.contact-form .form-control:focus {
    border: 1px solid #2cbd78;
}

.custom-control-label a {
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
}

/*-- Blog Page --*/
.blog-page-section {
    padding: 40px 0;
    background-color: #ffffff;
}

.blog-page-section .entry-post p {
    font-size: 16px;
    letter-spacing: 0.3px;
}

.blog-page-section .colwhite h4 {
    font-size: 18px;
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #ccc;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
  border-left: 5px solid #000;
}

.blog-page-section img {
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-page-section .colwhite {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px dashed #ccc;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
}

.blog-page-section .blog-post .content .title a {
    color: #000;
}

.blog-page-section .sidebar input[type="text"].search-side {
    width: 100%;
    padding: 5px 0 5px 15px;
    border: 1px solid #2cbd78;
    border-radius: 0;
    background-color: #fbfbfb;
    font-size: 12px;
    height: 45px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.blog-page-section input[type="text"].search-side {
    padding-right: 10px;
    background-image: url(../img/find-icone.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #fcfcfc;
}

.blog-page-section .blog-left {
    padding-right: 40px;
}

.blog-page-section .blog-post + .blog-post {
    margin-top: 35px;
}

.blog-page-section .blog-post .content h3.title {
    color: #1c89c5;
    font-weight: bold;
    padding: 30px 0 10px;
    line-height: 36px;
    font-size: 30px;
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
}

.blog-page-section .blog-post .content ul li {
    display: inline-block;
    color: #536777;
    font-size: 14px;
    font-weight: 400;
    margin-right: 16px;
    padding: 5px 0;
    position: relative;
}

.blog-page-section .blog-post .content ul li > i {
    color: #2cbd78;
    padding-right: 3px;
}

.blog-page-section .featured-post img {
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.featured-post{
    height: 100%;
}
.blog-page-section .blog-post .content .meta-post {
    padding: 0;
    margin: 5px 0 10px;
    list-style: none;
    font-size: 13px;
}

.blog-page-section .meta-post li {
    display: inline-block;
    margin-right: 15px;
}

.blog-page-section .meta-post li a {
    color: #8c8c8c;
    text-decoration: none;
}

.blog-page-section .entry-post {
    font-size: 14px;
}

.blog-page-section .read-more-btn {
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    margin-bottom: 15px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.blog-page-section .more-link {
    margin-top: 22px;
}

.blog-page-section .more-link a:hover {
    color: #fff;
}

.blog-page-section .widget-search form input {
    height: 40px;
    border: none;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 0 20px;
    width: 100%;
    font-size: 13px;
}

.blog-page-section .sidebar .widget .widget-title h3 {
    font-size: 18px;
    font-weight: 500;
    color: #2d2d2d;
    padding-bottom: 15px;
    margin-bottom: 22px;
    border-bottom: 1px dashed #ccc;
    position: relative;
}

.blog-page-section .widget-categories > ul.cat-list {
    list-style: none;
    padding-left: 0;
}

.blog-page-section .widget-categories > ul.cat-list > li {
    margin-bottom: 10px;
    font-weight: 400;
}

.blog-page-section .widget-categories > ul.cat-list > li > a {
    color: #484848;
    display: block;
    position: relative;
    font-size: 14px;
    letter-spacing: 0.3px;
    text-decoration: none;
}

.blog-page-section .widget-categories > ul.cat-list > li span {
    position: absolute;
    right: 0;
}

.blog-page-section .widget-categories > ul.cat-list > li > a .fas {
    font-size: 12px;
    margin-right: 9px;
    color: #f96b18;
}

.blog-page-section .widget-tags ul.tag-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-page-section .widget-tags ul.tag-list li {
    margin: 0 0 10px;
    display: inline-block;
}

.blog-page-section .widget-tags ul.tag-list li a {
    display: inline-block;
    padding: 3px 12px;
    color: #8c8c8c;
    font-size: 12px;
    border-radius: 30px;
    text-decoration: none;
    color: #2cbd78;
    border: 1px solid #2cbd78;
}

.blog-page-section .blog-pagination {
    text-align: center;
    margin: 40px 0;
}

.blog-page-section .blog-pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-page-section .blog-pagination ul li {
    display: inline-block;
    padding: 0 5px;
}

.blog-page-section .blog-pagination ul li a {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    display: block;
    border: solid 1px #2cbd78;
    line-height: 42px;
    color: #32466a;
    text-decoration: none;
    font-size: 14px;
    background-color: #fff;
}

.blog-page-section .blog-pagination ul li.prev a,
.blog-page-section .blog-pagination ul li.next a {
    color: #2cbd78;
}

.blog-page-section .blog-pagination ul li.active a,
.blog-page-section .blog-pagination ul li a:hover {
    background: #2cbd78;
    border-color: #2cbd78;
    color: #fff;
}

/**Blog2**/
.blog-page-section .bolg-post-list {
    padding: 0;
    margin: 0 -10px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-page-section .bolg-post-list > li {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 25px;
}

.post-comments h3 {
    font-size: 20px;
}

.post-comments .comment-author {
    min-width: 45px;
}

.post-comments .comment-author img {
    width: 45px;
    height: auto;
    border-radius: 100%;
}

.post-comments .commeter-name p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #2f2f2f;
}

.post-comments .comment-date p {
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #9e9fa1;
}

.post-comments .comment-text p {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #445359;
    margin: 0;
}

.post-comments a {
    border-radius: 30px;
    border: solid 1px #dedede;
    background-color: transparent;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #9e9fa1;
    padding: 5px 15px;
    margin-right: 10px;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.blog-page-section .blog-post .entry-post ul li {
    display: block;
}

/*-- Profile --*/
.profile {
    width: 100%;
    padding: 50px 0 20px;
    background-color: #f8f8f8;
}

.profile .job-description {
    padding: 40px;
    margin: 0 0 30px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
}

.profile .job-description h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000000;
    line-height: 30px;
    margin: 0 0 10px;
}


.profile .job-description p {
    color: #585858;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}

.profile .job-description h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0 13px;
}

.profile .job-description .list li {
    font-size: 14px;
    color: #585858;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 24px;
    letter-spacing: 0.3px;
    display: flex;
}

.profile .job-description .list li:before {
    color: #2cbd78;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    content: "\f0da";
    font-weight: 900;
    display: inline-block;
    margin-right: 8px;
    -webkit-font-smoothing: antialiased;
}

.profile .job-description .job-details label,
.profile .job-description .education label,
.profile .company-details .company-info .address label {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: #000;
    width: 150px;
    margin: 0;
    line-height: 25px;
}

.profile .job-description .job-details {
    line-height: 23px;
    margin: 40px 0 30px;
}

.profile .job-description .job-details span a,
.profile .job-description .job-details span,
.profile .job-description .education span,
.profile .company-details .company-info .address span {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    line-height: 25px;
}

.profile .job-description .job-details span a:hover {
    color: #06c;
    border-bottom-color: #06c;
    border-bottom: 1px solid #06c;
    display: inline;
}

.profile .job-description .preferred {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(204 204 204 / 45%);
    margin-bottom: 10px;
}

.profile .job-description .preferred span {
    margin-top: 8px;
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    padding: 2px 8px;
    color: #2cbd78;
    border: 1px solid #2cbd78;
}

.profile .job-description .education {
    margin-bottom: 30px;
}

.profile .job-description .btn {
    width: 150px;
    color: #fff;
    border: none;
    border-radius: 0 30px;
    background: linear-gradient(40deg, #303f9f, #2cbd78) !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    padding: 12px 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.profile .job-description .preferred-skills i {
    color: #4a90e2;
}

.profile .company-details {
    padding: 40px;
    margin: 30px 0;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    background-color: #ffffff;
}

.profile .job-description .fab {
    color: #fff;
    padding: 10px;
    text-align: right;
    border-radius: 4px;
    background-color: #f96b18;
}

.profile .company-details h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000000;
    line-height: 30px;
    margin: 0 0 10px;
}

.profile .company-details p {
    color: #585858;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}

.profile .company-details .company-info .address,
.profile .education-details {
    display: flex;
}

.profile .company-details .company-info .address .fas {
    font-size: 14px;
    margin-right: 10px;
    color: #f96b18;
}

/* ---------------------------------
        All sections Media Queries 
------------------------------------ */

@media only screen and (max-width: 1920px) and (min-width: 1480px) {
    .container {
        max-width: 1400px;
    }
}

@media only screen and (max-width: 1480px) and (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

@media(max-width: 1366px) {
    .team-ideas h2 {
        font-size: 38px;
    }

    .dropdown-item {
        padding: 10px 10px;
        letter-spacing: 0.5px;
    }

    .about-right .area::after {
        top: 150px;
    }

    .navbar-classic .first-col {
        font-size: 14px;
    }

    .section-title h2 {
        font-size: 26px;
    }
}

@media(max-width: 1200px) {
    #hero h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .section-title p {
        max-width: 80%;
    }

    .our-solution .blog_content .blog_item .blog_details .blog_title h5 a {
        font-size: 21px;
    }

    .team-ideas h2 {
        font-size: 42px;
    }

    .our-solution .blog_content .blog_item .blog_details .blog_title h5 a .why-us .content p {
        line-height: 24px;
    }

    .why-us .icon-boxes .icon-box h4 {
        margin: 0 0 10px 0;
    }

    .why-us .icon-boxes .icon-box i {
        margin-bottom: 15px;
    }

    .slick-initialized .slick-slide {
        padding: 5px;
    }

    .blog .inner h4 a {
        font-size: 22px;
    }

    .contact-page h2 {
        padding: 10px 0 20px;
    }
}


@media(max-width: 1024px) {
    .container {
        max-width: 100%;
    }

    .team-ideas h2 {
        font-size: 34px;
    }

    .career-jobs .btn {
        padding: 7px 25px;
    }

    .services-page h2 {
        font-size: 28px;
    }

    .services-page .img-fluid {
        margin-bottom: 20px;
    }
}

@media(max-width: 991px) {
    .navbar-classic .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 10px 10px;
    }

    .team-ideas .inner-img img {
        display: none;
    }

    .about-right {
        display: none;
    }

    .about-left .abt-txt {
        padding-right: 0;
    }

    #clients .client-logo {
        height: auto;
        padding: 20px
    }

    #clients img {
        -webkit-filter: none;
        filter: none;
    }

    #clients img:hover {
        -webkit-transform: inherit;
        transform: inherit;
    }

    .section-title p {
        max-width: 100%;
    }

    #clients .clients-wrap {
        margin-top: 20px;
    }

    .faq-items img {
        height: auto;
        padding-bottom: 20px;
    }

    .navbar-classic .navbar-toggler,
    .navbar-boxed .navbar-toggler {
        padding: 8px 10px;
    }

    .navbar-nav .dropdown-menu {
        max-height: 300px;
        overflow-y: scroll;
    }

    .lg-text {
        font-size: 32px;
    }

    .career-jobs .sub-title a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 812px) {
    .profile .job-description p {
        font-size: 13px;
        line-height: 22px;
    }

    .profile .job-description .list li {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.1px;
    }

    .profile .company-details p {
        font-size: 13px;
        line-height: 22px;
    }
}

@media(max-width: 580px) {
    .section-title h2 {
        font-size: 26px;
    }

    #hero h2 {
        font-size: 20px;
    }

    #hero p {
        font-size: 14px;
        line-height: 22px;
    }

    #hero .btn-get-started {
        font-size: 14px;
        padding: 12px 20px;
    }

    .why-us .content h3 {
        font-size: 28px;
        margin-bottom: 0;
    }

    .why-us .content p {
        font-size: 14px;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
        line-height: 22px;
    }

    .why-us .content .more-btn {
        font-size: 12px;
        padding: 12px 24px;
    }

    .section-title p {
        font-size: 13px;
        line-height: 22px;
    }

    .cookiealert {
        line-height: 22px;
        font-size: 14px;
    }

    .section-title {
        padding-bottom: 30px;
    }

    .our-solution .blog_content .blog_item .blog_image img {
        width: 100px;
        margin: 20px 0 15px;
    }

    .our-solution .blog_content .blog_item .blog_details p {
        font-size: 14px;
        line-height: 22px;
    }

    .about-left h2,
    .faq-items h2,
    #clients h2 {
        font-size: 32px;
        font-weight: 600;
    }

    .contact-page h2 {
        font-size: 28px;
        font-weight: 700;
        padding: 10px 0 20px;
    }

    .contact-form h2 {
        color: #252525;
        font-size: 42px;
        line-height: 47px;
        font-weight: 600;
    }

    #hero h2 {
        font-size: 28px;
        line-height: 34px;
    }
}

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

@media only screen and (max-width: 480px) {
    .career-jobs ul li {
        margin-left: 0;
    }

    .career-jobs .tags li {
        padding-right: 10px;
    }

    .career-jobs ul li {
        margin-bottom: 5px;
    }

    .career-jobs .tags li::before {
        right: 0px;
        left: auto;
        top: 8px;
    }

    .career-jobs p {
        margin: 10px 0;
    }

    .top-title h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .profile .careers-page {
        padding-bottom: 30px;
    }

    .profile .career-jobs ul li {
        margin-left: 0;
    }

    .profile .company-details .company-info .address {
        display: inline-grid;
    }

    .profile .career-jobs ul li {
        display: block;
        margin-bottom: 5px;
    }

    .profile .career-jobs p {
        margin: 10px 0;
    }

    .profile .career-jobs .tags li::before {
        display: none;
    }

    .profile .top-title h2 {
        font-size: 25px;
    }
}