/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700;900&display=swap');
/*CUSTOM CSS HERE*/
.font-w8 { font-weight: 600; }
.text-darkk { color: #095075 !important; }
.hand-text-main { width: calc(100% - 39vw); }
.banner-hand { width: 9vw; }
img.hand-bottom { width: 5vw; }
.rocket-main img.airoplan-img { max-width: 300px; }
h1.devex-headng { margin-top: -4.1vw;margin-left: -3px; }
.image-left-mainn, .image-right-mainn { width: 16vw; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #aaa;border-radius: 0px; }
::-webkit-scrollbar-thumb { border-radius: 0px;background: #00537E; }
/* 16 feb 2022 */
.image-teamm { width: 250px;height: 250px;object-fit: cover; }
.indentifying { border-left: 6px solid #095075; }
.para-width { width: 100%; }
.w-37 { max-width: 410px;width: 100%; }
.w-40 { max-width: 454px;width: 100%; }
.win-img { max-width: 330px;width: 100%; }
.underline { letter-spacing: 1px;position: relative; }
.underline:after { position: absolute;content: '';height: 4px;bottom: -3px;margin: 0 auto;left: 0;width: 11%;background: linear-gradient(90deg, rgba(9, 80, 117, 1) 0%, rgba(255, 255, 255, 0) 100%);transition: 0.5s; }
.underline_center:after, .center_sepp::after { left: 50% !important;transform: translateX(-50%); }
.line-1:after { width: 30%;max-width: 190px; }
.solution_service::after { left: 40%; }
.border-lefttt { border: 0px;border-left: 6px solid;border-image: linear-gradient(to top, rgb(9, 80, 117), rgba(9, 80, 117, 0.4), RGB(255, 255, 255,0), RGB(255, 255, 255,0));border-image-slice: 1;color: white;margin: auto;text-decoration: none; }
.border-lefttt img, .grow-img { max-width: 60px;width: 100%; }
/* GALLERY PAGE CSS START HERE */
.tab-outer li:last-child { margin-right: 0; }
.tab-outer li a { background: #f5f5f5; padding: 10px;
/* box-shadow: 0 0 5px 0 rgb(0 0 0 / 22%); */
 font-weight: 600; color: #fff; position: relative; }
.tab-outer.nav-pills .show>.nav-link { 
    background: #095075; color: #fff !important; }
    .tab-outer.nav-pills .nav-link.active { 
    background: #fff; color: #095075 !important; }
.gallery-imgs img { height: 217px; width: 100%; object-fit: cover; transition: transform 500ms; }
.gallery-imgs img:hover { transform: scale(1.02); box-shadow: 0 0 10px 2px rgb(0 0 0 / 15%) !important; }
.outer_dh_gallery_plugin
 { max-width: 100% !important;
/*  padding: 0px 65px;*/
   margin: 0 auto;
 }

.dh_sidebar_tab { position: relative; }
/*.dh_sidebar_tab.active::after
 { content: ""; position: absolute; top: 30%; left: 100%; border-width: 9px;
  border-style: solid; border-color: transparent transparent transparent #095075; }*/
.dh_inner_images { column-count: 4; column-gap: 10px; }
.gallery-imgs_items {
    height: auto;
}
.dh_gallery-imgs img { padding-bottom: 10px; transition: all 1s ease; z-index: 1;}
.dh_gallery-imgs img:hover { transform: scale(1.03)!important; }
.col-md-3.sticky-top.all-items.dh_all_cat_list { overflow-x: hidden !important; }
/* .outer_dh_gallery_plugin > .dh_all_cat_list, .outer_dh_gallery_plugin > .dh_cat_imgs { height: 100vh !important; overflow-y: auto !important;  scrollbar-width:thin; scrollbar-color: #d9d9d9 #f5f5f5; } */
.outer_dh_gallery_plugin > .dh_all_cat_list::-webkit-scrollbar,  .outer_dh_gallery_plugin > .dh_cat_imgs::-webkit-scrollbar { width: 4px; }
/* Track */
.outer_dh_gallery_plugin > .dh_all_cat_list::-webkit-scrollbar-track,
 .outer_dh_gallery_plugin > .dh_cat_imgs::-webkit-scrollbar-track { background: #f5f5f5; }
/* Handle */
.outer_dh_gallery_plugin > .dh_all_cat_list::-webkit-scrollbar-thumb,  .outer_dh_gallery_plugin > .dh_cat_imgs::-webkit-scrollbar-thumb {  background: #d9d9d9; }
/* Handle on hover */
.outer_dh_gallery_plugin > .dh_all_cat_list::-webkit-scrollbar-thumb:hover, .outer_dh_gallery_plugin > .dh_cat_imgs::-webkit-scrollbar-thumb:hover {  background: #d9d9d9; }
/* GALLERY PAGE CSS END HERE */
/* SLIDER CSS END HERE */
/*MEDIA QUERY END HERE*/
/*New----header---popup-----end----here*/
.page-link{ color: #095075 !important;}
 .nav-link:hover {
    color: #fff;
    border: 1px solid #fff;
}
 .nav-link:focus{color: #fff;}
.image-title{position: absolute; bottom: 9px; left: 0; padding: 10px; color: #fff; font-size: 14px; background: rgba(0, 0, 0, 0.5); width: 100%;  opacity: 0;}
.overlay-container { position: relative;}
.overlay-container:hover .image-title { opacity: 1;}
.bg-blue-custom{background-color: #095075;}
/*MEDIA QUERY START HERE*/
@media screen and (max-width: 992px){
.dh_inner_images { column-count: 3;}}
@media screen and (max-width: 768.98px) { .gallery-imgs img{ height: auto; } }
@media screen and (max-width: 767px) {.outer_dh_gallery_plugin > .dh_all_cat_list{overflow-y: unset;}
.outer_dh_gallery_plugin > .dh_all_cat_list, .outer_dh_gallery_plugin > .dh_cat_imgs { 
    height: auto !important; overflow-y: unset !important;}
.dh_inner_images { column-count: 2;}
.outer_dh_gallery_plugin { max-width: 100% !important; padding: 0px 10px;}
.image-title{ padding: 4px; color: #fff; font-size: 12;}
}