* {
    margin: 0px;
    padding: 0px;
}


body {
    font-family: 'Poppins', sans-serif!important;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    background-color: #fffaf8!important;
}
#onmobile{display:none;}
#noflex {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
    z-index: 10001;
    height: 96px;
}

#noflex .container {
    max-width: 100%;
    padding: 0px 45px;
    position: relative;
}

header {
    float: left;
    width: 100%;
    padding: 21px 0px;
}

header .container {
    max-width: 1240px;
    padding: 0px 15px;
    position: relative;
}

header .container .row {
    align-items: center;
    justify-content: space-between;
}

.mn-logo{    position: relative;
    left: 5px;    top: -30px;}

.mn-logo img {
    max-width: 200px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.seconmnu ul li:last-child{border:none!important;padding-bottom: 0px;}

.menucsr {
    float: right;
    top: 22px;
    position: relative;
}

.menucsr ul {
    list-style: none;
    margin: 0px;
}

.menucsr ul li {
    display: inline-block;
}

.menucsr ul li a {
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    color: black;
    margin-right: 26px;
    font-weight: 500;
}

.menucsr ul li a:hover {
    text-decoration: none;
    color: #d7191e;
}

.menucsr ul li:last-child a {
    margin-right: 0px;
}

.menucsr ul li a i {
    font-size: 13px;
}

.seconmnu {
    float: left;
    margin-left: 50px;
    margin-top: 14px;
}

.seconmnu ul {
    list-style: none;
}

.seconmnu ul li {
    display: inline-block;
    padding-bottom: 65px;
    margin-right: 20px;
}

.seconmnu ul li a {
    color: black;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 65px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

.seconmnu ul li a:hover {
    text-decoration: none;
    color: #ff9933;
}

.seconmnu ul li:hover {
    text-decoration: none;
    color: #ff9933!important;
    border-bottom: 2px solid;
    padding-bottom: 4px;
}

/*.seconmnu ul li a::after{content: '';position: absolute;height: 2px;width: 100%;background: #003078;left: 0px;right: 0px;bottom: 33px;border-radius: 5px;width: 45px;margin: 0 auto;display: none;}*/
.seconmnu ul li a:hover::after {
    display: block;
}

.seconmnu ul li a i {
    font-size: 14px;
   
}

.righmenu {
    float: right;
    text-align: right;
    position: absolute;
    right: 70px;
    padding-top: 19px;
}

.righmenu ul {
    list-style: none;
}

.righmenu ul li {
    display: inline-block;
}

.righmenu ul li a {
    color: #f3f3f3;
    margin-right: 10px;
    font-size: 14px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.righmenu ul li a:hover {
    text-decoration: none;
    color: white;
    color: #fff;
    border-bottom: 2px solid #d7191e;
}

.righmenu ul li a i {
    font-size: 13px;
    display: none;
}

.blackbtn {
    background: none;
    border-radius: 50px;
    padding: 5px 23px 11px!important;
    color: white!important;
    margin-right: 14px!important;
    border: 1px solid #003078;
    color: #003078!important;
}

.blackbtn:hover {
    background: #ff9933!important;
    color: white!important;
    border: 1px solid #ff9933!important;
}



footer{float: left;width: 100%;padding: 60px 0px 40px;background: white;overflow:hidden;}
footer .container{max-width: 96%;}
.ftlogo img{max-width: 200px;}
.ftlogo p{font-weight: 500;font-weight: 500;text-align: left;font-size: 17px;margin-bottom: 40px;color: #45596f;line-height: 27px;margin-top: 15px;max-width: 75%;}
.ftlogo a{color: black;border-radius: 50px;padding: 10px 30px 15px;background: #ff9933!important;font-weight: 500;font-size: 18px;}
footer .col-sm-8{border-left: 1px solid #ccc;}
footer .col-sm-8 .container{max-width: 100%;}
footer .col-sm-8 .row{display: block;float: left;padding-top: 35px;}
footer .col-sm-8 .row .col-sm-2{float: left;max-width: 20%;}
.footlink{font-weight: 500;}
.footlink ul{list-style: none;}
.footlink ul li{display: block;}
.footlink ul li a{color: #45596f;
    font-size: 15px;
    margin-bottom: 5px;
    display: block;}
.footlink h4{color: #003078;font-size: 22px;margin-bottom: 0px;padding-bottom: 15px;}
.aboutft{padding-top: 42px;padding-left: 20px;}

#flot{float: left;width: 100%;}
#flot .row{display: flex;align-items: center;justify-content: space-between;float: none;}
.socila{text-align: right;}
.socila ul{list-style: none;}
.socila ul li{display: inline-block;}
.socila ul li a{    font-weight: 500;
    color: black;
    font-size: 22px;
    margin-right: 22px;}
.socila ul li a:hover .fa-facebook-f {
    color: #1877f2;
}
.socila ul li a:hover .fa-twitter {
    color: #1da1f2;
}
.socila ul li a:hover .fa-linkedin-in {
    color: #0a66c2;
}
.socila ul li a:hover .fa-instagram {
    color: #c32aa3;
}
.created {
    color: black;
    font-size: 13px;
}

#aftcl{position: relative;}
#aftcl::before{    content: '';
    position: absolute;
    top: -1px;
    height: 1px;
    width: 3%;
    background: #ccc;
    left: -44px;
    right: 0px;}
#aftcl::after{    content: '';
    position: absolute;
    top: -1px;
    height: 1px;
    width: 3%;
    background: #ccc;
    right: -44px;}


.mainbanner{float: left;width: 100%;padding-bottom: 100px;height: 90vh;}
.mainbanner .container{max-width: 100%;padding: 0px 45px;}
.bannhm {padding-top: 60px;}
.bannhm h1{    font-size: 45px;
    color: #003078;
    line-height: 60px;
    position: relative;
    padding-bottom: 0px;
    max-width: 100%;text-align: center;}
.bannhm h1::after{background: #003078;position: absolute;bottom: -12px;height: 5px;content: '';
    width: 140px;left: 0px;right: 0px;margin: 0 auto;display: none;}
.bannhm h1 span{color: #ff9933;font-weight: 600;position: relative;}
.bannhm h1 span::after{content: '';width: 260px;height: 9px;border-bottom: 4px dashed #ff9933;position: absolute;
    top: 34.5px;margin-left: 14px;display: none;}
.bannhm p{font-size: 22px;font-weight: 400;padding-top: 0px;color: #003078;text-align: center;}

.aboutdiv{    float: left;
    width: 100%;
    background: white;
    padding: 100px 0px;
    display: flex;
    align-items: center;
    height: 100vh;
    position: relative;
    overflow: hidden;}
.aboutdiv .container{max-width: 100%;padding: 0px 45px;}
.aboutdiv .col-sm-12{position: relative;z-index: 100000001;}
.headab h3{font-size: 45px;color: #003078;text-align: center;line-height: 60px;max-width: 1200px;margin: 0 auto;}
.headab p{max-width: 860px;margin: 0 auto;font-size: 20px;padding-top: 50px;color: #797979;text-align: left;
   position: relative;left: -94px;line-height: 32px;display: none;}
#bgyl{position: relative;}
#bgyl img{position: absolute;height: 20px;left: 0px;right: 0px;top: 57px;width: 154px;}
.videobg {text-align: center;margin: 0 auto;padding-top: 50px;display: none;}
.videobg video{max-width: 100%;border-radius: 10px;height: 590px;margin: 0 auto;text-align: center;}


.mnbrige{float: left;width: 100%;padding: 100px 0px;position: relative;}
.mnbrige .container{max-width: 100%;padding: 0px 45px;}
.brigediv{align-items: center;justify-content: center;}
.bridtxt{position: relative;left: 0%;bottom: 10px;max-width: 500px;}
.birimg{max-width: 60%;}
.birimg img{max-width: 70%!important;}
.bridtxt h2{font-size: 45px;color: #003078;font-weight: 600;position: relative;line-height: 60px;}
.bridtxt h2 span{color: #ff9933;font-weight: 600;}
.bridtxt p{font-size: 20px;
    color: #003078;
    padding-top:10px;}


.mainsolutions {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 100px;
    background: white;
}
.project-wrapper-home-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.project-wrap-home {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.cllections {
    width: 100%;
}
.collectionitem {
    min-height: 100vh;
    justify-content: space-between;
    display: flex;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.project-img-home-1 {
    width: 50%;
    min-height: 100vh;
    overflow: hidden;
}
.project-img-home-1 img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100vh;
}
.content-project-home-1 {
    width: 50%;
    background-color: #003078;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.info-project-home-1 {
    width: 75%;
    text-align: left;
    background-color: #003078;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.info-project-home-1 h3 {
    font-size: 36px;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
}
.info-project-home-1 p {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: white;
    line-height: 30px;
        margin-bottom: 30px;
}
.info-project-home-1 a {
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins';
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-right: 45px;
}
.info-project-home-1 a i{    margin-left: 5px;
    position: relative;
    top: 2px;}
.info-project-home-1 a:hover{text-decoration: none;color: #fa9633!important}
.fixed-menu {
    position: fixed!important;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    top: 0px;
    padding: 20px 0px!important;
    z-index: 10001;
    background: #ffffff;
    max-width: 75%;
    margin: 0 auto;
    border-radius: 0px 0px 10px 10px;
}
.nav-link.scroll.active {
        border-bottom: 3px solid #fa9633!important;
    color: #fa9633!important;
    font-weight: bold;
    padding-bottom: 12px!important;
}



.knmore button {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: none;
 background: transparent;
 padding: 0;
 font-size: inherit;
 font-family: inherit;
}

.knmore button.learn-more {
 width: 12rem;
 height: auto;
}

.knmore button.learn-more .circle {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: relative;
 display: block;
 margin: 0;
 width: 3rem;
 height: 3rem;
 background: #fa9633;
 border-radius: 1.625rem;
}

.knmore button.learn-more .circle .icon {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 background: #fff;
}

.content-project-home-1 .knmore button.learn-more{}

.knmore button.learn-more .circle .icon.arrow {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 left: 0.625rem;
 width: 1.125rem;
 height: 0.125rem;
 background: none;
}

.knmore button.learn-more .circle .icon.arrow::before {
 position: absolute;
 content: "";
 top: -0.29rem;
 right: 0.0625rem;
 width: 0.625rem;
 height: 0.625rem;
 border-top: 0.125rem solid #fff;
 border-right: 0.125rem solid #fff;
 transform: rotate(45deg);
}


.knmore button.learn-more .button-text {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.75rem 0;
 margin: 0 0 0 1.85rem;
 color: #fff;
 font-weight: 700;
 line-height: 1.6;
 text-align: center;
 text-transform: uppercase;
/* letter-spacing: 1.3px;*/
}

.ctnblog .knmore .learn-more:hover .circle{width: 100%;}

.info-project-home-1 .knmore button.learn-more .button-text{text-align: left;padding-left: 25px;}

.knmore button:hover .circle {
 width: 100%;
}

.knmore button:hover .circle .icon.arrow {
 background: #fff;
 transform: translate(1rem, 0);
}

.knmore button:hover .button-text {
 color: #fff;
}

.usernm{display: flex;align-items: center;}
.userimg{position: relative;top: 4px;}
.userimg img{width: 64px}

.imgcta{    position: absolute;
    top: -13px;}
.imgcta img{max-width: 300px;}


.ctnblog .knmore button.learn-more .circle{width: 2.4rem;height: 2.4rem;}
.ctnblog .knmore button.learn-more .button-text{line-height: 1;padding:0.65rem 0;}
.ctnblog .knmore button.learn-more .circle .icon.arrow{left: 0.325rem;}




.info-project-home-1 .knmore {
        margin-bottom: 24px;
}



.insite{float: left;width: 100%;padding: 100px 0px;position: relative;background: #f9f9f9;overflow: hidden;}
.insite .container{max-width: 1420px;padding: 0px 45px;}
.headt h2{font-size: 45px;font-weight: 600;color: #003078;position: relative;line-height: 60px;}
.headt h2 span{position: absolute;bottom: -33px;left: 45px;}
.headt h2 span img{max-width: 115px;}
.headt p{font-size: 20px;color: #003078;padding-top: 30px;padding-bottom: 40px;}
.insit{display: flex;}
.imginst{width: 50%;max-width: 50%;}
.imginst img{max-width: 100%;}
.continst{width: 50%;
    max-width: 50%;
    padding-left: 20px;
    background: #f7f5f5;
    min-height: 253px;
    max-height: 253px;
    height: 253px;
    padding-top: 25px;}
.continst h4{color: #003078;font-size: 18px;padding-right: 15px;line-height: 26px;}
.continst p{color: #6d8399;font-size: 18px;padding-top: 20px;margin-bottom: 0px;padding-bottom: 20px;display: none;}
.continst span{color: #6d8399;font-size: 13px;display: none;}
.linkct {padding-top: 20px;}
.continst .aboutbtn.text-center {
    position: absolute;
    bottom: 30px;
}

.continst .aboutbtn .btn-30 {margin-top: 25px;font-weight: bold;text-align: left;margin:0px;padding: 8px 18px;margin-top: 30px;}

#firrow{transform: scale(.86);position: relative;left: -115px;}
#scrow{transform: scale(.86);position: relative;left: 172px;top: -43px;}
.insite .col-sm-6{padding:0px;}
.insitshg{font-size: 378px;
    font-weight: 700;
    position: absolute;
    top: -118px;
    opacity: 3%;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    text-align: center;}

.soluhead h2{font-size: 30px;font-weight: 400;color: #ff9933;}
.soluhead p{font-size: 45px;font-weight: 600;color: #003078;padding-bottom: 0px;line-height: 60px;}
.soluhead h6{font-size: 20px;color: #003078;padding-top: 0px;padding-bottom: 50px;font-weight: 400;}


.testmonials{float: left;width: 100%;padding: 100px 0px;}
.testmonials .container{max-width: 100%;padding:0px 45px;}

.tsthead h2{font-size: 40px;font-weight: 400;color: #003078;}
.tsthead h2 span{color: #ff9933;font-weight: 600;}
.tsthead p{font-size: 20px;color: #003078;padding-top: 10px;padding-bottom: 40px;}
.testmonials ul.nav.nav-tabs{width: 100%;border-bottom: none!important;}
.testmonials li.nav-item {width: 13%;text-align: center;}
.testmonials .nav-link img {max-width: 132px;border-radius: 100px;height: 132px;width: 132px;object-fit: cover;}
.testmonials .tab-content{width: 100%;float: left;}
.testmonials .nav-link.active{border:none!important;background: none!important;}
.testmonials .nav-link.active img{box-shadow: 2px 2px 10px #00000059;}
.testmonials .nav-tabs .nav-link:hover{border: none!important;}
.testmonials .nav-tabs .nav-link{border: none!important;}

.testmonials .tab-content{max-width: 96%;margin: 0 auto;margin-top: 50px;}
.testdiv{background: #003078;border-radius: 5px;padding: 60px 50px;display: flex;align-items: center;background: rgb(0,48,120);
    background: linear-gradient(90deg, rgba(0,48,120,1) 18%, rgba(0,102,255,1) 100%);}

.lefttest{width: 70%;border-right: 1px dashed #f93;padding-right: 35px;position: relative;}
.righttest{width: 30%;padding-left: 35px;}
.revimgnm{display: flex;align-items: center;}
.rename{padding-left: 20px;}
.revimg img{height: 110px;width: 110px;object-fit: cover;border-radius: 100px;}
.rename h5{color: white;font-size: 22px;}
.rename p{font-size: 17px;color: white;font-weight:300;margin-bottom: 0px;}
.texttest{max-width: 100%;padding-left: 128px;}
.texttest p{color: white;font-size: 20px;line-height: 34px;margin-bottom: 0px;}
.testmonials .tab-content .tab-pane.active::after{}
.testmonials .tab-content>.active {display: block;position: relative;}
.righttest p{color: white;font-size: 15px;line-height: 28px;margin-bottom: 0px;}

.righttest h3{color: white;font-size: 22px;margin-bottom: 0px;padding-bottom: 15px;}
.righttest a{color: #ff9933;font-size: 17px;padding-top: 20px;display: block;text-decoration: underline;}
.righttest a:hover{color: white;}
.testmonials .nav-link{position: relative;}
.testmonials .nav-link.active::after{width: 50px;
    height: 50px;
    content: '';
    position: absolute;
    top: 0px;
    background: #003078;
    top: 172px;
    transform: rotate(45deg);
    left: 0px;
    right: 0px;
    margin: 0 auto;}
.testmonials .nav-link.active img::before{content: '';border-radius: 100px;width: 110px;height: 110px;background: red;}


.maincta{float: left;width: 100%;padding: 50px 0px;}
.maincta .container{max-width: 100%;padding: 0px 45px;}
.maincta .tsthead{}
.tsthead .bannbtn::after{    content: '';
    position: absolute;
    width: 33%;
    height: 2px;
    left: 143px;
    bottom: 22px;
    z-index: -1;
    background: #074a9b;}
.tsthead .bannbtn{margin-top: 20px;}
.helpimg img{max-width: 75%;float: right;}
.buttonhelp a{background: #003078;padding:15px 30px;}
.buttonhelp{position: absolute;top: 45%;}
.buttonhelp a{background: #003078;padding: 16px 34px;border-radius: 50px;color: white!important;text-decoration: none!important;
    font-size: 20px;}
.buttonhelp a:hover{background: #ff9933;color: white!important;}

.incta .btn-30{background: #ff9933;}

.career{float: left;width: 100%;padding: 100px 0px 100px;position: relative;height: 100vh;background: white;}
.career .container{max-width: 100%;padding: 0px 45px;}
.allheadshot{width: 100%;}

.headone{position: absolute;left: 151px;top: 1%;}
.headone img{max-width: 220px;border-radius: 10px;}
.headtwo{position: absolute;right: 151px;top: 1%;}
.headtwo img{max-width: 220px;border-radius: 10px;}
.headtre{position: absolute;left: 40px;bottom: -270px;}
.headtre img{max-width: 220px;border-radius: 10px;}
.headfour{position: absolute;right: 40px;bottom: -270px;}
.headfour img{max-width: 220px;border-radius: 10px;}

.btnopt a{background: #003078;padding: 16px 34px;border-radius: 50px;color: white!important;text-decoration: none!important;
    font-size: 20px;}
.career .tsthead{position: relative;top: 80px;}
.quote{position: absolute;right: 38px;top: 28px;}



.bannbtn{margin-top: 40px;display: none;}
.btn-30 {
  display: block;
  box-sizing: border-box;
  padding: 15px 30px 15px;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  color: white;
  background: none;
  border: 1px solid #ff9933!important;

}

.btn-30 a{color: #000;}
.btn-30:hover{border: 1px solid #ff9933!important;}
.btn-30:hover a{color: white!important;text-decoration: none;}
.btn-30:before {
  content: "";
  height: 0;
  aspect-ratio: 2;
  transform: translateX(-50%);
  position: absolute;
  top: -200%;
  left: 50%;
  background: #ff9933!important;
  border: 1px solid #ff9933!important;
  border-radius: 50%;
  transition: height 0.5s;
}
.btn-30:hover:before {
  height: 400%;
}

.bannbtn a i{transform: rotate(45deg);}

.btn-30 .text-container {
  display: block;
  position: relative;
  overflow: hidden;
}
.btn-30 .text {
  display: block;
  position: relative;
}
.btn-30:hover .text {
  animation: move-up-alternate 0.3s forwards;
  will-change: transform;
}

/*bannerbtn*/
.bannbtn .btn-30{font-weight: bold;background: #ff9933;border: 1px solid #ff9933!important;}
.bannbtn .btn-30:before{background: #003078!important;border: 1px solid #003078!important;}
.bannbtn .btn-30:hover{border: 1px solid #003078!important;}

/*aboutbtn*/
.aboutbtn .btn-30{text-align: center;margin: 0 auto;margin-top: 50px;font-weight: bold;}
.aboutbtn .btn-30 a i{transform: rotate(45deg);}

@keyframes move-up-alternate {
  from {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(80%);
  }
  51% {
    transform: translateY(-80%);
  }
  100% {
    transform: translateY(0%);
  }
}


.jointeam{float: left;width: 100%;background: white;padding: 100px 0px;display: flex;align-items: center;
    min-height: 700px;max-height: 700px;}
.jointm{max-width: 600px;margin: 0 auto;position: relative;top: -36px;}
.jointm h2{font-size: 45px;color: #003078;}
.jointm h2 span{color: #ff9933;font-weight: 600;}
.jointm p{font-size: 20px;color: #003078;padding-top: 10px;padding-bottom: 0px;}
.jointm .aboutbtn .btn-30{margin-top: 35px;}
.onepic{position: absolute;top: 0px;}
.arroone{position: absolute;top: 171px;left: 82px;}
.botoml{position: absolute;bottom: -142px;left: 205px;}
.centarr{margin: 0 auto;position: absolute;right: 0px;left: 0px;text-align: center;}

.rightimgc{position: absolute;right: 0px;top: -64px;}
.arroup{position: absolute;right: 73px;}
.forimg {
    position: absolute;
    top: 177%;
    right: 96%;
}


.blur {
    position: absolute;
    background-image: url(../img/about-bg.png);
    background-size: cover;
    transform-origin: center;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: .4;
}

.blur--2 {
        width: 80vw;
    height: 80vw;
    top: -21vw;
    right: -23%;
    transform: rotate(1deg);
    z-index: 100001;
}


#nopadding .col-sm-4{padding: 0px;}
#leftgap{position: relative;left: 276px;}
#nopadding .col-sm-5{padding: 0px;}


@media only screen and (min-width: 1385px)  {
    #leftgap{position: relative;left: 265px;}
}

@media only screen and (min-width: 1440px){
#leftgap {
    position: relative;
    left: 276px;
}
.insite .container{transform: scale(.9);}
}

@media only screen and (min-width: 1520px)  {
    #leftgap{position: relative;left: 276px;}
}




/*animation*/
.spinner-wrap {
/*     position: relative;*/
}
 .spinner-item {
     border: 1px solid #ff9933;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 10%;
    top: 12%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation: zoom 2s linear 0.75s infinite;
}
 .spinner-item--2 {
     animation-delay: 1.25s;
}
 .spinner-item--3 {
     animation-delay: 1.75s;
}
 @keyframes zoom {
     0% {
         transform: translate(-50%, -50%) scale(0.2);
         opacity: 0;
    }
     50% {
         opacity: 0.9;
    }
     100% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0;
    }
}



.cirlcel{position: absolute;left: 92px;top: -100px;opacity: .4;}
.cirlcone{height: 150px;width: 150px;border-radius: 100%;background: none;border: 1px solid #ff9933;position: absolute;}
.cirltw{height: 150px;width: 150px;border-radius: 100%;background: none;border: 1px solid #ff9933;position: absolute;top: 10px;}
.cirlthr{height: 150px;width: 150px;border-radius: 100%;background: none;border: 1px solid #ff9933;position: absolute;top: 20px;}

.lineab{height: 100%;background: #ccc;width: 1px;position: absolute;right: 0px;left: 0px;margin: 0px auto;top: 0px;}

.markt{position: absolute;top: -39px;z-index: 1000001;transform: rotate(45deg);left: 150px;}
.hanshake{position: absolute;
    top: 149px;
    z-index: 10001;
    left: -16px;
    transform: rotate(347deg);}
.markt img{max-width: 45px;}
.hanshake img{max-width: 45px;}
.tax img{max-width: 45px;}
.legal img{max-width: 45px;}
.bank img{max-width: 45px;}
.trans img{max-width: 45px;}
.startu img{max-width: 45px;}
.growth img{max-width: 45px;}
.tax{position: absolute;
    top: 356px;
    z-index: 10001;
    left: 141px;
    transform: rotate(347deg);}
.legal{    position: absolute;
    top: 246px;
    z-index: 10001;
    left: 34%;
    transform: rotate(347deg);}
.bank{position: absolute;
    top: -9px;
    z-index: 1000001;
    transform: rotate(350deg);
    left: 150px;}
.trans{    position: absolute;
    top: 80%;
    z-index: 1000001;
    transform: rotate(350deg);
    left: -47px;}
.startu {
    position: absolute;
    top: 285%;
    z-index: 1000001;
    transform: rotate(350deg);
    left: -48px;
}
.growth {
    position: absolute;
    top: 152%;
    z-index: 1000001;
    transform: rotate(350deg);
    left: -48px;
}

.undl{text-decoration: none;display: inline-block;}
.undl svg{display: none;}

.underline-animation {
  text-decoration: none; 
  position: relative;
  white-space: nowrap;}
  
 .underline-animation svg {
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    height: auto;
    display: block!important;
  }
  
 .underline-animation .stroke {
    stroke: #ffce59;
    stroke-width: .15em;
    stroke-dasharray: 822;
    stroke-dashoffset: 822;
    animation: underlineAnimation 2.8s 1s linear forwards;
  }

@keyframes underlineAnimation {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}



:root {
  --dark-blue: #1F4782;
  --dark-gray: #303335;
  --golden: #AB834C;
  --golden-tainoi: #E9BE71;
  --gray: #818C96;
  --white: #FFF;
}



.general-container {
  display: flex;
  height: 35rem;
  margin: 0 auto;
  max-width: 100%;
  
}

.radio {
  display: none;
}

.content {
  background: var(--white)
  url('../img/service-one.jpg')
  100% / cover no-repeat;
  border-radius: 10px;
  cursor: pointer;
  flex: 1;
  margin-right: 0.8rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.content:hover {
  box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
}


.icon {
  align-items: center;
  background-color: var(--white);
  border-radius: 50%;
  bottom: 1rem;
  color: var(--golden-tainoi);
  display: flex;
  font-size: 1.5rem;
  height: 2.5rem;
  justify-content: center;
  left: 1.1rem;
  position: absolute;
  width: 2.5rem;
}

.content:nth-of-type(2) {
  background-image: url('../img/business-stup.jpg');
}

.content:nth-of-type(3) {
  background-image: url('../img/black-b.jpg');
  background-position:center;
}

.content:nth-of-type(4) {
  background-image: url('../img/tax.jpg');
}

.content:nth-of-type(5) {
  background-image: url('../img/risk-ad.jpg');
}

.content:nth-of-type(6) {
  background-image: url('../img/legal.jpg');
}

.content:nth-of-type(7) {
  background-image: url('../img/cfo-srv.jpg');
}

.content:nth-of-type(8) {
  background-image: url('../img/service-fr.jpg');
}



.content:nth-of-type(2) .icon {
  color: var(--dark-gray);
}

.content:nth-of-type(3) .icon {
  color: var(--dark-blue);
}

.content:nth-of-type(4) .icon {
  color: var(--gray);
}

.content:nth-of-type(5) .icon {
  color: var(--golden);
}

.card-title {
  bottom: 1.2rem;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  left: 4.5rem;
  line-height: 1.1;
  opacity: 0;
  position: absolute;
  text-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
  transform: translateX(2rem);
  transition: 290ms cubic-bezier(0.05, 0.61, 0.41, 0.95) 300ms;
  transition-property: opacity, transform;
  user-select: none;
  white-space: nowrap;
}

.subtitle {
  font-size: 0.9rem;
}

/* Effect */
.radio:checked + .content {
  border-radius: 10px;
  box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
  flex: 10;
}

.radio:hover + .content {
  border-radius: 10px;
  box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);
  flex: 10;
}

.radio:checked + .content > .card-title {
  opacity: 1;
  transform: translateX(0);
}

.radio:hover + .content > .card-title {
  opacity: 1;
  transform: translateX(0);
}

.actives{flex:10;}
.actives .section-content{opacity: 1;}
.actives .tilthead{opacity: 0;}




.allsolutions{float: left;width: 100%;padding: 100px 0px;background: white;}
.allsolutions .container{max-width: 1320px;}

.section-content {
    position: relative;
    z-index: 30;
    opacity: 0;
    align-self: flex-end;
    width: 100%;
    transition: all 0.35s 0.1s ease-out;
    height: 100%;
}


.radio:checked + .content > .section-content {
  opacity: 1;
  transform: translateX(0);
}

.radio:hover + .content > .section-content {
  opacity: 1;
  transform: translateX(0);
}


.radio:checked + .content > .tilthead {
  opacity: 0;
  transform: translateX(0);
}

.radio:hover + .content > .tilthead {
  opacity: 0;
  transform: translateX(0);
}

.section-content .inner {
    grid-auto-flow: column;
    grid-template-columns: 460px 200px;
    grid-column-gap: 40px;
    padding: 30px 25px 35px 25px;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    
}

.section-content::after{    background: rgb(0,48,120);
    background: linear-gradient(0deg, rgba(0,48,120,0.8604691876750701) 43%, rgba(255,255,255,0) 100%);
    content: '';
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000,transparent);}

.bio {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: min-content;
    grid-gap: 24px;
    position: relative;
    z-index: 100001;
}
.bio h2{font-size: 36px;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    padding-bottom: 0px;line-height: 10px;}
.bio p{    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: white;
    line-height: 30px;
    margin-bottom: 30px;text-align:justify;}
.twolinksdv .knmore {
    margin-right: 15px;
}
.twolinksdv {
    display: flex;
    position: relative;
    z-index: 100001;
}

.tilthead{ position: absolute;
    bottom: 134px;
    left: -151px;
    font-size: 24px;
    transform: translate(-30px, -50%) rotate(-90deg);
    font-family: 'Poppins';
    font-weight: bold;
    color: white;
    width: 450px;
    background: rgb(0,48,120);
    background: linear-gradient(90deg, rgb(0 0 0 / 86%) 43%, rgba(255,255,255,0) 100%);
    height: 90px;
    padding-left: 25px;
    padding-top: 14px;}

.imgtringl{display: flex;align-items: center;justify-content: center;position: absolute;
    left: 50px;right: 0px;margin: 0 auto;top: 23px;}
#lefttrng{position: absolute;left: -228px;transform: rotate(180deg);bottom: 0px;}


.blogarea {
    float: left;
    width: 100%;
    padding: 100px 0px 100px;
    background: #f9f9f9;
    padding-left: 50px;
    position: relative;
}
.listblog h2 {
        font-size: 45px;
    font-weight: 600;
    color: #003078;
    padding-bottom: 0px;
    line-height: 60px;
}
.listblog p {
        font-size: 20px;
    color: #003078;
    padding-top: 0px;
    padding-bottom: 50px;
    font-weight: 400;
}
.listblog ul {
    list-style: none;
    overflow-x: hidden;
    white-space: nowrap;
}
.listblog ul li {
    width: 385px;
    margin-right: 30px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    white-space: initial;
    border-radius: 5px;
}
.imageblg img {
    max-width: 100%;
    border-radius: 5px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.ctnblog {
    position: absolute;
    z-index: 100001;
    bottom: 25px;
    max-width: 333px;
    left: 25px;
}
.ctnblog h3 {
    color: white;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
}
.ctnblog a {
    color: #fa9633;
    font-size: 18px;
    
}
.ctnblog a:hover{text-decoration: none;color: #fa9633;}
.ctnblog a i {
    padding-left: 5px;
    position: relative;
    top: 1px;
}
.gradinents {
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000,#0000004d);
    opacity: .9;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    top: 0;
    z-index: 1;
    border-radius: 5px;
}

.arrowrightt {
    position: absolute;
    right: 40px;
    top: 57%;
    background: #1c4185;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    border-radius: 50px;
    color: white;
    z-index: 2;
}




.bannerblog{float: left;width: 100%;padding: 50px 0px 100px;}
.bannerblog .container{max-width: 1320px;height: 485px;overflow: hidden;background: white;border-radius: 10px;padding: 0px;position: relative;}
.bannerblog .container .row{align-items: center;justify-content: center;}
.bannerblog .col-sm-8{padding: 0px;max-width: 64.66666%;overflow: hidden;}
.bannerblog .col-sm-4{padding: 0px;max-width: 64.66666%;}

.hero-image-wrapper {
    z-index: 0;
    height: 100%;
    min-width: 60%;
    position: relative;
    overflow: hidden;
    -webkit-transition: .7s;
    transition: .7s;
}
.hero-image-wrapper img{max-width: 100%;-webkit-transition: .7s;
    transition: .7s;width:100%;height:100%;}
.hero-image-wrapper:hover{transform: scale(1.1);-webkit-transition: .7s;
    transition: .7s;}
.gradient-overlay {
    z-index: -1;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 240, 255, .3));
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.blogtxt {padding: 0px 40px 115px;}
.blogtxt h2{font-size: 45px;color: #003078;font-weight: 600;margin-bottom: 15px;line-height: 60px;}
.blogtxt p{color: #003078;font-size: 18px;padding-right: 15px;line-height: 26px;}
.blogtxt h4{font-size: 18px;color: #ff9933;font-weight: 600;margin-bottom: 10px;}
.blogtxt h4 a{font-size: 18px;color: #ff9933;font-weight: 600;margin-bottom: 10px;}

.usrnmae {font-size: 14px;color: grey;margin-top: 15px;float: left;width: 100%;}
.dotsblg {position: absolute;display: flex;bottom: 40px;}
.dotsblg span{background: #ffffffb5;height: 15px;width: 15px;border-radius: 50px;display: block;margin: 0px 4px;}
.dotsblg span:first-child{background: white;}

.blogarea .swiper-button-next{background: #003078;height: 45px;width: 45px;border-radius: 50px;right: 15px;}
.blogarea .swiper-button-prev{background: #003078;height: 45px;width: 45px;border-radius: 50px;right: 15px;}
.blogarea .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 22px;color: white;}
.blogarea .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 22px;color: white;}


.blcatgroies{float: left;width: 100%;background: white;padding: 100px 0px;}
.blcatgroies .container{max-width: 1320px;}
.card.insight-card{height: 21.5rem;border-radius: 10px;background-position: 50%;background-size: cover;background-repeat: no-repeat;
    padding: 1.5rem; -webkit-transition: .7s;transition: .7s;-webkit-transform: translateY(0);transform: translateY(0);
    margin-top: 2rem;background-color: transparent;border: none;}
.cardimg img{max-width: 100%;position: absolute;top: 0px;height: 100%;width: 100%;object-fit: cover;left: 0;border-radius: 0.5rem;}

.insight-card::after{background: -webkit-gradient(linear,left top,left bottom,from(#000),to(transparent))!important;
    background: linear-gradient(180deg,#000,transparent)!important;position: absolute;width: 100%;height: 100%;left: 0;content: "";top: 0;
    z-index: 1;opacity: .8;border-radius: 10px;}
.insight-card-title{color: white;font-size:20px;position: relative;z-index: 1000001;}
.card.insight-card:hover .insight-card-title{color: #ff9933;}
.insight-card::before{position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    z-index: 1;
    opacity: .6;    background: #3b3d4a;
    mix-blend-mode: multiply;
    border-radius: 8px;
    -webkit-filter: saturate(20%);
    filter: saturate(20%);}
.insight-card:hover:before{background: transparent;
    -webkit-filter: saturate(80%);
    filter: saturate(80%);}
.card.insight-card:hover{-webkit-transform: translateY(-1pc);transform: translateY(-1pc);}


.latesnew{float: left;width: 100%;padding: 100px 0px;}
.latesnew .container{max-width: 1320px;}
.lastestdiv{overflow: hidden;border-radius: 10px;}
.latesnew .headt h2{margin-bottom: 2.5rem;}
.latesimg{overflow: hidden;margin-bottom: 30px;}
.latesimg img{max-width: 100%;border-radius: 10px;-webkit-transition: .7s;
    transition: .7s;}
.latesimg:hover{transform: scale(1.1);-webkit-transition: .7s;
    transition: .7s;}
.latesthd h3{font-size: 24px;color: #003078;font-weight: bold;margin-bottom: 15px;}
.latesthd p{color: #003078;font-size: 18px;padding-right: 15px;line-height: 26px;}
.lastestdiv a:hover{text-decoration: none;color: #003078;}

.categdates{display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
.catgr h4{font-size: 18px;color: #ff9933;font-weight: 600;margin-bottom:0px;}
.datenews .usrnmae{margin-top: 0px;}

.listoflatest {padding-left: 25px;}
.listoflatest ul{list-style: none;}
.listoflatest ul li{display: block;width: 100%;border-bottom: 1px solid #c4c1ca;padding: 15px 0px;}
.listoflatest ul li:first-child{padding-top: 0px;}
.rghtlts {display: flex;}
.imglast img{max-width: 120px;border-radius: 10px;margin-right: 15px;}
.contlats h5{font-size: 15px;color: #ff9933;font-weight: normal;margin-bottom: 8px;}
.contlats h3{font-size: 20px;color: #003078;font-weight: bold;line-height: 26px;}

.Detailed{float: left;width: 100%;padding: 100px 0px;background: white;}
.Detailed .container{max-width: 1320px;}
.Detailed h2{margin-bottom: 2.5rem;}
.imgdtl {margin-bottom: 30px;position: relative;overflow: hidden;border-radius: 10px;}
.imgdtl img{max-width: 100%;border-radius: 10px;-webkit-transition: .7s;
    transition: .7s;}
.imgdtl:hover img{transform: scale(1.1);-webkit-transition: .7s;
    transition: .7s;}
.Detailed .categdates{margin-bottom: 15px;}

.playic {
    position: absolute;
    right: 0px;
    left: 0px;
    margin: 0 auto;
    text-align: center;
    top: 40%;
}
.playic i{    font-size: 32px;
    color: #ff9933;
    background: white;
    padding: 10px;
    border-radius: 50px;}

.bigdwonl{float: left;width: 100%;padding: 100px;background: #003078;}
.bigdwonl .container{max-width: 1170px;}
.insidcta .btn-30{text-align: left;margin: 0;}
.bigdwonl .row{background: #fff;padding: 80px 30px;border-radius: 10px;overflow: hidden;}
.insidcta h2{    font-size: 35px;
    font-weight: 600;
    color: #003078;
    line-height: 52px;}
.insidcta p {color: #003078;padding-top: 10px;margin-bottom: 35px;}
.globe{background-image: url(../img/glog.jpg);
    height: 450px;
    width: 100%;
    background-size: cover;
    position: absolute;
    right: -30px;
    top: -81px;
    border-radius: 0px 10px 10px 0px;
    background-position: center;}

.viall {
    float: right;
    margin-top: 30px;
}
.viall a {
    color: #003078;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 2px solid;
}

.viall a:hover{text-decoration: none;color: #ff9933;}

.rghtlts .datenews {
    float: right;
    position: absolute;
    right: 15px;
}
.rghtlts .datenews .usrnmae{color: grey;
    font-weight: normal;
    font-size: 13px;}



.aboutbanner{float: left;width: 100%;padding: 50px 0px 100px;position: relative;overflow: hidden;}
.aboutbanner .container{max-width: 1320px;position: relative;z-index: 101;}
.aboutbanner .container .row{align-items: center;}
.abounr img{max-width: 85%;margin: 0 auto;float: none;text-align: center;border-radius: 10px;}
.aboubn h2{font-size: 45px;color: #003078;line-height: 60px;position: relative;padding-bottom: 0px;max-width: 100%;}
.aboubn p{font-size: 22px;font-weight: 400;padding-top: 10px;color: #003078;text-align:justify;}
.aboubn .aboutbtn .btn-30{margin:0px;margin-top: 30px;}
.abounr{text-align: center;position: relative;z-index: 1;}
.ribbon {position: absolute;right: -119px;top: 95px;}


.absolution{float: left;width: 100%;padding: 100px 0px;background: white;}
.absolution .container{max-width: 1320px;}
.outsols h2{font-size: 45px;font-weight: 600;color: #003078;padding-bottom: 0px;line-height: 60px;    padding-right: 70px;}
.aboutp p{font-size: 20px;font-weight: 400;padding-top: 0px;color: #003078;text-align:justify;}


.about3tip{float: left;width: 100%;padding: 100px 0px 100px;}
.about3tip .container{max-width: 1320px;}
.fusion h3{font-size: 40px;font-weight: 400;color: #003078;margin-bottom: 25px;}
.fusion h3 span{font-weight: 600;color: #ff9933;}
.fusion p{font-size: 20px;font-weight: 400;padding-top: 0px;color: #003078;text-align:justify;}

.fusionimg{position: relative;float: left;width: 100%;}
.fusionone{max-width: 371px;height: 500px;float: right;}
.fusionone img{max-width: 100%;border-radius: 10px;}
.fusiontwo {height: 300px;width: 325px;object-fit: cover;position: absolute;bottom: -60px;left: 70px;}
.fusiontwo img{max-width: 100%;border-radius: 10px;object-fit: cover;height: 300px;width: 325px;object-fit: cover;}
.fusionimg video{max-width: 100%;border-radius: 10px;height: 450px;object-fit: cover;}
#prpose{padding-left: 35px;}
.playiconab {position: absolute;
    bottom: 30px;
    right: 30px;
    color: #003078;
    font-size: 20px;
    display: flex;
    align-items: center;font-weight: 500;}
.playiconab i {
    background: white;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    color: #ff9933;
}

.qoutes {
    float: left;
    width: 100%;
    padding: 200px 0px;
    position: relative;
    background: #f7eee0;
    overflow: hidden;
    background-image: url(assets/img/arro-qute.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-image:none!important;
}

.inqoute {
    background: white;
    padding: 60px 50px;
    text-align: center;
    border-radius: 20px;
    box-shadow: -2px 3px 26px -1px rgb(0 0 0 / 14%);
-webkit-box-shadow: -2px 3px 26px -1px rgb(0 0 0 / 14%);
-moz-box-shadow: -2px 3px 26px -1px rgb(0 0 0 / 14%);
    position: relative;
    z-index: 1000000001;
    max-width: 900px;
    margin: 0 auto;
}
.inqoute h2{font-size: 32px;font-weight: 400;color: #003078;margin-bottom: 25px;line-height: 46px;}
.inqoute h2 span {
    font-weight: bold;
    color: #ff9933;
}
.inqoute h4{    color: grey;
    font-weight: normal;
    font-size: 18px;
    font-style: italic;padding-top: 5px;}
.inqoute i{    font-size: 60px;
    color: #003078;
    position: absolute;
    right: 62px;
    top: -35px;}


.foundation{float: left;width: 100%;padding: 100px 0px;text-align: center;background: white;}
.foundation .container{max-width: 1320px;}
.headfon{max-width: 1100px;margin: 0 auto;text-align: center;}
.headfon h4{color: #ff9933;font-size: 20px;margin-bottom: 10px;}
.headfon h2{font-size: 45px;color: #003078;font-weight: 600;margin-bottom: 15px;}
.headfon p{font-size: 20px;color: #003078;padding-top: 10px;padding-bottom: 0px;}


.home-banner-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    margin-top: 70px;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-auto-columns: 1fr;
    display: grid;
}

.home-banner-image-holder {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
    display: flex;
}
.home-banner-image {
    width: 100%;
    border-radius: 15px;
    max-width: 100%;
    display: inline-block;
}



.timeline-carousel {
     padding: 86px 6.9444% 90px 6.9444%;
     position: relative;
     overflow: hidden;
     float: left;
     width: 100%;
}
.slick-prev:before{display:none;}
.slick-next:before{display:none;}
 
 .timeline-carousel:after {
     left: 0;
}
 .timeline-carousel:before {
     right: 0;
     opacity: 0;
}
 .timeline-carousel .slick-list {
     overflow: visible;
}
 .timeline-carousel .slick-dots {
     bottom: -73px;
}
 .timeline-carousel h1 {
     font-size: 45px;
    color: #003078;
    font-weight: 600;
    margin-bottom: 40px;
}
 .timeline-carousel__image {
     padding-right: 30px;
}
 .timeline-carousel__item {
     cursor: pointer;
}

.slick-arrow .btn-warning {
    color: #ffffff;
    background-color: #003078;
    border-color: #003078;
    width: 50px;
    height: 50px;
    border-radius: 50px!important;
    font-size: 18px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-arrow .btn-warning:hover{
    background-color: #ff9933;
    border-color: #ff9933;
}

 .timeline-carousel__item .media-wrapper {
     opacity: 1;
     padding-bottom: 60%;
     -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
 .timeline-carousel__item:last-child .timeline-carousel__item-inner:after {
     width: calc(100% - 30px);
}
 .timeline-carousel__item-inner {
     position: relative;
     padding-top: 45px;
}
 .timeline-carousel__item-inner:after {
    position: absolute;
    width: 95%;
    top: 45px;
    left: 0;
    content: "";
    border-bottom: 1px solid rgb(0 48 120);
}
 .timeline-carousel__item-inner .year {
     font-size: 18px;
    line-height: 36px;
    color: rgba(255, 255, 255, 1);
    display: table;
    letter-spacing: -1px;
    padding-right: 10px;
    background-color: #ff9933;
    z-index: 1;
    position: relative;
    margin: -15px 0 20px 10px;
    font-weight: 900;
}
.timeline-carousel__item-inner .year:after {
    content: "";
    position: absolute;
    display: block;
    left: -9px;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: #ff9933;
    z-index: 3;
}
 .timeline-carousel__item-inner .month {
    font-size: 24px;
    color: #003078;
    display: block;
    margin-bottom: 10px;
    font-weight: 900;
    font-weight: bold;
    max-width:95%;
}
 .timeline-carousel__item-inner p {
         font-size: 16px;
    line-height: 28px;
    color: grey;
    width: 86%;
    margin-bottom: 15px;
    text-align:justify;
}
 .timeline-carousel__item-inner .read-more {
     font-size: 12px;
     color: #b38c52;
     display: table;
     margin-bottom: 10px;
     font-weight: 900;
     text-decoration: none;
     position: relative;
}
 .timeline-carousel__item-inner .read-more:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -1px;
     width: 0;
     border-bottom: 2px solid #b38c52;
     -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
 .timeline-carousel__item-inner .read-more:hover:after {
     width: 100%;
}
 .timeline-carousel__item-inner .pointer {
     height: 29px;
     position: relative;
     z-index: 1;
     margin: -4px 0 16px;
}
 .timeline-carousel__item-inner .pointer:after, .timeline-carousel__item-inner .pointer:before {
     position: absolute;
     content: "";
}
 .timeline-carousel__item-inner .pointer:after {
     width: 9px;
     height: 9px;
     border-radius: 100%;
     top: 0;
     left: 0;
     background-color: #b38c52;
}
 .timeline-carousel__item-inner .pointer:before {
     width: 1px;
     height: 100%;
     top: 0;
     left: 4px;
     background-color: #b38c52;
}
 .timeline-carousel .slick-active .media-wrapper {
     opacity: 1 !important;
}
 .slick-dots {
     bottom: 60px;
     list-style: none;
     position: absolute;
     width: 100%;
     left: 0;
     text-align: center;
     z-index: 2;
}
 .slick-dots li {
     cursor: pointer;
     display: inline-block;
     margin: 0 6px;
     position: relative;
     width: 10px;
     height: 10px;
}
 .slick-dots li:last-child {
     margin-right: 0;
}
 .slick-dots li.slick-active button {
    background: #ff9933;
    border-color: #ff9933;
    border-radius: 50px;
}
.slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: white!important;
}
.slick-dots li button:before{color: grey;}
 .slick-dots li button {
     display: block;
     font-size: 0;
     width: 10px;
     height: 10px;
     padding: 0;
     background-color: rgba(255, 255, 255, 0.6);
     border-color: rgba(255, 255, 255, 0.6);
     cursor: pointer;
     -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
}
 .slick-dots li button:hover {
     background: #b38c52;
     border-color: #b38c52;
}
 .link {
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 20px;
     z-index: 9999;
}
 .link a {
     display: flex;
     align-items: center;
     text-decoration: none;
     color: #fff;
}
 .link .fa {
     font-size: 28px;
     margin-right: 8px;
     color: #fff;
}

.whitline {
    position: absolute;
    right: -35px;
    z-index: 10001;
    top: -42px;
}
.halfc{position: absolute;opacity: .4;}


.careerindi{position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 645px;
    z-index: 10000001;
    margin-left: 50px;
}
.career-banner-1 {
    position: absolute;
    left: 16%;
    top: -140px;
}
.career-banner-1 img{max-width: 220px;width: 220px;}
.career-banner-2 {
        position: absolute;
    right: 9%;
    top: -60px;
}
.career-banner-2 img{width: 300px;}
.career-banner-3 {
   position: absolute;
    left: 10%;
    top: 130px;
}
.career-banner-3 img{    width: 235px;}

.valuesimg img{max-width: 88%;border-radius: 10px;float: right;}
form.contform {
    width: 100%;
}

.unleash{float: left;width: 100%;padding: 100px 0px;}
.unleash .container{max-width: 1320px;}
.unleash h2{font-size: 40px;font-weight: 400;color: #003078;margin-bottom: 25px;}
.unleash h2 span{font-weight: 600;color: #ff9933;}
.unleash p{font-size: 20px;font-weight: 400;padding-top: 0px;color: #003078;max-width: 980px;margin: 0 auto;}
.trustblc img{max-width: 500px;border-radius: 10px;text-align: center;margin: 0 auto;}
.trustblc{}


.formdiv{box-shadow: 0 2px 7px 0 #14142b0f;border-radius: 10px;width: 100%;background: white;padding: 50px 30px;position: relative;
    z-index: 100001;}
    
    .contform .col-sm-6{float:left;max-width:50%;}
     .contform .col-sm-12{float:left;max-width:100%;}

label.formlab {
    width: 100%;
    margin-bottom: 15px;
}
.formlab p {
    color: #003078;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 17px;
}
.formlab input{
    height: 50px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}

.formlab select{
    height: 50px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}
.formlab textarea{
    height: 120px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}
.formlab .btn-30{padding: 12px 40px 12px;}



.getintouch ul{list-style: none;}
.getintouch ul li{display: inline-block;}
.getintouch ul li a {color: #003078;display: flex;height: 50px;width: 50px;border-radius: 50px;border: 1px solid #003078;
    align-items: center;justify-content: center;margin-right: 15px;margin-top: 20px;font-size: 18px;}
.getintouch ul li a:hover{background: #ff9933;border: 1px solid #ff9933!important;color: white;text-decoration: none;}

.aboubn span{color: #ff9933;font-weight: 600;}

.talkdiv{float: left;width: 100%;padding: 100px 0px;background: white;}
.talkdiv .container{max-width: 1320px;}
.salestalk{box-shadow: 0 2px 7px 0 #00000026;
    border-radius: 10px;
    background: white;
    padding: 40px 30px;text-align: center;min-height: 334px;}
.salecont h2{font-size: 24px;
    color: #003078;
    font-weight: 600;}
.iconsct img{max-width: 60px;margin-bottom: 25px;}
.salecont p {
    font-size: 16px;
    color: #003078;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 90%;
    margin: 0 auto;
}

.salta a{font-size: 18px;font-weight: 600;color: #003078;display: block;margin-top: 20px;}
.salta a:hover{text-decoration: none;color:#ff9933;}

.allloct{float: left;width: 100%;padding: 100px 0px;}
.allloct .container{max-width: 1320px;}
.loactimg img{border-radius: 10px;max-width: 100%;}

.loctnt {padding-top: 25px;}
.loctnt h3{font-size: 24px;font-weight: 600;color: #003078;}
.loctnt p{font-size: 18px;
    color: #003078;
    line-height: 28px;
    padding-top: 5px;}

#main {
  margin: 0px 0;
  float: left;width: 100%;
}

#main #faq .card {
  margin-bottom: 10px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 10px!important;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
    display: block;
    text-align: left;
    background: #003078;
    color: white;
    padding: 20px;
    font-weight: bold;
    font-size: 18px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #f7eee0;
  color: #003078;
}

/*#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}*/

#main #faq .card .collapsing {
  background: #003078;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #003078;
  line-height: 30px;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
}

.freqnt{float: left;width: 100%;padding: 100px 0px;background: white;}


.servicesdetl{float: left;width: 100%;padding: 100px 0px 0px;background: white;}
.servicesdetl .container{max-width: 1320px;}
.servicesdetl .servicdcl{margin-bottom: 0px;}
.servicdcl{padding: 40px 30px;}
.servicdcl h3{font-size: 20px;font-weight: 600;color: #003078;margin-bottom: 10px;}
.servicdcl p{font-size: 16px;color: #003078;margin-bottom: 0px;line-height: 26px;text-align:justify;}

.insgticon{height: 75px;
    width: 75px;
    display: flex;
    background: #f3f3f3;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;}
.insgticon img{    max-width: 35px;
    margin: 0 auto;
    text-align: center;}


.servcta{float: left;width: 100%;padding: 100px 0px;}
.servcta .container{max-width: 1270px!important;}
.incta{border-radius: 30px;
    padding: 95px 30px;
    background: rgb(0,48,120);
    background: linear-gradient(269deg, rgba(0,48,120,1) 18%, rgb(1 84 208) 100%)!important;
    width: 100%;}
.incta h2{color: white;font-size: 45px;}
.incta p{font-size: 20px;color: white;max-width: 76%;margin: 0 auto;padding-top: 10px;text-transform:lowercase;display:none;}
.incta .btn-30 a{color: #fff!important;}
.incta .btn-30:before{background: white!important;}
.incta .btn-30:hover {
    background: white!important;
}
.incta .btn-30:hover a{color: #ff9933!important;}


.featured {
    padding: 60px 0px 60px;
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    z-index: 10001;
}
.featured h2 {
    font-size: 20px;
    text-align: center;
    padding-bottom: 0px;
    color: #45596f;
}
.allglog ul {
    list-style: none;
    text-align: center;
    margin-bottom: 0px;
}
.allglog ul li {
    display: inline-block;
    width: 14%;
}
.allglog ul li img {
    max-width: 140px;
}

.simply-scroll {
    width: 100%!important;
    height: 100px!important;
    margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
    width: 100%!important;
    height: 100px!important;
    float: left;
}
.simply-scroll {
    width: 100%!important;
    height: 100px!important;
    margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
    width: 100%!important;
    height: 100px!important;
    float: left;
}
.simply-scroll .simply-scroll-list li {
    float: left;
        width: 185px!important;
    height: 100px!important;
}

.simply-scroll .simply-scroll-list li img {
    max-width: 130px!important;
}



.disclmr{float: left;width: 100%;padding: 100px 0px;}
.disclmr .container{max-width: 1320px;}

.headdis h1{font-size: 45px;color: #003078;line-height: 60px;font-weight: 600;margin-bottom: 0px;padding-bottom: 25px;}
.disclm p{font-size: 17px;line-height: 30px;color: #003078;}

.disclm h2{font-size: 22px;font-weight: 500;color: #003078;line-height: 34px;margin-bottom: 20px;}
.disclm h3{font-size: 20px;color: #003078;padding-top: 15px;font-weight: 600;padding-bottom: 5px;}
.exprtsdp:hover .dropdownd{display: block;}
.dropdownd{background: #ffffff;
    position: absolute;
    left: 0px;
    max-width: 1120px;
    right: 0px;
    width: 1200px;
    border-radius: 5px;
    top: 72px;
    /* box-shadow: 2px 2px 10px #ccc; */
    margin: 0 auto;
    overflow: hidden;display: none;}
.dropdownd .container{position: relative;z-index: 1001;}
.dropdownd::after{content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 34%!important;
    border: 7px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.1);
    left: auto;display: none;}

.relative {
    position: relative;
}
.industries-tile {
    overflow: hidden;
    padding-bottom: 100%;
    border-radius: 5px;
}
.ribbons{position: absolute;bottom: -162px;left: -137px;}

.industries-tile .overlay-info {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #003078;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
}

.industries-tile .overlay-info, .industries-tile img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
}

.industries-tile h3 {
        position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    font-size: 19px;
    line-height: 1.25;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    font-weight: 500;
    z-index: 1001;
    text-transform: none;
}
.industries-tile p{    position: absolute;
    color: white;
    font-size: 15px;
    z-index: 10001;
    top:80px;
    height: 100px;
    left: 15px;
    max-width: 85%;opacity: 0;    transition: all ease-in .3s;text-transform: none;}
.industries-tile:hover p{opacity: 1;    transition: all ease-in .3s;}
.knowm {
    position: absolute;
    bottom: 16px;
    color: white;
    z-index: 1000001;
    left: 15px;
    font-size: 15px;
    border-bottom: 2px solid white;
}

.shpdrop{position: absolute;
    z-index: 100001;
    max-width: 100%;
    object-fit: contain;
    float: right;
    height: auto;
    bottom: 20px;
    transform: scale(1);
    width: 100%;display:none;}
.shpdrop img{height: auto;
    width: 55px!important;
    position: static!important;
    float: right;
    margin-right: 15px;}
h6.uppercase.tracking-wider.text-ss.md\:text-base.mb-2 {
    font-size: 16px;
}
span.text-xs.md\:text-base.opacity-75 {
    font-size: 13px;
}
.industries-tile:hover .overlay-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.industries-tile:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dropdownd .col-sm-3 {
    margin-bottom: 17px;
    padding: 0px 8px;
}
.dropdownd .col-sm-3:nth-child(5){margin-bottom: 0px;}
.dropdownd .col-sm-3:nth-child(6){margin-bottom: 0px;}
.dropdownd .col-sm-3:nth-child(7){margin-bottom: 0px;}
.dropdownd .col-sm-3:nth-child(8){margin-bottom: 0px;}

.industries-tile::after{position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    background: #003078;}
.dropdownd .container {
    padding: 16px 20px!important;
}

.industries-tile a{display: block!important;
    height: 100%!important;
    position: static!important;
    border: none!important;
    text-decoration: none!important;
    margin: 0px!important;
    padding: 0px!important;}

.listcta{padding-top: 22px;}
.listcta ul{list-style: none;    margin: 0px;}
.listcta ul li{display: inline-block;
    color: white;
    font-size: 18px;
    padding: 0px 10px;}
.listcta ul li i {
    padding-right: 5px;
    font-size: 16px;
}


.ribabout{    background-image: url(https://eboxe.com/indigenesis/assets/img/arro-qute-n.png);
    height: 100%;
    position: absolute;
    background-size: cover;
    width: 100%;
    z-index: 1000001;
    bottom: 0px;
    background-position: center bottom;}


.mobilecards{display: none;float: left;width: 100%;padding: 60px 0px;}


.mobilecards .cards {
  --cards-text-color: white;
  --cards-closed-size: 4rem;
  --animation-speed-normal: .5s;
  --animation-speed-fast: .25s;
  
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.mobilecards .card {
  width: 100%;
  height: var(--cards-closed-size);
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
  transition: all var(--animation-speed-normal) ease-in-out;
  cursor: pointer;
}

.mobilecards .card[active] {
  height: 90vw;
}

.mobilecards .card__image {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  filter: brightness(.675) saturate(75%);
  transition: filter var(--animation-speed-fast) ease-in-out;
}

.mobilecards .card:hover .card__image {
  filter: brightness(.875) saturate(100%);
}


.mobilecards .card::after {
    content: '';
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000000a6,transparent);
    z-index: 1;
}

.mobilecards .card__infos {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: var(--cards-closed-size);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .125rem;
  width: 100%;
  padding: .25rem 1rem;
}

.mobilecards .card__name {
  margin: 0;
  color: var(--cards-text-color);
  transform: translateY(.65rem);
  transition: all var(--animation-speed-normal) ease-in-out;
  font-size: 18px;
  margin-top: -17px;
}

.mobilecards .card[active] .card__infos{height: 100%;justify-content:end;bottom: 22px;}

.mobilecards .card[active] .card__name {
  transform: translateY(0);
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
}

.card__infos p{font-size: 14px!important;}
.card__infos .knmore button.learn-more .circle{height: 40px;width: 40px;}
.card__infos .knmore button.learn-more .button-text{    padding: 0.65rem 0;
    margin: 0 0 0 1.05rem;
    font-size: 13px;}
.card__infos .knmore{margin-top: 15px;}
.card__infos .knmore button:hover .circle {
    width: 100%!important;
}

.mobilecards .card__author {
  margin: 0;
  color: var(--cards-text-color);
  text-decoration: none;
  transform: translateY(.65rem);
  opacity: 0;
  display: none;
  transition:
    opacity var(--animation-speed-fast) ease-in-out,
    transform var(--animation-speed-normal) ease-in-out;
}

.mobilecards .card[active] .card__author {
  transform: translateY(0);
  opacity: 1;
  display: block;
}

.mobilecards .card[active] .card__author:hover {
  opacity: 1;
}
.mobilecards  .knmore button.learn-more{width: 11rem;}

.expertslist{display: none;padding: 10px 0px;}

.expertslist ul li a {
    text-transform: none;
    background: white;
    width: 100%;
    display: block;
    padding: 15px;
    /* max-width: 90%; */
    margin: 0 auto;
}
.expertslist ul li {
    padding-bottom: 0px;
    padding: 0px!important;
    /* padding: 10px; */
}


/*menu*/
.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    height: 19px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    float: right;
    display: none;
}

.hamburger-line-3 {
    width: 22px;
    height: 2.52px;
    background-color: #080808;
}
.hamburger-line-4 {
    width: 22px;
    height: 2.42px;
    background-color: #080808;
}
.hamburger-line-5 {
    width: 22px;
    height: 2.22px;
    background-color: #080808;
}
.rotatenav .hamburger-line-3 {
    transform: rotate(45deg);
    position: relative;
    top: 8px;
    background: black;
}
.rotatenav .hamburger-line-4 {
    transform: rotate(134deg);
    width: 22px;
    background: black;
}
.rotatenav .hamburger-line-5 {
    background: white;
    opacity: 0;
}















.fixwhats {
    position: fixed;
    bottom: 80px;
    right: 35px;
    background: white;
    border-radius: 50px;
    padding: 4px;
    display: block!important;
    box-shadow: 2px 2px 10px #00000061;
    z-index:100001;
}
.fixwhats img {
    border-radius: 100px;
    max-width: 50px;
    display: block!important;
}


.slick-prev svg, .slick-next svg {
	 height: auto;
	 width: 18px;
	 padding-bottom: 2px;
}
 .slick-prev .btn, .slick-next .btn {
	 border-radius: 0;
	 font-family: 'Libre Franklin', sans-serif;
	 font-size: 12px;
	 text-transform: uppercase;
	 font-weight: 700;
}
 .slick-prev, .slick-next {
	 position: absolute;
	 top: 0;
	 z-index: 9999;
	 border-radius: 0;
	 font-family: 'Libre Franklin', sans-serif;
	 font-size: 12px;
	 text-transform: uppercase;
	 font-weight: 700;
}
 .slick-prev {
	 left: 0;
}
 .slick-next {
	 right: 30px;
}
 
.blogdtlspg{float: left;width: 100%;padding: 60px 0px;background: white;}
.catdtl{color: #ff9933;font-size: 20px;margin-bottom: 0px;padding-bottom: 10px;font-weight: 600;text-align: center;}
.blogheading h1{font-size: 45px;color: #003078;font-weight: 600;margin-bottom: 15px;}
.datedtl{font-size: 16px;font-weight: 600;color: #003078;}
.blogbannerimg.text-center{margin-top: 50px;}
.img-responsive{max-width: 100%;border-radius: 10px;}
.blogdetailst{margin-top: 60px;}
.blogdetailst h2{font-size: 35px;color: #003078;font-weight: 600;margin-bottom: 15px;}
.blogdetailst h3{font-size: 30px;color: #003078;font-weight: 600;margin-bottom: 15px;padding-top:20px;}
.blogdetailst h4{font-size: 25px;color: #003078;font-weight: 600;margin-bottom: 15px;padding-top:20px;}
.blogdetailst p{font-size:18px;font-weight: 400;padding-top: 0px;color: #003078;}
.blogdetailst ol li{font-size:18px;font-weight: 400;padding-top: 0px;color: #003078;padding-bottom: 8px;}
.blogdetailst ol{padding-left: 30px;padding-top: 15px;padding-bottom: 0px;}
.blogdetailst ul li{font-size:18px;font-weight: 400;padding-top: 0px;color: #003078;padding-bottom: 8px;}
.blogdetailst ul{padding-left: 30px;padding-top: 15px;padding-bottom: 15px;}

.foundglry{display:none;}
.onegalr{background-image: url(assets/img/fod-1.jpg);
    height: 180px;
    background-size: cover;
    width: 100%;
    background-position: center;
    border-radius: 5px;
    margin-bottom: 10px;}

.twoinone .home-banner-image-wrap{height:180px;background-size: cover;
    width: 48%;
    background-position: center;
    border-radius: 5px;
    margin-bottom: 10px;
    
}

.thirdon{background-image: url(assets/img/fod-1.jpg);
    height: 180px;
    background-size: cover;
    width: 100%;
    background-position: center;
    border-radius: 5px;
    margin-bottom: 10px;}

.blockhomeimg{float:left;width:100%;padding:80px 0px 30px;    background: #f9f9f9;overflow-x:hidden;}
.blockimghome img{max-width:100%;width:100%;border-radius:5px;}


.howwehelp{float: left;width: 100%;padding: 100px 0px 70px;background: white;}
.howwehelp .container{max-width: 1180px;}
.mncblock {float: left;width: 100%;padding-bottom: 15px;}
.mncblock h5{color: #003078;font-size: 20px;font-weight: 600;padding-bottom: 10px;position: relative;}
.mncblock ul {list-style: none;}
.mncblock ul li{font-size: 15px;padding-bottom: 8px;font-weight: 500;}
.mncblockss {
    display: flex;
    margin-top: -60px;
}
.mncleft {
    padding: 0px 10px;
}
.mncleft img{max-width: 100%;}
.mncright img{max-width: 100%;}
.mncright{margin-top: 90px;
    padding: 0px 10px;}
.howwehelp .row{align-items: center;}

.mncimgs img{max-width:100%;width:100%;border-radius:5px;display:none;}


.leftmnc h3 {
    font-size: 22px;
    font-weight: 600;
    color: #003078;
    margin-bottom: 18px;
    display: none;
}

.mncblock h5::after{    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #003078;
    position: absolute;
    left: -19px;
    content: '';
    top: 9px;}






@media screen and (min-width: 992px) {
.mobilecards .cards {
    max-width: 640px;
    margin: 0 auto;
    flex-direction: row;
  }

.mobilecards .card {
    width: var(--cards-closed-size);
    height: 20rem;
    flex: 0 0 var(--cards-closed-size);
  }

.mobilecards .card[active] {
    width: 100%;
    height: 20rem;
    flex: 0 0 calc(640px - 19rem);
  }
  
.mobilecards .card__name {
    transform: rotate(-90deg) translate(1rem, -2.25rem);
  }
}