:root {
  --background-color: #f1f1f1;
  --hover-color: rgb(102, 40, 245);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style-type: none;
}
body {
  overflow-x: hidden;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}
.container {
  width: 1140px;
  margin: 0 auto;
}

.ergerg_tri {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
nav {
  background: #ffffffd1;
  /* box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75); */
  padding: 0;
}
.logo a {
  font-size: 20px;
  font-weight: 700;
  color: #353535;
  text-transform: uppercase;
  display: block;
}
img.feui_tri {
    /* width: 230px; */
    /* width: 200px; */
    /*background: #fff;*/
    padding-bottom: 5px;
    width: 100%;
}
/* normal menu css */

.main_menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0 -2px;
}
.main_menu ul li {
  position: relative;
}

.main_menu ul {margin: 0 ;
}
.main_menu ul li a {
  font-size: 14px;
  color: #353535;
  padding: 0 0 0 22px;
  display: block;
  font-weight: 400;
}

.main_menu ul li .active,
.main_menu ul li:hover > a {
  /* color: var(--hover-color); */
}
/* Normal Dropdown menu */
.main_menu ul li ul {
  width: 200px;
  background: #fff;
  transition: 0.5s;
  box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}

.main_menu ul li ul li a {
  padding: 10px 25px;
  font-size: 15px;
}
.main_menu ul li ul li a i {
  float: right;
}

.main_menu ul li ul li ul {
  left: 100%;
  top: 0;
}

/* mega menu css */
.mega_menu_dropdown {
  position: static !important;
}
.mega_menu {
  left: 0;
  right: 0;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  transition: 0.5s;
  box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.mega_menu_item {
  width: 25%;
  padding: 30px 20px;
}
.main_menu ul li .mega_menu_item a {
  padding: 10px 0;
}

.main_menu ul li .mega_menu_item a:hover {
  color: var(--hover-color);
}
.mega_menu_item h3 {
  margin-bottom: 15px;
}
.mega_menu_item img {
  width: 100%;
}

/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
  left: 50%;
  transform: translateX(-50%);
  width: 1140px;
}

.mobile_btn {
  display: none;
}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container {
    width: 960px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 940px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    width: 720px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 700px;
  }
  .main_menu ul li a {
    font-size: 15px;
    padding: 20px 16px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li .mega_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    z-index: 99;
  }
  .main_menu ul li:hover > .mega_menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 99;
  }
}

@media (max-width: 767.98px) {
  .mega_menu_demo_2 .mega_menu,
  .container {
    width: 100%;
  }

  nav {
    padding: 15px;
  }
  .mobile_btn {
    cursor: pointer;
    display: block;
  }

  .main_menu {
    display: none;
    width: 100%;
  }

  .main_menu ul li {
    display: block;
  }
  .main_menu ul li a i {
    float: right;
  }
  .main_menu ul li a {
    border-bottom: 1px solid #ddd;
  }
  .main_menu ul li ul {
    width: 100%;
  }
  .main_menu ul li ul li ul {
    left: 0;
    top: auto;
  }

  .mega_menu .mega_menu_item {
    width: 50%;
  }
  .main_menu ul li ul {
    display: none;
    transition: none;
  }
  .main_menu ul li .mega_menu {
    display: none;
    transition: none;
  }

  .mega_menu_demo_2 .mega_menu {
    transform: translateX(0);
  }
}
@media (max-width: 575.98px) {
.mega_menu .mega_menu_item {width: 100%;}
}
header.header_tri.fuyhui_tri.fixed-header nav.efygyi_tri {
    background: #fff;
}
/*==============================*/
.efiugy_tri {display: flex;justify-content: space-between;align-items: center;} 
ul.wffyhu_tri {padding-left: 0;display: flex;margin: 0;} 
ul.feugy_tri {display: flex;margin: 0;}
a.uyfgty_tri {color: #ffffff;font-size: 13px;} 
a.efuighu_tri {font-size: 13px;color: #ffffff;margin-left: 12px;border-left: 1px solid #cfcfcf;padding-left: 12px;} 
.deuhuy_tri {padding: 6px 0;background: #1b4280;} 
header.header_tri.fuyhui_tri {box-shadow: rgb(0 0 0 / 4%) 0px 5px 15px;position: fixed;width: 100%;z-index: 5;backdrop-filter: blur(5px);} 
li.feuy_tri { margin-right: 12px; } 
a.uyfgty_tri i { margin-right: 6px; font-size: 12px; }

/*==============================*/


/*========= Banner =============*/
.efguyh_tri {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.wdd_tri {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 50px;
    text-shadow: 0 0 13px #00000085;
}

.feui_tri {
    width: 50%;
    position: relative;
    color: #fff;
}

.efguyh_tri:before {
    content:"";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #144ca9ad; */
    /* background: linear-gradient(to right, #000000c9 10%, #000000b5 70%, #6b4f8d00 100%); */
    background: linear-gradient(to right, #0000009e 10%, #00000057 70%, #6b4f8d00 100%);
    top: 0;
    height: 100%;
}

.drfuygyu_tri {
    margin-top: 18%;
}

.swdwuihi_tri {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px;
    line-height: 32px;
    text-shadow: 0 0 13px #000;
}

a.eufig_tri {
    background: #1b4280;
    padding: 10px 44px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #ffffff4a;
    margin-right: 12px;
}

.fui_tri {
    display: flex;
}

a.wdwk_tri {
    /* background: #ffffff; */
    padding: 8px 25px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #ffffff;
}

.greg_tri .owl-carousel .owl-nav button.owl-prev {
    left: -26px;
}

.greg_tri .owl-carousel .owl-nav button.owl-next {
    right: -26px;
}

.greg_tri .owl-carousel .owl-nav button.owl-prev, .greg_tri .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 36%;
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    font-size: 36px;
    backdrop-filter: blur(3px);
    border: 1px solid #0000004a;
    box-shadow: 0 0 20px #00000082;
}
.greg_tri .owl-carousel .owl-nav button.owl-prev:hover, .greg_tri .owl-carousel .owl-nav button.owl-next:hover {
        color: #000;
    } 

/*========= Banner =============*/

/*===============Industry We Serve =============*/
.ggrgvd_tri:hover img.efyuguy_tri {
    filter: unset;
}
.ggrgvd_tri img.efyuguy_tri {
   transition: all 0.4s;
}
img.efyuguy_tri {
    height: 290px;
    border-radius: 5px;
    filter: grayscale(100%);
}
.ggrgvd_tri {
    padding: 1px; /* background: #fff; */ /* box-shadow: 0 3px 5px #00000030; */
    margin-bottom: 0;
    position: relative; /* border: 1px solid #e9e9e9; */
}

section.euftgy_tri {
    background: #f3f4ff;
    padding: 40px 0;
}

h2.eff_tri {
    margin-bottom: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}

.ggrrfgu_tri {
    margin-bottom: 20px;
}

.gggrfgrgvd_tri {
    text-align: left;
    font-weight: 500;
    margin-top: 0;
    flex-grow: 1;
    font-size: 17px;
    color: #ffffff;
}

a.oioo_tri {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    display: flex;
    align-items: end;
    padding: 15px 15px; /* height: 80%; */
}

.fedf_tri:after {
    background: linear-gradient(to top, #000000 10%, #00000096 70%, #6b4f8d00 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%; /* background: linear-gradient(180deg, rgba(0, 130, 170, 0.6), rgba(0, 80, 120, 0.95)); */
    border-radius: 5px;
}

.greg_tri {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ggrg_tri {
    width: 100%;
    padding: 0 6px;
}

a.oioo_tri i.fa.fa-chevron-circle-right {
    font-size: 15px; /* color: #1b4280; */ /* align-items: end; */ /* display: flex; */
    opacity: .5;
    position: relative;
    bottom: 6px;
}

.efef_tri {
    font-size: 13.5px;
    font-weight: 400;
    margin-top: 8px;
    display: none;
}

.efygyu_tri .owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.efygyu_tri .owl-carousel .owl-nav button.owl-next {
    right: 0;
}
.efygyu_tri .owl-carousel .owl-nav {    margin: 0;}
.efygyu_tri .owl-carousel .owl-nav button.owl-prev, .efygyu_tri .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    bottom: 36%;
    width: 56px;
    height: 56px;
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff00;
    font-size: 62px;
    /*backdrop-filter: blur(3px);*/
    border: 0px solid #0000004a;
    box-shadow: 0 0 0px #00000082;
    color: #ffffffc2;
    font-weight: 100;
    font-family: auto;
    line-height: 0;
    border-radius: 50px;
}
.efygyu_tri .owl-carousel .owl-nav button.owl-prev:hover, .efygyu_tri .owl-carousel .owl-nav button.owl-next:hover {
        color: #000;
    } 

/*img.efyuguy_tri {height: 320px;border-radius: 5px;}
.ggrgvd_tri {padding: 1px;background: #fff;*//* box-shadow: 0 3px 5px #00000030; *//*margin-bottom: 0;position: relative;border: 1px solid #e9e9e9;}
section.euftgy_tri { background: #f3f4ff; padding: 40px 0; } 
h2.eff_tri { margin-bottom: 0; text-align: center; font-size: 32px; font-weight: 500; } 
.ggrrfgu_tri { margin-bottom: 20px; } 
.gggrfgrgvd_tri {text-align: left;font-weight: 500;margin-top: 0;flex-grow: 1;font-size: 20px;color: #ffffff;}
a.oioo_tri {position: absolute;bottom: 0;width: 100%;color: #ffffff;display: flex;*//* align-items: center; *//*padding: 15px 15px;height: 100%;}
.fedf_tri:after {*//* background: linear-gradient(to top, #000000c7 10%, #00000057 70%, #6b4f8d00 100%); *//*content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 130, 170, 0.6), rgba(0, 80, 120, 0.95));border-radius: 5px;}
.greg_tri { display: flex; flex-wrap: wrap; justify-content: center; } 
.ggrg_tri {width: 100%;padding: 0 6px;} 
a.oioo_tri i.fa.fa-chevron-circle-right {font-size: 18px;*//* color: #1b4280; *//*align-items: end;display: flex;opacity: .5;}
.efef_tri {
    font-size: 13.5px;
    font-weight: 400;
    margin-top: 8px;
}
section.euftgy_tri .owl-carousel .owl-nav button.owl-prev {left: -26px;}
section.euftgy_tri .owl-carousel .owl-nav button.owl-next {right: -26px;}
section.euftgy_tri .owl-carousel .owl-nav button.owl-prev , section.euftgy_tri .owl-carousel .owl-nav button.owl-next { position: absolute; top: 36%; width: 45px; height: 45px; min-width: 45px; display: flex; align-items: center; justify-content: center; background: #ffffff; font-size: 36px; backdrop-filter: blur(3px); border: 1px solid #0000004a; box-shadow: 0 0 20px #00000082;}
section.euftgy_tri .owl-carousel .owl-nav button.owl-prev:hover , section.euftgy_tri .owl-carousel .owl-nav button.owl-next:hover {color:#000;}*/

/*===============Industry We Serve =============*/

 
/*=========== footer ==============*/
.footer {
    background: #f3f4f6;
    padding: 60px 0 30px;
    position: relative;
    border-top: 1px solid #e1e1e1;
}

.brand-text {
    color: #777;
}

.row-section {
    align-items: flex-start;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-heading {
    font-size: 1rem;
    font-weight: 500;
    color: #1b4280;
    margin-bottom: 20px;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: #2c2c2c;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

    .footer-links a:hover {
        color: #2196F3;
        padding-left: 4px;
    }

.footer-description {
    color: #2c2c2c;
    font-size: 13.5px;
    line-height: 27px;
    margin-bottom: 30px;
    max-width: 400px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 16px;
}

.contact-icon {width: 25px;height: 23px;border-radius: 10px;display: flex;align-items: center;min-width: 25px;}

    .contact-icon i {
        color: #1b4280;
        font-size: 13px;
    }

.contact-text {
    color: #6c757d;
    font-size: 13.5px;
    line-height: 1.5;
    padding-top: 0;
}

    .contact-text a {
        color: #2c2c2c;
        text-decoration: none;
        transition: color 0.3s ease;
    }

.social-links {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}

.social-link {width: 31px;height: 31px;border: 1px solid #1b428047;border-radius: 2px;display: flex;align-items: center;justify-content: center;color: #1b4280;text-decoration: none;transition: all 0.3s ease;}

    .social-link i {
        font-size: 18px;
    }

    .social-link:hover {
        background: linear-gradient(135deg, #2196F3 0%, #42a5f5 100%);
        color: white;
        border-color: #2196F3;
        transform: translateY(-3px);
    }

.business-hours {
    text-align: right;
}

.hours-item i {
    color: #2196F3;
    font-size: 16px;
}

.hours-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: #6c757d;
    font-size: 0.938rem;
    margin-bottom: 8px;
}
.footer-logo {
    /*height: 100px;*/
    width: auto;
}
/*.footer-logo {
    height: 75px;
    width: auto;
}*/

.footer-brand {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
    max-width: 450px;
}

.brand-text {
    font-size: 1.25rem;
    font-weight: 600;
    color: rgb(26, 26, 26);
}

    .brand-text .text-muted {
        color: rgb(108, 117, 125) !important;
        font-weight: 600;
    }

@media (max-width: 991px) {
    .business-hours {
        text-align: left;
    }

    .hours-item {
        justify-content: flex-start;
    }
    .efiugy_tri {
        display: none;
    }
}

/*=========== footer ==============*/

/*=========== About-section-1 ==============*/

.about-us {
    background-color: #fff;
    margin: 0;
    padding: 50px;
}

.workforce-section {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.stats-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stat-card {
    background: #f5f3f4;
    border-radius: 4px;
    padding: 24px;
    text-align: center;
    transition: all 0.4s;
   
}

.stat-card-heading {
    font-size: 2rem;
    margin: 10px 0 5px;
    line-height: 32px;
    color: #000204;
    font-weight: 500;
}

.stat-card-para {
    font-size: 18px;
    color: #666;
    margin: 0;
    line-height: 28px;
}
.stat-card:hover {
    background: linear-gradient( 359deg, #1b3e77, #208e93);
}

    .stat-card:hover .stat-card-heading,
    .stat-card:hover .stat-card-para {
        color: #ffffff;
    }
    .stat-card:hover .stat-img {
        filter: brightness(0) invert(1);
    }
.icon-stat {
    margin-bottom: 20px;
}
.center-img {
    width: 100%;
    border-radius: 4px;
}


.badge {
    font-size: 16px;
    background-color: #1b3e77;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 8px 12px;
    margin-bottom: 16px;
}

.right-heading {
    font-size: 44px;
    color: #081120;
    line-height: 54px;
    font-weight: 500;
}

.description {
    color: #77787b;
    line-height: 28px;
    margin-bottom: 13px;
    font-size: 18px;
}

ul.icon-list {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.workforce-list {
    font-size: 18px;
    line-height: 18px;
    display: flex;
}

.right-icon {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background-color: #081120;
    color: #ffffff;
    border-radius: 50%;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    padding-left: 30px;
}
a.theme-btn1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
    padding: 18px 22px 18px 22px;
    background: #1b3e77;
    overflow: hidden;
    color: #ffffff;
    border-radius: 4px;
}
    a.theme-btn1:hover {
        background: linear-gradient( 359deg, #1b3e77, #208e93);
    }
.about-button-1{
    margin-top:40px;
}
img.stat-img {
    width: 55px;
}
.theme-btn1 span {
    margin-left: 10px;
}

@media (max-width: 991px) {
    .sp {
        padding: 50px 0px;
    }

    .top-marging {
        margin-top: 30px;
    }

    .content {
        padding-left: 0px;
    }
    .right-heading {
        font-size: 32px;
        line-height: 44px;
    }
    .description {
        margin-bottom: 0px;
    }

}
/*=========== About-section-1 ==============*/



/*=========== Services ==============*/
img.uety_tri {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: all 0.4s;
}

.efwf_tri {
    margin-bottom: 40px;
    display: block;
    margin-top: 30px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    transition: all 0.4s;
}

p.fesfc_tri {
    text-align: center;
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 400;
    margin-top: 0;
    margin-top: 6px;
}

section.grfughiu_tri {
    padding: 40px 0;
}
.efyguy_tri {position: absolute;bottom: 0;padding: 13px;transform: translateY(52px);transition: all 0.4s;z-index: 2;color: #fff;}
.efedfvd_tri {}

a.efwf_tri:after {
    content: "";
    position: absolute;
    bottom: -500px;
    right: -30px;
    height: 600px;
    width: 600px;
    background-color: #1b4280d9;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s;
}

a.efwf_tri:hover img.uety_tri {
    transition: all 0.4s;
    transform: scale(1.1) rotate(2deg);
}

a.efwf_tri:hover:after {
    opacity: 1;
    transition: all 0.4s;
    bottom: -390px;
    /* background-color: #1b4280d9; */
    /* border-radius: 50%; */
}

a.efwf_tri:hover .efyguy_tri {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s;
}
h5.rgrdg_tri {
    font-size: 16px;
    margin: 15px 0 8px;
    color: #ffffff;
}
section.grfughiu_tri .row .col-md-4 {
    width: 25%;
}

section.grfughiu_tri .row {justify-content: center;}

.efedfvd_tri:after {
    content:"";
    background: linear-gradient(to top, #000000c7 10%, #0000005c 70%, #00000000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 66%;
}

.owl-carousel .owl-item img.efihu_tri {
    width: 38px;
}
p.fedfe_tri {
    font-size: 14px;
    margin-bottom: 0;
    color: #ffffff;
}

.efgdigyb_tri {
    display: flex;
    justify-content: center;
}

button.rgrfgrl_tri {
    border: 0;
    background: #1b4280;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    box-shadow: 5px 4px 0px 2px #193d7747;
}
/*=========== Services ==============*/

/*=========== Recruitment Process ==============*/
section.poio_tri {
    /* background: #1b4280; */
    padding: 50px 0;
}
.tregbf_tri {
    position: relative;
    text-align: center;
    /* padding-top: 48px; */
    padding-left: 0;
}

.efedgdgvd_tri {
    margin-bottom: 5px;
    color: #1b4280;
    font-size: 18px;
    font-weight: 500;
}

.efedg_tri {
    /* background: #1b428017; */
    /* width: 50px; */
    /* height: 50px; */
    /* min-width: 50px; */
    /* display: flex; */
    /* align-items: anchor-center; */
    /* justify-content: center; */
    border-radius: 50px;
    font-size: 35px;
    color: #1b428017;
    /* position: absolute; */
    top: 0;
    left: 0;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 4px;
}

.grgd_tri {
    margin-bottom: 0;
    font-size: 13.5px;
}
/*=========== Recruitment Process ==============*/




/*------------Why Choose Us CSS---------------*/
.why-choose-style1 {
    background-color: #ffffff;
    padding: 50px 0px 0;
    overflow: hidden;
}

.sec-title.withtext {
    padding-bottom: 22px;
}

.sec-title {
    position: relative;
    display: block;
    margin-top: -10px;
    padding-bottom: 46px;
}

    .sec-title .sub-title {
        position: relative;
        display: block;
        margin-bottom: 11px;
    }

        .sec-title .sub-title h4 {
            position: relative;
            display: inline-block;
            padding-left: 32px;
            color: #27a3a8;
            font-size: 14px;
            line-height: 24px;
            font-weight: 600;
            text-transform: uppercase;
            font-family: var(--thm-font);
        }

            .sec-title .sub-title h4::before {
                content: "";
                position: absolute;
                top: 7px;
                left: 0;
                width: 10px;
                height: 10px;
                border-left: 10px solid #27a3a8;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
            }

            .sec-title .sub-title h4::after {
                content: "";
                position: absolute;
                top: 7px;
                left: 12px;
                width: 10px;
                height: 10px;
                border-left: 10px solid #27a3a8;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
            }

    .sec-title h2 {
        color: #1b3b71;
        font-size: 46px;
        line-height: 1.3em;
        font-weight: 500;
        text-transform: none;
    }

    .sec-title .text {
        position: relative;
        display: block;
        padding-top: 13px;
    }

.why-choose-style1__inner {
    position: relative;
    display: block;
    padding-top: 80px;
    z-index: 2;
}

    .why-choose-style1__inner ul {
        position: relative;
        padding-left: 0px;
        display: block;
    }

        .why-choose-style1__inner ul li {
            position: relative;
            display: block;
        }

.why-choose-style1__list {
    position: relative;
    display: flex;
    align-items: start;
}

    .why-choose-style1__list .number-box {
        position: relative;
        display: block;
        width: 80px;
        height: 70px;
    }

        .why-choose-style1__list .number-box h2 {
            color: #1b428061;
            font-size: 45px;
            line-height: 67px;
            font-weight: 600;
            margin-bottom: 0;
            margin: 0 0px;
        }

    .why-choose-style1__list .content-box {
        position: relative;
        display: block;
        border-radius: 6px;
        background-color: #edf4f2;
        padding: 14px 17px 13px;
        padding-right: 75px;
        box-shadow: 2px 2px 3px #cbcbcb;
    }

        .why-choose-style1__list .content-box .title {
            position: relative;
            display: block;
        }

            .why-choose-style1__list .content-box .title h4 {
                font-size: 15px;
                color: #00487a;
                margin-bottom: 0px;
                font-weight: 400;
                line-height: 21px;
            }

        .why-choose-style1__list .content-box .btn-box {
            display: block;
            position: absolute;
            top: 13px;
            right: 20px;
            bottom: 10px;
        }

            .why-choose-style1__list .content-box .btn-box a {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 43px;
                height: 43px;
                border-radius: 6px;
                background-color: #1b3b71;
                color: #1c7378;
                font-size: 22px;
                transition: background-color 0.5s ease;
                transition: all 0.5s ease;
            }

                .why-choose-style1__list .content-box .btn-box a i.arrow1 {
                    transform: rotate(90deg);
                }

.why-choose-style1__inner ul li + li {
    margin-top: 50px;
}

.why-choose-style1__list .content-box.box1 {
    padding: 14px 73px 14px;
    padding-right: 21px;
}

.why-choose-style1__list .content-box .btn-box.box1 {
    position: absolute;
    top: 15px;
    left: 18px;
    bottom: 10px;
    right: auto;
    width: 50px;
}

.why-choose-style1__list .number-box.box1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
}

.why-choose-style1__img {
    position: relative;
    display: block;
    width: 640px;
    height: 573px;
    margin: 0px 0px -150px -135px;
    z-index: 1;
}

    .why-choose-style1__img::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0px;
        right: 10px;
        bottom: 0;
        border-radius: 50%;
        background-color: #8ccacf2e;
        border: 1px solid #8ccacf2e;
        margin: 0 auto;
        z-index: -1;
    }

    .why-choose-style1__img::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 10px;
        right: 0px;
        bottom: 0;
        border-radius: 50%;
        background-color: transparent;
        border: 1px solid #dde6e3;
        margin: 0 auto;
        z-index: -1;
    }

    .why-choose-style1__img .inner {
    position: relative;
    display: flex;
    /* width: 350px; */
    /* margin: 0 auto; */
    padding-top: 84px;
    justify-content: center;
    align-items: flex-end;
}

        .why-choose-style1__img .inner img {
            width: auto;
        }

.why-choose-style1__list .content-box .btn-box svg {
    width: 25px;
}

.why-choose-style1__list .content-box .btn-box .arrow1 {
    transform: rotate(90deg);
}

.why-choose-style1__list .content-box .btn-box .arrow2 {
    transform: rotate(45deg);
}

.why-choose-style1__list .content-box .btn-box .arrow3 {
    transform: rotate(180deg);
}

.why-choose-style1__list .content-box .btn-box .arrow4 {
    transform: rotate(224deg);
}

.why-choose-style1__list .content-box .btn-box .arrow5 {
    transform: rotate(-90deg);
}

/*------------Why Choose Us CSS---------------*/


/*------------Company Introduction CSS---------------*/

.vps-intro {
    position: relative;
    padding: 40px 0;
    background-color: #2361a314;
    background-image: url(../images/Blog_bg.webp);
    background-attachment: fixed;
}

    .vps-intro .container .line {
        position: absolute;
        top: 20%;
        right: 4%;
        margin: auto;
        max-width: 40px;
        height: fit-content;
        animation: EqIconanim 10s linear infinite;
    }

    .vps-intro .container .line {
        max-width: 90px;
        opacity: 0;
    }

    .vps-intro .container .dots {
        position: absolute;
        z-index: -1;
        left: 25%;
        top: 13%;
        margin: auto;
        max-width: 70px;
        height: fit-content;
        animation: EqIconanim 15s linear infinite;
    }

    .vps-intro .container .dots {
        max-width: 115px;
        opacity: 0;
    }
    /*  .vps-intro .contentBx {
        padding: 0 75px;
    }*/
    .vps-intro .contentBx {
        margin-bottom: 22px;
    }

.MainHead {
    width: 100%;
    margin-bottom: 15px;
}

    .MainHead .Tagline {
    }

    .MainHead .Tagline {
        font-size: 22px;
        line-height: 28px;
    }

    .MainHead .Head {
        font-size: 50px;
        font-weight: 500;
        transition: all .4s;
        line-height: 55px;
        color: #292929;
    }

.vps-intro .contentBx .rtBx {
    padding-left: 40px;
}

    .vps-intro .contentBx .rtBx p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 27px;
    }

.readMore {
    display: flex;
    text-decoration: none;
    align-items: center;
    font-weight: 400;
    transition: all .5s;
    color: #27a3a8;
    font-size: 14px;
}

    .readMore .icon {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #efbe17;
        transition: all .5s;
        margin-left: 10px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .readMore .icon svg {
            fill: #302b20;
            transition: all .5s;
            width: 6px;
        }

 .counterBx {
    padding: 40px 0;
}

 .counterBx {
    padding: 18px 28px 14px;
    background: linear-gradient(180deg, #184387 0%, #219ea3 100%);
    border-radius: 5px;
    position: relative;
    /* margin-left: -85px; */
    margin-top: 30px;
}

    .counterBx .floatIcon {
        position: absolute;
        left: 20%;
        /*max-width: 300px;*/
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 250px;
        height: fit-content;
        width: 100%;
        opacity: .4;
    }

        .counterBx .floatIcon img {
            width: 170px;
        }

   .counterBx .flXbx {
        display: flex;
        flex-wrap: wrap;
        /* margin: -12.5px; */
        width: 100%;
    }

        .counterBx .flXbx > * {
            min-width: 33%;
            flex-grow: 1;
        }

      .counterBx .flXbx > * {
            padding: 0;
            display: flex;
            align-items: center;
            /* justify-content: center; */
        }

            .counterBx .flXbx > * .contBx .num {
                margin-bottom: 18px;
                line-height: 50px;
                font-size: 50px;
            }

             .counterBx .flXbx > * .contBx .num {
                display: flex;
                align-items: center;
                color: #efbe17;
                margin-bottom: 5px;
            }

                .counterBx .flXbx > * .contBx .num span {
                    color: #fff;
                    line-height: 34px;
                    font-size: 36px;
                }

           .counterBx .flXbx > * .contBx .Txt {
                font-size: 16px;
            }

           .counterBx .flXbx > * .contBx .Txt {
                font-size: 14px;
                font-weight: 400;
                color: #fff;
                width: 98%;
            }

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

    25% {
        transform: translateX(20px);
    }

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

    75% {
        transform: translateX(60px);
    }

    100% {
        transform: translateX(0);
    }
}

/*------------Company Introduction CSS---------------*/

/*------------Service Section CSS---------------*/

/*.service {
    padding: 60px 0 0;
    position: relative;
    background: #1b3b71;
    z-index: 0;
}

    .service .floatIcon {
        top: -8px;
        position: absolute;
        right: 0;
        width: 150px;
        opacity: .3;
        pointer-events: none;
        z-index: -1;
        max-width: 200px;
    }

        .service .floatIcon.btm {
            position: absolute;
            bottom: -125px;
            right: -160px;
            top: unset;
            pointer-events: none;
            z-index: -1;
            max-width: 200px;
            transform: rotate(45deg);
        }

    .service .Custom_container {
        margin-right: auto;
        padding: 0;
    }

.Custom_container {
    width: calc(100% - (100% - 1180px) / 2);
}

.service .Custom_container .row {
    margin: 0;
}

    .service .Custom_container .row > * {
        padding: 0px;
    }

.service .Custom_container .rtBx {
    height: 100%;
}

.service .Custom_container .lFt {
    padding-right: 50px;
    height: 100%;
}

    .service .Custom_container .lFt .flXBX {
        border-radius: 0 30px 0px 0;
    }

    .service .Custom_container .lFt .flXBX {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        .service .Custom_container .lFt .flXBX .item:nth-child(3n-2) {
            width: 200px;
        }

        .service .Custom_container .lFt .flXBX .item .imgBx {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .service .Custom_container .lFt .flXBX .item .imgBx img {
                transition: all .5s;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .service .Custom_container .lFt .flXBX .item {
            width: calc((100% - 200px) / 2);
            height: 216px;
        }

            .service .Custom_container .lFt .flXBX .item .imgBx:hover img {
                transform: scale(1.1);
            }

.MainHead {
    width: 100%;
    margin-bottom: 25px;
}

    .MainHead .Tagline {
        color: #1b4280;
        font-weight: 400;
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 28px;
    }

    .MainHead .Head.white {
        color: #fff;
        font-size: 32px;
        line-height: 36px;
    }

.service .Custom_container .rtBx .rowFlx {
    display: flex;
    flex-wrap: wrap;*/
    /*padding-bottom: 50px;*/
    /*margin: -7px;
}

    .service .Custom_container .rtBx .rowFlx > * {
        width: 50%;
        padding: 9px;
    }

        .service .Custom_container .rtBx .rowFlx > * .serviceBx {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 14px;
            padding: 19px;
            background: #fff;
            transition: all .5s;
            position: relative;
            overflow: hidden;
        }

            .service .Custom_container .rtBx .rowFlx > * .serviceBx::before {
                position: absolute;
                content: "";
                top: 30px;
                right: 30px;
                width: 85px;
                height: 55px;
                background: url(../images/iconBg.svg) no-repeat;
                background-size: cover;
            }

            .service .Custom_container .rtBx .rowFlx > * .serviceBx .iconBx {
                width: 44px;
                height: 44px;
                transition: all .5s;
                border-radius: 10px;
                margin-bottom: 5px;
                background: linear-gradient(180deg, #184387 0%, #219ea3 100%);
                display: -ms-flexbox;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .service .Custom_container .rtBx .rowFlx > * .serviceBx .title {
                transition: all .5s;
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 5px;
                color: #000;
            }

            .service .Custom_container .rtBx .rowFlx > * .serviceBx p {
                transition: all .5s;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                margin-bottom: 0px;
                line-clamp: 3;
                -webkit-line-clamp: 3;
                overflow: hidden;
                font-size: 13px;
            }
            .service .Custom_container .rtBx .rowFlx > * .serviceBx .iconBx img {
                width: 30px;
                filter: brightness(0) invert(1);
            }
            .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover {*/
                /* background: linear-gradient(137deg, #5089FF 0%, #00A3D3 100%); */
                /*background: linear-gradient(180deg, #184387 0%, #219ea3 100%);
            }
                .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover img {
                    filter: brightness(0) saturate(100%);
                }

                .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover .iconBx {
                    background: #fff;
                }

                .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover .title, .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover p, .service .Custom_container .rtBx .rowFlx > * .serviceBx:hover .readMore {
                    color: #fff;
                }

.readMore:hover {
    letter-spacing: 1px;
}

    .readMore:hover .icon {
        margin-left: 15px;
    }*/

/*------------Service Section CSS---------------*/

/*=========================*/
.efuyfgu_tri {
    position: absolute;
    width: 100%;
    padding: 50px 0;
}
section.fyufguy_tri {
    position: relative;
}
section.fyufguy_tri:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, #ffffff 10%, #ffffffba 70%, #ffffff69 100%);
    top: 0;
    height: 100%;
}
.efiug_tri {
    margin-bottom: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
}
.fiugy_tri {
    text-align: center;
    font-size: 14px;
    color: #4f4f4f;
    font-weight: 400;
    width: 50%;
    margin: 6px auto 0;
}
.uyfghjt_tri {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.uyfgt_tri {
    display: flex;
    justify-content: space-between;
}
.iuegfyu_tri {
    margin-bottom: 40px;
}
img.ufgyu_tri {
    height: 460px;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

/*=================*/

a.rgrfgrl_tri {
    border: 0;
    background: #1b4280;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    box-shadow: 5px 4px 0px 2px #193d7747;
}

section.giugyu_tri {
    padding: 50px 0;
}

.efuigh_tri {
    margin-bottom: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
}

.iugfyu_tri {
    font-size: 13.5px;
    color: #313131;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    width: 50%;
    margin: 6px auto 0;
}

.diuthgyi_tri {
    margin-bottom: 25px;
}

.efuy7_tri {
    display: flex;
    text-align: center;
    justify-content: center;
}


.efgr_tri {
    background: #162c55;
    padding: 12px 0;
    position: relative;
}
.efwef_tri {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.efgr_tri p, .efgr_tri a, .thth_tri {
    color: #fff;
    font-size: 13px;
}
p.copyright_tri {
    margin: 0 0 0 0;
}
ul.grg_tri {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
ul.grg_tri li {
    display: flex;
    align-items: center;
}
li.grhth_tri span.thth_tri {
    border: 0;
}
ul.grg_tri .thth_tri {
    border-left: 1px solid #ffffff4d;
    padding-left: 15px;
    margin-left: 15px;
}
.efgr_tri p, .efgr_tri a, .thth_tri {
    color: #fff;
    font-size: 12px;
}


/*-------New Css Add------*/
.uyfghjt_tri {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .uyfghjt_tri img {
        width: 52px;
        margin-bottom: 12px;
        opacity: .7;
    }

/*-------New Css Add------*/
section.poio_tri .col-md-2.col-6 {
    width: 33%;
    margin-top: 35px;
}
section.poio_tri .row {
    flex-wrap: wrap;
    justify-content: center;
}

section.poio_tri .ggrrfgu_tri {
    margin-bottom: 0;
}

/*=================Founder Section Css===================*/
.leadership {
    position: relative;
    background-color: #f3f4ff;
    padding: 50px 0;
}
    .leadership::before {
        content: '';
        pointer-events: none;
        position: absolute;
        background: url(/images/leadership-bg.png) no-repeat;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: top;
        top: 0;
        filter: invert(1);
    }
.new-leadership.leadership .container {
    padding: 0 10px;
}
.sub-title {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 3px;
    display: inline-block;
    color: #1b4280;
}
.page-title {
    /* color: #231F20; */
    font-weight: 500;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 10px;
}
.new-message-container.rectangle-box {
    border: 0;
    /* margin: 0; */
    /* height: 560px; */
    /* margin-top: 70px; */
}
.rectangle-box {
    position: relative;
    margin: 0 auto 0;
    /* height: 405px; */
    border: 20px solid;
    border: 20px solid #E82329;
    /* border-image: linear-gradient(359deg, #1670a5 31%, rgba(118, 205, 118, 1) 67%) 1; */
    /* border-image: linear-gradient(359deg, rgba(35, 31, 32, 1) 31%, rgba(232, 35, 41, 1) 67%) 1; */
}
.new-message-container .message-container {
    top: 0;
    width: 1102px;
}
.message-container {
    /* display: flex; */
    /* height: 465px; */
    /* width: 690px; */
    /* width: 880px; */
    /* position: absolute; */
    /* top: -16%; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
/*.new-message-container .message-container {
    width: 935px;
}*/
.inner-message-container {
    /* display: flex; */
    height: 100%;
    padding: 5px;
}
.left-message-box {
    /* width: 340px; */
    /* height: 100%; */
    /* background-color: #fff; */
    /* padding: 25px; */
    /* border: 1px solid #dcdcdca3; */
    padding: 0 0 0 30px;
    position: relative;
    /* margin-right: 20px; */
    /* overflow: hidden; */
    padding-top: 0;
}
    .left-message-box::before {
        content: '';
        position: absolute;
        top: 24px;
        left: 16px;
        width: 26px;
        height: 20px;
        background: url(/images/quote-icon.png) no-repeat;
        background-size: contain;
        opacity: 0;
    }

.brand-symbol {
    position: absolute;
    top: 95%;
    left: -65px;
    padding-bottom: 55px;
    z-index: 9;
}
.new-message-container .brand-symbol {
    bottom: -45px;
    left: -60px;
    top: auto;
    display: none;
}
    .new-message-container .brand-symbol.active::before {
        height: 592px;
    }
    .new-message-container .brand-symbol::before {
        width: 20px;
        /* height: 592px; */
        height: 0;
        bottom: -50px;
    }
.brand-symbol::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 250px;
    height: 0;
    top: auto;
    bottom: -23px;
    left: 15px;
    /* background: linear-gradient(180deg, #1843875e 0%, #219ea34f 100%); */
    transform-origin: top;
    transition: height 1s ease-out;
}
.new-message-container .brand-symbol.active img {
    opacity: 1;
    visibility: visible;
}
.new-message-container .brand-symbol img {
    bottom: -17px;
    left: -2px;
    width: 20px;
}
.new-message-container .brand-symbol img {
    /* left: -4px; */
    left: -1px;
}
.brand-symbol img {
    bottom: -17px;
    left: -2px;
    width: 17px !important;
}
.brand-symbol img {
    position: absolute;
    bottom: -12px;
    left: 3px;
    /* transform: translateX(-23%); */
    width: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-out, visibility 0s ease-out 1s;
}
.new-message-container .brand-symbol.active::after {
    width: 592px;
}
.new-message-container .brand-symbol::after {
    /* width: 592px; */
    width: 0;
    height: 20px;
    left: -36px;
}
.brand-symbol::after {
    content: '';
    position: absolute;
    width: 300px;
    width: 0;
    height: 15px;
    bottom: 0;
    left: -10px;
    /* background: linear-gradient(180deg, #1843875e 0%, #219ea34f 100%); */
    transform-origin: right;
    transition: width 1s ease-out 1s;
}
.left-message-box p {
    font-size: 13.5px;
    color: #231F20;
    overflow: hidden;
    position: relative;
    font-weight: 400;
    margin: 0px 0 0;
    line-height: 27px;
}
.left-message-box .readmore-icon {
    margin-left: 5px;
    margin-bottom: -2px;
}
.readmore-icon {
    width: 19px;
    margin-left: 5x;
    margin-top: -2px;
    cursor: pointer;
}
.chairman-profile {
    margin-bottom: 15px;
    display: none;
}
    .chairman-profile h4 {
        font-weight: 600;
        color: #1b4280;
        font-size: 21px;
        margin-bottom: 10px;
        margin: 0px !important;
    }
    .chairman-profile h5 {
        margin-top: 6px;
        font-weight: 400;
        color: #231F20;
        font-size: 18px;
    }
.chairman-social-part {
    display: flex;
    align-items: center;
    position: relative;
}
.social-round {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #ffffff;
    margin-right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .social-round .linkedin-mini {
        width: 17px;
    }
    .social-round img {
        width: 23px;
        transition: .4s ease-in;
    }
.right-person-wrapper {
    position: relative;
    /* height: 100%; */
}

    .right-person-wrapper::before {
        content: '';
        position: absolute;
        /* width: 210px; */
        width: 0;
        height: 540px;
        left: -40px;
        top: -40px;
        background: linear-gradient(180deg, #184387 0%, #219ea3 100%);
        transition: width 0.8s ease-out 2s;
        transform-origin: right;
    }
.new-message-container.show-separator .right-person-wrapper::before {
    width: 210px;
}
/*.right-person-box {
    height: 100%;*/
    /* width: 303px; */
    /*position: relative;
    overflow: hidden;
}*/
    .right-person-box img {
        width: 100%;
        /* height: 100%; */
        /* position: absolute; */
        /* top: 50%; */
        /* left: 50%; */
        /* transform: translate(-50%, -50%); */
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        position: relative;
    }
.gradient-text {
    background: linear-gradient(180deg, #184387 0%, #219ea3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
}
span.dkana-aminew {
    display: flex;
    width: 100%;
    margin: 11px 0 18px;
}
.dnkaka-am-aew {
    background: #1b4280;
    color: white;
    padding: 8px 29px;
    font-size: 14px;
    /* box-shadow: 5px 4px 0px 2px #193d7747; */
    /* margin: 13px 0px 34px 0px; */
    border-radius: 4px;
    display: inline-block;
}
.efu_tri {
    font-size: 18px;
    margin-bottom: 0;
    color: #141414;
}
a.efughyu_tri {
    color: #1b478e;
    font-size: 20px;
    margin-left: 4px;
    position: relative;
    top: 3px;
}
/*=================Founder Section Css===================*/




.page_stickyForm__cYz1E {
    box-sizing: border-box;
    width: fit-content;
    display: flex;
    justify-content: end;
    align-items: start;
    position: fixed;
    z-index: 51;
    right: 1.5rem;
    bottom: 2.5rem;
}

.page_BuyNowBtn___ZBIG {
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    position: relative;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #1ab744;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    animation: tada 1s infinite;
}

.page_BuyNowBtn___ZBIG .iutguy_tri {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 26px;
}

/* Ripple Effect */
.page_BuyNowBtn___ZBIG::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1ab7445c;
    z-index: -1;
    animation: ripple 1.5s infinite;
}

/* Tada Animation */
@keyframes tada {
    0% { transform: scale(1); }
    10%, 20% { transform: scale(.95) rotate(-10deg); }
    30%, 50%, 70%, 90% { transform: scale(1) rotate(10deg); }
    40%, 60%, 80% { transform: rotate(-10deg); }
    100% { transform: scale(1); }
}

/* Ripple Animation */
@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}


/* ===== inner page banner ===== */
    .page-hero {
      background: linear-gradient(135deg, #0a2342 0%, #0a2342 60%, #1a4a80 100%);
      padding: 14rem 0 7rem;
      position: relative;
      overflow: hidden;
    }
    .page-hero::before {
      content: '';
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .page-hero::after {
      content: '';
      position: absolute;
      bottom: -25px;
      left: 0;
      right: 0;
      height: 80px;
      background: #fff;
      clip-path: ellipse(60% 100% at 50% 100%);
    }
    .page-hero .container { position: relative; z-index: 1; text-align: center; }
    .page-hero .breadcrumb {display: flex;align-items: center;justify-content: center;gap: .5rem;margin-bottom: 8px;font-size: .85rem;color: rgba(255,255,255,.6);display: none;}
    .page-hero .breadcrumb a { color: rgba(255,255,255,.8); transition: color var(--transition); }
    .page-hero .breadcrumb a:hover { color: var(--accent-light); }
    .page-hero .breadcrumb i { font-size: .65rem; }
    .page-hero h1 {font-size: 40px;color: #fff;font-weight: 500;margin-bottom: 12px;}
    .page-hero p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    text-shadow: 0 0 13px #000;
    color: #fff;
    width: 45%;
    margin: auto;
}
 
/* ===== inner page banner ===== */