body {
    margin: 0;
    padding: 0;
    /* font-family: "Poppins", sans-serif; */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
      background: white;
      overflow-X: hidden;
      letter-spacing: .5px;
}

*{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";

}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .iti--separate-dial-code .iti__selected-flag{
background-color: #fff !important;
}

#paginationUl li a{
    background-color: #01ad8bfb !important;
    color: white;
}

#paginationUl li a:focus {
    box-shadow: #06d6aca9;
}
.page-link:focus{
    box-shadow: none;
}

.activeli a {
    color: black !important;
}



.adventure_ads{
    position: relative;
}

.adventures{
    position: absolute;
    top: -35px;
    left: -25px;
}
.adventures img{
    width: 60px !important;
}
/* event css start here  */


/* event css endings here  */

.carousel_home_section,.abt_home_section,.sub_home_section,.astrology_home,.banking_home,.blog_home,.car-rental-bg,
.career_home,.contact-creator-bg,.dating_app_home,.web_development,.ecommerce_bg,.ed_home_section,.fantasy-app,
.cricket-app,.game_home_section,.game_home_section,.game_hero,.fantasy-app,.fintech_bg_img,.fitness_bg,.hc_home_section,
.transport_home,.mlm-software-develop-bg,.portfolio_home_section,.privacy_home,.real-estate-hero,.contact-us-top,
.startups_hero,.taxi-booking-app-bg,.tour-travel-app-develop,.travel-hospitility-bg,.video_stream_app_home{
    margin-top: 90px !important;
}
 .toggler_icon_menu{
    display: none !important;
}
.offcanvas{
    /* background: #02667b !important; */
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
}
.offcanvas-backdrop.show{
    background: #02667b !important;
    opacity: 0.9;
}
.home-carousel{
    background: url('../images/home-images/hero-bg-imgs.webp');
    height: 460px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position: relative;
    z-index: 0;
}
.home-carousel::before{
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            background:rgba(0, 0, 0, 0.61);
            height: 100%;
            width: 100%;
            border-radius: 20px;
            z-index: -1;
}
.carousel-inner {
    border-radius: 20px;
}
.slider_text {   
   padding: 40px 0px 20px 50px;
}

.slider_text h1 {
    font-size: 2.2rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.04em;
}
.slider_text span {
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -.04em;
    margin-bottom: 10px !important;
}
.slider_para_text {
    font-size: 1rem;
    line-height: 1.5rem;
}
.slider_buttons {
    margin-top: 60px;
}
.slider_buttons a:nth-child(1) {
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 14px;
    background: white;
    border: 1px solid white;
    font-weight: 600;
    color: #02677ba6;
}
.slider_buttons a:nth-child(1):hover {
    background: none;
    border: 1px solid white;
    color: white;
}
.slider_buttons a:nth-child(2) {
    text-decoration: none;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid white;
    color: white;
    margin-left: 10px;
}








.hero_imgs{
    height: 430px;
    width: auto;
}
.hero_imgs img{
    width: 100%;
    height: 100%;
}
.navbar-toggler {
    border: none;
    outline: none;
}
.toggler_icon img{
    height: 35px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.modal_header{
    text-align: center;
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    background: white;
    /* padding-top: 15px; */
    box-shadow: 0 4px 10px rgba(20, 100, 255, .1);
}
.modal-title {
    font-size: 25px;
    font-weight: 700;
}
.btn-close {
    background-color: white;
}
.header_accordian{
    display: none;
}
.mobile_about ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mobile_about ul li{
    padding: 10px;
    list-style: none;
    background: white;
    border-radius: 5px;
}
.mobile_about ul li a{
    text-decoration: none;
    color: white;
}
.mobile_web_dev ul{
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mobile_web_dev ul h4{
    text-align: start;
    font-size: 16px;
    font-weight: 600;
}
.mobile_web_dev ul h4 a{
    text-decoration: none;
    color: white;
}
.mobile_web_dev ul li{
    list-style: none;
    background: white;
    padding: 8px;
    border-radius: 5px;
    text-align: start;
}
.mobile_web_dev ul li a{
    text-decoration: none;
    color: white;
}
.web-modal-content {
    padding: 20px;
    background: url('../images/contact-us.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.web-modal-content::before {
    content: '';
    background: #000000e8;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.soial_jmg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}
.soial_jmg img {
    width: 100%;
    height: 100%;
}
.modal-body{
    padding: 10px 10px 0px 10px;
}
.social_title {
    font-size: 18px;
    font-weight: 600;
    color: white;
}
.social_link_modal {
    height: 30px;
    width: 30px;
    border-radius: 3px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_link_modal:hover {
    background: rgba(0, 0, 255, 0.603);
}
.social_link_modal:hover i {
    color: white;
}
.inner_modal_content p {
    font-size: 25px;
}
.social_link_modal i {
    font-size: 22px;
}
.modal_form .form-control input {
    outline: none;
}
.modal_form .form-control textarea {
    outline: none;
}
.web_modal_form .form-control {
    background: 0 0;
    border: 1px solid #7e7e7e;
    height: 45px;
    margin-bottom: 30px;
    color: white;
    border-radius: 0px;
}
.web_modal_form .form-control::placeholder {
    color: #9e9e9e;
}
.web_modal_form textarea {
    background: 0 0;
    border: 1px solid #7e7e7e;
    margin-bottom: 30px;
    color: white;
    padding: 5px;
}
.web_modal-footer button {
    background: rgb(132, 132, 132);
    color: black;
    padding: 10px;
}
.web_modal-footer button:hover {
    background-color: white;
}
.red {
    color: red;
}
.full {
    font-size: 15px;
}
.mdl_bg {
    background: #049e9d;
    border-radius: 20px;
    padding: 20px;
}
.mdl_bg img {
    width: 100%;
} 
.modal_form_new{ 
    background: white; 
    position: relative;
    padding-top: 50px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);    
    border-radius: 20px;

}
.modal_form_new .btn-close{
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid;
    padding: 5px;
    font-size: 10px;
}

.modal_form_new .btn-close{
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #959595;
    padding: 5px;
    font-size: 10px;
}

.modal_form_new .form-control{
    border: 1px solid #959595;
    padding : 10px;
    border-radius: 15px;
    margin-bottom: 10px;
} 

.modal_form_new .form-control input, .modal_form_new .form-control textarea{
    box-shadow: 0px 0px !important;
    border: 0px !important;
    outline: 0px !important;
}
.modal_form_new .modal-footer{
    padding: 0px;
    margin-top: 10px;
}
.modal_form_new .modal-footer button{
    position: relative;
    box-shadow: rgba(20, 100, 255, 0.1) 0px 4px 10px;
    background: linear-gradient(rgb(47, 174, 166), rgb(2, 102, 123) 99%); 
    border-radius: 20px;
    width: 100%;
    padding: 10px;
    color: white;
} 
.safeWindowText{
    text-align: center;
    display: flex;
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 12px;
    width: 100%;
    justify-content: center;
}
.safeWindowText img{
    height: 20px;
    width: 17px;
    margin-right: 5px;
}

.directorDetails{    
    width: 80%;
    background: white;
    border-radius: 20px;
    position: relative;
    margin-top: 33px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
}

.owner_img_win {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: -32px;
}
.owner_img_win img {
    width: 100%;
}
.owner_name_win {
    height: 80%;
    padding: 40px 15px 15px;
    text-align: center;
    margin-top: 10px;
}
.owner_name_win h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 0;
}
.owner_name_win p {
    margin: 0;
}
.owner_name_win .social_info{
    display: block;
    margin: 10px 0px;
}
.left_side_win{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.bottommarq{
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
    margin-top: 20px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
} 
.bottommarq .marquee_logo .marquee-group img{
    margin: 0px 20px;
    filter: grayscale(0);
}
.nextLeftpart{
    text-align: center;
}
.parag1 {
    color: #ffffff;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    margin-bottom: 15px;
}
.parag1 span {
    color: #0092ff;
}
.parag2 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 10px;
}
.project_win{
    position: absolute;
    top: 10px;
    left: 15px;
    font-weight: 600;
}




.modal_form .form-control {
    border: none;
    border-bottom: 1px solid #00ab8970 !important;
    margin-bottom: 15px;
}
.form-control:focus {
    box-shadow: none !important;
}
.modal-footer {
    border-top: 0px !important;
}
.modal-footer button {
    background: #00AB88;
    font-weight: 600;
}

.inform_block p {
    margin-bottom: 0;
    font-size: 13px;
}
.inform_block i {
    font-size: 10px;
}
.navbar-brand img {
    width: 100px;
}
.navbar-expand-lg .navbar-collapse {
    align-items: center;
    justify-content: right;
}

.navbar-expand-lg .navbar-nav{
    align-items: center;
}
.navbar-expand-lg{
    padding: 0px;
}
.about_us_drop {
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    box-sizing: border-box !important;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    width: 300px;
    height: auto;
    top: 81px;
    left: 34%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.about_us_drop h4{
    font-size: 22px;
    font-weight: 600;
}

.about_us_drop ul li {
    list-style: none;
    padding: 10px;
    /* border-bottom: 1px solid #00AB88; */
}
.abt-links{
    text-decoration: none;
}
.abt-links:hover{
    background: rgba(255, 255, 255, 0.116);
     border-radius: 8px;
}
.abt-links img{
    height: 25px;
    width: 25px;
    filter: grayscale(1);
}
.abt-links span p{
    color: rgb(223, 222, 222);
    font-size: 13px;
    font-weight: 400;
}
.abt-links span{
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}
.man_nav_link {
    color: #2F695D;
    padding: 30px 10px !important;
    font-size: .75rem;
    font-weight: 600;
    border-radius: 10px !important;
    /* line-height: 5px; */
}


.man_nav_link svg{
    transition: all 0.2s;
}
.about_drop:hover .navbararrow{
    rotate: -180deg;
}

.about_drop:hover .about_us_drop {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
 
}
.header_drop_img {
    width: 50px;
    height: 50px;
}
.header_drop_img img {
    width: 100%;
}
.header_about_right_panel {
    width: 220px;
    background: white;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .06);
    border-radius: 10px;
    margin-right: 30px;
}
.header_about_right_panel h2 {
    color: #00AB88;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.navbar-collapse ul .nav-item {
    position: relative;
}
.navbar-collapse ul .nav-item:hover .man_nav_link {
    color: #141416 !important;
}

 .navbararrow{
    width: 10px;
    transition: all 0.3s;
    height: 5px;
 }
 .actives:hover .navbararrow{
    rotate: -180deg;
 }
.actives:hover .inner_dropdown_menu {
    display: block;
}
.navbar-collapse>.inner_list_item a {
    padding: 10px 15px !important;
}
.link_list_bg{
    /* background: #02667b; */
    /* padding: 10px; */
    border-radius: 10px;
    height: auto;
}
.link_list_bg b{
    margin: 7px 0px;
   
}
.link_list_bg b a{
    text-decoration: none;
    color: white;
    font-size: 0.9rem;
}

.link_list_bg ul li a span{
              height: 25px;
              width: 25px;
              background:rgb(223, 222, 222);
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 20px;
              padding: 4px;
}
.link_list_bg ul li a span img{
     width: 100%;
}
.link_list_bg ul li a p{
    font-size: 12px !important;
    font-weight: 700;
    color: rgb(223, 222, 222);
}
.dropdown_menu {
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    position: absolute;
    top: 81px;
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    left: 50%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.actives:hover .dropdown_menu {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    
}
.dropdown_menu ul {
    list-style: none;
    padding-left: 0;
}
.dropdown_menu ul li a {
    text-decoration: none;
    color: black !important;
}
.dropdown_menu ul li{
    padding: 12px 10px;
}
.dropdown_menu ul li:hover {
    background: rgba(255, 255, 255, 0.116);
    border-radius: 5px;
    padding: 12px 10px;
}
#service-list{
    position: relative;
}
.service_head{
    font-size: 20px;
    font-weight: 700;
    color: white;
    border-bottom: 1px solid rgb(202, 202, 202);
    margin-bottom: 20px !important;
    padding-bottom: 15px;
    display: block;
}
.trends_solution_list li{
    list-style: none;
}
.inner_sub_list_item {
    padding: 10px;
    /* border-bottom: 1px solid #2F695D !important; */
}
.inner_list_item:hover .inner_dropdown_menu {
    display: block;
}
.next_inner_dropdown {
    background: white;
    position: absolute;
    top: -86px;
    right: -20px;
    width: 300px;
    height: 500px;
    display: none;
    z-index: 1;
    padding: 25px;
}
.next_inner_item:hover .next_inner_dropdown {
    display: block;
}
.inner_dropdown_menu2 ul .inner_sub_list_item {
    border-bottom: 1px solid #2F695D !important;
}
.menu_link_img,
.inner_list_img {
    width: 35px;
    height: 35px;
    padding: 5px;
    background: #00ab8942;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_list_img {
    width: 35px;
    height: 35px;
    padding: 5px;
    background: #c6cac942;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_link_img img,
.inner_list_img img {
    width: 25px;
}
.inner_list_content h5 {
    font-size: 14px;
    margin: 0;
}
.inner_list_content h5:hover {
    color: #00AB88;
}
.inner_list_content p {
    font-size: 11px;
    margin: 0;
}
.dropdown_industry {
    position: absolute;
    top: 81px;
    left: 0px;
    width: 100%;
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    border-radius: 20px;
    left: 50%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.indstr_drop:hover .navbararrow{
    rotate: -180deg;
}
.indstr_drop:hover .dropdown_industry {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.inner_box_item:hover .item_hover_img1 {
    display: block;
}
.dropdown_trends {
    position: absolute;
    top: 81px;
    width: 100%;
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    border-radius: 20px;
    padding: 30px;
    left: 50%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.trend_solutions:hover .dropdown_trends {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.trend_solutions:hover .navbararrow{
       rotate: -180deg;
}
.trends_link ul{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.trends_link ul li{
    list-style: none;
    border-radius: 6px;
    width: 100%;
}
.trends_link ul li:hover{
    background: rgba(255, 255, 255, 0.116);
}
.trends_link ul li a{
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}
.drop_hire_dvlpr {
    position: absolute;
    top: 81px;
    width: 100%;
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    border-radius: 20px;
    padding: 15px;
    left: 50%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.hire_dvlpr:hover .drop_hire_dvlpr {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.hire_dvlpr:hover .navbararrow{
    rotate: -180deg;
}
#post-list li{
     list-style: none;
   padding: 15px 10px;
   border-radius: 8px;
   width: 255px;
}
#post-list li:hover{
      background: rgba(255, 255, 255, 0.116);
}
#post-list li a{
    text-decoration: none;
    color: white ;
    opacity: 0.9;
      
}
#post-list li a img{
    height: 20px;
    width: 20px;
    border-radius: 20px;
    padding: 3px;
    background: rgb(202, 202, 202);
      
}
.inner_box_item {
    position: relative;
}
.item_hover_img1 {
    position: absolute;
    top: 78px;
    left: -365px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}
.item_hover_img1 img {
    width: 100%;
}
.inner_box_item:hover .item_hover_img2 {
    display: block;
}
.item_hover_img2 {
    position: absolute;
    top: 14px;
    left: -365px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}
.item_hover_img2 img {
    width: 100%;
}

.inner_box_item:hover .item_hover_img3 {
    display: block;
}
.item_hover_img3 {
    position: absolute;
    top: -50px;
    left: -365px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}
.item_hover_img3 img {
    width: 100%;
}
.inner_box_item:hover .item_hover_img4 {
    display: block;
}
.item_hover_img4 {
    position: absolute;
    top: -114px;
    left: -365px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}
.item_hover_img4 img {
    width: 100%;
}
.inner_box_item:hover .item_hover_img5 {
    display: block;
}
.item_hover_img5 {
    position: absolute;
    top: 78px;
    left: -584px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}
.item_hover_img5 img {
    width: 100%;
}
.inner_box_item:hover .item_hover_img6 {
    display: block;
}

.item_hover_img6 {
    position: absolute;
    top: 14px;
    left: -584px;
    height: 170PX;
    width: 280PX;
    border-radius: 20px;
    display: none;
    overflow: hidden;
}

.item_hover_img6 img {
    width: 100%;
}

.inner_box_item:hover .item_hover_img7 {
    display: block;
}

.item_hover_img7 {
    position: absolute;
    top: -50px;
    left: -584px;
    height: 170PX;
    width: 280PX;
    border-radius: 20px;
    display: none;
    overflow: hidden;
}

.item_hover_img7 img {
    width: 100%;
    height: 100%;
}

.inner_box_item:hover .item_hover_img8 {
    display: block;
}

.item_hover_img8 {
    position: absolute;
    top: -114px;
    left: -584px;
    height: 170PX;
    width: 280PX;
    border-radius: 10PX;
    display: none;
}

.item_hover_img8 img {
    width: 100%;
    border-radius: 20px;
}

.heading_drop h3 {
    font-size: 19px;
    font-weight: 600;
    color: #00AB88;
}

.drop_img {
    height: 170PX;
    width: 280PX;
    border-radius: 20px;
     overflow: hidden;
}

.drop_img img {
    width: 100%;
}

.indstr_links ul {
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}

.indstr_links ul li {
    list-style: none;
    width: 25%;
    margin-top: 10px;

}

.indstr_links ul li:hover {
    background: rgba(255, 255, 255, 0.116);
    border-radius: 8px;
}

/* .indstr_links ul li:hover a {
    color: #00AB88;
} */

.indstr_links ul li a {
    text-decoration: none;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.inner_indstr_item {
    height: 35px;
    width: 35px;
   
    background: #e1f4f0b7;
    border-radius: 50%;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner_indstr_item img {
    width:22px;
    height: 22px;
    
}
.solution_drop {
    position: relative;
}
/* .dropdown_solution:hover .man_nav_link{
    background: white;
} */
.dropdown_solution {
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    box-sizing: border-box !important;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    width: 300px;
    height: auto;
    top: 81px;
    left: 23%;
    transition: all .4s;
    transform-origin: 50% 0;
    transform: translateX(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
}
.solution_drop:hover .navbararrow{
    rotate: -180deg;
}
.dropdown_solution ul li{
       list-style: none;
       padding: 5px  10px;
       border-radius: 6px;
}
.dropdown_solution ul li:hover{
    background: rgba(255, 255, 255, 0.116);
}
.header_nav_pills {
    display: flex;
    align-items: center;
    justify-content: center;
}
.solution_drop:hover .dropdown_solution {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.header_tab_content {
    display: flex;
    align-items: center;
    justify-content: end;
}

.inner_solution_item ul {
    padding-left: 0;
}

.inner_solution_item ul li {
    list-style: none;
}

.inner_solution_item ul li a {
    text-decoration: none;
    color: #000;

}

.header_tab_pane {
    padding: 10px !important;
    background: white;
    height: 330px !important;
    width: 790px !important;
}

.header_tab_pane ul li a:hover {
    border-radius: 15px;
    background: #d6e8c8;
}

.width {
    height: 425px !important;
    width: 840px !important;
}

.header_tab_pane ul {
    padding-left: 0px;
}

.header_tab_pane ul li {
    list-style: none;
}

.header_tab_pane ul li a:hover .solution_link_img {
    background-color: white;
}

.solution_link_img {
    width: 33px !important;
    height: 33px;
    padding: 3px;
    background: #d6e8c8;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ast_sub_category {
    color: white;
    text-decoration: none;
    padding: 10px !important;
}
.ast_sub_category span{
    color: white;
    font-size: 15px;
    font-weight: 600;
}
.solution_link_img img {
    width: 100%;
}


.carousel-control-next, 
.carousel-control-prev{
    width: 5% !important;
}
/* .carousel-control-prev {
    left: -60px;
}

.carousel-control-next {
    right: -60px;
} */

.carousel-control-next-icon {
    background: url('../images/arrow-right-circle-icon1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-control-prev-icon {
    background: url('../images/arrow-left-circle-icon1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-control {
    background-color: none !important;
}

.contact_bottn {
    font-size: 12px;
    font-weight: 700;
    padding: 14px 15px;
    border-radius: 13px;
    color: white;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background-color: #00AB88;
}

.contact_bttn {
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 13px;
    border: 1px solid #02667b;
    color: #03758b;
    /* color: #fff; */
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
    
}
.web_contact_bttn{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 13px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.web_contact_bttn:hover{
    background: #fff;
    color: black;
}
.contact_bttn:hover {
   color: #fff;
    background: #02667b;
}

.web_app_section {
    padding: 40px 0px;
}

.heading_text h1 {
    color: #141416;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 55px;
}

.heading_text p {
    color: #2F695D;
    margin-bottom: 25px;
    line-height: 30px;
    font-size: 18px;
}

.contact_bottns {
    text-decoration: none;
    color: #169bc7;
    border: 1px solid #169bc7;
    border-radius: 10px;
    padding: 8px 25px;
}
.home_services {
    overflow: hidden;
}
.left-heading h2 {
    color: #141416;
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 25px !important;
    letter-spacing: -.04em;
}
.left-heading_border {
    height: 3px;
    width: 165px;
    background: #00AB88;
    margin-bottom: 10px;
}

.left-part a {
    text-decoration: none;
    border: 1px solid #2F695D;
    padding: 10px;
    border-radius: 5px;
    color: #2F695D
}

.left-part a:hover {
    background-color: white;
    border: none;
    box-shadow: 0px 0px 10px grey;
}

.right-part a {
    text-decoration: none;
}

.services_part {
    text-decoration: none;
    background-image: linear-gradient(127deg, #ffffff, #fff 91%);
    border-radius: 40px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    color: black;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .88px;
    line-height: 26px;
    padding: 22px;
    height: calc(100% - 0px);
    width: 250px;
}
.services_part p{
    font-size: 0.89rem;
    line-height: 1.3rem;
   
}

.services_part:hover {
    background: linear-gradient(150deg, #2faea6, #02667b 80%);
}

.services_part:hover .services-title {
    color: white;
}

.services_part:hover p {
    color: white;
}
.services_part_img{
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
}
.Actives {
    background: linear-gradient(127deg, #2faea6, #02667b 91%);
    color: white !important;
}


.Actives h5 {
    color: white;
}

.actives .services-title {
    color: white;
}

.services-title {
    color: #141416;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .7px;
    line-height: 1.3;
}

.marquee_home_services {
    overflow: hidden;
    display: flex;
    padding: 10px 0px 35px 0px;
}

.marquee_inner_services {
    display: flex;
    align-items: center;
    animation: 25s animate infinite linear;
}

@keyframes animate {
    form {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.form_title span{
    color: white;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 10px;
    letter-spacing: -0.04px;
    background: #02677b;
    line-height: 1.25;
    border-radius: 10px;
    box-shadow: 0px 2px 10px white;
}
.inner_form {
    width: 400px;
    border: 4px solid #00ab891d;
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
    border-radius: 20px;
    padding: 25px;

}

.inner_form .form-button {
    border: none;
    background: #2faea6;
    border-radius: 10px;
    padding: 10px;
    color: white;
}


.inner_form .form-control {
    border: none;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0px;
    border-bottom: 3px solid #00ab891d;
    padding: 15px 10px;
    margin-bottom: 10px;
}

.services_section {
    padding: 60px 0px;
    overflow: hidden;
}
.services_head h2,
.web_solutions h2 {
    color: #141416;
    font-size: 2.25rem;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 20px !important;
    letter-spacing: -.04em;
}
.services_head h2 span,
.web_solutions h2 span{
    font-weight: 700; 
}
.services_head p {
    margin-bottom: 30px;
}
.build_section {
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    padding: 20px;
    border-radius: 20px;
}
.web_section {
    padding: 50px 0px;
}
.service_box {
    box-shadow: 0px 0px 10px grey;
    padding: 50px 20px;
    border-radius: 35px;
}
.service_box img {
    margin-bottom: 20px;
}
.service_box h4 {
    font-weight: 600;
    color: rgba(14, 16, 52, 1);
}
.service_box:hover {
    background: rgba(14, 16, 52, 0.998);
}
.service_box:hover h4 {
    color: white;
}
.service_box:hover p {
    color: white;
}
.nav_category {
    background: white;
    padding: 15px;
    border-radius: 10px;
}
.nav_main_category {
    background-color: white;
    border-radius: 50px;
    padding: 5px;
}
.nav_main_category img {
    height: 35px;
    width: 35px;
}
.solution_name{
    font-size: 1rem;
    font-weight: 700;
}
.nav_category .services {
    width: 400px !important;
    box-shadow: 0px 0px 5px grey;
    margin-bottom: 20px;
    color: #141416;
    font-weight: 600;
    width: 240px;
}
.nav_category .services.active,
.nav_category .show>.services {
    background-color: #2faea6 !important;
}
.services-tab-pane{
    height: 400px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
}
.home_pill h4{
    font-weight: 700;
    font-size: 1.5rem;
    position: relative;
}
.home_pill h4::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    background: linear-gradient(89deg, #f2f3f3c5 0, #023843 100%);
    height: 4px;
    width: 30%;
    transition: all 0.7s ease-in-out;
    margin-left: 10px;
}
.home_pill h4:hover::after {
    width: 100%;
}
.home_pill ul{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.home_pill ul li{
         list-style: none;
         margin-bottom: 8px;
}
.home_pill ul li{
    text-decoration: none;
    color: white;
    background: #02677b93;
    padding: 5px 13px;
    border-radius: 50px;
   border: 3px solid #61a4b3bd;
   box-sizing: border-box;
}
.home_pill ul li:hover{
    background: #02667b;
    border: 3px solid #61a4b3f1;
}
.home_pill button {
    border: none;
    background: #049e9d;
    padding: 9px 15px;
    border-radius: 10px;
    font-size: 15px;
    color: white;
    transition: 0.5s;
}
.home_pill button:hover {
    background: white;
    color: #023843;

}
.circle_box1{
    border: 8px solid #00AB88 !important;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transition: .3s;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.circle_box {
    border: 8px solid #f2f2f2;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    transition: .3s;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.circle_box:hover {
    border: 8px solid #00AB88;
}
.circle_img {
    background: white;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
}
.circle_img img {
    height: 30px;
    width: 30px;
}
.circle_box span {
    font-size: 35px;
    font-weight: 600;
}
.circle_box p {
    font-size: 18px;
    font-weight: 600;
    color: #169bc7;
}
.brands_logo {
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    border-radius: 30px;
    padding: 20px;
}
.brands_logo h2 {
    font-weight: 600;
}
.brands_logo ul li {
    width: 33%;
    list-style: none;
    margin-bottom: 15px;
}
.brands_logo ul li img {
    width: 90px;
    /* filter: grayscale(1); */
    filter: brightness(0) invert(0.8);
    transition: 0.5s;
}
.brands_logo ul li img:hover {
    filter: grayscale(0);
}
.brand_more_text{
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.brands_logo a {
    font-size: 15px;
    text-decoration: none;
    color: rgb(214, 214, 214);
    font-weight: 700;
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px 20px;
    transition: all 0.5s;
}
.brands_logo a:hover {
    color: #03758b;
    background: white;
}

.about_img {
    height: 400px;
    width: 400px;
    position: relative;
    text-align: center;
}
.about_img img {
    width: 100%;
    height: 100%;
    transition: all .8s ease-in-out;
}
.about_img img:hover {
    transform: scale(1.1);
}

.about_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_text span{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
}
.about_head_text h2{
    font-weight: 700;
    color: #03758b;
}
.fantasy-app-solution-box h3{
    font-weight: 600;
    font-size: 20px;
}
.reason_box {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%) inset;
    background: white;
    padding: 14px;
    border-radius: 10px;
    color: #3b566e;
}
.reason_box h5 {
    font-size: 18px;
}
.reason_box:hover {
    box-shadow: 0 0 10px rgb(207 207 207);
    color: #049e9d;
}
.reason_circle {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
    border-radius: 50%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
}
.services_box {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%) inset;
    padding: 14px;
    border-radius: 10px;
    height: calc(100% - 0px);
}
.services_box-main{
    margin-bottom: 20px;
    height: calc(100% - 10px);
}
.services_imgs {
    border: 1px solid #169bc7;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.services_box:hover {
    box-shadow: 0 0 10px rgb(207 207 207);
}
.services_box:hover .services_imgs img {
    filter: invert(1);
}
.services_box:hover .services_imgs {
    background: rgba(14, 16, 52, 0.998);
}
.services_box h4 {
    color: #3b566e;
}
.services_box p{
    text-align: justify;
}
.services_box:hover h4 {
    color: #049e9d;
}
.marquee_heading {
    font-weight: 400;
    color: #141416;
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: -.04em;
}
.marquee_heading span{
     font-weight: 700;
     color: #02667b;
}
.marquee_logo {
    overflow: hidden !important;
    display: flex;
    padding: 15px 0px;
}
.marquee-group img {
    filter: grayscale(1);
}
.marquee-group img:hover {
    filter: grayscale(0);
    cursor: pointer;
}
.marquee-group {
    display: flex;
    align-items: center;
    animation: 25s slide infinite linear;
}
.marquee-group img {
    height: 25px;
    width: 90px;
    margin: 0px 35px;
}
@keyframes slide {
    form {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.lets_call_schedul {
    padding-top: 70PX;
}
.inner_section {
    position: relative;
    top: -50px;
    height: 270px;
    /* width: 100%; */
    border-radius: 20px;
    background: linear-gradient(-45deg, #02667b, #d1e5c1, #d1e5c1);
    background-size: 400% 400%;
    animation: 15s infinite gradient2;
    padding: 50px;
}
@keyframes gradient2 {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}
.inner_img {
    position: absolute;
    top: -50px;
    height: 270px;
    width: 270px;
    border-radius: 20px;
    background: linear-gradient(-45deg, #039bb9, #a5be91, #023843);
    background-size: 400% 400%;
    animation: 15s infinite gradient1;
    padding: 50px;
}
@keyframes gradient1 {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}
.inner_img img {
    width: 200px;
}
.head-container {
    width: 100px;
    /* Match this to your image width */
    overflow: hidden;
    /* Ensure the container hides overflow if needed */
    display: inline-block;
    margin-bottom: -10px;
}
#headImage {
    width: 100%;
    transition: transform 0.4s ease;
}
#bodyImage {
    width: 200px;
    display: block;
    padding-left: 45px;
}
.vibrate-head {
    animation: vibrateX 0.4s infinite;
}
@keyframes vibrateX {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}
.side_img {
    background: white;
    height: 80px;
    width: 80px;
    border: 1px solid #00AB88;
    box-shadow: 6px 6px 3px #049e9d;
}
.why_choose_home_img img {
    width: 100%;
}
.tabs_inbx {
    background: #02667b;
    border-radius: 20px;
}
.solution_content {
    background: linear-gradient(to bottom, #2faea6, #02667b);
    border-radius: 20px;
    margin-top: -15px;
    padding: 25px;
}
.tabs_pill .tabs_content.active,
.tabs_pill .show>.tabs_content {
    background: #02677b !important;
    border: 2px solid rgba(255, 255, 255, 0.461);
    height: 90px;
    width: 90px;
    padding: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
}
.tabs_content {
    font-size: 13px;
}

.nav-link:focus,
.tabs_content:hover {
    color: none !important;

}
.tabs_content {
    /* height: 90px;
    width: 90px; */
    padding: 4px !important;
    color: #b8b8b8;
}
.section_who_we h2,
.tabs_title h2,
.why_choose_section h2,
.sectionHeading,
.blog_heading h2{
    font-size: 2.25rem;
    line-height: 1.25;
    letter-spacing: -.04em;
}
.lets_call_schedul h3{
   font-weight: 700;
}
.section_who_we h2,
.tabs_title h2,
.technologies_heading h2,
.sub_services_head  h2,
.features_head h2,
.blog_heading h2, 
.ast_features_head h2, 
.ast_portfolio_head h2{
      font-weight: 400;
}
.hc_portfolio_head h2{
     font-size: 32px;
     font-weight: 400;
}
.hc_portfolio_head h2 span{
    font-weight: 700;
    color: #02667b;
}
.services_head p,
.web_solutions p,
.tabs_title p{
    font-size: 1rem;
    line-height: 1.5rem;
}
.tabs_content:hover {
    color: #b8b8b8;
}
.section_who_we p{
  text-align: justify;
}
.inner_tabs_content ul {
    padding-left: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.inner_tabs_content ul li {
    margin-bottom: 6px;
    color: white;
    background: #02677b93;
    padding: 5px 15px;
    border-radius: 50px;
   border: 3px solid #61a4b3bd;
   box-sizing: border-box;
   border-radius: 10px;
}
.inner_tabs_content ul li:hover {
    background: #02667b;
    border: 3px solid #61a4b3f1;
}
.inner_tabs_content p{
    text-align: justify !important;
}
.tabs_img_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tabs_img {
    width: 390px;
    height: 310px;
    background: #cbe8e2;
    border-radius: 10px;
    overflow: hidden;
}
.tabs_img img {
    width: 100%;
    height: 100%;
}
.tabs_inner_bttn {
    margin-top: 70px;
}
.tabs_inner_bttn  li a {
    text-decoration: none;
    padding: 15px !important;
    margin-bottom: 6px;
    color: white;
    background: #02677b93;
    border-radius: 50px;
   border: 3px solid #61a4b3bd;
   box-sizing: border-box;
   border-radius: 10px;
}
.tabs_inner_bttn a{
    text-decoration: none;
    padding: 10px !important;
    margin-bottom: 6px;
    color: white;
    /* background: #02677b93; */
    border-radius: 50px;
    border: 1px solid white;
    box-sizing: border-box;
    border-radius: 10px;
}
.tabs_inner_bttn a:hover{
    background: #02667b;
    border: 3px solid #61a4b3f1;
}

.sectionHeading span,
.technologies_heading h2 span {
    color: #00AB88;
}
.sectionText {
    font-size: 18px;
    line-height: 30px;
    /* font-weight: 500; */
    color: rgba(0, 0, 0, 0.6);
}
.border-hr {
    position: relative;
}
.progress-images-group {
    height: 300px;
    position: relative;
    width: 100%;
}
.title_pro {
    position: absolute;
    top: 74px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.progress-images-group, .progress-images-group *, .col-solutions_carousel, .col-solutions_carousel * {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.progress-images-group [class*=group-] {
    position: absolute;
    right: 0;
    left: 0;
}
.progress-images-group .group-01 {
    z-index: 1;
    top: 111px;
}
.progress-images-group:hover .group-01 {
    top: 50px;
}
.progress-images-group:hover .title_pro {
    top: 0;
}
.progress-images-group .group-02 {
    bottom: 61px;
    height: 38px;
    overflow: hidden;
    z-index: 0;
}
.progress-images-group:hover .group-02 {
    bottom: 61px;
    height: 116px;
    overflow: hidden;
}
.progress-images-group [class*=group-] {
    position: absolute;
    right: 0;
    left: 0;
}
.progress-images-group .group-03 {
    top: 206px;
    z-index: -1;
}
.border-hr .col-mmwlg{
    width: 20% !important;
   }
.technologies-section-home{
    background: black;
}
.tech_images_box{
    width: 14%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tech_img{
    height: 70px;
    width: 70px;
    margin-bottom: 20px;
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}
.tech_img:hover{
      transform: scale(1.1);
}
.tech_img img{
    width: 100%;
}
.tech_images_box h4{
    font-size: 18px;
    font-weight: 600;
    color: white;
}
.about_us_content {
    border-radius: 30px;
    padding: 12px;
    box-shadow: 0 0 8px 0 #02667b inset;
}
.owner_img {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
}
.owner_img img {
    width: 100%;
}
.owner_name {
    height: 80%;
    border-left: 1px solid black;
    padding-left: 15PX;
}
.owner_name h3 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 0;
}
.owner_name p {
    margin: 0;
}
.about_owner_info {
    display: flex;
    align-items: center;
    justify-content: end;
}
.contact_info {
    font-size: 16px;
    border-radius: 16px;
    padding: 12px 24px;
    /* background-color: #00AB88; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_info {
    font-size: 16px;
    border-radius: 16px;
    padding: 12px 24px;
    background-color: #02667b;
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.home_testimonials {
    background: white;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 4px 40px rgba(20, 100, 255, .1);
}
.tstsmnls_pills .tstsmnls_nav_link.active,
.tstsmnls_pills .show>.tstsmnls_nav_link{
    background: none;
    border-radius: 50%;
    height: 73px;
    width: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    box-shadow: 0 0 8px 0 red !important;
}
.tstsmnls_nav_link {
    width: 160px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_testsmnls_img img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.home_tstsmnl_nav_tab_pane {
    padding: 15px;
}
.home_client_review {
    background: #cbe8e2;
    padding: 15px;
    border-radius: 15px;
}
.home_testimonials .tab-content{
    width: 76%;
}
.tstsmnls_pills {
    border-right: 1px solid black;
    width: 25%;
    max-height: 250px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: nowrap;
}
.home_client_info h3{
    font-size: 20px;
    font-weight: 600;
}
.home_rating i{
    color: rgb(255, 191, 0);
}
.tstsmnls_tab_pane {
    padding: 15px;
}
.portfolio_box {
    background: #02667b;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #02677b;
}
.portfolio_box_img {
    width: 100%;
    height: 230px;
}
.portfolio_box:hover {
    bottom: 0;
}
.portfolio_box:hover .inner_portf_content {
    bottom: 0px;
}
.portf_content {
    background: white;
    position: relative;
    height: 80px;
}
.inner_portf_content {
    padding: 10px 20px;
    background: white;
    width: 100%;
    height: 210px;
    position: absolute;
    left: 0;
    bottom: -95px;
    transition: all 0.5s ease-in-out;
}
.portf_img_head h4 {
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}
.inner_portf_content p{
    font-size: 15px;
    color: grey;
}
.blog_content {
    background: #fafaff;
    border-radius: 25px;
    overflow: hidden;
    text-align: center;
    height:  calc(100% - 0px);
    border: 1px solid #00AB88;

}
.blog_content:hover {
    box-shadow: 0px 2px 10px grey;
}
.log_img img {
    width: 100%;
    height: 200px;
    transform: scale(1);
    transition: all .6s ease-in-out;
}
.log_img img:hover {
    transform: scale(1.1);
}
.blog_inner_content {
    padding: 20px;
   
}
.blog_entry ul li i {
    font-size: 13px;
}
.blog_entry ul li a {
    font-size: 13px;
    color: #02667b;
    text-decoration: none;
}
.blog_inner_content h2 {
    font-size: 17px;
}
.blog_inner_content h2 a:hover {
    color: #00AB88;
}
.blog_inner_content h2 a {
    text-decoration: none;
    color: black;
}
.blog_inner_content p {
    font-size: 16px;
    text-align: justify;
}
.blog_bttn a {
    text-decoration: none;
    color: #00AB88;
    border: 1px solid #00AB88;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
}
.blog_bttn a:hover {
    background: #02667b;
    color: white;
    transition: all .5s ease-in-out;
}
.all_blogs_bttn {
    text-align: center;
    margin-top: 50px;
}

.all_blogs_bttn a {
    text-decoration: none;
    color: #00AB88;
    border: 1px solid #00AB88;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}
.all_blogs_bttn a:hover {
    background: #02667b;
    color: white;
    transition: all .5s ease-in-out;
}
.testimonials {
    background-image: linear-gradient(180deg, #2faea6, #02667b 99%);
}
.tstmonl_img {
    width: 350px;
    height: 350px;
    border: 2px solid white;
    border-radius: 20px;
}
.tstmonl_img img {
    width: 100%;
}
.inner_review_content {
    gap: 80px;
    color: white;
    margin-top: 20px;
}
.clients_name h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}
.clients_name p {
    font-size: 13px;
}
.review_rating {
    background: #ffffff4d;
    padding: 8px;
    border-radius: 5px;
}
.review_rating span i {
    color: #fcc80c;
   
}
.inner_item_carousel {
    box-shadow: 0 2.5px 13px rgb(0 0 0 / 15%);
    padding: 25px;
    background-color: #f9f9f9;
    border-right: 2px solid #6868685c;
    border-radius: 15px;
    border-left: 2px solid #6868685c;
    max-height: 220px;
}
.values_content_head h2 span,
.abt_we_are h2 span,
.sub_benifits_head h2 span,
.left-heading h2 span,
.why_choose_section h2 span,
.tabs_title h2 span,
.blog_heading h2 span,
.testmnl_heading h2 span,
.features_head h2 span,
.features_head h2 span,
.sub_services_head h2 span,
.section_who_we h2 span,
.services_section h2 span,
.web_solutions h2 span,
.marquee_section h2 span,
.hc_portfolio_head h4 span,
.web_service_head span,
.sectionHeading span, 
.technologies_heading h2 span {
    color: #03758b;
    font-weight: 700;
}
.why_choose_section {
    overflow: hidden;
}
.why_inner_content h5 {
    font-size: 17px;
    font-weight: 600;
}
.why_inner_content:hover {
    color: #00AB88;
}
.descp p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    overflow-y: scroll;
    height: 75px;
}
.clint_img_name img {
    height: 80px;
    width: 80px !important;
    margin-right: 15px;
}
.client_name h4 {
    font-size: 18px;
    margin-bottom: 0px;
}
.stars_icon i {
    color: rgb(255, 183, 0);
}
.owl-theme .owl-nav {
    margin: 0px !important;
}
.owl-theme .owl-nav [class*=owl-] {
    font-size: 60px !important;
}
.portfolio_section {
    /* background: #02667b; */
    background: url('../images/technologies-background.jpg');
}
.portfolio_heading h2 {
    color: white;
}
.portfolio_heading h2 span {
    color: #00AB88 !important;
}
.inner_content {
    height: 20rem;
    width: 100%;
    background: #cbe8e2;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.inner_content:hover .portfolio_hover {
    bottom: 0%;
}
.portfolio_hover a img {
    width: 100%;
    height: 75%;
    background: white;
}
.portfolio_hover {
    position: absolute;
    bottom: -100%;
    left: 0;
  
    width: 100%;
    height: 100%;
    transition: all 0.9s;
}
.portfolio_content {
    height: 70%;
    /* background: #03758b; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
}
.portfolio_content a {
    text-decoration: none;
    color: white;
}
.bottom_content {
    background: #a3e5d89e;
    height: 30%;
    padding: 25px;
}
.bottom_content p {
    font-size: 13px;
    font-weight: 600;
}
footer {
    background: black;
    padding: 20px 0px 0px 0px;
}
.build_trst{
    overflow: hidden;
}
.build_trst .trst_txt {
    /* color: #0E342C; */
    font-size: 30px;
    font-weight: 700;
}
.build_trst h2 {
    color: #049e9d;
}
/* .owl-theme .owl-dots,
.owl-theme .owl-nav {
    display: none;
} */
.bg_contact_us_hang_top {
    background: linear-gradient(#02677bbb, black);
    height: 100px;
    border-radius: 20px;
    margin-bottom: -70px;
}
.bg_contact_us_hang_bottom {
    background: linear-gradient( black,#02677bbb);
    height: 70px;
    border-radius: 20px;
    margin-top: -35px;
}
.marquee_rating_card {
    display: flex !important;
    overflow: hidden;
}
.rating_cards {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    animation: 25s rating_card infinite linear;
}
@keyframes rating_card {
    form {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }

}
.inner_rating_card h6 {
    color: white;
}
.inner_rating_card i {
    color: rgb(255, 153, 0);
}
.inner_footer_img img {
    width: 150px !important;
}
.inner_rating_card img {
    width: 110px;
}
.social_media {
    height: 50px;
    width: 50px;
    border-radius: 10px;
    background: white;
    border: 2px solid #02667b;
}
.social_media:hover{
    border: 2px solid white;
}
.social_media_linkedin:hover,
.social_media:hover {
    background-color: rgb(30 58 138);
}
.social_media:hover .fb_icon {
    color: white !important;
}
.social_media_linkedin:hover .linked_icon {
    color: white;
}
.fb_icon {
    width: 18px !important;
    color: rgb(30 58 138) !important;
}
.linked_icon {
    width: 27px !important;
    color: rgb(30 58 138);
}
.social_mediatwt:hover {
    background-color: rgb(34 211 238) !important;
}
.social_mediatwt:hover .twt_icon {
    color: white !important;
}
.twt_icon {
    width: 30px !important;
    color: rgb(34 211 238) !important;
}
.insta_icon {
    width: 26px !important;
    color:#ee2a7b;
}
.social_media_insta:hover {
    background: linear-gradient(190deg, #6228d7,#ee2a7b ,#f9ce34 91%);
}
.social_media_insta:hover .insta_icon {
    color: white;
}
.yt_icon {
    width: 27px !important;
    color: rgb(185 28 28) !important;
    font-size: 20px !important;
}
.social_media_yt:hover {
    background: rgb(205, 10, 10);
}
.social_media_yt:hover .yt_icon {
    color: white !important;
}
.form {
    background: none;
    border-radius: 0px;
    padding: 10px;
    color: white;
    margin: 10px 0px;
    width: 100%;
    border: 1px solid rgb(193, 193, 193);
}
.form:hover {
    border: 1px solid #169bc7;
}
.footer_text {
    font-size: 20px;
    border-bottom: 2px solid whi;
}
.footer_text img {
    height: 30px;
    margin-left: 30px;
}
.footer_text p {
    color: white;
    font-size: 17px;
}
.footer_text span {
    font-size: 17px;
    color: rgb(186, 184, 184);
}
.footer_links {
    border: 1px solid rgb(212, 212, 212);
    position: relative;
    margin-top: 25px;
}
.footer_links .col-md-3 img {
    width: 60%;
}
.inner_link ul {
    list-style: none;
    padding-left: 0px;
}
.inner_link ul li i {
    font-size: 10px;
    color: white;
}
.inner_link ul li a {
    text-decoration: none;
    color: rgb(233, 233, 233);
    font-size: 15px;
}
.social_links ul {
    padding-left: 0px;
    list-style: none;
}
.footer_links_bottom {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translate(-50%);
    height: 100px;
    width: 50%;
    background: #2faea6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 18px;
}
.footer_links_bottom i {
    font-size: 22px;
    color: white;
}
.info_box p {
    font-size: 14px;
    color: white;
    margin-bottom: 2px;
}
.info_box a {
    text-decoration: none;
    color: white;
}
.footer_top button {
    background: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #169bc7;
}
.footer_top button:hover {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
    background: #169bc7;
    color: white;
}

.footer_logo img {
    height: 50px;
}
.footer_bottom ul {
    list-style: none;
    padding-left: 0px;
    text-decoration: none;
}
.footer_bottom h3 {
    font-size: 14px;
    color: white;
    padding: 10px;
    font-weight: 600;
    border-radius: 10px;
    background: rgb(153, 153, 153);
}
.footer_bottom h4 {
    color: white;
    font-weight: 600;
    padding: 10px;
    border-radius: 10px;
}
.footer_bottom ul li a {
    text-decoration: none;
    color: #cfd1d0;
    font-size: 13px;
    line-height: 30px;
    transform: scale(1);
    transition: all .5s ease-in-out;
    padding: 5px;
    border-radius: 3px;
}
.footer_bottom ul li a i {
    font-size: 11px;
}
.footer_bottom ul li a:hover {
    color: white;
    font-size: 15px;
    transform: scale(1.1);
    background: rgba(255, 255, 255, 0.354);
}
.copy_right_txt h6 {
    color: white;
    font-size: 0.95rem;
}
.copy_right_txt p,
.copy_right_txt p a {
    text-decoration: none;
    color: white;
}
div.zsiq_theme1{
    z-index: 20 !important;
}
.chat_with_cover {
    position: fixed;
    bottom: 75px;
    right: 10px;
    z-index: 20;
}
.chat_with_cover a {
    text-decoration: none;
    color: white;
}
.chat_with {
    position: relative;
    /* background-color: #2faea6; */
    background: green;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(20, 100, 255, .1);
    height: 55px;
    width: 55px;
}
.chat_with i { 
    color: white;
    font-size: 30px;
}

.chat_with p:last-child{
    display: none;
}


/* contact us page's css starts here */
.bg_contact_us {
    padding-top: 30px;

}
.information_block {
    background: linear-gradient(to bottom, #2faea6, #02667b);
    box-shadow: 0px 1px 7px #cfcece;
    padding: 25px 40px 35px 40px;
    border-radius: 20px;
    height: calc(100% -0%);
}

.label_input {
    margin-top: 15px;
}

.label_input label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}

.red {
    color: red;
}

.label_input .form-control {
    border: none;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0px;
    border-bottom: 3px solid #00ab891d;
    padding: 15px 10px;
    margin-bottom: 10px;
}

.select_box {
    height: auto;
    background: white;
    width: 100%;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0px;
    padding-right: 15px;
    margin-bottom: 12px;

}
.select_box-contact {
    height: 54px;
    background: white;
    width: 100%;
    border-radius: 10px;
    padding-right: 15px;
    margin-bottom: 12px;
    overflow: hidden;
}

.label_input select {
    border: none;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0px;
    padding: 15px 10px;
    outline: none;
    background-color: white !important;
    appearance: none;
}
.label_input-contact select {
    border: none;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-radius: 0px;
    border-bottom: 3px solid #00ab891d;
    padding: 18px 10px;
    margin-bottom: 10px;
    outline: none;
}
.hs-button {
    background: #2faea6;
    padding: 12px;
    width: 100%;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    font-weight: 700;
}
.address_block {
    padding: 48px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    background: #fafaff;
    border-radius: 20px;
    height: calc(100% - 0%);
}

.offices {
    background-color: white;
    box-shadow: 0px 1px 7px #cfcece;
    border-radius: 10px;
    padding: 50px 10px 15px 10px;
    position: relative;
}

.office_adrs h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.office_adrs p {
    line-height: normal;
    color: #252525;
    font-size: 13px;
    font-weight: 500;
}

.office_adrs a {
    text-decoration: none;
    color: black;
    font-weight: 500;
    font-size: 14px;
}

.office_img {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(180deg, #cfcece, #bfbebe);
    width: 70px;
    height: 72px;
    display: block;
    border-radius: 15px;
    margin: auto;
}

.offices::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, #cfcece, #bfbebe);
    height: 10px;
    width: 50%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
}

.offices:hover .office_img {
    background: linear-gradient(180deg, #049e9d, #3b566e);
}

.offices:hover::after {
    background: linear-gradient(180deg, #049e9d, #3b566e);
}

.job_enquiry {
    background-color: white;
    box-shadow: 0px 1px 7px #cfcece;
    border-radius: 10px;
    padding-bottom: 15px;
}

.job_enquiry h3 {
    padding: 6px;
    font-size: 20px;
    background: linear-gradient(180deg, #cfcece, #bfbebe);
    font-weight: 700;
    color: #3b566e;
    border-radius: 6px;
    margin-bottom: 15px;
}

.job_enquiry:hover h3 {
    background: linear-gradient(180deg, #049e9d, #3b566e);
    color: white;
}

.job_enquiry:hover::after {
    background: linear-gradient(180deg, #049e9d, #3b566e);
}

.job_enquiry img {
    margin-bottom: 15px;
}

.mail_addrs img {

    width: 35px;
}

.mail_addrs a {
    text-decoration: none;
    color: black;
    font-weight: 500;
    font-size: 14px;
}


.info_adrs_contact_mail{
    background: rgba(255, 255, 255, 0.717);
    border-radius: 10px;
    height: 250px;
    padding: 30px 15px;
    border: 1px solid #dedede;
}
.info_adrs_contact_mail:hover{
    box-shadow: 3px 3px 10px #2faea6;
}
.info_adrs_contact_mail h5 {
    font-size: 15px;
    margin-top: 20px;
    color: #023843;
    font-weight: 600;
}
.info_adrs_contact_mail a{
    text-decoration: none;
    color: #000;
}
.info_adrs_contact_mail a:hover{
     border-bottom: 1px solid #03758b;
     color: #02677b;
}
.info_adrs_contact_mail i {
    font-size: 35px;
    color: #02667b;
}
.info_adrs_contact_mail a i{
    font-size: 15px;
}
.contact-us-top{
    background: url('../images/contact_header.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.contact-us-top h1{
    font-weight: 600;
    font-size: 30px;
}
.contact_us_form .form-control {
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.main_contct_us_form {
    background-color: rgba(255, 255, 255, 0.717);
    border-radius: 10px;
    border: 2px solid white;
}
.form_contact_us{
    box-shadow: 0 0px 20px rgba(20, 100, 255, .1);
    border-radius: 10px;
    padding: 28px 25px ;
}
.contact_us_form .form-button {
    border: none;
    background: #2faea6;
    border-radius: 10px;
    padding: 15px;
    width: 130px;
    color: white;
}

.contact_us_form .form-button:hover {
    background: white;
    color: #00AB88;
    border: 1px solid #00AB88;
    transition: all .5s ease-in-out;
}

.contact_us_form_control {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 20px;
}
.footer_enquery a{
    text-decoration: none;
    color: white;
    font-weight: 600;
    background: #2faea6;
    border-radius: 50px;
    padding: 20px 30px;
    transition: all 0.5s ease-in-out;
}
.footer_enquery a:hover{
    color: #049e9d;
    background: white;
    border: 1px solid #049e9d;
}
.contact_us_social_media h4{
    color: white;
    font-weight: 600;

}
.contact_us_social_media h4 a{
    text-decoration: none;
    color: white;
    font-weight: 600;
    transition: 0.5s;
}
.contact_us_social_media h4 a:hover{
   color: #169bc7;
}
.heading_office h2 {
    color: #049e9d;
    font-weight: 700;
}

.location_map {
    padding: 15px;
    border-radius: 10px;
    background: rgba(128, 128, 128, 0.285);
    box-shadow: 0 0px 20px rgba(20, 100, 255, .1);
}

.location_map iframe {
    width: 100%;
}

.office_box {
    background-color: white;
    height: 200px;
    width: 100%;
    text-align: center;
    padding: 10px;
    padding-top: 50px;
    border-radius: 20px;
    position: relative;
}

.inner_build_img {
    background: #cfcfcf;
    height: 70px;
    width: 70px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 10px;
}

.office_box h5 {
    font-size: 18px;
}

.office_box p {
    font-size: 14px;
}

.office_box::after {
    content: '';
    background: #cfcfcf;
    height: 15px;
    position: absolute;
    width: 50%;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.office_box:hover h5 {
    color: #049e9d;
}

.office_box:hover .inner_build_img {
    background: linear-gradient(to bottom, #2faea6, #02667b);
}

.office_box:hover::after {
    background: linear-gradient(to bottom, #2faea6, #02667b);
}

/* contact us page's css endings here */
/* digital marketing services css starts here */
 
.digital-marketing-faqs-head h2{
    font-weight: 700;
    color: #02667b;
}
.digital-marketing-accordion-item{
    border: none;
    box-shadow: 0px 2px 7px grey;
    border-radius: 10px;
}
.digital-marketing-accordion-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    border-radius: 10px;
    margin-top: 10px;
    color: #fff ;
    font-size: 20px;
    font-weight: 600;
}
.digital-marketing-accordion-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
}
.digital-marketing-accordion-bttn:not(.collapsed){
    color: #fff;
}
.industry-icon-box{
    width: 25% !important;
    text-align: center;
}
.digital-industry-icon{
    background: #d68d02 !important;
}
.digital-marketing-box{
    padding: 20px 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #dedcdc;
    border: 3px solid #ececec;
    width: 200px;
    height: 230px;
    transition: all 0.7s;
    transform: scale(1);
}
.digital-marketing-box:hover{
    transform: scale(1.1);
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
    border: 2px solid #02667b;
}
.digital-marketing-benifits-head h2{
    font-size: 30px;
    font-weight: 600;
}
.digital-marketing-box h3{
    color: #02667b;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}
.why-digital-marketing{
    background: linear-gradient(180deg, #d68d02, #f0b803 99%);
}
.why-digital-marketing-img img{
    width: 100%;
}
.why-digital-marketing-content h2{
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 20px;
}
.why-digital-marketing-content p{
     font-size: 18px;
     line-height: 1.7;
     letter-spacing: 1.5px;
}
.why-digital-marketing-bttn a{
    text-decoration: none;
    color: #fff;
    padding: 15px 25px;
    border: 1px solid #fff;
    border-radius: 10px;
    transition: all 0.5s;
}
.why-digital-marketing-bttn a:hover{
    background: #fff;
    color: #f0b803;
}
.digital-marketing-city-and-state{
    background: url('/images/services-images/digital-marketing-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.digital-marketing-city-and-state-head h2{
    font-size: 32px;
    font-weight: 700;
}
.digital-marketing-cities{
    background: #000;
    padding: 20px;
    height: calc(100% - 0%);
}
.digital-marketing-cities-text{
    padding: 40px 10px 0px 40px;
    color: #fff;
}
.digital-marketing-cities h3{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}

.digital-marketing-cities-img{
    width: 360px;
    height: 360px;
    margin: auto;
}
.digital-marketing-cities-img img{
    width: 100%;
}
.digital-marketing-in-country{
    background: #f2f2f2;
}
.digital-marketing-country-head h2{
    font-size: 32px;
    color: #02667b;
    font-weight: 700;
}
.digital-marketing-country-box{
    background: #fff;
    border-radius: 5px;
    height: calc(100% - 0%);
    /* border-top-right-radius: 80px;
    border-bottom-left-radius: 80px; */
    box-shadow: 5px 0px 10px grey;
    transition: all 0.7s;
}
.digital-marketing-country-box:hover{
    margin-top: -10px
}
.digital-marketing-country-img{
    text-align: center;
}
.digital-marketing-country-img img{
    width: 50%;
    height: 150px;
    margin: auto;
}
.digital-marketing-country-content h3{
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}
.digital-marketing-country-content p{
      color: grey;
      font-size: 15px;
      text-align: center;
}
/* digital marketing services css ending here */
/* web development home page starts here */
.web_development {
    background: url('../images/services-images/digital-web-background.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 650px; */
    position: relative;
    margin-top: 10px;
    z-index: 0;
    padding: 40px 0px;
}

.web_development::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #141416cd;
    z-index: -1;
}
.inner_web_section h1{
    font-weight: 700;
}
.inner_web_section p {
    font-weight: 600;
}

.web_section_footer {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .06);
}

.web_section_footer {
    position: relative;
    margin-top: -1rem;
    top: 0px;
    z-index: 1;
    left: 0px;
}

.web_entry {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .06);
    border-radius: 10px;
    margin-right: 30px;
}

.web_entry span {
    color: #00AB88;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}

.dns_about_enqury {
    /* background-color: #02667b; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 30px;
    width: 60%;
    position: absolute;
    bottom: -108px;
    left: 50%;
    transform: translate(-50%);
}

.dns_about_content p {
    margin: 0;
    color: white;
    font-size: 14px;
}

.dns_about_content a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.dns_about_content {
    position: relative;
}

.dns_about_content::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    left: 10px;
    top: 0;
    background: linear-gradient(45deg, #00AB88, #fff, #00AB88);

}

.consult_content h2 {
    font-size: 24px;
    color: white;
}

.consult_bttn a {
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    text-decoration: none;
    font-size: 15px;
}

.enquery_text {
    background-color: #f1b308;
    border-radius: 10px;
    padding: 15px;
    width: 40%;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%);
    transition: all 0.6s ease-in-out;
}

.enquery_text a {
    text-decoration: none;
    color: black;
    font-weight: 600;
}

.enquery_text:hover {
    background-color: white;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
}
.ios_home_marquee{
    padding-top: 75px !important;
}
.web_home_marquee{
    background: #8080800a;
   margin-top: 10rem;
   padding: 20px 0px;
   box-shadow: 0px 5px 7px #02677b14;
}
.solution_marquee{
    background: #8080800a;
   padding: 20px 0px;
   box-shadow: 0px 5px 7px #02677b14;
}
.web_home_marquee .marquee_logo img {
    transition: .4s;
}

.web_home_marquee .marquee_logo img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.innovate-app-development{
    overflow: hiddens;
}
.innovate-content{
    width: 80%;
    margin: auto;
}
.innovate-content h2{
     font-size: 30px;
     font-weight: 700;
     color: #02667b;
}
.innovate-item1{
    background: linear-gradient(180deg, #f4d945, #7d2a6d 99%);
    padding: 20px;
    border-radius: 20px;
}
.innovate-item2{
    background: linear-gradient(180deg, #ae7c2f, #08027b 99%);
    padding: 20px;
    border-radius: 20px;
}
.innovate-item3{
    background: linear-gradient(180deg, #4f2014, #7b0202 99%);
    padding: 20px;
    border-radius: 20px;
}
.innovate-item4{
    background: linear-gradient(180deg, #895dd8, #7d2a6d 99%);
    padding: 20px;
    border-radius: 20px;
}
.innovate-app-text{
    padding: 20px;
}
.innovate-app-text h3{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}
.innovate-app-text p{
    color: #edecec;
    font-size: 15px;
    line-height: 1.8;
}
.innovate-app-img{
    max-width: 350px;

    max-height: 350px;
    min-height: 330px;
    margin: auto;
}
.innovate-app-img img{
    width: 100%;
}






.no-one-mobile-app-company{
    background: #f5f5f5;
}
.no-one-company-text h2{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}
.no-one-company-text h2 span{
    font-weight: 700;
    color: #02667b;
}
.no-one-company-text ul{
    padding-left: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
   gap: 10px;
   margin-top: 20px;
}
.no-one-company-text ul li{
    list-style: none;
    background: #e4e4e4;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
    border: 3px solid #0238435e;
}
.no-one-company-text ul li:hover{
    border: 3px solid #02667b; 
}
.no-one-bttm a{
    text-decoration: none;
    border: 1px solid #02667b;
    color: #02667b;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 30px;
    transition: all 0.5s;
}
.no-one-bttm a:hover{
    background: #02667b;
    color: #fff;
}
.no-one-company-image img{
    width: 100%;
}
.web_left a {
    padding: 13px;
    background: #000;
    color: white;
    border-radius: 10px;
}

.web_left a:hover {
    background: white;
    border: 1px solid #00AB88;
    color: #00AB88;
}

.web_services_img img {
    width: 410px;
    height: 275px;
    border-radius: 10px;
}

.web_mobile_section a {
    text-decoration: none;
}

.pre-line-text{
    text-align: justify;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(71 85 105);
    margin-top: 15px;
}
.home-services-item {
    background-image: linear-gradient(127deg, #fff, #fff 91%);
    border-radius: 40px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    color: #6f8ba4;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .88px;
    line-height: 26px;
    margin-top: 30px;
    padding: 20px;
    position: relative;
}

.home-services-item:hover {
    background: linear-gradient(130deg, #4fdfd5, #02667b 91%);
}

.home-services-item:hover .services-title {
    color: white;
}

.home-services-item:hover p {
    color: white;
}
.home-services-item img {
    filter: grayscale(1);
}

.home-services-item:hover img {
    filter: grayscale(0);
}

.home-services-item p {
    font-size: 13px;
    margin: 0px;
}

.it_consult {
    height: 240px;
    margin-top: -10px;
    margin-bottom: 30px;
}

.html_content {
    height: 250px;
}
.web_service_top_txt,
.short-name,
.feature_title {
    color: #00AB88;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 2px;
}
.section-title,
.web_service_head,
.expert_head,
.why_choose_head,
.techno-head h3,
.process_head h2,
.portfolio_heading h3,
.abt_we_are h3{
    margin-top: 10px;
    font-weight:700;
    font-size: 30px;
    color: rgb(6 75 120);
}
.expert-head-para{
    font-size: 18;
    font-weight: 500;
}
.testmnl_heading h3{
    font-weight:700;
}
.inner_web_services {
    background: no-repeat padding-box #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 25px;
    height: calc(100% - 30px);
}

.inner_web_services:hover {
    box-shadow: 0 6px 9px #00000029;
}

.service_heading {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 22px;
    padding-top: 20px;
    position: relative;
}
.service_heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(89deg, #02667b 0, #00af8c62 100%);
    height: 4px;
    width: 30%;
    transition: all 0.7s ease-in-out;
}
.inner_web_services:hover ::before {
    width: 100%;
}
.service_txt {
    font-size: 15px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    text-align: justify;
}
.service-list {
    padding: 5px 18px;
    background: linear-gradient(89deg, #02667b 0, #fff 100%) no-repeat padding-box;
    margin: 0 0 10px;
    border-radius: 18px;
    display: block;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
}
.go_contact a img {
    width: 45px;
}

.letScheduleSection {
    /* background-color: #00AB88; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    padding: 40px;
    border-radius: 20px;
    box-sizing: border-box;
}

.letScheduleSection h4 {
    font-size: 40px;
    font-weight: 600;
    color: white;
}

.letScheduleSection p {
    color: rgb(234, 234, 234);
    margin-bottom: 30px;
}

.letScheduleSection a {
    border: 1px solid white;
    color: white;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.letScheduleSection a:hover {
    background-color: white;
    color: black;
}

.lets_img img {
    width: 400px;
    height: 200px;
    border-radius: 20px;
}
.expert_nav_pills{
    background: #02667b;
    padding: 20px;
    width: 40%;
    height: 370px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
/* .expert_nav_pills::-webkit-scrollbar{
    height: 6px;
    background-color: #f5f5f5;
    border-radius: 20px;
}
.expert_nav_pills::-webkit-scrollbar-thumb{
    background-color: #5556d1;
    border-radius: 20px;
} */
.expert-tabs{
    width: 65%;
}
.expert_nav_pills .nav-link {
    width: 340px;
    padding: 20px;
    box-shadow: 0 6px 9px #00000029;
    background: #fafafa;
    margin-bottom: 15px;
    color: black;
    display: flex;
    gap: 10px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-align: start;
}

.expert_nav_pills .service_expert_bttn.active,
.expert_nav_pills .show>.service_expert_bttn {
    /* background-color: #00AB88 !important; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
}
.expert_bttn_tabs img{
     width: 32px;
}
.service_expert_bttn img{
    width: 31px;
    height: 31px;
}
.expert_nav_pills .nav-link.active img {
    filter: invert(1);
}

.expert_tab_pane {
    /* height: 340px; */
    width: 100%;
    border-radius: 20px;
    padding: 50px 20px 20px 20px;
}

.expert-head {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 15px;
}
.expert-para{
    letter-spacing: 0.6px;
    text-align: justify;
}
.expert-feature {
    display: flex;
    justify-content: space-between;
    row-gap: 15px;
    flex-wrap: wrap;
    margin: 33px 0 0;
    padding-left: 0px;
}

.expert-feature li {
    list-style: none;
    font-size: 14px;
    line-height: 21px;
    color: white;
    font-weight: 500;
    width: 49%;
    /* background: #00AB88; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    padding: 5px;
    border-radius: 6px;
}

.expert-feature li i {
    font-size: 20px;
}
.expert_right{
      height: 250px;
}
.expert_right img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.why_choose_border {
    height: 3px;
    width: 195px;
    background: #00AB88;
    margin-bottom: 10px;
}

.choose_box {
   height: calc(100% - 30px);
    background: #02667b;
    padding: 25px;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
}

.choose_box:hover {
    /* background: linear-gradient(129deg, #00ab89c5 0, #18a398 120%) no-repeat padding-box; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
}

.choose_box_img img {
    width: 35px;
}

.choose-head {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin: 15px 0;
}

.choose_box:hover .choose-para {
    color: white;
}

.choose-para {
    color: #c9c9c9;
    line-height: 1.3;
}

.we-serve-industry{
    background: url('../images/services-images/mobile-industry.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.we-serve-industry::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1;
    opacity: 60%;
}
.we-serve-industry-head h2{
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
}
.industry-name-icon{
    width: 14%;
    border: 1px solid #fff;
    padding: 15px;
}
.industry-name-icon a{
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.industry-name-icon a span{
    font-size: 14px;
}
.industry-icon{
    height: 60px;
    width: 60px;
    margin-bottom: 20px;
    padding: 10px;
    background: grey;
    border-radius: 10px;
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}
.industry-name-icon:hover .industry-icon{
    transform: scale(1.1);
}
.industry-icon img{
    width:100%;
    height: 100%;
}
.require_expert {
    background: url('../images/contact-bg.jpg');
    padding: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 0;
}

.require_expert::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #02677b69;
    z-index: -1;
}
.require_content h2 {
    font-size: 40px;
    position: relative;
    margin-bottom: 20px;
    font-weight: 600;
}
.require_content h2 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 6px 0 0px;
}

.require_bttn a {
    text-decoration: none;
    background: #02667b;
    color: #fff;
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.5s ease-in-out;

}

.require_bttn a:hover {
    background: white;
    color: #00AB88;
    border: 1px solid #00AB88;
}

.technolgy_expert {
    background: #fafaff;

}

.tech_expert_pills .nav-link {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 25px;
    color: #000;
    font-weight: 600;
    text-align: center;
    background: #F1F1F1;
    border-radius: 3px;
    border: none;
}

.tech_expert_pills .tech_expert_link.active,
.tech_expert_pills .show>.tech_expert_link {
    background-color: black !important;
}

.tech_expert_content .tab-pane {
    height: auto;
    padding: 25px;
}

.development_process{
    background: #fafafa;
}

.process-box h4{
  font-size: 18px;
  font-weight: 600;
}
.process-box{
    padding: 10px;
    transition: 0.5s;
    border: 1px solid grey;
}
.process-box:hover{
    border: 1px solid #00AB88;
    border-radius: 10px;
    box-shadow: 2px 3px 10px #00AB88;
  
}
.process-tab-pane{
    background: white;
    padding: 15px;
}
.process-nav-link{
    padding: 25px 40px;
    color: rgb(71 85 105);
    font-weight: bold;
}
.process-nav-link:hover{
    color: black;
}
.process-nav-pills{
        overflow-y: scroll;
        flex-wrap: nowrap;
        overflow-y: hidden;
}
.digital-work-process-link{
    width: 237px !important;
    padding: 25px !important;
}
.process-nav-pills .process-nav-link.active, .process-nav-pills .show>.process-nav-link {
          background: white;
          border-radius: 0;
          padding: 25px 40px;
          color: #02667b;
          border-top: 4px solid #02667b;
}
.process-tab-pane h3{
    color: #02667b;
    font-weight: bold;
    font-size: 21px;
}
.textjustify{
       text-align: justify;
}
.innovate-contact{
    background: url('/images/home-images/contact-bg.jpg');
    background-position: center ;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center ;
    border-radius: 20px;
    padding: 40px 0px;
    overflow: hidden;
    position: relative;
    z-index: 0; 
    box-shadow: 0px 20px 40px #c9c8cd;;   
}
.innovate-contact::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: -1;
    opacity: 0.7;
}
.innovate-contact-text{
    width: 70%;
    margin: auto; 
}
.innovate-contact-text h2{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.innovate-contact-text p{
    color: #dfdcdc;
    font-size: 15px;
    margin-top: 30px;
    line-height: 1.9;
}
.innovate-bttn a{
    border: 1px solid white;
    color: white;
    padding: 10px 20px;
    border-radius: 9px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
.innovate-bttn a:hover{
    background-color: white;
    color: black;
    border: 1px solid #fff;
}





.awards-border{
    border: 5px solid #02667b;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 10px 20px #dedcdc;
}
.awards-content{
    height: 300px;
}
.awards-content h3{
    font-size: 22px;
    font-weight: 700;
    color: #02667b;
    line-height: 1.4;
}
.awards-content ul li{
    list-style: none;
    line-height: 1.9;
    font-weight: 600;
    font-size: 15px;
}
.awards-images img{
    width: 130px;
}








.website-faqs-head h2{
    font-weight: 700;
    color: #02667b;
}
.website-accordion{
    width: 90%;
    margin: auto;
}
.website-accordion-item{
    border: none;
    box-shadow: 0px 2px 7px grey;
    border-radius: 10px;
}
.website-accordion-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    border-radius: 10px;
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.website-accordion-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
}
.website-accordion-bttn:not(.collapsed){
     color: #fff;
}




.industries-box{
     height: 215px;
     border-radius: 20px;
     overflow: hidden;
     position: relative;
     box-shadow: 0px 10px 20px #dedcdc;
}
.industries-box img{
   width: 100%;
   height: 100%;
   transform: scale(1);
   transition: all 0.5s ease-in-out;
}
.industries-box:hover img{
    transform: scale(1.3); 
}
.industries-tag{
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30%;
    width: 100%;
    background: linear-gradient(180deg, #12121205 , #000 100%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.industries-box:hover .industries-tag{
    height: 80%;
}
.indestries-serve-head h2{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 2.25rem;
}
.indestries-serve-head h2 span{
    color: #02667b;
    font-weight: 700;

}
.indestries-serve-head p{
    font-size: 16px;
    line-height: 1.5;
    color: #484545;
    margin-bottom: 20px;
}


.web-dvlp-states-section{
      background: url('/images/home-images/web-state-bg-img.jpg');
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
}
.web-dvlp-states h2{
    font-size: 32px;
    font-weight: 400;
}
.web-dvlp-states h2 span{
    color: #02677b;
    font-weight: 700;
}

.state-carousel-item1{
     background: url('/images/home-images/web-item01.webp');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
}
.state-carousel-item2{
    background: url('/images/home-images/web-item02.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.state-carousel-item3{
    background: url('/images/home-images/web-item03.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.state-carousel-item4{
    background: url('/images/home-images/web-item04.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.state-carousel-item5{
    background: url('/images/home-images/web-item05.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.state-carousel-item6{
    background: url('/images/home-images/web-item06.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.web-dvlp-states-img img{
    width: 100%;
}
.web-dvlp-states-content{
    padding: 50px;
    color: #001835;
    
}
.web-dvlp-states-content h3{
    font-size: 25px;
    margin-bottom: 33px;
    font-weight: 700;
}
.web-dvlp-states-bttn a{
    text-decoration: none;
    color: #000;
    background: #ffffff96;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: 4px;
    box-shadow: 4px 5px 14px #b0adad;
    transition: all 0.6s;
}
.web-dvlp-states-bttn a:hover{
    background: #fff;
}
.web-country-carousel .owl-stage-outer{
    overflow: visible !important;
}

.web-dvlp-country{background: #02667b;
   
}
.web-dvlp-country-head h2{
    color: #bfbcbc;
    font-size: 28px;
    line-height: 2.25rem;
    letter-spacing: .5px;
    font-weight: 400;
}
.web-dvlp-country-head h2 span{
    font-weight: 700;
    color: #fff;
}
.web-dvlp-country-box{
    border: 3px solid #bfbcbc;
    background: linear-gradient(180deg, #fff 70%,  #02667b 130%);
    border-radius: 20px;
    padding: 20px;
    max-height: 300px !important;
    min-height: 400px !important; 
    transition: all 0.7s ease-in-out; 
}
.web-dvlp-country-box:hover{
    box-shadow: 0 6px 9px #00000029;
    border: 3px solid #121212;
    background: linear-gradient(180deg, #fff 70%,  #fff 130%);
    margin-top: -20px;
}
.web-dvlp-country-box h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #02667b;
    text-align: center;
}
.web-dvlp-country-box p{
    font-size: 14px;
    color: #000;
    line-height: 1.5;   
}
.web-container-box{
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 30px 20px;
    box-shadow: 0px 10px 20px #dedcdc;
}
.website-content h2{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.website-content h2 span{
    color: #02667b;
    font-weight: 700;
}
.website-content-list ul{
    padding-left: 0pc;
}
.website-content-list ul li{
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.web-development-bttn a{
        padding: 12px 25px;
    border-radius: 24px;
    background: black;
    border-radius: 24px;
    color: white;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0px 5px 7px #dedcdc;
    transition: all 0.5s ease-in-out;
}
.web-development-bttn a:hover{
    background-color: transparent;
    border: 1px solid #02667b;
    color:  #02667b;
}



.web-devlopment-image img{
    width: 100%;
}


.why-choose-container-img{
    position: sticky;
    top: 60px;
    right: 0;
}
.why-choose-container h2{
    font-size: 28px;
    line-height: 2.25rem;
    letter-spacing: .5px;
    font-weight: 400;
}
.why-choose-container h2 span{
  font-weight: 700;
  color: rgb(6 75 120);
}
.why-choose-inner-container{
    background: #e6e5e5;
    border-radius: 15px;
    padding: 10px;
    height: calc(100% - 0%);
    box-shadow: 0px 5px 2px #02667b;
}
.why-choose-inner-container h3{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.why-choose-container-img img{
    width: 100%;
}
.web_testimonials {
    background: #fafafa;
}

.testimonials_box {
    border-radius: 10px;
    padding: 10px;
    transition: all 0.5s ease-in-out;
    border: 1px solid #bfbebe;
}

.testimonials_box:hover {
    background: #02667b;
}

.clients_img_box {
    width: 100px;
    height: 100px;
    border-radius: 50px !important;
    background: white;
    overflow: hidden;
    border: 4px solid #02667b;
    transition: all 0.8s ease-in-out;
}

.clients_img_box img {
    width: 100%;

}

.testimonials_box:hover {
    color: white;
}

.testimonials_box:hover .clients_img_box {
    border: 4px solid white;
}

.client-content h4 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}

.inner_portfolio_content {
    background: #fafaff;
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}

.inner_portfolio_content img {
    width: 100%;
}

.inner_portfolio_content:hover {
    box-shadow: 0 6px 9px #00000029;
    box-sizing: border-box;
}

.inner_portfolio_content:hover h2 {
    color: #00AB88;
}

.port_content {
    padding: 30px;
}

.port_content h2 {
    font-size: 20px;
    font-weight: 600;
}

.port_content h4 {
    font-size: 15px;
    font-weight: 600;
    border-bottom: 2px solid black;
    width: fit-content;
}

.port_content a {
    padding: 12px;
    background: #02667b;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.5s ease-in-out;
}

.port_content a:hover {
    background-color: white;
    border: 1px solid #00AB88;
    color: #00AB88;
}
.mobile-app-dvlp-service-head h2{
    font-size: 33px;
    font-weight: 400;
}
.mobile-app-dvlp-service-head h2 span{
    font-weight: 700;
    color: #02667b;
}
.obile-app-dvlp-services-box{
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #dedcdc;
    border: 3px solid #ececec;
    height: calc(100% - 0%);
}
.obile-app-dvlp-services-box:hover{
    border: 2px solid #000;
}
.obile-app-dvlp-services-box h3{
    font-size: 20px;
    font-weight: 600;
    background: #bfbcbc;
    padding: 5px 8px;
    border-radius: 5px;
}
.obile-app-dvlp-services-box p a{
    text-decoration: none;
}
.mobile-app-dvlp-in-india{
    background: url('../images/mobile-app-bg-img.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.mobile-app-dvlp-in-india::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 70%;
    z-index: -1;
}
.mobile-app-dvlp-in-india-head h2{
    font-size: 33px;
    font-weight: 700
}
.mobile-app-dvlp-in-india-box{
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
    text-align: center;
    height: 290px;
}
.mobile-app-dvlp-in-india-box h2{
    font-size: 18px;
    background: #39b0c7;
    padding: 5px 0px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}
.mobile-app-dvlp-in-india-box p{
    color: #867c7c;
}
.mobile-app-dvlp-global-head h2{
     font-size: 32px;
     margin-bottom: 20px;
     font-weight: 700;
}
.mobile-app-dvlp-global-box{
    border: 1px solid  rgb(224, 224, 224);
    border-radius: 30px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    margin: 0;
    background: #fff;
}
.mobile-app-dvlp-carousel{
   background: #02667b;
}
/* .mobile-app-dvlp-carousel .owl-nav button.owl-next{
       position: absolute;
       top: 50%;
       right:0;
}
.mobile-app-dvlp-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left:0;
  
 }
.mobile-app-dvlp-carousel .owl-nav button.owl-prev span{
        background: #fff !important;
        height: 40px;
        width: 30px;
}
.owl-theme .owl-nav [class*=owl-] {
    font-size: 45px !important;
    width: 20px;
} */
.mobile-app-dvlp-global-box:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px;
}
.mobile-app-dvlp-global-img img{
    height: 220px !important;
    width: 200px !important;
    border-radius: 15px;
}
.mobile-app-dvlp-global-content h2{
    font-size: 22px;
    font-weight: 700
}
.mobile-app-dvlp-global-content p{
    color: #7f7e7e;
}
.mobile-app-faqs-head h2{
    font-weight: 700;
    color: #02667b;
}
.mobile-accordion-item{
    border: none;
    box-shadow: 0px 2px 7px grey;
    border-radius: 10px;
}
.mobile-accordion-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    border-radius: 10px;
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.mobile-accordion-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
}
.mobile-accordion-bttn:not(.collapsed){
    color: #fff;
}
.software-dvlp-head h2{
    font-size: 32px;
}


.software-dvlp-box{
    text-align: center;
    padding: 20px 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #dedcdc;
    border: 3px solid #ececec;
    height: calc(100% - 0%);
}
.software-dvlp-box:hover{
    border: 2px solid #000;
}
.software-dvlp-icon{
    background: #d1d5db;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0px 20px 0px;
}
.software-dvlp-icon img{
    height: 40px;
    width: 40px;
}
.software-dvlp-box h3{
    font-size: 18px;
    font-weight: 700;
}
.software-dvlp-box p{
    color: grey;
}
.software-dvlp-india{
    background: url('/images/services-images/back-image.avif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 30px;
}
.software-dvlp-india-head{
    padding: 25px;
}
.software-dvlp-india-head h2{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}
.software-dvlp-india-bttn a{
    text-decoration: none;
    color: black;
    border: 1px solid black;
    padding: 15px 25px;
    border-radius: 5px;
}
.software-dvlp-india-img img{
    width: 300px;
}

.software-dvlp-global{
    background: url('/images/services-images/backg-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 30px;
    position: relative;
    z-index: 0;
}
.software-dvlp-global::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 85%;
}
.software-dvlp-global-head{
    padding: 20px;
}
.software-dvlp-global-head h2{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}
.software-dvlp-global-img{
    background: linear-gradient(180deg, #f6e99e, #02667b 99%) !important;
    height: 100%;
    width: 300px;
    margin: auto;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
    padding-top: 50px;
}
.software-dvlp-global-img img{
    width: 100%;
}
/* web development home page endig here */

/* cake php development home page starts here  */

.sub_home_section {
    background: url('../images/cake-php-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}

.sub_home_section p {
    margin: auto;
    max-width: 890px;
    margin-top: 30px;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}

.sub_home_bttn a {
    padding: 10px 40px;
    border: 1px solid white;
    border-radius: 40px;
    display: inline-block;
    color: white;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.sub_home_bttn a:hover {
    background: #fff;
    color: #03758b;
}
.feature_item {
    width: 300px;
    padding: 20px;
    background-color: #fafafaa6;
    box-shadow: 0 0 10px rgb(207 207 207 / 77%) inset;
    border: 1px solid #e0e0e0;
    transform: scale(1);
    transition: all 0.5s ease;
    border-radius: 10px;
}

.feature_item h5 {
    font-size: 18px;
    font-weight: 600;
}

.feature_item:hover h5 {
    color: #00AB88;
}

.feature_item:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
}

.process_item {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%) inset;
    padding: 14px;
    border-radius: 10px;

}

.sub_lets_item_bg {
    background: url('../images/cake-php-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 30px;
}

.sub_lets_text h3 {
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sub_lets_text p {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.sub_lets_text a {
    padding: 14px 28px;
    border: 1px solid white;
    border-radius: 40px;
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.sub_lets_text a:hover {
    background: white;
    color: #03758b;
}

.sub_lets_img img {
    height: 200px;
    /* background-color: #02667b; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
    border-radius: 20px;
}
.sub_services_imgs {
    border: 1px solid #169bc7;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    padding: 10px;
}

.sub_services_imgs img {
    width: 100%;
}

.dvlp_process_img img {
    width: 100%;
}
.sub_service_bg {
    background: white;
    border-radius: 20px;
}

.sub-service_pills .sub-service_links.active,
.sub-service_pills .show>.sub-service_links {
    /* background: #00AB88; */
    background: linear-gradient(180deg, #2faea6, #02667b 91%);
}

.sub-service_pills .sub-service_links {
    padding: 15px;
    color: black;
    width: 350px;
    text-align: left;
    box-shadow: 0 2px  10px rgb(20 100 255 / 21%);
    margin-bottom: 10px;
}

.sub-service_tab_pane {
    padding: 15px;
}

.sub-service-tab-content {
    border-left: 1px solid black;
}

.inner_tabs ul {
    padding-left: 0;
}

.inner_tabs ul li {
    list-style: none;
    /* width: 200px; */
    background: linear-gradient(130deg, #00ab8975, #02677b82);
    padding: 5px;
    border-radius: 5px;
}

.inner_tabs ul li:hover {
    background: #02667b;
    color: white;
}

.cake_php_dvlpmt_img img {
    width: 100px;
}

.mobile_sub_benifits{
    display: none;
}

.sub_benifits_head h2 {
    font-weight: 700;
}

.sub_benifits_head h4 {
    color: #00AB88;
    font-size: 18px;
    letter-spacing: 1.5px;
}

.benifits_section_left ul {
    padding-left: 0px;
}

.benifits_shape {
    background: url('../images/services-images/benifits-shape0.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 140px;
    padding: 35px 30px 30px;
    text-align: right;
    list-style: none;
    filter: grayscale(1);
    transition: all 0.5s;
}

.margin-left {
    margin-left: 70px;
}

.benifts_inner_content h3 {
    font-size: 16px;
    font-weight: 600;
}

.benifits_shape:hover {
    filter: grayscale(0);
    cursor: pointer;
}

.benifits_img img {
    width: 100%;
}
.benifits_shape2 {
    background: url('../images/services-images/benifits-shape00.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 140px;
    padding: 40px 30px 30px;
    text-align: left;
    list-style: none;
    filter: grayscale(1);
    transition: all 0.5s;
}

.margin-right {
    margin-left: -40px;

}

.benifits_shape2:hover {
    filter: grayscale(0);
    cursor: pointer;
}
.sub_home_why_inner_item {
    background: #fafaff;
    border-radius: 10px;
    transform: scale(1);
    transition: all .6s ease-in-out;
    border: 1px solid #e1e1e1;
    height: calc(100% - 0px);
}

.sub_home_why_inner_item:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
}

.sub_home_why_inner_item:hover h3 {
    color: #00AB88;
}

.sub_inner_item_img img {
    width: 100%;
}

.sub_inner_item_text h3 {
    font-size: 22px;
    font-weight: 500;
}
.cakephp_testimonial {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    overflow: hidden;
}
.collection {
    display: flex;
    align-items: center;
}

.swiper_content {
    width: 20rem;
    height: 25rem;
    background-color: #fafaff;
    padding: 20px;
    border-radius: 20px;
}
.client_name_img {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 60px;
}
.client_img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 1px solid #023843;
    overflow: hidden;
}
.client_img img {
    width: 100%;
}
.client_name {
    color: #023843;
}
.client_name_img h3{
    font-size: 18px;
    font-weight: 600;
}
.client_name_img h3,
p {
    margin: 0;
}
.star_rating i{
    color: rgb(255, 153, 0);
}
.mini_blogs{
    background: white;
}
.mini_headings h2{
    font-weight: 600;
}
.mini_blog_content{
    background: #fafaff;
    border-radius: 20px;
    overflow: hidden;

}
.mini_blog_content:hover{
    box-shadow: 0px 10px 15px #afafb0;
}
.mini_blog_img img{
    width: 100%;
    height: 200px;
    transform: scale(1);
    transition: 0.5s;
}
.mini_blog_img img:hover{
    transform: scale(1.1);
}
.mini_date_firm{
    padding: 10px;
}
.mini_date_firm ul{
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}
.mini_date_firm ul li{
    list-style: none;
}
.mini_date_firm ul li a{
    text-decoration: none;
    color: #00AB88;
}
.mini_inner_content{
    padding: 15px;
}
.mini_inner_content h4{
    font-size: 18px;
    font-weight: 600;
}
.mini_inner_content h4:hover{
    color: #00AB88;
}
.mini_blog_bttn a{
    padding: 10px;
    text-decoration: none;
    background-color: #00AB88;
    border-radius: 8px;
    color: white;
    transition: 0.5s;
}
.mini_blog_bttn a:hover{
    background: white;
    color: #00AB88;
    border: 1px solid #00AB88;
}
/* cake php development home page ending here  */

/* heathcare web page starts here */
.hc_home_section {
    background: url('../health-imgs/healthcare1.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px 80px 10px;
}
.ecommerce_bg{
    background: url('../images/industry-images/ecommerce-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px 80px 10px;
    position: relative;
    z-index: 0;
}
.ecommerce_bg::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #65d012;
    z-index: -1;
    opacity: 0.1;
}
.ecommerc-services-point ul{
    padding: 0;

}
.ecommerc-services-point ul li{
    list-style: none;
    background: #0018352b;
    padding: 8px 18px;
    margin-top: 10px;
    width: 60%;
    border-radius: 30px;
    border: 3px solid #00183578;
    font-weight: 600;
    font-size: 14px;
}
.ecommerc-services-point ul li:hover{
    background: #0018354f;
    border: 3px solid #00183578;
}
.key-features ul{
    padding: 0;
}
.key-features ul li{
    list-style: none;
    padding: 4px;
    background: linear-gradient(89deg, #bfbfbf 0, #fff 100%) no-repeat padding-box;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}


.hc_development_solutions{
    background: #c9c9c973;
}
.ecommerce-solution{
    height: 250px;
    overflow-y: scroll;
    width: 35%;
    flex-wrap: nowrap;
    padding: 25px;
}
.ecommerce-solution-content{
    width: 60%;
}
.solution-key-features ul{
     display: flex; 
     gap: 10px;
     flex-wrap: wrap;
}
.solution-key-features ul li{
    list-style: none;
    background: #0018352b;
    border: 3px solid #00183578;
    font-size: 13px;
    padding: 4px 10px;
    font-weight: 600;
    border-radius: 20px;
}






.ecommerce-faqs-head h2{
    font-size: 32px;
    font-weight: 700;
    color: #02667b;
}
.ecommerce-faqs-head p{
    color: #001835;
    font-size: 18px;
    font-weight: 600;
}
.ecommerce-accordion{
    width: 90%;
    margin: auto;
}
.ecommerce-accordion-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    border-radius: 10px;
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.ecommerce-accordion-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
}
.ecommerce-accordion-item{
    border: none;
    box-shadow: 0px 2px 7px grey;
    border-radius: 10px;
}


.ready-build-app-content{
    background: url('/images/industry-images/get-ready-app.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-shadow: 0px 8px 30px grey;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 60px 10px;
}
.ready-build-app-content::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;
    z-index: -1;
}
.ready-build-app-content h3{
    font-size: 40px;
    font-weight: 700;
}
.ready-build-app-content p{
    width: 80%;
    margin: auto;
    color: #cecbcb;
    margin-top: 30px;
}
.ready-build-app-bttn a{
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.ready-build-app-bttn a:hover{
      background: #cecbcb;
}


.travel-hospitility-bg{
    background: url('../images/industry-images/travel-hospitality.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 10px 80px 10px;

}
.hc_home_section h1 {
    font-size: 40px;
    font-weight: 700;
    max-width: 700px;
    line-height: 1.5;
    color: #02667b;
    letter-spacing: -0.4px;
}

.hc_home_section p {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 600px;
    margin-bottom: 0px;
}
.transport_home{
    background: url('../images/industry-images/logistics.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px ;
    display: flex;
    text-align: center;
    /* height: 400px; */
    position: relative;
    z-index: 0;
}

.transport_home::before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #02677b91;
    z-index: -1;
}
.transport_home h1 {
    font-size: 40px;
    font-weight: 700;
    max-width: 700px;
    line-height: 1.5;
    color: white;
    letter-spacing: -0.4px;
}

.transport_home p {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 80%;
    color: white;
    margin-bottom: 0px;
}
.why-logistics-software{
    background: #fafaff;
}
.why-logistics-inner-content{
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #dedcdc;
    border: 2px solid #ececec;
    height: calc(100% - 0%);
    transition: all 0.5s;
}
.why-logistics-inner-content:hover{
    border: 2px solid #000;
    margin-top: -20px;
}
.why-logistics-inner-content h4{
    background: #d1d5db;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: 700;
}
.why-logistics-inner-content p{
    margin: 0px !important;
    font-size: 13px;
    color: grey;
}
.why-choose-logistics{
    background: #fafaff;
}





.feature_box{
    padding: 10px 10px;
    background: #02384345;
    border-radius: 10px;
    border: 3px solid #629da8;
    margin-bottom: 20px;
    height: calc(100% - 10px);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.feature_box:hover{
    transform: scale(1.1);
}
.feature_box_img{
    height: 50px ;
    width: 50px;
    padding: 10px;
    border-radius: 6px;
    background-color: #023843;
}
.feature_box_img img{
    width: 100%;
}
.feature_box h4{
    font-size: 23px;
    font-weight: 700;
}
.feature_box p{
    font-size: 14px;
}
.logistics-use-cases{
    background: #02677b;
}
.logistics-use-cases-head h2{
    font-size: 32px;
    font-weight: 700;
}
.logistics-use-cases-head p{
    color: #F1F1F1;
    font-size: 15px;
    width: 70%;
    line-height: 2;
    margin: auto;
}
.logistics-use-case-box{
    background: url('/images/industry-images/logistics.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0px 0px 20px #fff;
    z-index: 0;
}
.logistics-use-case-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.4;
    z-index: -1;
}
.logistics-box2{
    background: url('/images/home-images/ecommerce.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.logistics-box4{
    background: url('/images/home-images/healthcare.cms');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.logistics-use-case-box h4{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.logistics-use-case-box:hover h4{
    opacity: 0;
}
.logistics-use-case-box:hover .logistics-use-inner{
   height: 90%;
   opacity: 1;
   color: #fff;
}
.logistics-use-case-box:hover .logistics-use-inner p{
    opacity: 1;
}
.logistics-use-inner{
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30%;
    width: 100%;
    background: linear-gradient(180deg, #12121205, #000 100%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
}
.logistics-use-inner p{
    opacity: 0;
    transition: all 0.5s ease-in-out;
}








.hc_for_contact a {
    width: 9rem;
    color: #02667b;
    font-weight: 600 !important;
    font-size: 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-in-out;
    background: white;
    padding-left: 15px;
    border: 1px solid #02677b;
    border-radius: 6px;
}
.hc_for_contact a:hover {
    padding-left: 20px;
    color: white;
    background: #02677b;
}

.hc_for_contact a:hover i {
    color: white;
}

.hc_for_contact i {
    padding-left: 10px;
    color: #02667b;
    font-weight: 600 !important;
    font-size: 30px;
}


.ed_for_contact a {
    width: 150px;
    color: #02667b;
    font-weight: 600 !important;
    font-size: 18px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-in-out;
    background: white;
    padding-left: 15px;
    border: 1px solid #02677b;
    border-radius: 6px;
}
.ed_for_contact a:hover {
    padding-left: 20px;
    color: white;
    background: #02677b;
}

.ed_for_contact a:hover i {
    color: white;
}

.ed_for_contact i {
    padding-left: 10px;
    color: #02667b;
    font-weight: 600 !important;
    font-size: 30px;
}
.banking_home h1{
    font-weight: 700;
    color: #02677b;
    margin-bottom: 10px;
}

 .banking_home_image img{
    width: 100%;
    height: 490px;
 }

.hc_clients_project {
    background: url('../health-imgs/clients_projectbg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px;
    color: white;
    overflow: hidden;

}

.hc_clients_project .col-md-3 {
    justify-content: center;
}

.hc_clients_project span {
    font-size: 35px;
    font-weight: 600;
    margin: 0;
}

.hc_clients_project p {
    margin: 0;
}

.hc_health_img img {
    width: 100%;
    border-radius: 20px;
}
.Testimonial_head h2 span,
.hc_health_content h2 span,
.hc_services_heading h3 span,
.hc_develp_solutions_head h3 span,
.process_head h3 span {
    color: #02667b;
    font-weight: 700;
}
.process_head h2{
   font-weight: 700;
   margin-top: 15px;
}
.hc_health_content h2{
    font-size: 32px;
    font-weight: 700;
    color: #02667b;
    line-height: 1.4;
    margin-bottom: 20px;
    letter-spacing: -0.4px;
}
.hc_health_content h2{
    font-weight: 400 !important;
    color: #000;
}
.hc_health_content h2 span{
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #02667b !important;
}

.hc_health_content p {
    margin-bottom: 30px;
}

.hc-our-key-features-heading h2{
    font-size: 32px;
    font-weight: 400;
}
.hc-our-key-features-heading h2 span{
    font-weight: 700;
    color:#02677b ;
}
.hc-our-key-features-box{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-top: 30px;
    height: 250px;
}
.hc-our-key-features-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 50%;
    z-index: 1;
}
.hc-our-key-features-imgs,
.hc-our-key-features-imgs img{
    width: 100%;
    height: 100%;
}
.hc-our-key-features-content{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 15px;
    color: #fff;
    transition: all 0.6s;
}
.hc-our-key-features-box:hover .hc-our-key-features-content{
    padding-bottom: 50px;
}
.mid-carousel{
    background: url('/health-imgs/mid-healthcare-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    overflow: hidden;
}


.hc-places-helthcare-app{
    background: #f3fffe;
    padding: 60px 0px;
}



.hc-places-helthcare-content p{
 text-align: justify;
}

.hc-places-helthcare-content h3{
      font-size: 34px;
      font-weight: 400;
      margin-bottom: 40px;
}
.hc-places-helthcare-content h3 span{
    font-weight: 700;
    color: #02667b;
}
.hc-places-helthcare-img{
    height: 350px;
    width: 350px;
  margin: auto;
}
.hc-places-helthcare-img img{
 width: 100%;
 height: 100%;
}

.why_choose_inner_box{
     border: 10px solid #02667b;
     padding: 15px;
     height: calc(100% - 0%);
     transition: all .5s ease-in-out !important;
    }

.why_choose_inner_box:hover{
    border-radius: 10px;
    box-shadow: 0px 0px 15px #169bc7;
}
.why_choose_inner_box h3{
    font-size: 1.3rem;
    letter-spacing: -.04px;
    font-weight: 700;
}
.why_choose_inner_box:hover h3{
    color: #03758b;
}

.hc_button a {
    text-decoration: none;
    padding: 14px 20px;
    color: #02667b;
    border: 1px solid #02667b;
    border-radius: 15px;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
}

.hc_button a:hover {
    background: #02677b;
    color: white;
    box-shadow: 0px 3px 3px 0.4px #00AB88;
}
.hc_services_head h2,
.hc_services_heading h2,
.hc_develp_solutions_head h3,
.hc_services_head_text{
    font-weight: 400;
}
.hc_services_head_text{
    font-size: 32px;
}
.hc_services_head h2 span,
.hc_services_heading h2 span,
.hc_services_head_text span{
    font-size: 32px;
    font-weight: 700;
    color: #02667b;
}

.hc_content_box {
    height:calc(100% - 10px);
    box-shadow: 0 0 8px 0 #3f51b547 inset;
    background: white;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgb(203, 203, 203);
    margin-bottom: 25px;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.hc_content_box:hover {
    box-shadow: 0 0 8px 0 #3f51b547;
    transform: scale(1.1);
}
.hc_content_box h3{
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -.03em;
}
.hc_content_box:hover h3 {
    color: #00AB88;
}
.hc_content_box p{
    font-size: 14px;
}
.content_box_heading {
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.content_box_heading::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    background: linear-gradient(89deg, #00ab89c5 0, #00af8c62 100%);
    height: 4px;
    width: 30%;
    transition: all 0.7s ease-in-out;
}

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

.numbers {
    background-color: #02667b;
    color: white;
    font-size: 18px;
    font-weight: 600;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px 0 #3f51b547;
    margin-bottom: 15px;
    transition: all 0.5s ease-in-out;
}

.numbers img {
    width: 100%;
    height: 100%;
}

.hc_content_box:hover .numbers {
    background: #00AB88;
}


.hc_develp_solution_content {
    background: #fafaff;
    padding: 30px;
    border-radius: 20px;
}

.hc_nav_link {
    color: black;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    margin-bottom: 10px;
    text-align: left;
    width: 300px;
    box-shadow: 0px 0px 7px #169bc770;
}

.hc_nav_link:hover {
    color: #02667b;
}

.hc_nav_pills .hc_nav_link.active,
.hc_nav_pills .show>.hc_nav_link {
    /* background: #00AB88; */
    background: linear-gradient(180deg, #2faea6, #02667b 99%);
}

.hc_tab_pane {
    padding: 20px;
}

.hc_tab_icon_img {
    height: auto;
    width: 40px;
    margin-bottom: 20px;
}
.edu_tab_img_icon{
     height: auto;
     margin: auto;
     max-width: 210px;
     margin-bottom: 30px;
}
.key-features-of-edus ul li{
    font-size: 15px;
    padding-bottom: 10px;
}
.edu_tab_img_icon img,
.hc_tab_icon_img img {
    width: 100%;
}
.healthcare_app_img img {
    width: 100%;
    border-radius: 15px;
}
.hc_bttn_tabs li{
    list-style: none;
    background: #02667b;
    color: white;
    padding: 5px;
    border-radius: 5px;
}
.hc_icon_imgs img {
    height: auto;
    width: 50px;
}

.lets_to_talk {
    background: linear-gradient(127deg, #2faea6, #02667b 91%);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 10px 25px grey;
}

.ed_lets_to_talk {
    /* background: linear-gradient(127deg, #2faea6, #02667b 91%);; */
    background: url('../educatin-imgs/education-bg.webp');
    border-radius: 20px;
    padding: 60px 0px;
}

.edu_lets_to_talk {
    background: url('../educatin-imgs/education-bg.webp');
    border-radius: 20px;
    padding: 30px;

}

.ed_lets_to_talk h2 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

.lets_to_talk h2 {
    font-weight: 600;
    font-size: 30px;
}

.lets_to_talk a {
    width: 100px;
    color: white;
    padding: 12px 20px;
    border: 1px solid white;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

.lets_to_talk a:hover {
    background: #00AB88;
    border: none;
}
.edu_benifits_box{
    background: linear-gradient(to bottom, #2faea6, #02667b);
    padding: 10px;
    border-radius: 10px;
    height: calc(100% - 0%);
    color: #fff;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 5px #fff;
}
.edu_benifits_box:hover{
    box-shadow: 0px 0px 15px #fff;
}
.edu_benifits_box h3{
    font-size: 1.2rem;
    font-weight: 700;
}

.hc_process_content {
    background: linear-gradient(to bottom, #2faea6, #02667b);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 10px 25px grey;
}

.hc_features_nav_pills {
    background-color: white;
    padding: 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hc_features_nav_links,
.hc_features_nav_links:hover {
    color: black;
    font-weight: 600;
    padding: 15px 80px;

}

.hc_features_nav_links {
    position: relative;
}

.hc_features_nav_links::after {
    position: absolute;
    content: "";
    left: -15px;
    top: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(0deg, #fff, #17181a, #fff);
}

.hc_features_nav_pills .hc_features_nav_links.active,
.hc_features_nav_pills .show>.hc_features_nav_links {
    background: linear-gradient(to right, #02667b, #00AB88, #02667b);
}

.hc_features_tab_pane {
    color: white;
    padding: 20px;
    height: auto;
}

.inner_para {
    font-size: 15px;
    margin-bottom: 25px;
}

.features_img img {
    width: 100%;
}

 .edu_features img {
     width: 250px;
     height: 600px;
 }
.hc_inner_box {
    padding: 6px 10px;
    background: #02384345;
    border-radius: 10px;
    border: 3px solid #629da8;
    margin-bottom: 20px;
    height: calc(100% - 10px);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.hc_inner_box:hover {

    transform: scale(1.1);
}

.hc_inner_box h5 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

.hc_inner_box p {
    font-size: 15px;
}
.hc-how-we-different-heading h2{
    font-size: 33px;
    font-weight: 700;
    color: #02677b;
}
.hc-how-we-different-box{
    box-shadow: 0px 15px 20px #d0cbcb;
    border-radius: 10px;
    border: 2px solid #bab7b7;
    padding: 10px;
    margin-top: 40px;
    height: calc(100% - 15%);
    transition: all 0.5s;
}
.hc-how-we-different-box:hover{
    border: 2px solid #000;
    box-shadow: none;

}
.hc-how-we-different-box h3{
    font-size: 18px;
    font-weight: 700;
}
.hc-how-we-different-icon{
    background: #e4e3e3;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    border-radius: 5px;
}
.hc-how-we-different-icon img{
    height: 40px;
}
.meet-experties{
    background: #001835;
    padding: 60px 0px;
}
.experties-head{
    width: 70%;
    margin: auto;
    text-align: center;
}
.experties-head h2{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}
.experties-head p{
    color: #f2f2f2;
    font-size: 15px;
    line-height: 2;
}
.experties-box{
    box-shadow: 0px 0px 20px grey;
    padding: 20px;
    background: #f0f0f0;
    border-radius: 20px;
    height: calc(100% - 0%) !important;
}
.experties-img{
    height: 130px;
    width: 130px;
    border-radius: 100%;
    margin: auto;
    padding: 30px;
    background: #f7ebeb;
    box-shadow: 0px 0px 20px #d3d1d1;
}
.experties-img img{
    width: 100%;
    height: 100%;
}
.experties-box h3,
.global-presence-box h3{
    font-size: 20px;
    font-weight: 700;
    color: #02667b;
}
.experties-box p,
.global-presence-box p{
    color: grey;
}

.global-presence-box{
    box-shadow: 0px 0px 20px grey;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
}
.presence-img{
    height: 45px;
    width: 50px; 
    border-radius: 5px;
    margin-bottom: 20px;
}
.presence-img img{
    width: 100%;
    height: 100%;
}
.technology-expert-content h3{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.technology-expert-content p{
    color: #dfdcdc;
    font-size: 15px;
    margin-top: 30px;
    line-height: 1.9;
}
.technology-expert-img img{
  width: 100%;
}
.technology-expert-img{
  position: sticky;
    top: 100px;
}
.technology-points ul li{
     color: #dfdcdc; 
     padding-bottom: 10px;
}
.partnership-section{
    background: rgb(242 251 255);
}
.partnership-head h2{
    font-size: 32px;
    font-weight: 700;
}
.partner-box{
    box-shadow: 0px 15px 20px #d0cbcb;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #bab7b7;
    padding: 25px;
    margin-top: 40px;
    height: calc(100% - 15%);
    transition: all 0.5s;
}
.partner-box:hover{
    border: 2px solid #bc03a1;
    box-shadow: none;
}
.partner-box h3{
    font-size: 20px;
    font-weight: 700;
    transition: all 0.5s;
}
.partner-box:hover h3{
    color: #bc03a1;
}
.company-commitment{
    background: url('/images/connect-img.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.company-commitment-head h2{
    color:#fff;
    font-size: 32px;
    font-weight: 700;
}
.company-commitment-head p{
    color: #c3c0c0;
}

.commitment-border{
    border: 3px solid grey;
    padding: 50px;
    border-radius: 4px;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
}
.commitment-box{
    text-align: center;
    border-radius: 5px;
    border: 2px solid #bab7;
    padding: 25px;
    margin-top: 40px;
    height: calc(100% - 15%);
    transition: all 0.5s;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.commitment-box a{
    text-decoration: none;
}
.commitment-box:hover{
    box-shadow: 0px 8px 20px #d0cbcb; 
}
.commitment-box h3{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.commitment-box p{
    color: #c3c0c0;
}
.continuous-update{
    background: rgb(242 251 255);
}
.continuous-head h2{
    font-size: 32px;
    font-weight: 700;
}

.continuous-slide{
    background: #fff;
    border: 1px solid #f4f5f7;
    box-shadow: 0 3px 15px 3px rgba(23, 43, 77, .08);
    border-radius: 8px;
    padding: 36px 30px 34px;
    text-align: center;
}
.continuous-star i{
    font-size: 15px;
    color: blue;
}
.continuous-box h3{
    font-size: 20px;
    font-weight: 700;
    color: blue;
    margin-bottom: 25px;
}
.continuous-img{
    max-width: 380px;
    max-height: 380px;
    margin: auto;
}
.continuous-img img{
    width: 100%;
}
.continuous-slide button{
    background: blue;
    height: 34px;
    width: 34px !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
}





.process_content {
    background-color: white;
    box-shadow: 0 0 8px 0 #3f51b547;
    border-radius: 20px;
    padding: 30px;
}

.process_img_box img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    transform: scale(1);
    transition: all 0.5s ease-in-out;

}

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

.prcss_number {
    background: #00AB88;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 18px;

}

.number_circle h5 {
    font-weight: 600;
}

.process_box {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1) !important;
    padding: 15px;
    position: relative;
    margin-top: 100px;
    height: calc(100% - 100px);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

.process_box:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: none !important;
}

.process_box img {
    position: absolute;
    top: -72px;
    left: calc(50% - 72.5px);
}

.process_box h3 {
    font-size: 22px;
    margin-top: 65px;
    margin-bottom: 15px;
}

/* health care web page ending here */
/* education page  css  starts here */
.ed_home_section {
    background: url('../educatin-imgs/education.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px 100px 0px;
}

.ed_home_section h1 {
    font-size: 40px;
    font-weight: 700;
    max-width: 700px;
    line-height: 1.5;
    color: white;
}

.ed_home_section p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    width: 600px;
    line-height: 2;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.758);
}
.ed_servces_img img {
    width: 100%;
    height: 400px;
    border-radius: 20px;
}
.ed_technology_head h4{
     font-weight: 700;
     color: #03758b;
     font-size: 30px;
}
.ed_technology_inner{
    /* background-color: ; */
    border: 2px solid #03758b;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    color: #03758b;
    height: calc(100% - 0%);
    transition: width .5s ease;
    position: relative;
    z-index: 1;
}
.ed_technology_inner::after{
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       height: 100%;
       width: 0;
       background-color: #03758b;
       transition: width .5s ease;
       z-index: -1;
       color: #fff;
}
.ed_technology_inner:hover{
    color: #fff;
}
.ed_technology_inner:hover::after{
    width: 100%;
   
}
.ed_technology_inner h5{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15PX;
}
.edu-faqs h2{
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.edu-accordian-item{
    margin-top: 15px;
    border: 0;
    box-shadow: 0px 2px 10px #b3b3b3;
    border-radius: 10px;
}
.edu-accordian-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    border-radius: 10px ;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.accordion-button:focus{
    box-shadow: none;
}
.edu-accordian-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
}
.edu-carousel-section{
    background: url('/educatin-imgs/edu-bg-images.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.edu-carousel-section::before{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: #000;
     opacity: 80% ;
     z-index: -1;
}
.edu-owl-carousel .item{
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    height: 500px;
}
 .edu-owl-img img{
    width: 100%;
    box-shadow: 0px 2px 10px grey;
    border-radius: 20px;
 }
.edu-owl-content h2{
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 25px;
    padding: 10px;
 
}
.edu-owl-content h2 span{
    color: #02667b;
    font-weight: 700;
}
.edu-owl-content p{
    letter-spacing: 1px;
    margin-top: 10px;
}
.edu-owl-content p strong{
   display: block;
    margin: 15px 0px;
}
/* education page css ending here */

/* about us page starts here */

.abt_home_section {
    background: url('../images/contact_header.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.abt_we_are p {
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 10px;
}
.abt_content h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.abt_content span {
    color: #00AB88;
    font-size: 23px;
    letter-spacing: 1.5px;
}
.abt_content p{
    font-size: 18px;
    letter-spacing: 1.5px;
}
.abt_us_img img {
    width: 100%;
}

.abt_btton a {
    text-decoration: none;
    color: #00AB88;
    padding: 12px 15px;
    border: 1px solid #00AB88;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

.abt_btton a:hover {
    background: #00AB88;
    color: white;
}





.abt_purpose {
    background: #02667b;
    padding: 40px 0px;
}

.abt_purpose_head H2 {
    color: white;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 35px;
}

.abt_purpose_head p {
    color: rgba(255, 255, 255, 0.598);
    letter-spacing: 1px;
}

.abt_member_img img {
    width: 100%;
}

.abt_member_content h3 {
    color: rgba(255, 255, 255, 0.877);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.abt_member_content p {
    color: rgba(255, 255, 255, 0.671);
    line-height: 25px;
}
.achievements{
    background: #02667b;
    padding: 50px 0px;
}
.achievements span{
    font-size: 30px;
    font-weight: 700;
}
.ast_features_line{
    height: 0px;
    width: 4px;
    background: white;
    border-radius: 2px;
    transition: height 0.5s ease-in-out;
}
.company-button a{
     border: 2px solid white ;
     border-radius: 25px;
     padding: 12px 24px;
     color: white;
     text-decoration: none;
     transition: all 0.5s;
}
.company-button a:hover{
     background: white;
     color: #039bb9;
}
.company-contact-bg{
    background: url('/images/cake-php-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 10px;
    border-radius: 20px;
}
.company-contact-bg h5{
    font-size: 30px;
    font-weight: 700;
    line-height: 2;
}
.company-contact-bg p{
    line-height: 3;
}

.company_connect_button a{
    text-decoration: none;
    color: #fff;
    padding: 15px;
    border: 1px  solid #fff;
    border-radius: 10px;
    transition: all 0.5s;
}
.company_connect_button a:hover{
        color: black;       
        background: #fff;  

}
.achievement_content:hover .ast_features_line {
    height: 40px;
}
.vision_content {
    width: 400px;
    margin: auto;
}

.vision_content h2 {
    color: white;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
}

.vision_content p {
    color: rgba(255, 255, 255, 0.742);
    line-height: 25px;
}

.vission_img img {
    width: 100%;
}
.values_content_head h2{
    font-size: 35px;
    font-weight: 700;
}
.values_content_head p{
    letter-spacing: 1.1px;
}
.values_box {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%) inset;
    padding: 14px;
    border-radius: 10px;
    height: calc(100% - 0%);
}

.values_box:hover {
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);

}

.values_box:hover .values_circle {
    background: #02667b;
}

.values_box:hover img {
    filter: invert(1);
}

.values_box h3 {
    color: #02667b;
    font-weight: 600;
    font-size: 18px;
}

.values_circle {
    height: 70px;
    width: 70px;
    border: 1px solid #00AB88;
    border-radius: 50%;
    padding: 15px;
}

.values_circle img {
    width: 35px;
    height: 35px;
}

/* about us page ending here */
/* privacy policy page css start here */

.privacy_home{
    background: url('../images/home-images/privacy-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
    position: relative;
    z-index: 1;
}
.privacy_home::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000c4;
    z-index: -1;
}
.privacy_statement{
    font-size: 20px;
}



/* privacy policy page ending here */

/* sitemap page starts here */
.blog-links ul{
    height: 460px;
    overflow-y: scroll;
}
.all_links{
    background: white;
}
.all_links h2{
    font-size: 25px;
    font-weight: 600;
}
.sm_links{
   padding-left: 0;
}
.sm_links li{
    list-style: none;
    display: flex;
    gap: 5px;
} 
.main_link i{
    color:#02667b ;
}
.main_link a{
    color: #02667b;
    text-decoration: none;
    border-bottom: 1px solid red ;
    padding-bottom: 3px;
    font-weight: 600;
    /* display: block;
    width: 100%; */
}
.sm_sub_link{
    padding-left: 12px;
}
.sm_sub_link li a{
    text-decoration: none;
    color: black;
    display: block;
    width: 100%;
}
.sm_sub_link li:hover {
    color: #00AB88;
}
.sm_sub_link li:hover a {
    color: #00AB88;
}
/*sitemap page ending here */

/*start-ups page start  here */

.hero_startups{
    width: 70%;
    text-align: center;
    padding: 80px 0px;
}
.hero_startups h1{
       font-size: 35px;
       font-weight: 700;
       color: #02677b;
       /* line-height: 1.3 */
}
.hero_startups p{
    font-size: 19px;
}
.hero_startup_bttn a{
    padding: 15px 20px;
    border: 1px solid #02667b;
    border-radius: 10px;
    text-decoration: none;
    color:#02667b;
    font-weight: 700;
    transition: all 0.5s;
}
.hero_startup_bttn a:hover{
    background: #02677b;
    color: white;
}
.startup_content_sucess {
    background: #0087a10a;
}
.startups_text h2{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
.startups_text p{
        font-size: 18px;
        line-height: 1.7;
}
.sucess_inner_text h4{
    font-size: 18px;
    font-weight: 700;
}
.sucess_inner_text p{
    font-size: 17px;
        line-height: 1.7;
        text-align: left;
}
.images_sucess_reason{
    height: 90px;
    width: 90px;
   margin: auto;
   margin-bottom: 30px;
}
.images_sucess_reason img{
    width: 100%;
}
.benifits_startups h3{
    font-size: 28px;
    font-weight: 700;
}

.benifit_inner_text h4{
    font-size: 20px;
    font-weight: 700;
}
/*start-ups page ending here */


/* food delivery app development page css starts here */
  .food-app-home{
    margin-top: 90px;
    padding: 90px 0px;
    background: url('/images/food-app-images/food-home.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .seo-app-home{
    background: url('/images/seo-service/black-bg-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  /* .food-app-home::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: #000;
      opacity: 30%;
  } */

.food-app-home h1{
    font-weight: 700;
    margin-bottom: 30px;
}

  .food-app-image img{
     height: 450px;
  }
  .seo-app-image img{ 
    width: 280px; 
  }

  .food-app-bttn a:nth-child(1) {
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid white;
    font-weight: 600;
    color: #02677ba6;
    transition: all 0.5s;
  }
  .food-app-bttn a:nth-child(1):hover{
        background: transparent;
        color: #fff;
  }
  .food-app-bttn a:nth-child(2) {
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 14px;
    border: 1px solid #fff;
    font-weight: 600;
    color: #fff;
    transition: all 0.5s;
  }
  .food-app-bttn a:nth-child(2):hover{
    background: #fff;
    color: #000;
  }
.food-app-india-img img{
    width: 100%;
}
.food-app-india-content h2{
    font-weight: 400;
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.food-app-india-content h2 span{
    font-weight: 700;
    color: #02667b;
}
.food-app-india-content p{
    margin-bottom: 15px;
}
.why-choose-food-app{
    background: #f5f5f5;
}
.why-food-app-content h2{
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 25px;
}
.why-food-app-content h2 span{
    font-weight: 700;
    color: #02667b;
}
.why-choose-us-feature ul{
     padding: 0;

}
.why-choose-us-feature ul li{
    list-style: none;
    padding: 6px 10px;
    background: #c7c6c6;
    color: #000;
    border: 2px solid grey;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
}
.why-food-app-img img{
   width: 100%;
}
.food-app-dvlp-services-head h2{
       font-size: 32px;
       font-weight: 400;
}
.food-app-dvlp-services-head h2 span{
    font-weight: 700;
    color: #02667b;
}
.food-app-dvlp-services-dimg{
    height: 60px;
    width: 60px;
    margin-bottom: 20px;
}
.food-app-dvlp-services-dimg img{
    width: 100%;
}
.food-app-dvlp-services-details h3{
    font-size: 20px;
    font-weight: 700;
}
.food-app-dvlp-services-imgs{
    position: sticky;
    top: 20px;
}
.food-app-dvlp-services-imgs img{
    width: 100%;
}
.food-app-call-content{
    background: url('/images/food-app-images/food-app-call-img.avif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.food-app-call-content::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 60%;
    z-index: -1;
}
.food-app-call-content h2{
    font-size:32px;
    font-weight: 400;
}
.food-app-call-content h2 span{
    font-weight: 700;
}
.food-app-call-content p{
    margin-top: 20px !important;
    width:60%;
    margin: auto;
}
.food-app-call-bttn a{
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all 0.5s;
    font-weight: 500;
}
.food-app-call-bttn a:hover{
    background: #fff;
    color: #000;
}
.food-app-features-section{
    background: black;
    padding: 60px 0px;
}
.food-app-feature-head h2{
    font-size: 32px;
    font-weight: 400;
}
.food-app-feature-head h2 span{
    font-weight: 700;
    color: #f1b308;
}
.food-app-features-box{
    text-align: center;
    background: #808080a3;
    padding: 20px;
    border-radius: 10px;
    height: calc(100% - 0%);
}
.food-app-features-imgs{
    background: #f1b308;
    height: 70px;
    width: 70px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px !important;
    margin: auto;
}
.food-app-features-imgs img{
    width: 100%;
}
.food-app-features-box:hover .food-app-features-imgs{
    background: #fff;
}
.food-app-features-box h3{
    margin-bottom: 15px;
    font-size: 22px;
}
.why-we-best-app-dvlp-company-content h2{
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 25px;
}
.why-we-best-app-dvlp-company-content h2 span{
    font-weight: 700;
    color: #02667b;
}
.bi-hand-index-thumb::before{
    rotate: 90deg;
}
.why-we-best-app-dvlp-company-point ul li{
      list-style: none;
      background: #d2d2d2;
      border: 3px solid grey;
      padding: 8px;
      border-radius: 30px;
      font-size: 16px;
      font-weight: 500
}
.why-we-best-app-dvlp-company-img{
    position: relative;
}
.why-we-best-app-dvlp-company-img::before{
    content: "";
    max-width: 503px;
    max-height: 503px;
    background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
    position: absolute;
    border-radius: 50%;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}
.why-we-best-app-dvlp-company-img img{
    max-width: 300px;
    margin: auto;
}

.food-app-dvlp-services-second-head h2{
    font-size: 32px;
    font-weight: 400;
}
.food-app-dvlp-services-second-head h2 span{
    font-weight: 700;
    color: #02667b;
}

.food-app-dvlp-services-second-content{
    text-align: center;
    padding: 20px 10px;
    border-radius: 10px;
    box-shadow: 0px 10px 20px #dedcdc;
    border: 3px solid #ececec;
    height: calc(100% - 0%);
    transition: all 0.5s ;
}
.food-app-dvlp-services-second-content:hover{
    transform: scale(1.1);
    box-shadow: 0 0 10px rgb(207 207 207 / 77%);
    border: 2px solid #000;
}
.food-app-dvlp-services-second-content h3{
    font-size: 20px;
    margin-bottom: 15px;
}
.online-food-app-dvlp{
    background: #f4f4f4;
}
.online-food-app-dvlp-content h2{
     font-size: 32px;
     font-weight: 400;
     margin-bottom: 25px;
}
.online-food-app-dvlp-content h2 span{
    font-weight: 700;
    color: #02667b;
}
.online-food-app-dvlp-bttn a{
    padding: 15px 30px;
    border-radius: 30px;
    text-decoration: none;
    color: #02667b;
    border: 2px solid #02667b;
    font-weight: 600;
    transition: all 0.5s;
}
.online-food-app-dvlp-bttn a:hover{
   background: #02667b;
   color: #fff;
}
.online-food-app-dvlp-img img{
    width: 100%;
    max-height: 400px;
}
  .food-app-faqs-head h2{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
  }
  .food-app-accordion-item{
    border: none !important;
    margin-top: 12px;
    border-radius: 10px;
    box-shadow: 0px 2px 10px grey;
  }
  .food-app-accordion-bttn{
    background: linear-gradient(180deg, #2faea6, #02667b 99%) !important;
    font-size: 16px;
    font-weight: 700;
    color: #fff !important;
    border-radius: 10px;
  }
  .food-app-accordion-body{
    border-bottom: 4px solid #02667b;
    border-radius: 10px;
  }
/* food delivery app development page css ending here */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


.modal.modal-lg{
    transition-duration: 1s;
    opacity: 0;
}
.modal.modal-lg.show {
    transition-duration: 1s;
    opacity: 1 !important;
}
@media (max-width: 992px) {
	.header_accordian  .accordion-item{
background: transparent !important;
border: 0px !important
}	
.header_accordian  .accordion-item .accordion-button{
background: transparent !important;
color: white !important;
}

.header_accordian  .accordion-body ul li{
background: transparent !important;
}



}

@media (min-width: 992px) {
  #contactPopup .modal-dialog {
    max-width: 1024px;
  }
}
#contactPopupAll.show{
    z-index: 1051;
}

footer:has(#contactPopupAll.show) ~ #contactPopup {
  display: none !important;
}