@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

    body {
        background-color: #0d0529 !important;
        color: white !important;
        font-family: 'Inter', sans-serif;
        transition: 0.5s;
        scroll-behavior: smooth;
    }

    .logo_box {
        display: flex;
        align-items: center;
    }

    .logo_box span {
        font-size: 18px;
        font-weight: 600;
        margin-left: 10px;
        color: black;
    }

    .logo_box img {
        width: 70px
    }

    .header_background_color {
        background-color: #F5F5F5;
        border-radius: 0px 0px 20px 20px;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 11;
        margin-bottom: 20px;
    }

    .flex_rows {
        display: flex;
        align-items: center;
    }

    .header_listing_ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .header_listing li {
        font-size: 15px;
        font-weight: 600;
        transition: 0.3s;
        cursor: pointer;
    }

    .header_listing a {
        color: black;
    }

    .header_listing li:hover {
        color: #FF8300;
        border-bottom: 1px solid #FF8300;
        padding-bottom: 5px;
    }

    a {
        text-decoration: none !important;
    }

    a:hover {
        text-decoration: none;
    }


    .dropdown {
        position: relative;
        display: inline-block;
        border-bottom: none !important;
        padding-bottom: 0px !important;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dropdown-menu li {
        padding: 10px;
    }

    .dropdown-menu li a {
        text-decoration: none;
        color: #333;
    }

    .dropdown-menu li:hover {
        background-color: #f1f1f1;
    }

    p {
        margin-bottom: 0px !important;
    }

    .headeing {
        font-size: 35px;
        text-transform: capitalize;
        font-weight: 600;
        letter-spacing: 0.9px;
    }

    .typewriter_text {
        font-size: 35px;
        text-transform: uppercase;
        color: #FF8300;
        margin: 20px 0px;
        font-weight: 600;
        height: 50px;
    }

    .descriptions {
        font-size: 20px;
        text-transform: capitalize;
    }

    .web_button {
        background-color: #FF8300;
        border: 2px solid #FF8300;
        color: white;
        border-radius: 25px;
        padding: 10px 40px;
        display: flex;
        align-items: baseline;
        transition: 0.3s;
    }

    .margin_top_banner {
        margin: 100px 0px;
    }

    .web_button i {
        margin-left: 10px;
    }

    .web_button:hover {
        background-color: transparent;
        color: white;
    }

    .margins_button {
        margin: 30px 0px;
    }

    .calculate_text {
        font-size: 35px;
        text-transform: capitalize;
        font-weight: 600;
    }

    .form-control {
        color: white !important;
        border-radius: 0px !important;
        padding: 20px 10px !important;
        background: transparent !important;
    }

    .form-control:focus {
        background-color: transparent !important;
        border: 1px dotted !important;
        box-shadow: none !important;
        color: white !important;
        border-radius: 4px !important;
    }

    .form-control::placeholder {
        color: #f5f5f59e !important;
    }

    .counter {
        background-color: white;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 50px;
        transition: 0.5s;
    }

    .counter:hover {
        transform: scale(1.10);
    }

    .counter_number_text {
        font-size: 45px;
        font-weight: 600;
        color: black;
        letter-spacing: 2px;
        white-space: nowrap;
    }

    .counter_text {
        font-size: 18px;
        font-weight: 600;
        color: #FF8300;
        white-space: nowrap;
    }

    .lines_height {
        line-height: 1.2;
        text-align: center;
    }

    .title {
        font-size: 35px;
        text-align: center;
        text-transform: capitalize;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .title_bottom {
        border-bottom: 2px solid #FF8300;
        width: 100px;
    }

    .thrd_icon {
        color: #FF8300;
        font-size: 45px;
    }

    .thrd_text {
        font-size: 35px;
        font-weight: 600;
        color: black;
    }

    .flip-card {
        background-color: transparent;
        height: 170px;
        perspective: 1000px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px;
    }

    .flip-card-inner {
        position: relative;
        line-height: 1.3;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.6s;
        transform-style: preserve-3d;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }

    .flip-card:hover .flip-card-inner {
        transform: rotateX(180deg);
    }

    .flip-card-front,
    .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 10px;
    }

    .flip-card-front {
        background-color: white;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .flip-card-back {
        background-color: #2980b9;
        color: white;
        transform: rotateX(180deg);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .back_text {
        font-size: 18px;
        margin: 12px;
    }

    .flxe_items_web {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .woring_cards {
        border: 1px solid white;
        background-color: transparent;
        height: 350px;
        margin-top: 30px;
        transition: 0.5s;
    }

    .woring_cards:hover {
        background-color: #2980b9;
        border: 1px solid transparent;
        box-shadow: 0px 0px 10px #2980b9;
    }

    .circles {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .round_circle {
        width: 100px;
        height: 100px;
        background-color: rgb(231, 229, 229);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FF8300;
        box-shadow: 0 1rem 3rem 0 1rem 3rem rgba(122, 122, 122, 0.57) !important;
    }

    .orange_cube {
        width: 40px;
        height: 40px;
        background-color: #FF8300;
        border-radius: 4px;
        rotate: 45deg;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }

    .orange_cube i {
        rotate: -45deg;
    }

    .bdt_badge {
        width: 80px;
        display: block;
        background: white;
        color: #7c7c7c;
        text-align: center;
        border-radius: 25px;
        padding: 3px 10px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .flex_Center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .woring_card_title {
        font-size: 17px;
        font-weight: 600;
    }

    .description_cards {
        margin-top: 25px;
        text-align: center;
    }

    .woring_card_desciption {
        font-size: 14px;
        font-weight: 400;
    }

    .clients_review {
        border-radius: 20px;
        height: 400px;
        box-shadow: 0px 0px 10px #2980b9;
        transition: 0.5s;
    }

    .profile img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .profile p {
        color: black;
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 20px 0px;
    }

    .profile {
        text-align: center;
    }

    .stars {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0px 60px;
    }

    .stars i {
        color: #fec42d;
        font-size: 20px;
    }

    .profile_description p {
        color: black;
        margin: 10px;
        text-align: center;
        font-size: 14px;
        text-transform: capitalize;
    }

    .margin_top_div {
        margin-top: 30px;
    }

    .review_card1 {
        transform: scale(1.06);
    }

    .review_card2 {
        transform: scale(1.05);
    }

    .review_card3 {
        transform: scale(1.04);
    }

    .clients_review:hover {
        background-color: #2980b9;
    }

    #scrollToTopBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1;
    }

    .scroll_up_btn {
        background-color: #FF8300;
        color: #fff;
        border: none;
        border-radius: 50%;
        width: 40px;
        font-size: 14px;
        height: 40px;
    }

    .shine {
        --a: 8deg;
        /* aspect-ratio: 1; */
        /* border-radius: 20px; */
        transform: perspective(400px) rotate3d(var(--r, 1, -5), 0, calc(var(--i, 1)*var(--a)));
        -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #f5f5f5 20%) 100% 100%/250% 250%;
        transition: .4s;
        cursor: pointer;
    }

    .shine:hover {
        --i: -1;
        -webkit-mask-position: 0 0;
    }

    .company_logo {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .company_logo img {
        width: 100%;
        height: 50px;
        object-fit: contain;
    }

    .company_logo_box {
        border: 1px solid white;
        background-color: #FF8300;
        padding: 30px;
    }

    .footer_background_color {
        background-color: white;
        padding: 30px 0px;
    }

    .footer_logo img {
        width: 150px;
    }

    .footer_description {
        color: black;
        font-size: 18px;
        font-weight: 600;
        margin: 20px 30px 20px 0px;
    }

    .social_icons {
        display: flex;
        align-items: center;
        margin: 20px 0px;
        height: 60px;
    }

    .icon_back:hover {
        background-color: #FF8300;
        color: white;
        border: 1px solid transparent;
        margin-bottom: 10px;
    }

    .icon_back:first-child {
        margin-left: 0px;
    }

    .icon_back a {
        color: black;
    }

    .icon_back:hover a {
        color: white;
    }

    .icon_back {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid black;
        font-size: 20px;
        color: black;
        margin-left: 10px;
        cursor: pointer;
        transition: 0.5s;
    }

    .footer_text_title {
        font-size: 25px;
        font-weight: 600;
        color: black;
        text-transform: capitalize;
    }

    .main_listing {
        margin-top: 30px;
    }

    .main_listing ul {
        list-style: none;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    .main_listing ul li a {
        color: black;
    }

    .main_listing ul li {
        font-size: 18px;
        color: black;
        padding: 10px 0px;
        /* white-space: nowrap; */
    }

    .maps {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer_row_flex {
        display: flex;
        align-items: center;
    }

    .maps i {
        margin-right: 10px;
    }

    .footer_coppyright {
        margin: 20px 0px !important;
        font-size: 20px;
        text-align: center;
        text-transform: uppercase;
    }

    .faq_wrapper {
        /* width: 60%; */
    }

    .faq_container {
        background-color: white;
        color: black;
        border-radius: 20px;
        box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);
        margin: 20px 0;
    }

    .question {
        font-size: 1.2rem;
        font-weight: 600;
        padding: 20px 80px 20px 20px;
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .question::after {
        content: "\002B";
        font-size: 2.2rem;
        position: absolute;
        right: 20px;
        transition: 0.2s;
    }

    .question.active::after {
        transform: rotate(45deg);
    }

    .answercont {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s;
    }

    .answer {
        padding: 0 20px 20px;
        line-height: 1.5rem;
    }

    .frame_desien {
        width: 80px;
        height: 80px;
        background-color: #FF8300;
        color: white;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        rotate: 45deg;
    }

    .flex_frams {
        display: flex;
        align-items: center;
        padding: 30px 0px;
    }

    .frame_desien i {
        rotate: -45deg;
    }
    
    .hover_none:hover{
        border-bottom: 0px !important;
    }

    .Black_back {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 1px 0;
        background-attachment: fixed;
    }

    .fram_img {
        width: 100%;
        border: 10px solid gray;
        transition: box-shadow 0.1s, transform 0.1s;
    }

    .fram_img:hover {
        box-shadow: 0px 0px 25px gray;
        cursor: pointer;
    }

    .slider_background {
        background: #ffffffad;
        color: black;
        padding: 1px 0;
    }

    .slide{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .slide img {
        width: 100px;
        animation: scroll 60s linear infinite;
    }

    .slide-track {
        width: 100%;
        display: flex;
        gap: 3em;
        overflow: hidden;
    }


    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translatex(-1000%)
        }
    }








    .slide-container {
        padding: 40px 0;
    }

    .slide-content {
        margin: 0 40px;
        overflow: hidden;
        border-radius: 25px;
    }

    .slider_card {
        border-radius: 25px;
        background-color: #FFF;
    }

    .image-content,
    .card-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px 14px;
    }

    .image-content {
        position: relative;
        row-gap: 5px;
        padding: 25px 0;
    }

    .overlay {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #4070F4;
        border-radius: 25px 25px 0 25px;
    }

    .overlay::before,
    .overlay::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -40px;
        height: 40px;
        width: 40px;
        background-color: #4070F4;
    }

    .overlay::after {
        border-radius: 0 25px 0 0;
        background-color: #FFF;
    }

    .card-image {
        position: relative;
        height: 150px;
        width: 280px;
        border: 3px solid white;
        padding: 3px;
    }

    .card-image .card-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border: 4px solid #4070F4;
    }

    .name {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        text-transform: capitalize;
    }

    .slider_description {
        font-size: 14px;
        color: #707070;
        text-align: center;
    }

    .slider_view_button {
        border: none;
        font-size: 16px;
        color: #FFF;
        padding: 8px 16px;
        background-color: #4070F4;
        border-radius: 6px;
        margin: 14px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .slider_view_button:hover {
        background: #265DF2;
    }

    .swiper-navBtn {
        color: #6E93f7;
        transition: color 0.3s ease;
    }

    .swiper-navBtn:hover {
        color: #4070F4;
    }

    .swiper-navBtn::before,
    .swiper-navBtn::after {
        font-size: 35px;
    }

    .swiper-button-next {
        right: 0;
    }

    .swiper-button-prev {
        left: 0;
    }

    .swiper-pagination-bullet {
        background-color: #6E93f7;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #4070F4;
    }
    
    /*start contact us css*/
    
    
    select {
      color: #fff;
      background-color: #0d0529;
      border: 1px solid white;
      padding: 10px;
      border-radius: 0px;
      width: 100%;
    }
  
  
    .web_breadcrumb ul {
        list-style: none;
        display: flex;
        align-items: center;
    }

    .web_breadcrumb ul li:first-child {
        margin-left: 0px;
    }

    .web_breadcrumb ul li {
        font-size: 16px;
        font-weight: 600;
        margin-left: 10px;
    }
    
    .title_description{
        font-size: 18px;
        text-transform: capitalize;
    }
    
    .alignCenter {
      align-items: center;
      display: flex;
    }
    
    .information_box_contact {
      align-items: center;
      border: 1px solid #fff;
      display: flex;
      height: 80px;
      justify-content: center;
      width: 80px;
    }
    
    .contact_box_title {
      color: #FF8300;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      letter-spacing: .04em;
      line-height: 19px;
      margin-bottom: 5px;
      text-decoration-line: underline;
      text-transform: uppercase;
    }
    
    .contact_box_description {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      margin-bottom: 0;
    }
    
    .contact_box_description a{
        color:white;
    }
    
    .contact_box_description a:hover{
        color:white;
    }

    .MarginTopContactDiv:first-child {
      margin-top: 0;
    }
    
    .MarginTopContactDiv {
      margin-top: 30px;
    }
    
    .alignCenter2, .contact_social_boxes {
      align-items: center;
      display: flex;
      justify-content: center;
    }
    
    .background_Contact {
      background: white;
      padding: 177px 122px;
    }
    
    .connet_title {
      font-size: 18px;
      font-weight: 500;
      line-height: 30px;
      text-align: center;
    }
    
    .connet_title {
      color: black;
      letter-spacing: .04em;
    }

    .connectDesh, .loginDesh, .titleDesh {
      align-items: center;
      display: flex;
      justify-content: center;
    }
    
    .flex_icons_contact {
      align-items: center;
      display: flex;
      margin-top: 10px;
    }
        
    .leftIconsContact:first-child {
      margin-left: 0;
    }
    
    .leftIconsContact {
      margin-left: 10px;
    }
    
    .contact_social_boxes {
      background: #0d0529;
      border-radius: 4px;
      color: #fff;
      font-size: 25px;
      height: 46px;
      transition: .3s;
      width: 46px;
    }
    
    .top_bottom_space_border{
        margin: 50px 0px;
        border: 1px solid white;
    }
    
    .contact_social_boxes:hover {
      filter: drop-shadow(0 4px 4px rgba(0,0,0,.4));
    }
    

    .form-control option{
      background-color: #0d0529 !important;
    }
    
    select option:checked {
      color: white !important ;
    }
    
    .padding_inputes{
        padding:35px !important;
    }
    
    /*end contact us css*/
    
    
    /*Start About us css*/
    
    .marginTopSection{
        margin-top:80px;
    }
    
    .backgroundSideCard_image{
     border: 10px solid #adadad;
    }
    
    .bound_card{
        height: 400px;
        overflow-y: scroll;
    }
    
    .bound_card .card-body{
        color:black;
    }
    .flex_bound{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .bound_div_icon{
      width: 100px;
      height: 100px;
      background: #0d0529;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      font-size: 50px;  
    }
    
    .bound_div_icon:hover i{
        rotate:360deg;
    }
    
    .bound_div_icon i{
        transition: 0.5s;
    }
    
    .bound_title{
        font-size: 23px;
        font-weight: 600;
        margin: 10px 0px;
    }
    
    .border_bount_bottom{
        border-bottom: 2px solid #0d0529;
        margin-bottom: 10px;
    }
    
    .box-desc {
        position: relative;
        color:black;
    }
    
    .box-desc h5{
        font-size:20px;
        font-weight:600;
        text-transform: capitalize;
    }
    
    .box-desc p{
        font-size:16px;
        font-weight:400;
        margin-bottom:10px !important;
    }
    
    .team_box {
        border-radius: 100px;
        background: #fff;
        position: relative;
        overflow: hidden;
        text-align: center;
        transition: all 0.3s ease;
    }

    .team_box:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 0px;
        height: 100%;
        border-radius: 100px;
        box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.30);
        transition: all 0.3s ease;
        background-image: linear-gradient(65deg, #007BFF 0%, #FF8300 100%);
    }

    .team_box:hover:before {
        width: 100%;
    }

    .team_box:hover .image-wrapper {
        padding: 0;
    }

    .team_box:hover .box-desc {
        color: #fff;
    }

    .team_box:hover .team_box_social li a {
        background: #fff;
        background-image: none;
        color: #000;
    }

    .team_box:hover .team_box_social li a:hover {
        background: #1d1d1d;
        color: #fff;
    }
    
    ul.team_box_social {
        padding: 0;
    }

    ul.team_box_social li {
        display: inline-block;
        list-style-type: none;
    }

    ul.team_box_social li a {
        position: relative;
        width: 36px;
        height: 36px;
        background-color: #FF8300;
        display: inline-block;
        line-height: 36px;
        border-radius: 50%;
        color: #fff;
        transition: all .5s ease;
    }
    
    .image-wrapper {
        position: relative;
        max-width: 210px;
        max-height: 210px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 50%;
        padding: 15px;
        transition: all 0.5s ease;
        box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.20);
    }

    .image-wrapper img {
        border-radius: 50%;
        transition: all 500ms ease;
    }
    
    
    /*End About us css*/
    
    
    /*Start Gallery css*/
    
    
    .gallery_relative {
        width: 100%;
        height: 300px;
        position: relative;
    }

    .blur_element {
        width: 100%;
        height: 300px;
        position: absolute;
        top: 0;
    }

    .overlay_blur {
        width: 100%;
        height: 300px;
        background-image: linear-gradient(45deg, #0057b896, #891d1db8);
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .overlay_blur img {
          width: 70%;
          border: 3px solid white;
          transition: 0.5s;
          height: 70%;
          object-fit: cover;
    }

    .overlay_blur img:hover {
        transform: scale(1.1);
    }

    .blur_element img {
        filter: blur(3px);
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    
    .height_card{
        height:450px;
        overflow-Y:scroll;
    }
    /*End Gallery css*/
    
    
    /*Start Services css*/
    
    .service_list_title{
        font-size: 22px;
        font-weight: 600;
        color: #FF8300;
        margin-bottom: 10px !important;
    }
    
    .service_list ul{
        line-height:2.1;
    }
    
    .kbs_credit_Card{
        width: 100%;
        border: 3px solid white;
        background: #daf2f47a;
    }
    
    
    
    /*End Services css*/


    @media screen and (max-width: 768px) {
        .slide-content {
            margin: 0 10px;
        }

        .swiper-navBtn {
            display: none;
        }
    }