*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* overflo-x: hidden; */
    line-height: 1.75;
    font-family: "DM Sans", sans-serif !important;
    scroll-padding-top: 6rem;
    overflow-x: hidden;
}

html {
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden;
    scroll-padding-top: 3rem;
}

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

p {
    text-align:left;
	font-size:95%;
}

:root {
    --white: #ffffff;
    --black: #000000;
    --theme-red: #e21e24;
    --theme-dark: #141b27;
    --banner-light: #f2f2f2;
    --blue-1: #0e4c82;
    --dark-blue: #192a3e;
	--theme-blue: #1573ac;
    --light-white: #f2f2f2;
    --yellow: #e2871e;
	--grey:#dee2e6;
}

@font-face {
    font-family: "funky-font";
    src: url("../fonts/BTTTRIAL.TTF");
}
.text-dark-blue{
   color: var(--dark-blue);	
}.cta a span,
.dmsans_regular {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
}

/* .header_ul a, */
.dmsans_medium {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
}


.dmsans_semibold {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
}

.cust_red,
.project_name *,
.filters ul li,
.navbar-nav .nav-item a,
.dmsans_bold {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}
.project_img .img-fluid{
    height: 15rem!important;
}
.dmsans_extrabold {
    font-family: "DM Sans", sans-serif;
    font-weight: 800;
}

.dmsans_extraboldblack {
    font-family: "DM Sans", sans-serif;
    font-weight: 900;
}

@media (min-width: 992px) {}

.offcanvas {
    background-color: #ffffffe8 !important;
}

@media (max-width: 992px) {
    .offcanvas {
        width: 100vw;
        height: 100vh;
    }
    .offcanvas-start-lg {
        top: 0;
        left: 0;
        border-right: 0px solid rgba(0, 0, 0, 0.2);
        transform: translateX(-100%);
    }
}

header {
    /* transition: 0.3s; */
    /* background-color: var(--navbar-sky); */
}

/* header .dropdown-toggle::after {
    display: none;
} */

::-webkit-scrollbar {
    width: 1px;
}

.course_tabs_gallery::-webkit-scrollbar {
    width: 1px;
    height: 3px;
}

.course_tabs_gallery::-webkit-scrollbar-track {
    background-color: var(--white);
}

.course_tabs_acc_box::-webkit-scrollbar {
    width: 3px;
}

.course_tabs_acc_box::-webkit-scrollbar-track {
    background-color: var(--white);
}


/* Track */

::-webkit-scrollbar-track {
    border-radius: 5px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: rgb(87, 87, 87);
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: rgb(73, 73, 73);
    .cust_gred_btn {
        color: #fff;
        padding: 0.5rem 1.5rem;
        cursor: pointer;
        text-align: center;
        border: none;
        background-size: 100% 100%;
        border-radius: 50px;
        background-image: red;
        /* box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
        */
    }
}

section {
    padding: 3rem 0;
}

.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}

.logo {
    height: 3rem;
    z-index: 3;
}


header {
    z-index: 99;
}

.navbar-nav .nav-item {
    position: relative;
}

.navbar-nav .nav-link {
    color: var(--white)!important;
}

footer a {
    transition: 0.3s;
}

.navbar-toggler {
    --hw: 2rem;
    height: var(--hw);
    width: var(--hw);
}
.navbar-nav > .nav-item {
  padding: 0;
  letter-spacing: 0.5px;
}
.dropend .dropdown-menu {
    background-color: var(--theme-blue);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}
.cta a * {
    color: #2b2d42;
}

.mobile_dropdown_Arrow {
    position: absolute;
    height: 2.8rem;
    width: 2rem;
    right: 0;
    display: grid;
    place-content: center;
    font-size: 1.5rem;
    color: var(--theme-orange);
    top: 0;
}

.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 0px rgba(217, 214, 209, 0.5);
    box-shadow: inset 0 0 0 0px rgba(217, 214, 209, 0.5);
}

.progress-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.progress-wrap svg {
    /* transition: stroke-dashoffset 10ms linear 0s;*/
    stroke-dasharray: 307.919, 307.919;
    stroke-width: 4px;
    stroke-dashoffset: 310;
    fill: var(--input-color);
    stroke: var(--theme-orange);
}

.arrow_btm {
    height: 1rem;
}

.up_down_arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--theme-blue);
}

.dropdown-menu .dropdown-menu,
.dropdown-menu {
    /* border-radius: 0; */
    background-color: var(--white);
}

.dropdown-menu a {
    /* color: var(--white); */
    padding: 0.65rem 1.5rem;
    border: none;
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu li:hover {}

.navbar-nav>.nav-item {
    padding: 0 10px;
    letter-spacing: 0.5px;
}
/*
.dropdown-toggle::after,
.dropend .dropdown-toggle::after {
    position: absolute;
    border: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 0.8rem;
    top: 1rem;
    transition: 0.3s; 
    right: 0.5rem;
}

.dropdown-toggle::after {
    top: 1.3rem;
    transform: translateY(0%);
    margin-left: 0.35rem;
    right: auto;
}
*/
.dropdown-menu li,
.dropdown-menu li a {
    transition: 0.3s !important;
}

.dropdown-menu li a:hover {
    color: white;
    background-color: var(--theme-blue);
}

.dropdown-menu {
    animation: dropdown_inner 0.1s linear alternate;
}

@keyframes dropdown_inner {
    0% {
        transform: scaleY(0);
        transform-origin: top;
    }
    50% {
        transform: scaleY(0);
        transform-origin: top;
    }
    100% {
        transform: scaleY(1);
        transform-origin: top;
    }
}

.dropdown-menu a {
    color: var(--theme-orange);
}

a {
    text-decoration: none;
}
.header_ul .nav-link:focus,
.header_ul .nav-link:focus-visible,
.header_ul .nav-link:hover {
  color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* .header_trans {
    animation: smoothScroll 0.6s forwards;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: var(--white);
} */
 .header_trans {
  -webkit-animation: smoothScroll 0.6s forwards;
  animation: smoothScroll 0.6s forwards;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: var(--white);
}
.header_menu {
  background-color: var(--theme-red);
}
header {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: var(--white);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-50rem);
    }
    100% {
        transform: translateY(0px);
    }
}

.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 0px rgba(217, 214, 209, 0.5);
    box-shadow: inset 0 0 0 0px rgba(217, 214, 209, 0.5);
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.progress-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.home_slider_box_img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
}

.home_slider_box {
    height: 43rem;
    border-radius: 2rem;
    overflow: hidden;
}

.home_slider_box::before {
    position: absolute;
    content: "";
    inset: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #7b0d10, transparent);
    z-index: 1;
}

.home_slider_content {
    z-index: 1;
    position: relative;
}

.home_slider_box {
    padding: 4rem 0 8rem 2rem;
    height: auto;
}

.home_slider_box_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    --hw: 3rem;
    height: var(--hw);
    width: var(--hw);
    background-color: var(--white);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.7rem;
    color: red;
}

.index_banner .swiper-button-next,
.index_banner .swiper-button-prev {
    bottom: 1rem;
    top: auto;
}

.index_banner .swiper-button-next {
    left: 7rem;
}

.index_banner .swiper-button-prev {
    left: 6rem;
}

.banner_social div a i {
    color: var(--black);
    transition: 0.3s;
}

.banner_social div a:hover i {
    color: var(--theme-red);
}

.banner_social a svg * {
    transition: 0.3s;
    fill: var(--white) !important;
}

/* .banner_social a:hover svg * {
    fill: var(--theme-red) !important;
} */

/* .navbar .dropend:hover>.dropdown-menu,
.navbar .nav-item:hover>.dropdown-menu {
    border-radius: 0;
    background-color: var(--theme-dark);
} */

.dropdown-menu a {
    color: var(--white);
    font-size: 0.95rem;
    font-weight: 500 !important;
	padding:0.65rem 1.5rem !important;
}

/* .navbar .dropend:hover>.dropdown-menu,
.navbar .nav-item:hover>.dropdown-menu {
    border: 0;
} */

.banner_social svg {
    --hw: 1.5rem;
    height: var(--hw);
    width: var(--hw);
}

.logo_industrie img,
.logo_slider img {
    filter: grayscale(1);
    transition: 0.3s;
    width: 100%;
    vertical-align: middle;
}

.logo_industrie img {
    filter: grayscale(0);
}

.logo_industrie img:hover,
.logo_slider img:hover {
    filter: grayscale(0);
    transform: scale(1.05);
}

.sec_head_line div {
    height: 6px;
}

.sec_head_line div:nth-child(1) {
    background-color: var(--theme-red);
    width: 2rem;
    
}

.sec_head_line div:nth-child(2) {
    background-color: var(--theme-dark);
    width: 3rem;
}

.text-red {
    color: var(--theme-red) !important;
}

.text-yellow {
    color: var(--yellow) !important;
}

.filters ul {
    list-style: none;
}

.filters ul li {
    padding: 10px 1rem;
    margin-bottom: 10px;
    background-color: #e4e4e4;
    margin-right: 1rem;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: 0.3s;
}

.filters ul li:hover {
    background-color: var(--theme-red);
    color: var(--white);
}

.project_box {
    background-color: var(--banner-light);
    transition: 0.3s;
}

.project_box_main a:hover .project_box {
    background-color: var(--theme-red);
}

.project_name div {
    color: var(--black);
    transition: 0.3s;
}

.project_box_main a:hover .project_name div {
    color: var(--white);
}

.link_img {
    --hw: 3rem;
    height: var(--hw);
    width: var(--hw);
    display: grid;
    position: absolute;
    top: 60%;
    transition: 0.3s;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -1rem;
    place-content: center;
}

.link_img img {
    --hw: 1.5rem;
    height: var(--hw);
    width: var(--hw);
}

.project_box_main a:hover .link_img {
    top: 50%;
    opacity: 1;
}

.project_label {
    clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0 100%, 0 0);
    background-color: var(--theme-red);
    width: 6rem;
    padding: 3px 0;
    font-size: 0.8rem;
    top: 3rem;
    font-weight: 700;
    position: absolute;
    left: 0;
    z-index: 1;
}

.project_label.news {
    clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}

.project_label.announcement,
.project_label.ongoing {
    background-color: var(--yellow);
}

.cust_red {
    background-color: var(--theme-red);
    color: var(--white);
    transition: 0.3s;
}

.cust_red:active,
.cust_red:focus-visible,
.cust_red:focus,
.cust_red:hover {
    background-color: var(--yellow) !important;
    color: var(--white);
}

.client_sec,
.cta_mini,
.about_sec {
    background-image: url("../img/about-bg-sec.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}

.cta_mini {
    background-image: url("../img/cta-bg.webp");
}

.client_sec {
    background-image: url("../img/our-client-bg.webp");
}

.news_cont_mini {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* .project_label.news {
    width: 4rem;
}

.project_label.announcement {
    width: 8rem;
} */

.project_label {
    width: auto !important;
    padding: .2rem 1rem;
}

.news_slider {
    padding-bottom: 4rem;
}

.testimonials_slider .swiper-button-next,
.news_slider .swiper-button-next,
.testimonials_slider .swiper-button-prev,
.news_slider .swiper-button-prev {
    bottom: 0;
    top: auto;
    left: 50%;
}

.testimonials_slider .swiper-button-next,
.testimonials_slider .swiper-button-prev {
    bottom: 1.5rem;
}

.testimonials_slider .swiper-button-prev,
.news_slider .swiper-button-prev {
    left: calc(50% - 4rem);
}

.testimonials_slider .swiper-button-next,
.news_slider .swiper-button-next {
    left: calc(50% + 1rem);
}

.swiper-button-next,
.swiper-button-prev {
    background-color: var(--banner-light);
    transition: 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--theme-red);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    transition: 0.3s;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    color: var(--white);
}

.testi_main_inner_box {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.quote_img {
    margin-bottom: -2.5rem;
    margin-left: 3rem;
}

.testi_main_inner_box {
    padding: 4rem;
}

.testi_cont_box {
    max-height: 8rem;
    overflow-y: auto;
}

.client_sec {
    padding: 7rem 0 5rem 0;
}

.footer_social {
    position: relative !important;
}

.footer_logo_box::before {
    position: absolute;
    content: "";
    z-index: 0;
    height: 90rem;
    right: 7rem;
    top: 50%;
    transform: translateY(-50%) rotate(19deg);
    width: 200%;
    background-color: var(--black);
}

.banner_social.footer_social {
    left: auto !important;
    bottom: 0 !important;
}

.footer_social svg {
    --hw: 1.7rem !important;
}

footer {
    background-color: #141b27;
}

.copyright,
.footer_box * {
    z-index: 1;
    position: relative;
}

.footer_links a:hover {
    color: var(--theme-red);
}

.footer_links ul {
    list-style: none;
    padding: 0;
}

.footer_links a {
    color: var(--white);
}

.footer_logo_box svg * {
    fill: var(--white) !important;
}

.footer_logo {
    height: 0.8rem;
}
.copyright_txt a,
.copyright_txt {
    color: #707070;
    transition: 0.3s;
}

label.error,
a.copyright_txt:hover {
    color: var(--theme-red);
}

.progress-circle path {
    stroke: var(--theme-red);
}

.other_banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 28rem;
}

.contact_banner {
    background-image: url("../img/contact-us-banner.webp");
}

.what_we_do_banner {
    background-image: url("../img/what-we-do-banner.webp");
}
.what_we_do_box img {
    clip-path: polygon(0 0, 90% 0, 100% 40%, 100% 100%, 0 100%, 0% 50%);
}
.about_banner {
    background-image: url("../img/about-us-banner-1.webp");
}

.whatwe_banner {
    background-image: url("../img/whatwedonew.webp");
}

.project_banner {
    background-image: url("../img/projectheadernew.webp");
}

.banner_txt_box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    background-image: url("../img/banner_head_bg_big.webp");
    padding: 2rem 4rem;
}
.projpagemain>div:nth-child(3) .completed_project_box_cat{
    background-image: url("../img/3414.jpg") !important;
}
.projpagemain>div:nth-child(2) .completed_project_box_cat{
    background-image: url("../img/completednew.webp");
}

.projpagemain>div:nth-child(1) .completed_project_box_cat{
    background-image: url("../img/ongoingnew.webp") !important;
}

.banner_txt_box * {
    color: var(--white);
}

label.error,
.cont_box a,
.banner_txt_box a {
    transition: 0.3s;
    font-size: 0.9rem;
}

.cont_box a:hover,
.banner_txt_box a:hover {
    color: var(--theme-red) !important;
}

.banner_common_mini_box {
    --hw: 9px;
    height: var(--hw);
    width: var(--hw);
}

.banner_red_mini_box {
    background-color: var(--theme-red);
}

.banner_dots_box {
    position: absolute;
    right: -1rem;
    top: 1rem;
    z-index: 1;
}

.banner_cont_2lines_box {
    height: 11rem;
    width: 5rem;
    background-color: var(--white);
    position: absolute;
    bottom: -5rem;
    right: -2rem;
    transform: rotate(45deg);
}

.banner_cont_2lines_box div {
    height: 100%;
    width: 7px;
    background-color: var(--white);
}

.banner_cont_2lines_box div:nth-child(1) {
    background-color: var(--blue-1);
}

.banner_cont_2lines_box div:nth-child(2) {
    background-color: #1661a5;
}

.banner_cont_2lines_box_red div {
    background-color: var(--theme-red) !important;
}

.banner_cont_2lines_box_yellow div {
    background-color: var(--yellow) !important;
}

.banner_txt_box hr {
    color: var(--blue-1);
    margin: 0.7rem 0;
    border-width: 3px;
    opacity: 1;
}

.bg_dark_blue, .cont_box {
	background-color: var(--grey);
    /*background-color: var(--dark-blue);*/
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 0 100%, 0% 50%) !important;
}
.contact_boxpg .cont_box{
  /*  min-height: 24rem!important;
    max-height: 24rem!important;*/
	background-color: var(--dark-blue);
	clip-path: polygon(0 0, 95% 0, 100% 15%, 100% 100%, 0 100%, 0% 50%) !important;
}


.cont_icon img {
    height: 3rem;
    margin-bottom: 1rem;
}

.top_right_white_corner::before {
    position: absolute;
    content: "";
    /*background-color: var(--white);*/
	background-color: transparent;
    height: 13rem;
    width: 10rem;
    transform: rotate(315deg);
    top: -7rem;
    right: -8rem;
}

.contact_box {
    background-color: var(--light-white);
}

.contact_form textarea,
.contact_form input {
    border-radius: 0.2rem;
    font-size: 0.9rem;
    padding: 1rem;
}

.g-recaptcha {
    zoom: 0.8;
    transform-origin: center center;
}

.contact_form_map_bg {
    height: 30rem;
}

.banner_txt_box svg {
    height: 0.8rem;
    width: 0.8rem;
}

.banner_txt_box_a_tag {
    display: inline-flex;
    align-items: baseline;
}

.what_we_do_content::-webkit-scrollbar-thumb,
.ongoing_proj_content::-webkit-scrollbar-thumb,
.bg_yellow {
    background-color: var(--yellow);
}

.what_we_do_content::-webkit-scrollbar-track,
.ongoing_proj_content::-webkit-scrollbar-track {
    background-color: rgb(85, 85, 85);
}

.text-yellow {
    color: var(--yellow);
}

.ongoing_proj_content {
    max-height: 15rem;
    overflow-y: scroll;
}

.ongoing_proj_content p {
    text-align: left;
    color: var(--white);
}

.ongoing_proj {
    background-color: var(--dark-blue);
}

.bottom_right_slider_nav .swiper-button-next,
.bottom_right_slider_nav .swiper-button-prev {
    top: auto;
    bottom: 0;
    right: 0;
}

.bottom_right_slider_nav .swiper-button-prev {
    right: 4rem;
    left: auto;
}

.other_project_slider {
    height: auto;
}

.other_project_slider .ongoing_proj_content {
    max-height: 11rem;
    overflow-y: auto;
}

.top_right_white_corner {
    overflow: hidden;
}

.what_we_do_content {
    max-height: 15rem;
    overflow-y: auto;
    line-height: 1.60;
}

.thank_you_main {
    height: 70vh;
    background-color: #141a2612;
}


/* our team */

.our-team {
    overflow: hidden;
    position: relative;
	
}
.our_team_box
{
	height:25rem;
}

.our-team:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(20 27 39 / 50%);
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0;
    transition: all 0.8s ease 0s;
}

.our-team:hover:after {
    top: 0;
    opacity: 1;
}

.our_team_box img{
height:100%;
	width:100%;
	object-fit:cover;
}


.our-team .social {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%) rotate(-12deg);
    transition: all 0.8s ease 0s;
}

.our-team:hover .social {
    top: 50%;
}

.our-team .social li {
    display: inline-block;
}

.our-team .social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: var(--theme-red);
    font-size: 15px;
    color: #fff;
    margin: 0 5px;
}

.our-team .team-content {
    width: 100%;
    padding: 20px 25px;
    background: #fff;
    border-bottom: 3px solid var(--theme-red);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.our-team:hover .team-content {
    background: #f9f9f9;
}

.our-team .team-content:before {
    content: "";
    width: 100%;
    border-right: 420px solid #fff;
    border-top: 60px solid transparent;
    position: absolute;
    top: -60px;
    left: 0;
}

.our-team:hover .team-content:before {
    border-right-color: #f9f9f9;
}

.our-team .team-content:after {
    content: "";
    width: 3px;
    height: 50%;
    background: var(--theme-dark);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.our-team .title {
    color: #333;
}

.our-team .post {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    margin-top: 3px;
}


/* our team */


/* client testimonials */

.testimonial {
    text-align: center;
    padding: 100px 40px 5px;
    margin-top: 100px;
    border-top: 5px solid var(--theme-red);
    position: relative;
}

.testimonial:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 50px;
    color: var(--theme-red);
    opacity: 0.5;
}

.testimonial .pic {
    width: 150px;
    height: 150px;
    border: 5px solid var(--theme-red);
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 25px;
    margin-bottom: 30px;
}

.testimonial .testimonial-title {
    display: block;
    text-align: right;
    font-size: 1.4rem;
    color: var(--theme-red);
    margin: 0;
}

.testimonial .post {
    display: block;
    font-size: 12px;
    color: var(--theme-red);
    margin-top: 7px;
}


/* client testimonials */

.description_box {
    max-height: 9rem;
    overflow-y: auto;
}

.faqs_acc .accordion-item {
    border-radius: 0;
    margin-bottom: 1rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid rgb(189, 189, 189);
}

.faqs_acc .accordion-item button:focus {
    box-shadow: none;
}

.faqs_acc .accordion-button:not(.collapsed) {
    background-color: #ffe8e8;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #ffe8e8;
}

.faqs_acc .accordion-button:not(.collapsed)::after {
    background-image: url(../img/minus.svg);
}

.faqs_acc .accordion-button::after {
    background-image: url(../img/plus.svg);
}
.custom-card {
    background-color: #f0f0f0;
    border: none;
    /* border-radius: 0px 100px 10px 0px;  */
    border-radius: 2rem;
    overflow: hidden;
    transition: transform 0.3s;
    text-align: center;
  }
 
  .custom-card p{
    text-align: center;
  }

  .custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }

 

  .custom-btn {
    background-color:rgb(255, 25, 0);
    color: white;
    border-radius: 30px;
    padding: 6px 20px;
    font-weight: 500;
  }

  .custom-btn:hover {
    background-color: #0056b3;
  }
  

.c-preview {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.c-preview__image {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000
    url(https://images.unsplash.com/photo-1471479917193-f00955256257?dpr=1&auto=format&crop=entropy&fit=crop&w=800&h=400&q=80&cs=tinysrgb)
    no-repeat center center;
  background-size: cover;
  z-index: 0;
	background-size: cover !important;
}

.c-preview__info {
  display: block;
  position: relative;
  z-index: 1;
  -ms-flex-preferred-size: 85%;
  flex-basis: 85%;
  padding: 2em;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  /* display: flex; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.c-preview__info::after {
  content: "";
  border: 0;
  border-left: 2rem solid rgba(0, 0, 0, 0.5);
  border-top: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
  position: absolute;
  right: -2rem;
  top: 50%;
  margin-top: -30px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}

.c-preview__title  {
  margin: 0;
}

.c-preview__title::after {
  content: "";
  width: 40px;
  height: 0;
  display: block;
  border-top: 2px solid #fff;
  margin: 0.5em 0;
}

.c-preview__stats {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}

.c-preview__stats li {
  margin: 0.5em 0;
}

.c-preview:hover .c-preview__info {
  background: rgba(155, 0, 0, 0.7);
  -ms-flex-preferred-size: 85%;
  flex-basis: 85%;
}

.c-preview:hover .c-preview__info::after {
  border-left: 2rem solid rgba(155, 0, 0, 0.7);
  opacity: 0;
}
.canada_market {
  background: -o-linear-gradient(45deg, #00082299, #00082299),
    url(../img/picture-city-with-word-middle-bottom.webp);
  background: linear-gradient(45deg, #00082299, #00082299),
    url(../img/picture-city-with-word-middle-bottom.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.cust_btn {
  padding: 0.35rem 1.5rem;
  background-color: var(--theme-blue);
  border-radius: 50rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--white);
  /* font-weight: bold; */
}

.cust_btn:hover {
  background-color: #1b8fd5;
}
.need_box p{
    color: white;
  position: relative;
  padding-left: 1rem;      /* space for the dot */
  text-indent: -10px; 
}
.need_box p::before{
      content: "•";
  color: white;
  position: absolute;
  left: 0;
  top:0;           /* fine-tune for vertical alignment */
  font-size: 1.2em;
}   
  

.cust_btn1 {
  padding: 0.35rem 1.5rem;
  background-color: var(--theme-blue);
  border-radius: 50rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: var(--white);
  /* font-weight: bold; */
}

.cust_btn1:hover {
  background-color: #1b8fd5;
}

.dropdown-menu li:not(:last-child){ 
    border-bottom: 1px solid #f1f1f1;
}


.star-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.star-rating input[type="radio"] {
  display: none;
}
.star-rating label {
  font-size: 2rem;
  color: #ccc;
	    line-height: .8;
  cursor: pointer;
}
.star-rating input[type="radio"]:checked ~ label {
  color: gold;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: gold;
}
.Contribution_box_li p{
color: white;
}
.Contribution_box_li ul li p,
.Contribution_box_li ul li::marker{
color: white;
}
.welcom_imgbox,
.vis_mis_box1image {
    height: 16rem;
}
 

.project_boxes .project_box_main .project_name div{ 
overflow: hidden;
display: -webkit-box; 
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; 
}
.faq_acc .accordion-button {
    border-radius: .3rem;
    /* border: 1px solid #26589f; */
    padding: 0rem 0rem 1rem;
    padding-left: 0;
    border-bottom: 1px solid #26589f;
}
.faq_acc .accordion .accordion-body {
    background: #efefef;
}
.faq_acc .accordion-item {
    margin-bottom: 1rem;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    border: 0;
}

.faq_acc .accordion-button {
    border-radius: .3rem;
    /* border:1px solid #26589f; */
    padding: 0rem 0rem 1rem;
    padding-left: 0;
    border-bottom: 1px solid #26589f;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.ongoing_proj_content *{
font-size:100%;
	color:white !important
}