@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

#main_index {
    overflow: hidden;
    padding-bottom: 0 !important;
}

a:hover {
    text-decoration: none;
}

@media screen and (max-width: 767.5px){
.index_wrapper_2 .item>img{
      
    min-height:100vw !important;
    object-fit:cover;
}

}

/*Menu*/

.nav_bottom .menu .nav_item:hover .dropdown .title {
    color: #00b8f1;
}

.nav_bottom .menu .nav_item:hover {
    background-color: transparent;
}

.navbar_type10 .container {
    max-width: 100%;
    align-items: center;
}

.nav_bottom .container {
    max-width: 100%;
}

.nav_bottom .menu .nav_item .dropdown a {
    padding: 15px 1.5vw;
    transition: 0.3s;
    color: #333;

}

.nav_bottom .menu {

    padding-left: 5%;
}

.nav_bottom {
  
    box-shadow: unset;
    
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.nav_ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-inline-start: 0;
}

.navbar_mobile {
   
    background-color: rgba(255, 255, 255, 1);

}

.navbar_mobile .logo_img {

    transform: scale(1.25);
}

.nav_ul p {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    font-size: 14.4px;
}

.nav_ul i {
   
    margin-right: 3px;
}

.nav_ul a {
   
    transition: 0.3s;
}

.nav_ul a:hover {
   
    color: #00b8f1;
}

.navbar_type10 .nav_search .search_button {
    background-color: #001749;

    border-radius: 0 20px 20px 0;
    padding: 0 20px;
    max-height: 40px;
    font-size: 18px;
}

.navbar_type10 .nav_search {
    flex-grow: 1;
    padding: 0 5rem 0 2rem;
    display: flex;
    max-width: 54vw;
    align-self: center;
}

.navbar_type10 {
   
    padding: 1rem;
    background-color: white;
    padding-right: 5%;
    padding-left: 5%;
}

.navbar_type10 .nav_logo img {
    max-height: 90px;
    max-width: 100%;
}

.navbar_type10 .nav_search input {
    background: #f4f2f3;
    padding: 15px 25px;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    max-height: 40px;
}

@media screen and (max-width: 1200.5px){
.nav_ul p {

    font-size: 13.5px;
}

}

/*Banner*/

.hp_banner {
    padding-top: 4%;
    padding-left: 5%;
}

.hp_banner_sbox {
    display: flex;
    gap: 2vw;
    margin-top: 3.5%;
}

.hp_banner_box {
    background: linear-gradient(to right, #00adeb, #0b3192);
    border-radius: 15px;
    padding: 1% 1% 1%;
    text-align: center;
}


.hp_banner_title {
    color: #001749;
    font-size: 3vw;
    font-weight: 800;
    margin-bottom: 1.5%;
}

.hp_banner_desc {
    color: #000;
    font-size: 1.3vw;
    font-weight: 400;
    margin-bottom: 3%;
    width: 29%;
    line-height: 1.5;
}

.hp_banner_link {
    transition: 0.3s;
    background: #001749;
    color: #fff;
    font-size: 1.25vw;
    border-radius: 10px;
    padding: 0.75vw 2.25vw;
    margin-right: 1.5%;
    border: 1px solid #001749;
}

.hp_banner_link:hover {
   
    background: #00b8f1;
    color: #fff;

}

.hp_banner_link2 {
    transition: 0.3s;
    color: #001749;
    font-size: 1.25vw;
    border-radius: 10px;
    padding: 0.75vw 2.25vw;
    border: 1px solid #001749;
}

.hp_banner_link2:hover {
    border: 1px solid #00b8f1;
    color: #00b8f1;

}

.hp_banner_item1 {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 800;
    letter-spacing: 0.15vw;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 2%;
}

.hp_banner_item2 {
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
    margin-bottom: 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

@media screen and (max-width: 1200.5px){
.hp_banner_title {
    font-size: 3.5vw;
    margin-bottom: 1%;
}

.hp_banner_desc {
   
    font-size: 1.55vw;
    margin-bottom: 2%;
    width: 35%;

}

.hp_banner_link {
 
    font-size: 1.5vw;
    border-radius: 10px;
    padding: 0.9vw 2.75vw;
    margin-right: 1.5%;
  
}

.hp_banner_link2 {
 
    font-size: 1.5vw;
    border-radius: 10px;
    padding: 0.9vw 2.75vw;
 
}


.hp_banner_item1 {
    
    font-size: 3vw;
    letter-spacing: 0.2vw;

}

.hp_banner_item2 {
    
    font-size: 1.25vw;
 
}

.hp_banner_box {
  
    padding: 1% 1.5% 1%;
   
}

.hp_banner_sbox {
   
    gap: 2vw;
    margin-top: 2%;
}

}

@media screen and (max-width: 767.5px){
.hp_banner_title {
    font-size: 6.75vw;
    margin-bottom: 3%;
}

.hp_banner_desc {
   
    font-size: 4vw;
    margin-bottom: 6%;
    width: 96%;

}

.hp_banner_link {
 
    font-size: 4vw;
    border-radius: 10px;
    padding: 2.5vw 7vw;
    margin-right: 3%;
  
}

.hp_banner_link2 {
    background: #fff;
    font-size: 4vw;
    border-radius: 10px;
    padding: 2.5vw 7vw;
 
}


.hp_banner_item1 {
    
    font-size: 7vw;
    letter-spacing: 0.5vw;

}

.hp_banner_item2 {
    
    font-size: 3.75vw;
 
}

.hp_banner_box {
  
    padding: 3% 3% 3%;
   
}

.hp_banner_sbox {
   
    gap: 6vw;
    margin-top: 9%;
}

.hp_banner {
    padding-top: 9%;
    padding-left: 3%;
    padding-right: 3%;
}

}

/*Why*/

.hp_why {
    padding: 0 6% 4%;
    margin-top: -4%;
}

.hp_why_fbox {
    display: flex;
    justify-content: space-between;
}

.hp_why_icbox {
    left: -5%;
    top: -20%;
    position: absolute;
}

.hp_why_box {
    flex: 0 0 23.5%;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    background: #fff;
    text-align: right;
    padding: 1.5% 2.5% 2% 2.5%;
}

.hp_why_icon {
    width: 6vw;
    transition: 0.3s;
}

.hp_why_icon:hover {
    animation: 1s jshake;
}

.hp_why_item1 {

    font-weight: 700;
    font-size: 1.25vw;
    position: relative;
    padding-bottom: 7%;
    margin-bottom: 7%;
}

.hp_why_item2 {
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 0;
}

.hp_why_item1.a {
    color: #00b8f1;
}
.hp_why_item1.b {
    color: #7e499b;
}
.hp_why_item1.c {
    color: #f8a61b;
}
.hp_why_item1.d {
    color: #8cc540;
}

.hp_why_item1.a:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #00b8f1;
    width: 100%;
    height: 2px;
}

.hp_why_item1.b:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #7e499b;
    width: 100%;
    height: 2px;
}

.hp_why_item1.c:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #f8a61b;
    width: 100%;
    height: 2px;
}

.hp_why_item1.d:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #8cc540;
    width: 100%;
    height: 2px;
}

@media screen and (max-width: 1200.5px){
.hp_why_icon {
    width: 6.5vw;
}

.hp_why_item1 {
  
    font-size: 1.5vw;
    padding-bottom: 7%;
    margin-bottom: 7%;
}

.hp_why_item2 {
    font-size: 1.15vw;
}

.hp_why {
    padding: 0 3% 4%;
    margin-top: -4%;
}

.hp_why_box {
    flex: 0 0 24%;
    padding: 1.5% 2.5% 2% 2.5%;
}

.hp_why_icbox {
    left: -5%;
    top: -15%;
  
}

}

@media screen and (max-width: 767.5px){
.hp_why_icon {
    width: 20vw;
}

.hp_why_item1 {
  
    font-size: 5vw;
    padding-bottom: 5%;
    margin-bottom: 5%;
}

.hp_why_item2 {
    font-size: 3.75vw;
}

.hp_why {
    padding: 12% 3% 12%;
    margin-top: 0%;
}

.hp_why_fbox {
    flex-direction: column;
    gap: 12vw;
}

.hp_why_icbox {
    left: -5%;
    top: -10vw;
}

.hp_why_box {

    padding: 5% 9% 7% 9%;
}
    
}

/*About*/

.hp_about_image {
    width: 100%;
    
}

.hp_about_box {
    position: relative;
}

.hp_about_box:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -3%;
    margin: auto 0;
    background-color: #e2f6fd;
    width: 118.5%;
    height: 135%;
    z-index: -1;
}

.hp_about .row {
    align-items: center;
}

.hp_about_ibox {
    margin-left: -15px;
}

.hp_about_title {
    color: #001749;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 3%;
}

.hp_about_title span {
    color: #00b8f1;
}

.hp_about_desc {
    color: #000;
    font-weight: 400;
    font-size: 0.95vw;
    line-height: 1.8;
    margin-bottom: 4%;
}

.hp_about_link {
    transition: 0.3s;
    background: #001749;
    color: #fff;
    font-size: 1.25vw;
    border-radius: 10px;
    padding: 0.75vw 3.25vw;
}

.hp_about_link:hover {
   
    background: #00b8f1;
    color: #fff;

}

.hp_about_bbox {
    margin-top: 6%;
}

@media screen and (max-width: 1200.5px){
.hp_about_title {
    font-size: 2.7vw;
    margin-bottom: 3%;
}

.hp_about_desc {
  
    font-size: 1.2vw;
    margin-bottom: 4%;
}

.hp_about_desc br {
  
    display: none;
}

.hp_about_link {
    
    font-size: 1.5vw;
    border-radius: 10px;
    padding: 0.9vw 3.75vw;
}

.hp_about_box:before {
    right: -4%;
    width: 124%;
    height: 115%;
}

}

@media screen and (max-width: 767.5px){
.hp_about_title {
    font-size: 6.25vw;
    margin-bottom: 3%;
}

.hp_about_desc {
  
    font-size: 3.6vw;
    margin-bottom: 6%;
}

.hp_about_link {
    
    font-size: 4vw;
    border-radius: 10px;
    padding: 2.5vw 9vw;
}

.hp_about_ibox {
    margin-right: -15px;
}

.hp_about_box:before {
    right: -6%;
    width: 112%;
    height: 100%;
}

.hp_about_box {
    position: relative;
    padding-top: 12%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 12%;
}

.hp_about_bbox {
    margin-top: 9%;
}

}

/*Why2*/

.hp_why2 {
    background: #001749;
    padding: 0 15% 3%;

}

.hp_why2_fbox {
    display: flex;
    justify-content: space-between;
    margin-top: -3.5%;
}

.hp_why2_box {
    text-align: center;
}

.hp_why2_icon {
    width: 5vw;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.hp_why2_icon:hover {
    animation: 1s jshake;
}

.hp_why2_item {
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    margin-top: 9%;
    font-size: 1vw;
    line-height: 1.5;
}

@media screen and (max-width: 1200.5px){
.hp_why2_icon {
    width: 5.5vw;
}


.hp_why2_item {
    margin-top: 9%;
    font-size: 1.5vw;
  
}

.hp_why2 {
 
    padding: 0 12% 3%;
}

}

@media screen and (max-width: 767.5px){
.hp_why2_icon {
    width: 20vw;
}


.hp_why2_item {
    margin-top: 9%;
    font-size: 4vw;
  
}

.hp_why2 {
 
    padding: 12% 3%;
}

.hp_why2_fbox {
   
    margin-top: 0;
    flex-wrap: wrap;
    gap: 6vw 0;
}

}

/*Services*/

.index_wrapper_6 {
    padding: 6% 7% 6%;
    background-image: url('https://cdn1.npcdn.net/img/1774858556C-BACKGROUND.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.hp_services_abox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3%;
}

.hp_services_title {
    color: #001749;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 2%;
}

.hp_services_title span {
    color: #00b8f1;
}

.hp_services_desc {
    color: #000;
    font-weight: 400;
    font-size: 0.95vw;
    line-height: 1.8;
    margin-bottom: 0%;
}

.hp_services_link {
    transition: 0.3s;
    background: #001749;
    color: #fff;
    font-size: 1.25vw;
    border-radius: 10px;
    padding: 0.75vw 2.5vw;
}

.hp_services_link:hover {
   
    background: #00b8f1;
    color: #fff;

}

.hp_services_bbox {
    margin-top: 3%;
}

.ex_hpservice_slide .services-text h3.title:after {
    display: none;
}

.ex_hpservice_slide {
    margin-block: 10px;
    background-color: transparent;
    padding: 0;
    margin-right: -15%;
}

.ex_hpservice_slide .container {
    max-width: 100%;
}

.ex_hpservice_slide .fa-arrow-left:before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1774858863C-ARROW-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5vw;
    height: 2.5vw;
    display: block;
}

.ex_hpservice_slide .fa-arrow-right:before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1774858886C-ARROW-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5vw;
    height: 2.5vw;
    display: block;
}

.ex_hpservice_slide .service_btn {
    display: none;
}

.ex_hpservice_slide .services-text {
    position: relative;
    top: unset;
    bottom: 0;
    text-align: left;
    padding: 6% 9%;
    transform: unset;
    background: #001749;
    border-radius: 0 0 20px 20px;
}

.ex_hpservice_slide .services-text:before {
    position: absolute;
    content: "";
    bottom: 24%;
    right: 7%;
    background-image: url('https://cdn1.npcdn.net/img/1774864082C-ARROW-3.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5vw;
    height: 2.5vw;
}

.ex_hpservice_slide .services-content {
    
    overflow: visible;
    height: 20vw;
}

.ex_hpservice_slide .item {
    margin: 0 1vw 2.5vw;
    border-radius: 20px;
}

.ex_hpservice_slide .services-content {
    cursor: pointer;
}

.ex_hpservice_slide .controls.left {
    left: -2.5%;
    top: 60%;
}

.ex_hpservice_slide .controls.right {
    right: 7%;
    top: 60%;
}

.ex_hpservice_slide .services-text h3.title {
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 1.5vw;
    margin-bottom: 0;
    height: 3vw;
    width: 86%;
}

.ex_hpservice_slide .services-content .overlay {
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px 20px 0 0;
}

.ex_hpservice_slide .services-content:hover .overlay {
  
    background-color: rgba(0, 0, 0, 0.25);

}

.ex_hpservice_slide .services-content .services-image {
  
    border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 1200.5px){
.hp_services_title {

    font-size: 2.7vw;
    margin-bottom: 2%;
}


.hp_services_desc {

    font-size: 1.2vw;
   
}

.hp_services_link {
    
    font-size: 1.5vw;
    padding: 0.9vw 3vw;
}

.hp_services_hbox {
    flex: 0 0 75%;
}

.hp_services_bbox {
    flex: 0 0 25%;
}

.ex_hpservice_slide .services-text h3.title {
   
    font-size: 1.75vw;
    height: 2.5vw;
    width: 86%;
}

.ex_hpservice_slide .fa-arrow-left:before {
   
    width: 3vw;
    height: 3vw;
 
}

.ex_hpservice_slide .fa-arrow-right:before {
   
    width: 3vw;
    height: 3vw;
 
}

.ex_hpservice_slide .services-text:before {
   
    bottom: 24%;
    right: 7%;
 
    width: 3vw;
    height: 3vw;
}

.ex_hpservice_slide .controls.right {
    right: 9%;
    top: 60%;
}


.ex_hpservice_slide {
   
    margin-right: -18%;
}

}

@media screen and (max-width: 767.5px){
.hp_services_title {

    font-size: 7vw;
    margin-bottom: 2%;
}


.hp_services_desc {

    font-size: 3.75vw;
   
}

.hp_services_link {
    
    font-size: 4vw;
    padding: 2.5vw 7vw;
}

.hp_services_abox {
    flex-direction: column;
    align-items: start;
    gap: 6vw;
}

.ex_hpservice_slide .services-text h3.title {
   
    font-size: 5vw;
    height: 8vw;
    width: 90%;
}

.ex_hpservice_slide .fa-arrow-left:before {
   
    width: 9vw;
    height: 9vw;
 
}

.ex_hpservice_slide .fa-arrow-right:before {
   
    width: 9vw;
    height: 9vw;
 
}

.ex_hpservice_slide .controls.right {
        right: -2.5%;
        top: 60%;
    }

.ex_hpservice_slide .services-text:before {
   
    bottom: 24%;
    right: 7%;
 
    width: 7vw;
    height: 7vw;
}

.ex_hpservice_slide {
    margin-top: 9%;
    margin-right: 0%;
}

.index_wrapper_6 {
    padding: 12% 3% 12%;
    background-position: 50%;
}

.ex_hpservice_slide .services-content {
    overflow: visible;
    height: 56vw;
}

.ex_hpservice_slide .item {
    margin: 0 0px 5vw;
    border-radius: 20px;
}

}

/*Gallery*/

.index_wrapper_7 {
    padding: 6% 0% 6%;
}

.hp_gallery_title {
    color: #001749;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 1.5%;
    text-align: center;
}

.hp_gallery_title span {
    color: #00b8f1;
}

.hp_gallery_desc {
    color: #000;
    font-weight: 400;
    font-size: 0.95vw;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 3%;
}

.hp_gallery_link {
    transition: 0.3s;
    background: #001749;
    color: #fff;
    font-size: 1.25vw;
    border-radius: 10px;
    padding: 0.75vw 3.25vw;
}

.hp_gallery_link:hover {
   
    background: #00b8f1;
    color: #fff;

}

.hp_gallery_bbox {
    text-align: center;
    margin-top: 0%;
}



.hp_photoGallerySlider_type4 {
    margin: 0 -9%;
    background-color: transparent;
    
}

.hp_photoGallerySlider_type4 .photo-gallery3 {
    padding: 0;
}

.hp_photoGallerySlider_type4 .photo-gallery3 .outline_box .gallery_box {
   
    padding-top: 71%;
   
}

.hp_photoGallerySlider_type4 .photo-gallery3 .outline_box {
    width: 100%;
    padding: 15px 0.35vw;
}

.hp_photoGallerySlider_type4 .container {
    max-width: 100%;
}

.hp_photoGallerySlider_type4 .photo-gallery3 .slick-prev {
    z-index: 1;
    left: 9%;
}

.hp_photoGallerySlider_type4 .photo-gallery3 .slick-next {
    z-index: 1;
    right: 9%;
}


.hp_photoGallerySlider_type4 .flickfeed .slick-slide {
    margin: 5px !important;
    height: inherit !important;
}

.hp_photoGallerySlider_type4 .py-5 {
    padding-bottom: 2% !important;
    padding-top: 2% !important;
}

@media screen and (max-width: 1200.5px){
.hp_gallery_title {
 
    font-size: 2.7vw;
    margin-bottom: 1.5%;
  
}

.hp_gallery_desc {
    font-size: 1.2vw;
    margin-bottom: 3%;
}

.hp_gallery_link {
    font-size: 1.5vw;
    border-radius: 10px;
    padding: 0.9vw 3.75vw;
}

}

@media screen and (max-width: 767.5px){
.hp_gallery_title {
 
    font-size: 7vw;
    margin-bottom: 3%;
  
}

.hp_gallery_desc {
    font-size: 3.75vw;
    margin-bottom: 6%;
}

.hp_gallery_link {
    font-size: 4vw;
    border-radius: 10px;
    padding: 2.5vw 9vw;
}

.index_wrapper_7 {
    padding: 12% 0%;
}

.hp_photoGallerySlider_type4 {
    margin: 0%;
   
}

.hp_gallery_bbox {
   
    margin-top: 3%;
}

}

/*Projects*/

.index_wrapper_8 {
    background: #e2f6fd;
    padding: 6% 12% 6%;
}

.hp_projects_image {
    width: 100%;
}

.hp_projects_box {
    text-align: center;
}


.hp_projects_fbox {
    display: flex;
    justify-content: space-between;
    gap: 1.5vw;
}

.hp_projects_title {
    color: #001749;
    text-align: center;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 1.5%;
}

.hp_projects_title span {
    color: #00b8f1;
}

.hp_projects_desc {
    color: #000;
    font-weight: 400;
    font-size: 0.95vw;
    line-height: 1.8;
    margin-bottom: 4%;
    text-align: center;
}

.hp_projects_item {
    background: #001749;
    color: #fff;
    font-size: 1.15vw;
    margin-bottom: 0;
    padding: 4.5% 4%;
    margin-top: 3%;
    margin-bottom: 3%;
}

.hp_projects_link {
    font-size: 1.1vw;
    transition: 0.3s;
    color: #001749;
}

.hp_projects_link:hover {
    color: #00b8f1;
}

@media screen and (max-width: 1200.5px){
.hp_projects_title {
    font-size: 2.7vw;
    margin-bottom: 1.5%;
}

.hp_projects_desc {
    font-size: 1.2vw;
    margin-bottom: 4%;
}

.hp_projects_item {
    font-size: 1.35vw;
    padding: 4.5% 2%;
    margin-top: 3%;
    margin-bottom: 3%;
}

.hp_projects_link {
    font-size: 1.3vw;
}

.index_wrapper_8 {
 
    padding: 6% 6% 6%;
}

}

@media screen and (max-width: 767.5px){
.hp_projects_title {
    font-size: 7vw;
    margin-bottom: 3%;
}

.hp_projects_desc {
    font-size: 3.55vw;
    margin-bottom: 7%;
}

.hp_projects_item {
    font-size: 4.5vw;
    padding: 4.5% 2%;
    margin-top: 3%;
    margin-bottom: 3%;
}

.hp_projects_link {
    font-size: 4vw;
}

.index_wrapper_8 {
 
    padding: 12% 3%;
}

.hp_projects_fbox {
   
    gap: 6vw;
    flex-direction: column;
}

}

/*Why3*/

.hp_why3 {
    background: #001749;
    padding: 6% 3% 6%;
}

.hp_why3_fbox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.5vw 2vw;
}

.hp_why3_box {
    display: flex;
    align-items: center;
    gap: 2.5vw;
    flex: 0 0 25%;
    position: relative;
}

.hp_why3_box:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    left: 22%;
    background-color: #00b8f1;
    width: 1px;
    height: 100%;
}

.hp_why3_title {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 5%;
}

.hp_why3_title span {
    color: #00b8f1;
}

.hp_why3_item {
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 1.5;
}

.hp_why3_item span {
    color: #00b8f1;
}

.hp_why3_icon {
    width: 4vw;
    transition: 0.3s;
}

.hp_why3_icon:hover {
    animation: 1s jshake;
}

@keyframes jshake {
    25% {
        transform: rotate(10deg);
      }
      75% {
        transform: rotate(-10deg);
      }
}

@media screen and (max-width: 1200.5px){
.hp_why3_title {
  
    font-size: 2.7vw;
    margin-bottom: 5%;
}

.hp_why3_item {
    font-size: 1.65vw;
}

.hp_why3_icon {
    width: 4.5vw;
}

.hp_why3 {

    padding: 6% 0% 6%;
}

.hp_why3_box {
 
    gap: 2.5vw;
    flex: 0 0 27%;

}

}

@media screen and (max-width: 767.5px){
.hp_why3_title {
  
    font-size: 7vw;
    margin-bottom: 9%;
}

.hp_why3_item {
    font-size: 4vw;
}

.hp_why3_icon {
    width: 14.5vw;
}

.hp_why3 {

    padding: 12% 3%;
}

.hp_why3_box {
 
    gap: 7vw;

}

.hp_why3_fbox {
    flex-direction: column;
    gap: 9vw;
}

.hp_why3_box:before {
    left: 20%;

}

}

/*Partners*/

.hp_partners {
    padding: 6% 9% 6%;
}

.hp_partners_fbox {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
}

.hp_partners_image {
    width: 100%;
}

.hp_partners_ibox {
    flex: 0 0 14%;
}

.hp_partners_title {
    color: #001749;
    text-align: center;
    font-weight: 700;
    font-size: 2.2vw;
    margin-bottom: 4%;
}

.hp_partners_title span {
    color: #00b8f1;
}

@media screen and (max-width: 1200.5px){
.hp_partners_title {
  
    font-size: 2.7vw;
    margin-bottom: 4%;
}

.hp_partners_ibox {
    flex: 0 0 14.5%;
}

}

@media screen and (max-width: 767.5px){
.hp_partners_title {
  
    font-size: 7vw;
    margin-bottom: 9%;
}

.hp_partners_ibox {
    flex: 0 0 46%;
}

.hp_partners {
    padding: 12% 3%;
}


.hp_partners_fbox {
  
    gap: 6vw;
}

}

/*Contact*/

.hp_contact {
    padding: 6% 15% 6%;
    position: relative;
    background-image: url('https://cdn1.npcdn.net/img/1774856901H-BACKGROUND.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.hp_contact .col-12.col-md-4 {
    padding: 0 1.75vw;
}

.hp_contact_box {
    text-align: center;
    background: white;
    padding: 12% 6% 9%;
    height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hp_contact_item1 {
    color: black;
    font-weight: 700;
    font-size: 1.25vw;
    margin-top: 4%;
}

.hp_contact_item2 {
    color: #001749;
    font-weight: 400;
    font-size: 0.95vw;
    line-height: 1.8;
}

.hp_contact_item2 a {
    color: rgba(0,0,0,1);

}

.hp_contact_item2 a:hover {
    color: #001749;
    text-decoration: none;

}

.hp_contact_image {
    width: 3.5vw;
    transition: 0.3s;
}

.hp_contact_image:hover {
    animation: 1s jshake;
}

@keyframes jshake {
    25% {
        transform: rotate(10deg);
      }
      75% {
        transform: rotate(-10deg);
      }
}

@media screen and (max-width: 1200.5px){
.hp_contact_item1 {
   
    font-size: 1.5vw;
    margin-top: 4%;
}

.hp_contact_item2 {
 
    font-size: 1.2vw;
    
}

.hp_contact_image {
    width: 4vw;
}

.hp_contact .col-12.col-md-4 {
    padding: 0 1.5vw;
}

.hp_contact {
    padding: 6% 11% 6%;

}

}

@media screen and (max-width: 767.5px){
.hp_contact_item1 {
   
    font-size: 5vw;
    margin-top: 4%;
}

.hp_contact_item2 {
 
    font-size: 4vw;
    
}

.hp_contact_image {
    width: 15vw;
}

.hp_contact {
    padding: 12% 3%;
    background-position: 50%;
    
}

.hp_contact .col-12.col-md-4 {
    padding: 0 15px 30px;
}

}

/*Footer*/

.footer_type7 {
    background-color: #fff;
    color: #000;
}

.footer_type7 i {
   
    color: #001749;
}

.footer_type7 .line {
    background-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
    margin-top: 50px;
}

.footer_type7 .social_media a {
    margin-left: 1rem;
    color: #001749;
}

.footer_type7 a {
    color: #000;
    text-decoration: none;
}

.footer_type7 .title h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 19px;
}

.footer_type7 .logo img {
  
    left: 10px;
    max-height: 150px;
}

.footer_type7 .logo.title {
    min-height: 150px;
}