@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap');

/* ***** Common Css **** */
:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
a {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: 'DM Serif Display', serif;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.main-wrpper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 103px 0 0;
}

.container{
    max-width: 1760px;
}
/* ***** End Common Css **** */

/* **** Header **** */
header {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background: #fff;
    padding:20px 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
    margin: 0;
}
.navbar-brand img {
    max-width: 100%;
}

.navbar-light .navbar-nav {
    margin: 0 auto;
}
.navbar-light .navbar-nav li {
    margin-right: 32px;
}
.navbar-light .navbar-nav li:last-child {
    margin-right: 0;
}
.navbar-light .navbar-nav .nav-link {
    padding: 10px 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:hover {
    color: #077FF7;
}
.navbar .navbar-nav a.active,
.navbar .navbar-nav a.active:focus,
.navbar .navbar-nav a.active:hover {
    color: #077FF7;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #077FF7;
}

header.nav-new{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
/* **** End Header **** */


/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 50px;padding: 0;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 24px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #000;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 2px;background-color: #000;top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */



.btn-secondary{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #077FF7;
    display: table;
    border: 1px solid #077FF7;
    border-radius: 29px;
    padding: 15px 40px;
}

.btn-secondary:hover{
    background: #077FF7;
    color: #fff;
}


.btn-primary{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
    background: #077FF7;
    border-radius: 29px;
    padding: 16px 40px;
    display: table;
}
.btn-primary i{
    margin-left: 5px;
}
.btn-primary:hover{
    background: #000;
    color: #fff;
}


/* **** Hero **** */
.hero-wrp{
    position: relative;
}
.hero-slider .slider-box{
    position: relative;
}
.hero-slider .slider-box .slider-img{
    position: relative;
}
.hero-slider .slider-box .slider-img img{
    height: 100vh;
    object-fit: cover;
}
.hero-slider .slider-box .slider-img:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-background: linear-gradient(82.66deg, #0D1B3F 1.61%, rgba(13, 27, 63, 0.61) 38.2%, rgba(13, 27, 63, 0.05) 58.98%);
    -moz-background: linear-gradient(82.66deg, #0D1B3F 1.61%, rgba(13, 27, 63, 0.61) 38.2%, rgba(13, 27, 63, 0.05) 58.98%);
    background: linear-gradient(82.66deg, #0D1B3F 1.61%, rgba(13, 27, 63, 0.61) 38.2%, rgba(13, 27, 63, 0.05) 58.98%);
}
.hero-slider .slider-box .slider-img img{
    width: 100%;
}
.hero-slider .slider-box .slider-dt{
    position: absolute;
    left: 0;
    right: 0;
    top: 195px;
    z-index: 9;
}
.hero-slider .slider-box .slider-dt h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 90px;
    line-height: 110px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0 0 32px;
}
.hero-slider .slider-box .slider-dt h2 span{
    display: table;
    position: relative;
}
.hero-slider .slider-box .slider-dt h2 span:before{
    position: absolute;
    content: "";
    bottom: 10px;
    height: 32px;
    width: 110%;
    background: rgba(140, 204, 244, 0.6);
    border-radius: 28px;
    left: -5%;
    z-index: -1;
}
.hero-slider .slider-box .slider-dt p{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 523px;
    margin: 0 0 40px;
}
.hero-slider button.slick-prev.slick-arrow,
.hero-slider button.slick-next.slick-arrow{
    position: absolute;
    right: 96px;
    z-index: 9;
    top: 50%;
    font-size: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.hero-slider button.slick-prev.slick-arrow:before,
.hero-slider button.slick-next.slick-arrow:before{
    position: absolute;
    content: "\f053";
    width: 72px;
    height: 72px;
    background: #F7FBFE;
    right: 0;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #077FF7;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hero-slider button.slick-next.slick-arrow:before{
    top: 12px;
    content:"\f054";
    bottom: auto;
}
.hero-slider button.slick-prev.slick-arrow:hover:before,
.hero-slider button.slick-next.slick-arrow:hover:before{
    background: #077FF7;
    color: #fff;
}
.hero-block{
    max-width: 1330px;
    margin: -165px auto 0;
    position: relative;
    z-index: 9;
}
.hero-block .hero-box{
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    padding: 48px 104px;
}
.hero-block .hero-box .box-icon{
    width: 88px;
    height: 88px;
    background: #F7FBFE;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}
.hero-block .hero-box .box-icon img{
    max-width: 100%;
}
.hero-block .hero-box h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 0 0 16px;
} 
.hero-block .hero-box p{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #707070;
    margin: 0 0 32px;
}
.hero-block .hero-box .btn-primary{
    margin: 0 auto;
}
/* **** End Hero **** */


.titlebar{
    position: relative;
    z-index: 98;
}
.titlebar h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 46px;
    line-height: 77px;
    text-transform: capitalize;
    color: #000000;
    margin: 0 0 24px;
}
.titlebar h2 span{
    position: relative;
    display: inline-block;
}
.titlebar h2 span:before{
    position: absolute;
    content: "";
    bottom: 10px;
    height: 24px;
    width: 106%;
    background: #8CCCF4;
    border-radius: 28px;
    left: -3%;
    z-index: -1;
}
.titlebar h5{
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #101010;
    margin: 0 0 24px;
}
.titlebar p{
    font-weight: 400;
    font-size:16px;
    line-height: 24px;
    color: #707070;
    margin: 0;
}



/* **** About **** */
.about-wrp{
    background: linear-gradient(180deg, #F7FBFE 53.79%, rgba(255, 255, 255, 0) 100%);
    padding: 400px 0 100px;
    margin-top: -256px;
    position: relative;
}
.about-wrp .pattern1-img{
    position: absolute;
    left: 20px;
    max-width: 100%;
    top: 322px;
}
.about-wrp .row{margin: 0 -40px;align-items: center;}
.about-wrp .row .col-md-6{padding: 0 40px;}
.about-wrp .about-img img{
    width: 100%;
    border-radius: 16px 16px 180px 16px;
    position: relative;
    z-index: 9;
}
.about-wrp .titlebar h6{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #1F3265;
    display: table;
    margin: 0 0 8px;
    background: #F7FBFE;
    border: 1px solid rgba(31, 50, 101, 0.3);
    border-radius: 21px;
    padding: 8px 24px;
}
.about-wrp .titlebar h2{margin: 0 0 48px;}
.about-wrp .titlebar h5{margin: 0 0 24px;}
.about-wrp .titlebar p{margin: 0 0 40px;}

.about-wrp .count-bix h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 66px;
    color: #101010;
    margin: 0;
}
.about-wrp .count-bix p{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    margin: 0;
}
/* **** End About **** */




/* **** Connection **** */
.connection-wrp{
    padding: 0 0 100px;
}
.connection-wrp .container{
    max-width: 1800px;
    position: relative;
}
.connection-wrp .row{margin: 0px auto;align-items: center;}
.col-xl-3.border-left {
    border-left: 1px solid #000000;
}
.col-xl-6.font-weight-bold {
     font-weight: 700;
     color:#077FF7;
     text-align:center !important;
}
.row.text-center.h6.font-weight-bold.bg-success.py-2.text-white {
    background-color:#077FF7 !important;
}
.col-xl-6.text-left {
    text-align: left;
    font-size:16px;
}
@media only screen and (max-width: 767px) {
    .col-xl-3.border-left{
        border:0px !important;
    }
    .right-row{
        display:none !important;
    }
    label.sub-headings {
        padding: 10px 0px;
        font-weight: 600;
    }
    .m-hide{
        display:none !important;
    }
    .mobile-show{
        display:block !important;
    }
}
.mobile-show{
    display:none;
}
.col-xl-3.right-row {
    display: block;
}
.row.text-center {
    padding: 8px 0px;
}
.row.text-center:hover {
    background: aliceblue;
}
/*
custom radio
*/

input[type="radio"] {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in WebKit browsers */
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: border-color 0.3s, background-color 0.3s;
  margin-right: 8px; /* Adjust spacing between radio and label */
  vertical-align: middle;
}

/* Create custom radio button */
input[type="radio"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.3s;
}

/* Style when checked */
input[type="radio"]:checked {
  border-color: #007bff;
  background-color: #007bff;
}

input[type="radio"]:checked::before {
  background-color: white;
}

/* end*/
.connection-wrp .row .col-md-6{padding: 0 40px;}
.connection-wrp .titlebar{
    text-align: center;
    max-width: 934px;
    margin: 0 auto 55px;
}
.connection-wrp .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    background: #FFFFFF;
    border: 2px solid #F2F2F2;
    border-radius: 16px;
    margin: 0 0 24px;
}
.connection-wrp .accordion .accordion-item:last-child{
    margin: 0;
}
.connection-wrp .accordion .accordion-item .accordion-button {
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    color: #101010;
    padding: 32px 100px 32px 40px;
    background-color: transparent;
    position: relative;
}
.connection-wrp .accordion .accordion-item .accordion-button img{
    max-width: 100%;
    margin-right: 32px;
}
.connection-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.connection-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.connection-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}
.connection-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    right: 40px;
    top: 50%;
    font-size: 30px;
    color: #077FF7;
    font-weight: 300;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.connection-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
}
.connection-wrp .accordion .accordion-item .accordion-body {
    padding:0 100px 32px 122px;
}
.connection-wrp .accordion .accordion-item .accordion-body p{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    margin: 0 0 32px;
}
.connection-wrp .accordion .accordion-item .accordion-body a{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #077FF7;
}
.connection-wrp .accordion .accordion-item .accordion-body a i{
    margin-left: 8px;
}
.connection-block{
    position: relative;
}
.connection-block .pattern2-img{
    position: absolute;
    right: 0;
    top: 150px;
    max-width: 100%;
}
.connection-block .faq-img{
    position: absolute;
    right: 2%;
    max-width: 808px;
    height: 677px;
    object-fit: cover;
    object-position: center;
    top: 0;
    border-radius: 16px 16px 180px 16px;
}
/* **** End Connection **** */


/* **** Search Jobs **** */
.search-jobs{
    background-image: url("../images/search-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 160px 0;
    position: relative;
}
.search-jobs:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(86.23deg, #0D1B3F -2.36%, rgba(13, 27, 63, 0.83) 20.44%, rgba(13, 27, 63, 0) 72.01%);
}
.search-jobs .titlebar h2{
    color: #fff;
    margin: 0 0 48px;
}
.search-jobs .titlebar h2 span:before{
    background: rgba(140, 204, 244, 0.6);
}
.search-jobs .titlebar p{
    max-width: 516px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 40px;
}
/* **** End Search Jobs **** */



/* **** Counter **** */
.counter-wrp{
    padding: 100px 0;
}
.counter-wrp .counter-box{
    background: #F7FBFE;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 3px 10px rgba(7,127,247,0.30);
}
.counter-wrp .counter-box img{
    max-width: 100%;
    margin: 0 auto 24px;
}
.counter-wrp .counter-box h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 77px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
}
.counter-wrp .counter-box p{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #707070;
    margin: 0;
}
/* **** End Counter **** */



/* **** Testimonial **** */
.testimonial-wrp{
    padding: 0 0 50px;
    position: relative;
}
.testimonial-wrp .pattern2-img{
    position: absolute;
    right: 40px;
    top: 40%;
    max-width: 100%;
    z-index: -1;
}
.testimonial-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 55px;
}
.testimonial-slider{
    position: relative;
}

.testimonial-slider .slick-slide {
    margin: 0 24px;
}
.testimonial-slider .slick-list {
    margin: 0 -24px;
}
.testimonial-slider{
    padding: 0 0 136px;
}
.testimonial-slider .slider-box{
    background: #F7FBFE;
    border-radius: 16px;
    padding: 48px;
}
.testimonial-slider .slider-box .discerption{
    min-height: 248px;
    margin: 0 0 50px;
}
.testimonial-slider .slider-box .discerption p{
    font-weight: 400;
    font-size: 20px;
    line-height: 31px;
    text-align: center;
    color: #707070;
    margin: 0;
}
.testimonial-slider .slider-box .user-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial-slider .slider-box .user-box img{
    width: 112px;
    min-width: 112px;
    height: 112px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    margin-right: 24px;
}
.testimonial-slider .slider-box .user-box h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 52px;
    color: #101010;
    margin: 0 0 4px;
}
.testimonial-slider .slider-box .user-box h5{
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: #707070;
}
.testimonial-slider button.slick-prev.slick-arrow,
.testimonial-slider button.slick-next.slick-arrow{
    position: absolute;
    left: 50%;
    z-index: 9;
    bottom: 0;
    font-size: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.testimonial-slider button.slick-prev.slick-arrow:before,
.testimonial-slider button.slick-next.slick-arrow:before{
    position: absolute;
    content:"\f053";
    width: 72px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid rgba(7, 127, 247, 0.2);
    right: 8px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #077FF7;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.testimonial-slider button.slick-next.slick-arrow:before{
    left: 8px;
    content: "\f054";
    bottom: 0;
}
.testimonial-slider button.slick-prev.slick-arrow:hover:before,
.testimonial-slider button.slick-next.slick-arrow:hover:before{
    background: #077FF7;
    color: #fff;
}
/* **** End Testimonial **** */


/* ***** Recruiters **** */
.recruiters-wrp{
    padding: 105px 0;
    background: #F7FBFE;
    position: relative;
}
.recruiters-wrp .inessperson-img{
    position: absolute;
    right: 200px;
    bottom: 0;
    max-width: 616px;
}
.recruiters-wrp .titlebar h2{
    color: #000;
    margin: 0 0 48px;
}
.recruiters-wrp .titlebar h2 span:before{
    background: #8CCCF4;
}
.recruiters-wrp .titlebar p{
    color: #707070;
    margin: 0 0 32px;
    max-width: 537px;
}
.recruiters-wrp .titlebar .btn-primary i{
    margin: 0 8px 0 0;
}
/* ***** End Recruiters **** */



/* **** Team **** */
.team-wrp{
    padding: 100px 0;
}
.team-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
    color: #000000;
}
.team-wrp .slick-slide {
    margin: 0 16px;
}
.team-wrp .slick-list {
    margin: 0 -16px;
}
.team-wrp .slider-box img{
    width: 100%;
    border-radius: 16px;
    margin: 0 0 24px;
}
.team-wrp .slider-box h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #101010;
    margin: 0;
}
.team-wrp button.slick-prev.slick-arrow,
.team-wrp button.slick-next.slick-arrow{
    position: absolute;
    left: 50%;
    z-index: 9;
    bottom: 0;
    font-size: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.team-wrp button.slick-prev.slick-arrow:before,
.team-wrp button.slick-next.slick-arrow:before{
    position: absolute;
    content:"\f053";
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid rgba(7, 127, 247, 0.2);
    right: 8px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #077FF7;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.team-wrp button.slick-next.slick-arrow:before{
    left: 8px;
    content:"\f054";
    bottom: 0;
}
.team-wrp button.slick-prev.slick-arrow:hover:before,
.team-wrp button.slick-next.slick-arrow:hover:before{
    background: #077FF7;
    color: #fff;
}
/* **** End Team **** */


/* **** Awards **** */
.awards-wrp .container{
    max-width: 1400px;
}
.awards-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.awards-wrp .awards-box{
    background: #F7FBFE;
    min-height: 401px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 40px;
}
.awards-wrp .awards-box img{
    max-width: 100%;
}
/* **** End Awards **** */



/* **** Awards **** */
.talk-wrp{
    padding:100px 0;
}
.talk-wrp .container{
    max-width: 1300px;
}
.talk-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.talk-wrp .talk-box a{
    background: #F7FBFE;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    padding: 40px;
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    text-transform: capitalize;
    color: #101010;
}
.talk-wrp .talk-box a span{
    width: 88px;
    min-width: 88px;
    height: 88px;
    background: #077FF7;
    display: flex;
    align-items: center;
    border-radius: 100%;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.talk-wrp .talk-box a span img{
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.talk-wrp .talk-box a:hover{
    background: #077FF7;
    color: #fff;
}
.talk-wrp .talk-box a:hover span{
    background: #F7FBFE;
}
.talk-wrp .talk-box a:hover span img{
    filter: brightness(0) invert(0);
}
/* **** End Awards **** */



/* **** Partners **** */
.partners-wrp{
    padding: 0 0 100px;
}
.partners-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.partners-wrp .slick-slide {
    margin: 0 85px;
}
.partners-wrp .slick-list {
    margin: 0 -85px;
}
.partners-wrp .slider-box{
    height: 94px;
    display: flex;
    align-items: center;
}
.partners-wrp .slider-box img{
    max-width: 100%;
    margin: 0 auto;
}
/* **** End Partners **** */


/* **** Footer **** */
footer{
    padding: 96px 0 32px;
    background-image: url("../images/footer-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
footer:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #106AB3;
    opacity: 0.9;
}
footer .container{
    position: relative;
    z-index: 69;
}

footer .foot-logo img.foot-logo{
    max-width: 100%;
    margin: 0 0 40px;
}
footer .foot-logo ul li{
    margin: 0 0 40px;
}
footer .foot-logo ul li:last-child{
    margin: 0;
}
footer .foot-logo ul li a h4{
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
}
footer .foot-logo ul li a h4 span{
    min-width: 24px;
    margin-right: 6px;
}
footer .foot-logo ul li a h4 span img{
    max-width: 100%;
    filter: brightness(0) invert(1);
}
footer .foot-logo ul li a h5{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
    margin-left: 30px;
}
footer h3{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0 0 24px;
}
footer .quicklinks ul li{
    margin: 0 0 16px;
}
footer .quicklinks ul li:last-child{
    margin: 0;
}
footer .quicklinks ul li a{
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: rgba(255, 255, 255, 0.8);
}
footer .quicklinks ul li a:hover{
    color: #fff;
}
footer .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
footer .accordion .accordion-item .accordion-button {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 16px 30px 16px 0;
    background-color: transparent;
    position: relative;
    border-radius: 0;
}
footer .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
footer .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
footer .accordion .accordion-item .accordion-button::after {
    display: none;
}
footer .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
}
footer .accordion .accordion-item .accordion-body {
    padding: 0 30px 21px 0;
}
footer .accordion .accordion-item .accordion-body p{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 291px;
    margin: 0;
}
footer .copyright{
    padding: 33px 0 0;
    margin: 64px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

footer .copyright p{
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}
footer .copyright ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
footer .copyright ul li{
    margin-right: 16px;
}
footer .copyright ul li a{
    display: block;
}
footer .copyright ul li a img{
    max-width: 100%;
    filter: brightness(0) invert(1);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .copyright ul li a:hover img{
    filter: brightness(0) invert(0);
}

footer .copyright{
    padding: 33px 0 0;
    margin: 64px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
footer .copyright1{
  
    
}
footer .copyright1 p{
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}
footer .copyright1 ul{
    display: flex;
    align-items: center;

}
footer .copyright1 ul li{
    margin-right: 16px;
}
footer .copyright1 ul li a{
    display: block;
}
footer .copyright1 ul li a img{
    max-width: 100%;
    filter: brightness(0) invert(1);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .copyright1 ul li a:hover img{
    filter: brightness(0) invert(0);
}
.top-btn #myBtn{
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    color: #077FF7;
    text-align: center;
    position: fixed;
    bottom:80px;
    right: 30px;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.top-btn #myBtn.show{
    opacity: 1;
    visibility:visible;
}
.top-btn:hover #myBtn{
    background: #000;
    color: #fff;
}
/* **** End Footer **** */



/* **** About Banner **** */
.about-banner{
    padding: 100px 0 200px;
    position: relative;
}
.about-banner .row{
    align-items: center;
}
.about-banner .pattern2-img{
    position: absolute;
    right: 35px;
    bottom: 140px;
    max-width: 100%;
}
.about-banner .titlebar h6{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #1F3265;
    background: #F7FBFE;
    border: 1px solid rgba(31, 50, 101, 0.3);
    border-radius: 21px;
    padding: 8px 24px;
    margin: 0 0 8px;
    display: table;
}
.about-banner .titlebar h2{
    margin: 0 0 48px;
}
.about-banner .titlebar p{
    max-width: 689px;
    margin: 0;
}
.about-banner .about-img img{
    border-radius: 16px 16px 180px 16px;
    width: 100%;
    position: relative;
    z-index: 9;
}
/* **** End About Banner **** */


/* **** About Tabs **** */
.about-tabs{
    padding: 100px 0 200px;
    position: relative;
}
.about-tabs .pattern1-img{
    position: absolute;
    left: 35px;
    bottom: 100px;
}
.about-tabs .row{
    margin: 0 -50px;
}
.about-tabs .col-md-5,
.about-tabs .col-md-7{
    padding: 0 50px;
}
.about-tabs .tab-img img{
    width: 100%;
    position: relative;
    z-index: 9;
    border-radius: 16px 16px 16px 180px;
}
.about-tabs .nav-tabs{
    display: block;
    border: none;
}
.about-tabs .nav-tabs li{
    margin: 0 0 24px;
}
.about-tabs .nav-tabs li:last-child{
    margin: 0;
}
.about-tabs .nav-tabs li .nav-link{
    display: block;
    text-align: left;
    margin: 0;
    background: #FFFFFF;
    border: 2px solid #F2F2F2;
    border-radius: 16px;
    padding: 32px 40px;
    width: 100%;
}
.about-tabs .nav-tabs li .nav-link h3{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #101010;
    margin: 0 0 16px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.about-tabs .nav-tabs li .nav-link h3 b{
    font-weight: bold;
    color: #077FF7;
    font-size: 42px;
}
.about-tabs .nav-tabs li .nav-link h3 span{
    display: table;
    min-width: 50px;
    margin-right: 32px;
}
.about-tabs .nav-tabs li .nav-link p{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    padding-left: 82px;
    margin: 0;
    min-height: 70px;
}
.about-tabs .nav-tabs li .nav-link h3 span img{
    max-width: 100%;
    filter: brightness(0) invert(0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.about-tabs .nav-tabs li .nav-link:hover,
.about-tabs .nav-tabs li .nav-link.active{
    border-color: #077FF7;
}
.about-tabs .nav-tabs li .nav-link:hover h3,
.about-tabs .nav-tabs li .nav-link.active h3{
    color: #077FF7;   
}
.about-tabs .nav-tabs li .nav-link:hover h3 span img,
.about-tabs .nav-tabs li .nav-link.active h3 span img{
    filter: unset;
}
/* **** End About Tabs **** */


/* **** Inclusion **** */
.inclusion-wrp{
    padding: 0 0 100px;
}
.inclusion-wrp .container{
/*    max-width: 1330px;*/
}
.inclusion-wrp .titlebar h2{
    text-align: center;
}
.inclusion-wrp .titlebar p{
    max-width: 964px;
    text-align: center;
    margin: 0 auto 56px;
}
.inclusion-wrp .inclusion-box{
    background: #F7FBFE;
    padding: 48px 105px;
    height: 100%;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.02);
    border-radius: 16px 16px 16px 120px;
}
.inclusion-wrp .inclusion-box.box2{
    border-radius: 16px 120px 16px 16px;
}
.inclusion-wrp .inclusion-box .box-icon{
    width: 88px;
    height: 88px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
}

.inclusion-wrp .inclusion-box .box-icon img{
    max-width: 100%;
}
.inclusion-wrp .inclusion-box h3{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 0 0 16px;
}
.inclusion-wrp .inclusion-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #707070;
    margin: 0 0 30px;
}
.inclusion-wrp .inclusion-box p:last-child{
    margin: 0;
}
/* **** End Inclusion **** */



/* **** values **** */
.values-wrp{
    padding: 160px 0;
    background-image: url("../images/values-bg.jpg");
}
.values-wrp:before{
    background: linear-gradient(86.23deg, #0D1B3F -2.36%, rgba(13, 27, 63, 0.83) 33.07%, rgba(13, 27, 63, 0) 72.01%);
}
.values-wrp .titlebar p{
    max-width: 600px;
    margin: 0 0 30px;
}
/* **** End values **** */


/* **** Leadership **** */
.leadership-wrp{
    padding: 100px 0 50px;
}
.leadership-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.leadership-slider .row{
    justify-content: center;
}
.leadership-slider .slider-box{
    margin: 0 0 35px;
}
.leadership-slider .slider-box img{
    width: 100%;
    border-radius: 16px;
    margin: 0 0 24px;
}
.leadership-slider .slider-box h3{
    font-weight: 700;
    font-size: 30px;
    line-height: 52px;
    text-align: center;
    color: #101010;
    margin: 0 0 8px;
}
.leadership-slider .slider-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #707070;
    margin: 0;
}
a.socialbtn{
    margin: 15px auto 0;
    display: table;
    font-size:26px;
    color: #077FF7;
}
.leadership-slider .slick-slide {
    margin: 0 20px;
}
.leadership-slider .slick-list {
    margin: 0 -20px;
}
.leadership-slider  button.slick-prev.slick-arrow,
.leadership-slider  button.slick-next.slick-arrow{
    position: absolute;
    left: 50%;
    z-index: 9;
    bottom: 0;
    font-size: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.leadership-slider  button.slick-prev.slick-arrow:before,
.leadership-slider  button.slick-next.slick-arrow:before{
    position: absolute;
    content: "\f177";
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid rgba(7, 127, 247, 0.2);
    right: 8px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #077FF7;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    border-radius: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.leadership-slider  button.slick-next.slick-arrow:before{
    left: 8px;
    content: "\f178";
    bottom: 0;
}
.leadership-slider  button.slick-prev.slick-arrow:hover:before,
.leadership-slider  button.slick-next.slick-arrow:hover:before{
    background: #077FF7;
    color: #fff;
}
/* **** End Leadership **** */



/* ***** Contact Form **** */
.contact-form-wrp{
    padding: 100px 0;
    background: linear-gradient(180deg, #F7FBFE 53.79%, rgba(255, 255, 255, 0) 100%);
}
.contact-form-wrp .container{
    width: 1262px;
}
.contact-form-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.contact-form-wrp .nav-tabs{
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 400px;
    border: 2px solid #077FF7;
    background: #fff;
    padding: 2px;
    border-radius: 60px;    
}
.contact-form-wrp .nav-tabs li{
    width: 50%;
}
.contact-form-wrp .nav-tabs li .nav-link{
    padding: 15px 40px;
    border-radius: 6px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    border: none;
    box-shadow: none;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 60px;
    transition: all 0.3s ease-in-out;
}
.contact-form-wrp .nav-tabs li .nav-link.active,
.contact-form-wrp .nav-tabs li .nav-link:hover{
    background: #077FF7;
    color: #fff;
}
.contact-form-wrp form .form-group{
    background: #FFFFFF;
    border: 2px solid #F2F2F2;
    border-radius: 8px;
    margin: 0 0 30px;
    padding: 16px 24px;
}
.contact-form-wrp form .form-group label{
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #A4A4A4;
    margin: 0 0 8px;
}
.contact-form-wrp form .form-group .form-control{
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border-radius: 0;
    background: transparent;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    padding: 0;
    border: none;
    resize: none;
}
.contact-form-wrp form button{
    border: none;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* ***** End Contact Form **** */


/* **** Expert **** */
.expert-wrp{
    padding: 184px 0;
    position: relative;
    margin: 0 0 104px;
}
.expert-wrp .expert-img{
    position: absolute;
    left: 28%;
    top: 50%;
    border-radius: 16px 16px 180px 16px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.expert-wrp .expert-block{
    background: #077FF7;
    border-radius: 16px 180px 16px 16px;
    padding: 100px 0 100px 50%;
}
.expert-wrp .expert-block h2{
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 77px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0 0 53px;
}
.expert-wrp .expert-block a{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #077FF7;
    display: table;
    padding: 16px 50px;
    background: #FFFFFF;
    border-radius: 29px;
    display: table;
}
.expert-wrp .expert-block a:hover{
    background: #000;
    color: #fff;
}
/* **** End Expert **** */



/* ***** Location ***** */
.location-wrp{
    padding: 100px 0;
}
.location-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}

.location-box{
    background: #F7FBFE;
    border-radius: 16px;
    margin: 0 0 30px;
}
.location-box .box-image{
    position: relative;
}
.location-box .box-image .location-img{
    width: 100%;
    border-radius: 16px 16px 120px 16px;
}
.location-box .box-image .flag-img{
    position: absolute;
    left: 16px;
    top: 16px;
    border-radius: 4px;
}
.location-box .location-description{
    padding: 32px;
}
.location-box .location-description h2{
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #101010;
    margin: 0 0 24px;
}
.location-box .location-description .cnt-box{
    margin: 0 0 40px;
}
.location-box .location-description .cnt-box h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #101010;
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}
.location-box .location-description .cnt-box h3 span{
    min-width: 24px;
    margin-right: 8px;
}
.location-box .location-description .cnt-box a{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #101010;
    display: table;
    margin-left: 32px;

}
.location-box .location-description h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #101010;
    margin: 0 0 8px;
}
.location-box .location-description ul{
    display: flex;
    align-items: center;
}
.location-box .location-description ul li{
    margin-right: 16px;
}
.location-box .location-description ul li img{
    max-width: 100%;
}
/* ***** End Location ***** */


/* **** Map **** */
.map-box{
    height: 800px;
    width: 100%;
    margin: 0 0 100px;
}
.map-box iframe{
    height: 100%;
    width: 100%;
}
/* **** End Map **** */



/* **** FAQ **** */
.faq-wrp{
    padding: 100px 0;
    margin: 0 0 30px;
    background: linear-gradient(180deg, #F7FBFE 53.79%, rgba(255, 255, 255, 0) 100%);
    position: relative;
}
img.pattern1-img {
    position: absolute;
    top: 0;
    left: 0;
}
img.pattern2-img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.faq-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.faq-wrp .container{
    max-width: 1330px;
    position: relative;
    z-index: 5;
}
.faq-wrp .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    background: #FFFFFF;
    border: 2px solid #F2F2F2;
    border-radius: 16px;
    margin: 0 0 32px;
}
.faq-wrp .accordion .accordion-item:last-child{
    margin: 0;
}
.faq-wrp .accordion .accordion-item .accordion-button {
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    color: #101010;
    padding: 40px 100px 40px 40px;
    background-color: transparent;
    position: relative;
}
.faq-wrp .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.faq-wrp .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.faq-wrp .accordion .accordion-item .accordion-button::after {
    display: none;
}
.faq-wrp .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    right: 40px;
    top: 50%;
    font-size: 30px;
    color: #077FF7;
    font-weight: 300;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.faq-wrp .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
}
.faq-wrp .accordion .accordion-item .accordion-body {
    padding: 0 100px 40px 40px;
}
.faq-wrp .accordion .accordion-item .accordion-body p{
    max-width: 950px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
    margin: 0;
}
/* **** End FAQ **** */


/* **** Our Blog **** */
.blog-wrp{
    padding: 100px 0;
}
.blog-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.blog-wrp .row{
    margin: 0 -20px;
}
.blog-wrp .col-md-4{
    padding: 0 20px;
}
.blog-box{
    margin: 0 0 40px;
    background: #F7FBFE;
    border-radius: 16px;
}
.blog-box .blog-img img{
    width: 100%;
    border-radius: 16px 16px 120px 16px;
}
.blog-box .blog-discerption{
    padding: 32px;
}
.blog-box .blog-discerption h4{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #101010;
    margin: 0 0 16px;
}
.blog-box .blog-discerption h4 img{
    max-width: 100%;
    margin-right: 8px;
}
.blog-box .blog-discerption h3{
    min-height: 62px;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #101010;
    margin: 0 0 16px;
}
.blog-box .blog-discerption p{
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #707070;
}
.blog-box .blog-discerption .btn-read{
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #077FF7;
    display: flex;
    align-items: center;
}
.blog-box .blog-discerption .btn-read i{
    margin-left: 8px;
}

.pagination{
    padding: 32px 0 0;    
}
.pagination ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.pagination ul li{
    margin-right: 16px;
}
.pagination ul li:last-child{
    margin: 0;
}
.pagination ul li a{
    width: 88px;
    height: 88px;
    background: #F7FBFE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #077FF7;
}
.pagination ul li a.active,
.pagination ul li a:hover{
    background: #077FF7;
    color: #fff;
}
/* **** End Our Blog **** */



/* **** Blog Details **** */
.blog-detail-wrp{
    padding: 100px 0;
}
.blog-detail-wrp .container{
    max-width: 1430px;
}
.blog-detail-wrp .titlebar h2{
    text-align: center;
    margin: 0 0 56px;
}
.blog-detail-wrp h3{
    font-weight: 500;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    color: #101010;
    margin: 0 0 48px;
}
.blog-detail-wrp img{
    width: 100%;
    border-radius: 16px 16px 120px 16px;
    margin: 0 0 32px;
}
.blog-detail-wrp p{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    margin: 0 0 30px;
}
.blog-detail-wrp ul{
    padding: 0 0 56px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 24px;
}
.blog-detail-wrp ul li{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #707070;
    margin: 0;
    padding-left: 32px;
    position: relative;
}
.blog-detail-wrp ul li:before{
    position: absolute;
    content: "";
    height:6px;
    width: 6px;
    border-radius: 100%;
    background: #707070;
    left: 8px;
    top: 10px;
}
.blog-detail-wrp h6{
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    color: #101010;
    display: flex;
    align-items: center;
    margin: 0;
}
.blog-detail-wrp h6 span{
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #707070;
    margin-left: 16px;
    display: table;
}
/* **** End Blog Details **** */

.contact-form-sec2{
    padding: 0 0 100px;
    background: transparent;
}
.contact-form-sec2 form button{
    margin: 48px auto 0;
}


.benefits-wrpper{
    padding: 100px 0;
}


/* **** Allowance **** */
.allowance-wrp{
    padding: 140px 0;
    background: #F7FBFE;
    margin: 240px 0 0;
}
.allowance-wrp .container{
    position: relative;
}
.allowance-wrp .allowance-img{
    position: absolute;
    left: 0;
    bottom: -140px;
    left: 15px;
}
.allowance-wrp .allowance-block{
    max-width: 873px;
    margin-left: auto;
}
.allowance-wrp .allowance-block .titlebar h2{
    margin: 0 0 55px;
}
.allowance-wrp .allowance-block .titlebar p{
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #101010;
    margin: 0;
}
/* **** End Allowance **** */


.recharge-wrp{
    padding: 100px 0;
    margin: 0 0 100px;
    background-image: url("../images/recharge-bg.jpg");
}
.recharge-wrp.values-wrp .titlebar p{
    max-width: 656px;    
}

.core-value-bx{
    max-width: 500px;
}
.core-value-bx .accordion .accordion-item {
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.core-value-bx .accordion h2{margin: 0;}
.core-value-bx .accordion .accordion-item .accordion-button {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    padding: 16px 30px 16px 0;
    background-color: transparent;
    position: relative;
    border-radius: 0;
    margin: 0;
    letter-spacing: 1px;
}
.core-value-bx .accordion .accordion-item .accordion-button b{
    font-weight: bold;
    color: #077FF7;
    font-size: 22px;
}
.core-value-bx .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.core-value-bx .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.core-value-bx .accordion .accordion-item .accordion-button::after {
    display: none;
}
.core-value-bx .accordion .accordion-item .accordion-button:before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.core-value-bx .accordion .accordion-item .accordion-button.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
}
.core-value-bx .accordion .accordion-item .accordion-body {
    padding: 0 30px 21px 0;
}
.core-value-bx .accordion .accordion-item .accordion-body p{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255,1);
    margin: 0;
}
.core-value-bx .accordion .accordion-item .accordion-body ul li{
    padding: 5px 0 5px 15px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    position: relative;
    display: block;
}
.core-value-bx .accordion .accordion-item .accordion-body ul li:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: 0;
    top:13px;
}

.career-wrp{
    padding: 80px 0;
}

/* ***** Popup ***** */
.modal-dialog{
    max-width: 1000px;
}
.modal-content{
    padding: 55px 40px 40px;
    background: #fff;
    border-radius: 15px;
    border: none;
    position: relative;
}
.modal-content button.btn-close{
    position: absolute;
    top:15px;
    right:15px;
}
.modal-content button.btn-close:focus{
    box-shadow: none;
    outline: none;
}

/* ***** End Popup ***** */

/* ***** Leadership Popup ***** */
.leadership-img img{
    width: 100%;
}
.leadership-header{
    margin: 0 0 35px;
}
.leadership-header h2{
    font-size: 32px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px;
}
.leadership-header h6{
    font-size:15px;
    font-weight: 500;
    color: #333;
    margin: 0;
}
.conect-mem{
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: flex-end;
}
.conect-mem h5{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;
    margin: 0 0 5px;
}
.conect-mem a{
    font-size:20px;
    color: #077FF7;
}
.conect-mem a:hover{
    color: #000;
}
.leadership-content p{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    margin: 0 0 25px;
}
.leadership-content p:last-child{
    margin: 0;
}
.numbx{
    display: flex;
    align-items: center;
}
.contact-form-wrp form .form-group .numbx select.form-control{
    padding: 0 40px 0 0;
    -webkit-appearance: none;
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center right 15px;
    min-width: 200px;
    max-width: 200px;
}
/* ***** End Leadership Popup ***** */