body { font-size: calc(0.15rem + 1vw); } 

@media (max-width: 768px) { 
body { font-size: calc(0.8rem + 1vw); } 
}
@media (max-width: 575px) {
body { font-size: calc(0.8rem + 1vw); } 
}

/*Custom Scrollbar*/
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #e9a13b; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #997748; }

*,
*::before,
*::after {padding: 0;margin: 0;box-sizing: border-box;list-style: none;list-style-type: none;text-decoration: none;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}

body, 
html {height: 100%;margin: 0;font-family: 'Segoe UI', sans-serif;}/*background-color: #070b17;color: #e6e6e6;*/

a {color: #479fca;text-decoration: none;}
a:hover {color: #e9a13b;}

/*----top-banner-----*/


/*----our-story-----*/
.our-story {position: relative;background: #f7f7f7;}

.modal-dialog.about .modal-body iframe{width:100%; height:720px;}
.youtube-modal{z-index: 1056;}
.youtube-video {aspect-ratio: 16 / 9;width: 100%;}


/*Mission & Vision-----------------------------------------3*/
.mission-vision{border-bottom: 1px solid #ebebeb;}
.mission-vision .blockquote-custom {position: relative;transition: all 250ms;border: 1px solid #ebebeb;}/*font-size: 1rem;*/
.mission-vision .blockquote-custom:hover{transform: translateY(-5px);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.mission-vision .blockquote-custom-icon {width: 150px;height: 150px;border-radius: 50%;align-items: center;justify-content: center; margin: 0 auto;padding: 20px;border: 1px solid #e1e1e1;}
.mission-vision .blockquote-custom-icon amp-img {width: 100%;height: 100%;}
.mission-vision .blockquote-custom div.h180{min-height:260px;}
.mission-vision .blockquote-custom h3.title{font-weight: 400;font-family: 'TitlingGothicFB Normal';}

/*----swiper-next-prev------------------------*/
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {right: 30px;left: auto;height: 34px; text-align:center;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {right: 0px;left: auto;height: 34px; text-align:center;}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {content: 'prev';color: #fff;}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {content: 'next';color: #fff;}
.swiper-button-prev:after,
.swiper-button-next:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;font-size: 15px;}


/*Timeline-----------------------------------------3*/
.timeline {position: relative;padding: 50px 5px;}
.swiper-container-wrapper--timeline .backgroundtext {width: calc(100% - 2rem);margin: 1rem 1rem 0rem 1rem; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1;color: #eeeeee;font-size: 200px;font-weight: 800;text-transform: uppercase;line-height: 250px;text-align: center; } 

.swiper-container-wrapper--timeline .swiper-slide {display: flex;min-height: 250px;align-items: center;justify-content: center;border-radius: 10px;}
.swiper-container-wrapper--timeline .swiper-slide .picture{width:120px !important;height:120px !important;}
.swiper-container-wrapper--timeline .swiper-slide .picture img{padding:0px;width:100px;max-width:100px;height:100px;}
.swiper-container-wrapper--timeline .swiper-slide ul{margin-left: 40px;}
.swiper-container-wrapper--timeline .swiper-slide ul li{list-style-type: disc;}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar {position: relative;margin-bottom: 20px;background-color: transparent;height: 4px;border-bottom: 1px solid #888;width: 75%;}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {background-color: #4264f5;height: 3px;top: 2px;}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {position: absolute;top: 2px;left: -100%;width: 100%;height: 3px;background-color: #4264f5;content: "";}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {position: absolute;top: 3px;right: -100%;width: 100%;height: 1px;background-color: #888;content: "";}

.swiper-container-wrapper--timeline .swiper-pagination-custom {position: relative;list-style: none;margin: 1rem 0;padding: 0;display: flex;line-height: 1.66;bottom: 0;z-index: 11;width: 75%;display: flex;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {position: relative;width: 100%;height: 30px;line-height: 30px;display: block;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {position: absolute;font-weight: 400;right: 0;transform: translateX(50%);transition: 0.2s all ease-in-out;transition-delay: 0s;cursor: pointer;z-index: 1;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {position: absolute;top: calc(100% + 19px);right: 50%;transform: translateX(50%) translateY(-50%);width: 12px;height: 12px;background: #4264f5;border-radius: 2rem;content: "";transition: 0.2s all ease-in-out;transition-delay: 0s;z-index: 1;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {transition-delay: 0.4s;color: #4264f5;font-weight: 600;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {background: #4264f5;width: 25px;height: 25px;transition-delay: 0.4s;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {color: #888;font-weight: 16px;}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {background: #888;}

@media (max-width: 768px) {
  .swiper-container-wrapper--timeline .backgroundtext {width: calc(100% - 0rem);margin: 0rem;font-size: 100px;font-weight: 800;} 
  .swiper-container-wrapper--timeline .swiper-slide .picture{width:70px !important;height:70px !important;}
  .swiper-container-wrapper--timeline .swiper-slide .picture img{padding:5px;width:50px!important;height:50px!important; max-width:50px;}/* width:100% !important;height:auto !important;*/
}


/*Meet the Team------------------------------------BS5-----3*/
.team-section{background: #f7f7f7;}
.team-warp {max-width: 100%;margin: 0 auto -30px;}

.team-warp .row.team-items-area:after {content: "";display: table;clear: both;}
.team-warp .row.team-items-area .column{display: none;}
.team-warp .row.team-items-area .column .team-item {background-color: white;padding: 10px;margin-bottom: 20px;transition: all 250ms;}
.team-warp .row.team-items-area .column .team-item:hover{transform: translateY(-5px);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.team-warp .row.team-items-area .column .team-item img{width:100%;}
.team-warp .row.team-items-area .column .team-item .team-info {background: #edf4f6;}
.team-warp .row.team-items-area .column .team-item .team-info .team-text {padding: 20px 20px;}
.team-warp .row.team-items-area .column .team-item .team-info .team-text h5 {margin-bottom: 5px;font-family: 'TitlingGothicFB Normal';}

.team-warp .row.team-items-area .column.show {display: block;}

.filter-button {border: none;outline: none;font-size: 18px;font-weight: 600;color: #474747;padding: 12px 16px;background-color: white;cursor: pointer;}
.filter-button:hover {color: #28a745;border-bottom: 4px solid transparent;}
.filter-button.active {color: #072986;border-bottom: 4px solid #072986;}

/*request-a-demo ---------------------------------header-footer-css-------------------------*/







/*==================================================== BIG  RESPONSIVE DESIGN ==========================================*/
@media (min-width: 3800px) {/*3840 x 2160*/

}
@media (min-width: 3400px) {/*3456 x 2234*/

}
@media (min-width: 2500px) {/*2560 x 1440*/

}
@media (min-width: 1900px) {/*1920 x 1080*/
}
@media (min-width: 1800px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1400px) {
}

/*====================================================  RESPONSIVE DESIGN ==========================================*/
@media (max-width: 1300px){

}
@media (max-width: 1230px){

}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
    
}
@media (max-width: 799px){

}
@media (max-width: 768px) {

}
@media (min-width: 768px) {/*e*/

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

}
@media (max-width: 640px) {/*e*/

}
@media (max-width: 600px){

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

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

}
@media (max-width: 360px) {

}
@media (max-width: 320px) {/*e*/

}