html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
     font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
        
        .container { width: 1270px; margin: 0 auto;}
        .top-section { background: #02084b;}
        .navigation { display: flex;
    justify-content: space-between;
    width: calc(100% - 60px);
    background: #02084b;
    padding: 0 30px; position:sticky; left: 0; top:0; border-bottom: 1px solid #ffffff4d; z-index: 2} 
.navigation .logo { width: 200px; padding-top: 20px}
.navigation .logo a img { width: 100%}
        .navigation ul { display: flex; padding: 30px 0px 30px 20px; }
        .navigation ul li { list-style: none;  padding: 5px 10px; }
        .navigation ul li a {color: #f7c65f; font-size: 14px; text-decoration: none }
        .navigation ul li a:hover { border-bottom: 1px solid #fff; color: #fff;}
        .navigation ul li a.active { border-bottom: 1px solid #fff; color: #fff;}



        
        .punchline { padding: 70px 0 100px; color: #fff; width: 40%}
        .punchline h2 {     text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 32px;}
        .punchline h1 { font-size: 47px; line-height: 55px;  font-weight: bold; padding: 20px 0 40px}
        button { padding: 0; margin: 0; border: none; outline: non;}
             button a { background: #f7c65f; color: #02084b; padding: 15px; font-size: 16px; font-weight: 600; display: block; text-decoration: none;}
        
        .strategic { display: flex; justify-content: space-between;  padding-top: 50px; padding-bottom: 50px;}
        .strategic > div { width: 50%;} 
        .strategic .str-content { padding-left: 50px; padding-top: 0; margin-top: -30px;}
        
        h3 { font-size: 20px; }
        h2 { font-size: 40px; font-weight: bold; padding: 20px 0; line-height: 50px}
        .strategic .str-content h3 { margin-top: 30px;font-weight: bold}
        .strategic .str-content p { font-size: 16px; line-height: 25px; margin-bottom: 10px; margin-top: 10px;}
        .we-help { background: #f7f5f4; width: 100%; padding: 50px 0; margin-top: 50px;}
        
        .we-help > div { display: flex; justify-content: space-between; gap:30px; flex-wrap: wrap;} 
        .we-help .we-con{ width: 50%;}
        .we-help .help-text { width: 45%}
        .we-help .help-text p {padding-bottom: 30px; line-height: 24px;}
        .helpoint { display: flex; width: 100%}
        .helpoint .point { border-right:1px solid #f0eeee; padding:50px 60px;  }
        .helpoint .point:last-child { border: none; padding-right: 0}
        .helpoint .point .heading a { font-weight: bold; font-size: 22px; padding: 40px 0; color: #000; text-decoration: none; display: block}
        .testimonial .swiper-slide { height: auto ; padding: 50px 0}
        .testimonial{ text-align: center; display: flex; align-items: center; flex-wrap: wrap; padding: 50px 0}
        .testimonial h3 { width: 100%; padding-top: 30px;}
.testimonial h2 { font-size: 24px; line-height: 28px}
        .testimonial .quote { font-size: 74px; font-weight: bolder; padding: 15px 0;}
        .testimonial p { line-height: 32px; font-size: 18px; padding: 0px 100px 30px}
        .testimonial .t_name { font-weight: bold; line-height: 30px; font-size: 25px; padding-bottom: 10px;}
        .testimonial .t_desig { color: #c9c9c9;}
        .testimonial .swiper-button-next:after, .swiper-button-prev:after { color: #000; font-size: 20px;}
        .video-cont { width: 100%; padding: 0px 0 0}
        .video-cont .company-logo { display: flex; justify-content: space-between}
        .video-cont .company-logo .c_logos { border-right: 1px solid #ebebeb; padding: 50px 0;     text-align: center;   width: 100%;}
        
        .schedule { background: #02084b; padding: 50px 0; color: #fff;}
        .schedule .sch_head { display: flex; justify-content: space-between; align-items: center} 
        .schedule .sch_head a {text-decoration: none}
        .schedule .sch_head a .viewmore { display: flex; align-items: center; color: #fff; }
        .schedule .sch-date { font-size: 20px; color: #fff; padding-top: 30px; border-bottom: 1px solid #fff; padding-bottom: 20px;}
        .schedule .sch-date span { padding-right: 30px;}
        .schedule .sch-time { border-bottom: 1px solid #283081; display: flex; justify-content: space-between; padding: 40px 0; }
        .schedule .sch-time > div { width: 20%}
        .schedule .sch-time > div:nth-child(1) { width: 16%}
        .schedule .sch-time > div:nth-child(2) { width: 30%}
        .schedule .sch-time h4 { font-size: 18px; line-height: 36px;}
        .schedule .sch-time p { font-size: 14px; line-height: 22px;} 
        .schedule .sch-time > div:last-child { width: 5%}
        .schedule .sch-time .arrow {border: 1px solid #283081; text-align: center;   width: 50px;  height: 50px;line-height: 50px; display: flex;align-items: center; justify-content: center;  border-radius: 50%;}
        .contact { display: flex; padding: 50px 0; gap:50px }
        .contact .cont-1 { width: 50%}
        .contact .cont-1 p { line-height: 26px;}
        .contact .cont-2 { width: 25%; display: flex; padding-top: 100px; column-gap: 20px;}
        .contact .cont-2 h3 { font-size: 26px; line-height: 52px;}
        .contact .cont-2 p { line-height: 28px}
        .contact .cont-2 p a { color: #000; text-decoration: none}
        .occasions {width: 100%; padding: 50px 0; background: #f7f5f4}
        .occasions h3, .occasions h2 { text-align: center;}
        .networking { display: flex; justify-content: space-between; gap:30px; padding-top: 30px;}
        .networking .netbox { background: #fff; width: 30%; box-shadow: 0px 0px 6px #e9e9e9;}
        .networking .netbox .toparea { padding: 20px;}
        .networking .netbox .toparea .net_name { text-transform: uppercase; font-weight: bold; font-size: 14px;}
        .networking .netbox .toparea .net_name span { color: #8c9fad; text-transform: capitalize; font-weight: normal}
        .networking .netbox .toparea h2 { text-align: left; font-size: 22px; line-height: normal}  
        .networking .netbox .linkare { padding: 20px; }
       .occ_btn  { width: 100%; display: flex; justify-content: center; padding: 50px 0 0 0;}
        .footer { background: #02084b; padding: 50px 0}
        .footer .ft_text { color: #fff; font-size: 35px;}
        .footer .ft-outer {display: flex; gap:50px; justify-content: space-between; color: #fff; flex-wrap: wrap}
        .footer .ft-outer > div:first-child{ width: 50%}
        .footer .ft-outer > div { width: 20%;}
        .footer .ft-outer .ft_text { color: #fff; font-size: 35px; font-weight: 600; line-height: 50px;}
        .footer .ft-outer .tg-add { padding-top: 15px;}
        .footer .ft-outer .tg-add h5 { font-size: 18px; font-weight: 600; line-height: 25px;}
         .footer .ft-outer .tg-add p { font-size: 16px; font-weight: normal; line-height: 55px;}
        .footer .ft-outer .tg-add .social a {margin-right: 20px;}
        .footer .ft-outer .tg-add a { color: #fff; text-decoration: none;}
        .footer .ft-outer .ft-nav { width: 100%; display: flex; padding-top: 50px; justify-content: space-between}
        .footer .ft-outer .ft-nav ul { padding: 0; margin: 0; display: flex;}
        .footer .ft-outer .ft-nav ul li { padding-right: 30px;}
        .footer .ft-outer .ft-nav ul li a { color: #aac3ce; text-decoration: none;}
        .hamburger, .close { display: none;}

.inside-title { text-align: center; background: url(images/down-arrow.svg) center bottom no-repeat; margin-bottom: 20px;}
.aboutuspage { background: #f8f6f6 ; margin-bottom: 50px}
.inside { background: #02084b}
.aboutuspage .strategic .str-content{padding: 0 50px 0 0}
.aboutuspage .strategic .str-content h2 { font-size: 32px; line-height: 44px;}
.core {text-align: center;}
.core h5 { font-size: 22px; font-weight: bold; padding: 20px 0}
.core p { padding-bottom: 30px; font-size: 16px; line-height: 22px}
.elite { display: flex; justify-content: space-between; gap:100px; padding-top: 60px;}
.benefits ul { padding: 0; margin: 0}
.benefits ul li { list-style-type: none; padding-left: 20px; padding: 15px 0px 15px 30px; background: url(images/tick.jpg) left center no-repeat;}
.bft_cont h5 { font-size: 22px; padding-bottom: 20px; font-weight: bold}
.bft_cont p { font-size: 16px; line-height: 24px; padding-bottom: 30px}
.teamarea {display: flex; gap:80px; justify-content: space-between; padding: 0px 0 50px}
.teamarea .team { width: 28%; text-align: center;}
.teamarea .team img {width:100%; }
.teamarea .team p { padding: 10px; font-weight: bold; font-size: 20px;}
 .teamarea .services {width: 100%; display: flex; gap: 20px;justify-content: space-between; flex-wrap: wrap}
        .services .service-img {      width: 400px;
    height: 350px;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;   background-size: 100%;
        background-position: left bottom;
        background-repeat: no-repeat;}
        .services .service-img p {width: 100%; position: absolute; bottom: 10;  color: #fff;}
        .services .service-img .description {    color: #fff;
    font-size: 16px;
    padding: 10px;
    position: absolute;
    z-index: 12;
    left: 0; line-height: 22px;
    bottom: 0;}
         .services .service-img .shade {background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); width: 100%; height: 100%}
.contact { width: 700px; margin: 0 auto; display: flex; justify-content: space-between; padding-top: 100px;}
.contact .con { width: 300px; text-align: center}
.contact .con img { padding-bottom: 20px}
.contact .con h5 { font-size: 22px; padding-bottom: 20px; font-weight: bold}
.contact .con p { font-size: 18px; color: gray; line-height: 25px;}
.contact .con p a { text-decoration: none; color: gray}


  .contact-area  { width: 100%; background: #fff;}
                .contact-form { display: flex; justify-content: space-between;}
                .contact-form > div { width: 50%;}
                .contact-form .form { padding: 50px;}
                .contact-form .form h2 {padding-bottom: 50px}
                .contact-form .form .formfeild { display: flex; gap:20px; flex-wrap: wrap}
                .contact-form .form .formfeild input { border: none; border-bottom: 1px solid #ccc; padding: 10px; width: 48%; font-size: 16px; color: #333}
                
                .contact-form .form button { margin-top: 50px; background: #03084c}
                 .contact-form .form button a { background: #03084c; color: #fff}


.accordion {
      font-weight: bold;
    background-color: #f7f5f4;
    color: #444;
    cursor: pointer;
    padding: 19px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 22px;
    font-family: 'Montserrat';
        border: 1px solid #e5e5e5;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.actives, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.panel p { padding: 10px;
    font-size: 16px;
    line-height: 30px;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}
.help-text h3 { font-weight: 600} 

 .top-section { height: 500px; overflow: hidden; position: relative}
        .top-section .swiper-slide {display: flex}
        .punchline {
    padding: 20px 0 20px;
    color: #fff;

   
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    position: absolute;
    z-index: 1;
            padding-left: 80px; height: 500px
} 
        .img-cont img { border-radius: 30px;}
        
        .slideimg {position: absolute; right: 0; width: 100%; object-fit:cover}
        .slideimg img { width: 100%;}
        .top-section .swiper-slide { overflow: hidden}
        .top-section .swiper-slide button {margin-top: 50px}
        
        .top-section .swiper-button-next:after, .top-section .swiper-button-prev:after {color: #ffffff;  font-size: 20px;}
        .we-help .we-con { width: 100%;}
        .we-help .help-text {width: 100%; display: flex; gap: 50px; text-align: center; flex-wrap: wrap}
        .we-help .help-text p {
    padding-bottom: 30px;
    line-height: 24px;
    width: 26%;
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 20px;
            background: #fff;   
                box-shadow: 3px 3px 5px #d3d3d3;

}
.strategic ul { padding-top: 10px;}
.strategic ul li {padding-bottom: 10px; line-height: 26px;     list-style: disc;   margin-left: 20px;}
.help-text h3 { width: 100%;}
.inside { background: none; height: auto}

  .footer {background:#02084b; padding: 45px 0 0; }
           .footer  .ftcontent .subs { padding: 10px 0; font-size: 20px; font-weight: 400; color: #fff;}
           .footer .ftcontent input {     border: none;
    border-bottom: 1px solid #FFFFFFCC;
    padding: 10px 0 10px;
    width: 100%;
    background: none; margin-bottom: 20px;}
            .footer .ftcontent button a { text-decoration: none; color:#000D28 }
           
           .kibcom { width: 374px;}
            .kibcom p {color: #fff; 
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0%;
                padding: 10px 0
}
           .kibcom .btnsubmit {margin: 15px 0;}
            .kibcom .social a { margin-right: 10px;}
           .ftcontent { display: flex;  width: calc(100% - 350px); padding-left: 50px; justify-content: space-between;}
           .ftcontent ul { padding: 0; margin: 0;}
            .ftcontent ul li { list-style: none; }
           .ftcontent ul li.heading {font-size: 24px; font-weight: 600; color: #fff; padding-bottom: 20px;}
           .ftcontent ul li a { color: #cfa057; padding: 15px 0;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
               display:block; text-decoration: none;
}
.ftcontent ul li a:hover { color: #fff}
           .copyright {border-top:1px solid #ccc; padding: 20px 0; text-align: center; width: calc(100% - 20px);  font-size: 18px; font-weight: 400; color: #fff; margin-top: 30px; }
            .flx {   display: flex;}
     .slideimg { display: block} 
.slide_m { display: none}

.values { display: flex; justify-content: space-between; margin: 0px 0 0px; gap:20px;}
        .values .value {width: 246px; text-align: center;background: #02084b; border:1px solid #F2EFF3; padding: 24px; border-radius: 12px;}
        .values .value .valueicon { width: 70px; height: 70px; background: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
        .values .value h3 { color: #f7c65f; font-size:48px; line-height: 52px; padding: 0; margin: 0;}
        .values .value p { color: #fff; font-size: 16px; line-height: 20px; padding-top: 10px;}
.abouttext p { font-size: 18px; line-height: 30px; text-align: justify}
.abouttext p b { font-weight: 600}
.abouttext .strategic { display: block}
.sectionpage .strategic { display: flex}
.sectionpage .str-content h2 {font-size: 32px;   line-height: 44px;}
.service_p { display: flex;     gap: 50px;
    width: 100%;
    justify-content: space-between;
}
.service_p .help-text {
    width: 45%;
}
.service_p .business-analist {
    width: 45%;
    gap:none;
    line-height: 24px;
}
.service_p h3 {
    font-weight: 600;
}

.service_p .business-analist { text-align: left}

        
         @media only screen and (max-width: 1180px) {
             .container { width: calc(100% - 30px); padding: 30px 15px;}
             .top-section {background: #02084b ;}
             .inside {background: #02084b;}
             .inside .container {padding: 5px 5px;} 
             .navigation ul {padding: 10px 0 0 0;}
             .navigation ul li {padding: 25px 22px;}
             .services .service-img { width: 315px;
        background-size: 100%;
        background-position: left bottom;
        background-repeat: no-repeat;
        height: 315px;}
             .teamarea .services {justify-content: space-around}
             
        }
        
        @media only screen and (max-width: 820px) {
            .navigation ul { display: none;}
            .navigation .logo {padding-top: 10px; padding-bottom: 10px;}
            .punchline h2 {font-size: 17px; width: 100%;}
            .top-section {background: #02084b url(images/head-img.jpg) 400px top no-repeat;}
            .top-section .container { padding-top: 0;}
            .strategic { padding-bottom: 0px;}
            .strategic > div img { width: 100%}
            h2 {font-size: 37px; line-height: 44px;}
            .we-help .we-con { width: 100%;}
            .we-help > div { gap:0; }
            .we-help .we-con {width: 100%;}
            .we-help .help-text {width: 100%;}
            .helpoint .point .heading a {font-size: 16px; padding: 40px 0; line-height: 20px;}
            .helpoint .point {    padding: 50px 35px;}
            .schedule .sch-date {font-size: 16px;}
            .schedule .sch-time h4 {font-size: 13px; line-height: 28px;}
            .schedule .sch-time > div:nth-child(2) { width: 20%;}
            .schedule .sch-time > div:last-child {width: 10%;}
            .contact { flex-wrap: wrap;}
            .contact .cont-1 {width: 100%;}
            .contact .cont-2 { padding-top: 0;}
            .networking .netbox .toparea .net_name {line-height: 22px;}
            
            .strategic .str-content {padding-top: 0px;}
                .top-section {background: #02084b;}
            
            .navigation ul {        position: absolute;
        background: #fff;
        color: #000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;000; padding: 0}
            .navigation ul li { width: 70%; padding: 20px}
            .navigation ul li a { color: #000}
            .hamburger { display: block; position: absolute;  right: 31px;  top: 24px;}
           .navigation ul li.close {         display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        font-size: 22px;         z-index: 1;
        background: #fff;}
            .navigation ul.open { display: block}
            .business-analist  { padding-top: 30px}
            .teamarea { gap:30px}
            
            .contact-form > div { width: 100%}
            .contact-form .form .formfeild input { width: 100%}
            .contact-form .form { padding: 0px 50px;}
            .punchline h1 {font-size: 32px; padding: 00px 0 10px;}
             .ftcontent { width: 100%;padding-left: 0;flex-wrap: wrap;}
             .footer > .flx { flex-wrap: wrap}
               .kibcom {width: 100%; padding-bottom: 30px;}
               .ftcontent {width: 100%; padding-left: 0;}
            .navigation ul li a.active { color: #000; font-weight: bold}
            
        } 
        
        
        
        @media only screen and (max-width: 767px) {
              .values { gap:10px; flex-wrap: wrap}
             .values .value { width: calc(50% - 55px);}
            .helpoint { flex-wrap: wrap;} 
            .helpoint .point {padding: 50px 15px; width: 40%;}
            .video-cont .company-logo { flex-wrap: wrap;}
            .video-cont .company-logo .c_logos {width: calc(50% - 2px); border: 1px solid #ebebeb;}
            .contact .cont-2 {width: 100%;}
            .networking { flex-wrap: wrap;}
            .networking .netbox { width: 100%;}
            .footer .ft-outer > div {width: 100%;}
            .footer {padding: 23px 0;}
            .footer .ft-outer { gap:0;}
            .footer .ft-outer > div:first-child {line-height: 30px;}
            .footer .ft-outer .ft-nav ul li {width: 100%; padding: 10px 0;}
            .footer .ft-outer .ft-nav { flex-wrap: wrap;}
            .footer .ft-outer .ft-nav ul { flex-wrap: wrap;}
            .copyright {border-top: 1px solid #2f3469; width: calc(100% - 20px); 
        padding: 10px;
        text-align: center;}
            .footer .ft-outer > div:first-child {        width: 100%;     font-size: 22px;}
            h2 {font-size: 26px;  line-height: 32px;    }
            .strategic {flex-wrap: wrap;}
            .strategic > div {width: 100%;}
            .strategic .str-content {padding: 30px 0 0 0;}
                .punchline h1 {font-size: 36px;  line-height: 53px;}
            .punchline {padding: 10px 0 0px;}
            .strategic {padding-top: 0;}
            .we-help {padding: 0 0;}
            .testimonial .swiper-slide {    padding: 20px 0;}
            .testimonial p {    padding: 0px 41px 30px;}
            .testimonial .quote {font-size: 34px;font-weight: bolder; padding: 0 0;}
            .helpoint .point {border: 1px solid #f0eeee;}
            
            .schedule .sch_head { align-items: flex-start}
            .schedule .sch-date span {padding-bottom: 16px; display: block}
            .schedule .sch-time {padding: 20px 0; flex-wrap: wrap;}
            .schedule .sch-time > div { width: 100%!Important; padding-bottom: 10px}
            .schedule .sch-time h4 {font-size: 16px;}
            .inside .container {padding: 0px 15px 10px;}
            .aboutuspage .strategic .str-content {padding: 0 0px 0 0; order: 2}
             .aboutuspage .strategic .img-cont {padding: 20px 0px 30px 0; order: 1}
            .elite {flex-wrap: wrap; gap: 30px;}
            .elite .benefits { width: 100%;}
            .teamarea { flex-wrap: wrap}
            .teamarea .team { width: 100%;}
            .teamarea {padding: 10px 0 0;}
            .contact-form > div:first-child { display: none}
            .contact-form > div { width: 100%;}
            .contact .con { margin: 0 auto}
            .contact { width: 100%}
            .contact-form .form {padding: 0px 0;}
            .contact { margin-top: 50px;}
            .accordion {font-size: 14px; padding: 10px;}
            .slideimg { display: none}
            .slide_m { display: block} 
            .service_p { display: inline;}
            .inside-title {margin-bottom: 0;
    padding: 0 0 30px 0;}
        }
        

        @media only screen and (max-width: 767px) {
            .punchline {   padding: 25px 42px;    width: calc(100% - 50px); height: auto; position: static}
            .punchline h1 { font-size: 30px;  line-height: 44px; padding: 0px 0 00px;}
            .punchline h2 { line-height: 19px;         font-size: 12px;}
            .slideimg { position: static;}
            .top-section .swiper-slide { flex-wrap: wrap}
            .top-section .swiper-slide button {margin-top: 0;}
            .top-section {background:#02084b;}
            .we-help .help-text {gap:20px}
            .we-help .help-text p {     width: 100%;}
            .slideimg img {margin-bottom: -27px;}
            .we-con .help-text p { width: 100%;}
            .we-help .we-con { padding-bottom: 45px;}
            
        }