@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.menuu_btn{background:url(../images/menu.png) no-repeat 0 0/100%; width: 40px;
  height: 40px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;

	}
.menuss{position: absolute;
right: 76px;z-index: 10;top: 106px;}

@media(min-width: 992px)
{
  .menuu_btn{display:none;}

}



.parent {
    flex-direction: row;}

@media(max-width: 767px)
{
.parent {
  display: flex;
  flex-direction: column-reverse;
}
}

@charset "UTF-8";

@font-face{
    font-family: "Garamond Regular";
    src:url("../font/Garamond Regular.ttf");
}


ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


/* CSS Document */

.no-padding{padding: 0px !important;}

.img-100{width:100%;}

.slider-item{padding: 0px 12px;}


body{background-color: #fff;  
      font-family: "Poppins", sans-serif;
  font-weight: 400;
      font-size:14px;}
.navbar .nav {
    width: unset;
    float: right;
	  padding-top: 0px;
	  padding-left:0px;

}

.navbar-wrapper{ 
padding:0px 20px 10px;
/*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
	background: transparent;}

.navbar .nav > li > a {
    float: none;
    color:white;
    text-decoration: none;
}
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    text-decoration: none;
background-color: #8dc63f;
color: #383636;
}
.navbar .nav > .active > a {
    text-decoration: none;
    color: white;
    font-weight: 400;
	background:#8dc63f;
	
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: #8dc63f;
color: white;
    text-decoration: none;

}
.navbar .brand {
    float: left;
    display: block;
    padding: 0px;
    margin: 10px 0px 10px;
    font-size: 20px;
    font-weight: 200;
    color: white;
    cursor: pointer;
}
.nav-static{ position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;}

.na{display: block ruby;}


.show500 {
    display:none !important;
}



.nav > li > a {
   position: relative;
display: block;
padding: 0px 15px;
margin: 0;
font-size: 14px;
font-family: "Open Sans", sans-serif;font-weight: 400;
transition: ease-out .3s;
text-decoration:none;
color: #fff;text-transform: uppercase;
}

/*..............index.................*/
ul.sp li:hover > ul.dropdown-menu {
    display: block;
}


.mmenu{position: absolute;
right: 30px;
top: 45px;}

.blogo{float: left;padding: 10px 0px 0 0px;}

.subsection1{padding: 15px 0 0 0px;
  /*float: right;*/
}

.nav{float: right;}

.callmail{display: flex;padding-top: 10px;}
.callmail p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 13px; margin:0px;color:#fff;line-height: 1;}
.callmail p i{font-size: 16px;
  padding-right: 5px;}

#hmail{background: url('../images/mail.png') no-repeat 0px 0px;
  padding: 15px 20px 22px 50px;
  float: left;}
#hcall{background: url('../images/call.png') no-repeat 0px 0px;
  padding: 15px 20px 22px 50px;
  float: left;}




.sect1{}
.sect1 .dark-blue h2{font-family: "Poppins", sans-serif;
  font-weight: 300;font-size: 26px;color: #fff;padding: 0;margin: 0 0 12px;}
.sect1 .light-blue h2{font-family: "Poppins", sans-serif;
  font-weight: 300;font-size: 30px;color: #fff;padding: 0;margin: 0 0 12px;}
.sect1 p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 16px;color: #fff;padding: 0;margin: 0 0 12px;}
.dark-blue{background: #1a355c;padding: 175px 200px 165px 30px;}
.light-blue{background: #1496af;padding: 175px 30px 165px;}



.sect2{padding: 120px 30px 180px;}
.sect2 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0;margin: 0 0 12px;text-align: center;}
.sect2 p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #000;padding: 0 200px;margin: 0 0 12px;text-align: center;}
.box-serv{
  position: absolute;bottom: 25px;left: 15px;right: 15px;
}
.item-box1 img{
  border-radius: 10px;
}
.box-serv h3{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 18px;color: #fff;padding: 0;margin: 0 0 12px;text-align: left;}
.box-serv p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #fff;padding: 0px;margin: 0 0 12px;text-align: left;}



.sect3{padding: 340px 30px 80px;background: url('../images/bg-trading.jpg') no-repeat center;background-size: cover;}
.sect3 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 50px;color: #fff;padding: 0;margin: 0px;line-height: 1;}
.sect3 h2 span{font-family: "Garamond Regular";font-size: 70px;}
.sect3 h3{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 60px;color: #fff;padding: 0;margin: 0 0 12px;line-height: 1;}
.sect3 p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 15px;color: #fff;padding: 0px;margin: 0 0 12px;}



.sect4{padding: 110px 30px 150px;}
.sect4 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0 265px;margin: 0 0 12px;text-align: center;}
.sect4 p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #000;padding: 0 315px;margin: 0 0 12px;text-align: center;}
.box-serv2{
  position: absolute;bottom: 25px;left: 15px;right: 15px;
}
.item-box1 img{
  border-radius: 10px;
}
.box-serv2 h3{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 18px;color: #fff;padding: 0;margin: 0 0 12px;text-align: center;}




.sect5{padding: 0px 30px 120px;}
.sect5 h2{font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 50px;color: #000;padding: 0px;margin: 0 0 12px;text-align: center;text-transform: capitalize;}
.each-pro{
  border: 1px solid #c2c2c2;border-radius: 10px;margin-bottom: 30px;
}
.pro-padd{padding: 15px;}
.each-pro h3{
  font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 17px;color: #3e3e3e;padding: 0px;margin: 0 0 12px;
}
.each-pro p{font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 12px;color: #3e3e3e;padding: 0px;margin: 0 0 12px;}
.each-pro img{border-radius: 10px 10px 0 0;}
.btn-black{background: #000;border: 1px solid #000;color: #fff;text-transform: lowercase;border-radius: 20px;
  font-family: "Poppins", sans-serif;font-weight: 500;font-size: 15px;padding: 5px 50px;margin: 0 auto 0;display: block;}
.sect5 a{text-decoration: none;}

.sect-blog-add{
  padding: 0px 30px 100px;
}
.sect-blog-add h2{font-family: "Poppins", sans-serif;
  font-weight: 600;font-size: 50px;color: #000;padding: 0px;margin: 0 0 12px;text-align: center;text-transform: capitalize;}
.sect-blog-add img{
  border-radius: 10px 10px 0 0;
}
.sect-blog-add a{
  text-decoration: none;
}




.bg-clr1,
.bg-clr2,
.bg-clr3,
.bg-clr4 {
    padding: 50px 15px;
}

.bg-clr1 { background: #1a355c; }
.bg-clr2 { background: #22467a; }
.bg-clr3 { background: #255395; }
.bg-clr4 { background: #2963b7; }

.footer-top{
    background:#2f4f88;padding: 0 12px;
}
.footer-icon {
    max-width: 180px;   /* adjust based on design */
    width: 62px;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}
.footer-top h6{
  font-family: "Poppins", sans-serif;
  font-weight: 500;font-size: 15px;color: #fff;padding: 0px;margin: 0 0 12px;text-transform: uppercase;
    }
.footer-top p{
  font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #fff;padding: 0px;margin: 0 0 12px;
    }
.terms-text p{
  font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 11px;color: #86888b;padding: 0px;margin: 0 0 12px;
}
.terms-text p a{color: #86888b;}
.terms-text p a:hover{color: #1496af;}
.footer-bottom1{padding: 100px 12px 20px;}
.footer-margin{margin-bottom: 40px;}


.footer-bottom{
        background:#0c2140;
        color:#fff;
        padding:0px 12px;
    }
    .footer-dark{
        background:#071223;
        padding:20px 0;
    }
    .footer-links a{
        display:block;
        color:#fff;
        text-decoration:none;
        margin-bottom:8px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;font-size:13px;
    }
    .footer-links a:hover{
        color:#1496af;
    }
    .contact-icon{
        width:40px;
        height:40px;
        border-radius:50%;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-right:10px;
    }
.contact-icon i::before{color: #1a355c;}
.contact-group small{font-family: "Poppins", sans-serif;
        font-weight: 500;font-size:13px;color: #86888b;}
.contact-group p{font-family: "Poppins", sans-serif;
        font-weight: 500;font-size:13px;color: #1496af;padding: 0;margin: 0;}


footer{padding: 30px 30px 30px !important;background: #efefef;}
footer ul{padding: 0;
  margin: 40px 0 20px;}
footer ul li{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 13px;color: #424141;padding: 0;margin: 0 0 8px;text-transform: lowercase;list-style: none;}
footer ul li a{color: #424141;text-decoration: none;}
footer ul li a:hover{color: #000;text-decoration: underline;}

footer h2{font-family: "Open Sans", sans-serif;
  font-weight: 900;
  font-size: 28px;
  color: #000;
  padding: 0 0 0px;
  margin: 0px 0 10px;text-transform: capitalize;}
footer p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 12px;color: #424141;padding: 0px 0 0px;
  margin: 0 0 5px 0;}
footer p span{font-weight: 500;color: #000;}
#floc{background: url('../images/floc.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

#fmail{background: url('../images/fmail.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

#fcall{background: url('../images/fcall.png') no-repeat 0px 0px;
  padding: 0px 0px 8px 35px;}

.social{display: inline-block;}
.social img{padding-right: 10px;}


.sect-last{background: #a6a6a6;padding: 20px;}
.sect-last p{font-family: "Poppins", sans-serif;
  font-weight: 400;font-size: 12px;color: #fff;padding: 0px 0 0px;
  margin: 0;}
.sect-last p a{color: #fff;text-decoration: none;}
.sect-last p a:hover{color: #000;text-decoration: underline;}
.textright{float: right;}

.form-pos{position: absolute;
  left: 0;
  right: 0;
  top: -200px;}
.box-form{background: #fff;padding: 50px 20px;box-shadow: 0 0 8px #666;}
.cnt-frm{border: 1px solid #c1c1c1;
  border-radius: unset;font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #a6a6a6;}

.area-hgt{height: 100px;}


.about-sect2{background: #dddddd url('../images/bg4.jpg') no-repeat bottom;
  padding: 80px 30px 200px;}
.abtimg-hgt1 {
  object-fit: cover;
  height: 544px;
  width: 100%;
}
.abtimg-hgt2 {
  object-fit: cover;
  height: 205px;
  width: 100%;
}
.abtimg-hgt3 {
  object-fit: cover;
  height: 325px;
  width: 100%;
}
.new-about{margin-bottom: 50px;}
.about-content p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #4d4d4d;
  padding: 0;
  margin: 0 0 30px;
}


.sub-section{background: url('../images/sub-bg1.jpg') no-repeat; background-size: cover;}
.sub-b1{padding: 0 0 0 190px;}
.subbnr-txt{position: absolute;bottom: 0px;right: 30px;width: 40%;}
.subbnr-txt h1{font-family: "Poppins", sans-serif;
  font-weight: 100;font-size: 80px;color: #000;padding: 0;margin: 0 0 10px;line-height: 1;}
.subbnr-txt h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 30px;padding: 0 0 15px;margin: 0 0 15px;}



.gallery-sect1{background-image: linear-gradient(to top, #ddd 50%,#f6f6f6 50%);padding: 50px 30px 300px;}
.gallery-sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #000;padding: 0;margin: 0 0 20px;text-transform: capitalize;}

.footer-pos{position: absolute;bottom: 0;left: 0;}

.test-sect1{background: #dbdcdc;padding: 50px 30px 200px;}
.test-sect1 h2{font-family: "Poppins", sans-serif;
  font-weight: 900;font-size: 35px;color: #075258;padding: 0;margin: 0 0 20px;text-transform: capitalize;}

.story h5{font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #000;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story p{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #343434;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story h4{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4f4e4e;
  padding: 0px;
  margin: 0px 0px 12px;
}
.story h4 span{font-size: 12px;}
.each-story{display: flex;
  align-items: center;border-bottom: 1px solid #9b9b9b;}
.test-margin{margin-bottom: 50px !important;}
.each-story img{margin-bottom: 15px;}










.pr-nopadding{padding-right: 0px !important;}
.pl-nopadding{padding-left: 0px !important;}
.mm-listitem__text{font-family: "Open Sans", sans-serif;
  font-weight: 400;font-size: 15px;}
.mm-btn{font-family: "Open Sans", sans-serif;
  font-weight: 400;}
.mm-listitem a:hover {
  color: #3682bc !important;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: #3682bc !important;
  text-decoration: none;padding: 0 !important;
}

.slick-prev{bottom: -75px !important;
top: unset !important;
left: unset !important;
right: 60px !important;} 
.slick-next{top: unset !important;
bottom: -75px !important;
right: 10px !important;}
.slick-prev::before, .slick-next::before{font-size: 25px !important;padding: 0 10px;background: #013f78;}

ul.sp li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-menu {
  list-style: none;
  font-size: 18px;
}
.dropdown-menu {
  position: absolute;
  top: 48px;
  list-style: none;
  font-size: 18px;
  width: auto;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-menu > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  background: none;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 13px;
  background: #676767;
border-bottom: 1px solid #4f4f4f;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: 0px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-menu > li > a:hover {
  background: #136dd2;
  color: #fff;
}
.dropdown-menu{padding: 0px !important;}

.owl-carousel .item{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;padding: 0 6px;
}
.owl-banner .owl-nav{display: none;}
.owl-dots{display: none;}

.mm-listview {
  padding: 40px 0 !important;
  float: unset;
}

/*************
  subpages
**************/






/*************
  new menu
**************/
.nav-menu > li:first-child {
  border-left: none;
}
.nav-menu > li{list-style: none;
  /*border-left: 1px solid #fff;*/
  padding: 0;
  margin: 0;}

.nav-bar {
  /*min-height: 4.375em;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;margin-bottom: 10px;
}

.nav-menu {
  position: fixed;
  left: -100%;
  top: 6.375em;
  flex-direction: column;
  width: 100%;
  /*height: 100%;*/
  text-align: center;
  transition: 750ms;z-index: 999;padding: 0;margin: 0;
  /*top: unset;bottom: 0px;*/
}

.nav-menu.active {
  left: 0;
}

.nav-item {
  margin: 0em 0 1em;
}

.nav-link {
  transition: 400ms ease;
  position: relative;
  display: block;
  padding: 0 7px;
  margin: 0;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  transition: ease-out .3s;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;

}



.hamburger {
  cursor: pointer;
}

.bar {
  display: block;
  background: linear-gradient(to right, #3896d1, #064b85);
  width: 24px;
  /* The following 2 properties are essential in creating the "X" when the hamburger is clicked. If you change just 1 of the 2, then you need to find the proper combination for the other one */
  height: 2px;
  margin: 6px auto;

  /*    -webkit-transition: all 300ms ease;  */
  transition: all 300ms ease-in-out;
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0
}

.hamburger.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.sub-nav .nav-link{color: #2c2c2c;}
.sub-nav li {
  border-left: 1px solid #2c2c2c;
}
.sub-navbar .bar{background-color: #0967ca;}

@media (min-width: 1200px) {

  .nav-menu {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*gap: 1em;*/
    width: auto;
  }

  .hamburger {
    display: none;
  }
}

@media(max-width: 1199px)
{
  .nav-menu{background-color: #fff;top: unset;
  bottom: 0px;}
  .nav-link{color: #3682bc;text-align: center;}
  .nav-menu > li {
  border-left: unset;
  margin: 0px 0px;}
  .nav-link {
  padding: 20px 10px;font-size: 15px;}

  .dropdown-menu {
  width: 100%;position: unset;
}
.dropdown-menu > li > a {
  text-align: center;
  padding: 12px 20px;
}

}
@media(max-width: 767px)
{
  .bar {
  background-color: #0967ca;}
}


.sec-p{font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px !important;
  color: #000;
  padding: 0;
  margin: 0 0 10px !important;
  line-height: 1.3;text-align: center;}


.nav-menu .dropdown:hover > .dropdown-menu{display: block;}




.sub-navbar #hmail{background: url('../images/smail.png') no-repeat 0px 0px;
  padding: 15px 15px 18px 50px;
  float: left;}
.sub-navbar #hcall{background: url('../images/scall.png') no-repeat 0px 0px;
  padding: 15px 12px 10px 50px;
  float: left;}
.sub-navbar .callmail p {
  color: #1a355c;
}
.sub-navbar .nav-link{color: #1a355c;}
.sub-navbar .nav-item {
  border-left: 1px solid #1a355c;
}

.about-sect1{
  padding: 50px 30px 150px;
}

.about-sect1 p{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 30px;
  
}

.about-sect1 img{
  border-radius: 10px;
}
.object-fit-cover{
    object-fit: cover;
}

.about-sect2{
  padding: 100px 30px 100px;background: url('../images/bg-about.jpg') no-repeat center;background-size: cover;
}

.about-sect2 h2{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #1395af;
  padding: 0;
  margin: 0 0 5px;
  
}
.about-sect2 h3{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px;
  
}
.about-sect2 p{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px; 
}
.about-sect2 ul li{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px; list-style: url('../images/blue-ulli.png');
}
.about-sect2 ul{
  padding: 0 30px;margin: 0;
}

.about-sect3{
  padding: 100px 30px 100px;
}
.about-sect3 h2{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #1395af;
  padding: 0;
  margin: 0 0 15px;
}
.about-sect3 h3{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #787878;
  padding: 0;
  margin: 0 0 10px; 
}
.about-sect3 p{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 20px;
}

.about-services h2{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px !important;
  color: #fff;
  padding: 0;
  margin: 0 0 15px !important;position: absolute;bottom: 5px;left: 15px;right: 15px; text-align: center;
}
.about-sect3 img{
  border-radius: 10px;
}
.about-sect3 ul li{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 10px;list-style: url('../images/blue-ulli.png');
}
.round-ul{
  padding: 0 30px;margin: 0;
}
.round-ul li{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 10px;list-style: url('../images/blue-dot.png') !important;
}
.about-sect3 h4{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 15px;
}
.about-content{
  padding: 0px 30px 100px !important;
}

/*********************************************/

.product-sect1{
  padding: 50px 30px 100px;
}
.product-sect1 h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #1395af;
  padding: 0;
  margin: 0 0 15px;
}
.product-sect1 p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #131e2d;
  padding: 0;
  margin: 0 0 20px;
}
.product-sect1 img{border-radius: 10px;}

.pro-sect2{
  padding: 0px 30px 100px;
}
.pro-sect2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #000;
  padding: 0;
  margin: 0 0 15px;
}
.pro-sect2 h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #1395af;
  padding: 0;
  margin: 0 0 15px;
}
.pro-sect2 h3 span{
    font-size: 32px;
}
.pro-sect2 h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #3e3e3e;
  padding: 0;
  margin: 0 0 15px;
}
.pro-sect2 ul{
    padding: 0 30px;
  margin: 0;
}
.pro-sect2 ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #3e3e3e;
  padding: 0;
  margin: 0 0 15px;list-style: url('../images/blue-ulli.png');
}
.sep-line{
    border: 1px dashed #787878;
  margin: 80px 0;
}
.pdt-partners img{
    border: 1px solid #cfd0d2;
  border-radius: 10px;margin-bottom: 15px;
}

.one-pro-img{
  border: 1px solid #cfd0d2;border-radius: 10px;margin-bottom: 12px;
}
.one-pro h3{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #000;
  padding: 0;
  margin: 0 0 10px;text-align: center;
}
.one-pro p{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #787878;
  padding: 0;
  margin: 0 0 10px;text-align: center;
}
.pro-sect2 a{text-decoration: none;}

/************************************************/
.product-detail p span{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #787878;
  padding: 0;
  margin: 0 0 10px;
}
.dtl-img{
  border: 1px solid #cfd0d2;border-radius: 10px;margin-bottom: 12px;
}
.product-detail h2{
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  padding: 0 280px 0 0;
  margin: 0 0 15px;
}
.product-detail td{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #787878;
  padding: 6px 0;
}
.product-detail p{
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #3e3e3e;
  padding: 0;
  margin: 0 0 15px;
}
.btn-submit{
  background: #000;
  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding: 5px 0px;
  margin: 0;width: 100%;transition: 0.5s;
}
.btn-submit:hover{
  background: #fff0;border: 1px solid #000;color: #000;
}

/***************************************************/
.contact-sect{
  background: #fff url('../images/bg-contact.jpg') no-repeat center;
    background-size: cover;
  padding: 50px 30px 180px;
  
}
.cnt-frm2{background: #fff0;
  border: none;border-bottom: 1px solid #787878;
  border-radius: 0px;
  font-size: 14px;
  color: #787878;}
textarea{height: 100px;}
.form-group{margin-bottom: 20px;}


/**************************************************/
.blog-sect{
  padding: 50px 30px 100px;
}
.blog-sect img{
  border-radius: 10px 10px 0 0;
}
.box-black {
  background: #000;
  padding: 30px 15px 30px;border-radius: 0 0 10px 10px;
}
.box-black h3{font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px;}
.box-black p{font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #989797;
  padding: 0;
  margin: 0 0 15px;}

.bl-author{display: flex;justify-content: space-between;}
.box-black p span{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 12px;color: #aba8a8;}
.blog-sect a{
  text-decoration: none;
}

.bl-sect h1{
  font-family: "GraphikBold";font-size: 37px;color: #000;padding: 0px 0px 0;
  margin: 0 0 20px;text-transform: capitalize;
}
.bl-sect button {
  margin: 0px;
}
.bl-sect img {
  border-radius: 10px 10px 0 0;
}
.blog-detail img{border-radius: 12px;margin-bottom: 15px;}
.blog-detail p{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #787878;
  padding: 0;
  margin: 0 0 15px;
}
.blog-detail span{font-family: "Poppins", sans-serif;
  font-weight: 400;color: #aba8a8}
.blog-detail h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  padding: 0 230px 0 0;
  margin: 0 0 15px;
}
.blog-card{
    height:100%;
    text-decoration:none;
    color:inherit;
}

.box-black{
    background:#000;
    padding:20px;
    height:100%;
}
.blog-card h3{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}


.one-pro{
  margin-bottom: 30px;
}
.product-sect1 a, .product-detail a{
  text-decoration: none;
}
.product-detail a{
  color: #787878;
}

.sect4 h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px;
  position: absolute;
  bottom: 5px;
  left: 15px;
  right: 15px;
  text-align: center;
}
.sect4 img {
  border-radius: 10px;
}


/*****************************************/
/* NAV WRAPPER */
.owlslider .owl-nav, .owlsliderserv .owl-nav, .owlslidertwo .owl-nav{
  position:absolute;
  top:-60px;               /* move arrows above slider */
  right:10px;
  display:flex;
  gap:12px;
}

/* ARROW BUTTONS */
.owlslider .owl-nav button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#000 !important;
  color:#fff !important;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease;
}
.owlsliderserv .owl-nav button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#000 !important;
  color:#fff !important;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease;
}
.owlslidertwo .owl-nav button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#000 !important;
  color:#fff !important;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease;
}

/* Hover */
.owlslider .owl-nav button:hover{
  background:#4CAF50 !important;
  transform:scale(1.1);
}
 .owlsliderserv .owl-nav button:hover{
  background:#4CAF50 !important;
  transform:scale(1.1);
}
.owlslidertwo .owl-nav button:hover{
  background:#4CAF50 !important;
  transform:scale(1.1);
}

/* Disabled state */
.owlslider .owl-nav button.disabled{
  opacity:.4;
  cursor:not-allowed;
}
 .owlsliderserv .owl-nav button.disabled{
  opacity:.4;
  cursor:not-allowed;
}
.owlslidertwo .owl-nav button.disabled{
  opacity:.4;
  cursor:not-allowed;
}
/************/
/* DOTS WRAPPER */
.owlslider .owl-dots{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:10px;
}
 .owlsliderserv .owl-dots{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:10px;
}
 .owlslidertwo .owl-dots{
  margin-top:25px;
  display:flex;
  justify-content:center;
  gap:10px;
}

/* DOT */
.owlslider .owl-dot span{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:block;
  transition:all .3s ease;
}
.owlsliderserv .owl-dot span{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:block;
  transition:all .3s ease;
}
.owlslidertwo .owl-dot span{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:block;
  transition:all .3s ease;
}

/* Active dot */
.owlslider .owl-dot.active span, .owlsliderserv .owl-dot.active span, .owlslidertwo .owl-dot.active span{
  background:#4CAF50;
  width:24px;
  border-radius:20px;
}
@media(max-width:767px){
  .owlslider .owl-nav, .owlsliderserv .owl-nav, .owlslidertwo .owl-nav{
    top:auto;
    bottom:-55px;
    right:50%;
    transform:translateX(50%);
  }
}
 .owlslider .item, .owlsliderserv .item, .owlslidertwo .item{
  padding: 10px 0;
}

.owl-stage{
  display:flex;
}

.owl-item{
  display:flex;
}


.overlay-menu ul li a{
  text-transform: capitalize;
}


#website{
    display: none;
}


.clients-section {

      padding: 0px 30px 110px !important;
    }
    .client-logo {
      background: #fff;border: 1px solid #ddd;
      border-radius: 8px;
      padding: 1rem;
      box-shadow: 0 2px 6px rgba(0,0,0,0.05);
      text-align: center;
    }
    .client-logo img {
      max-height: 60px;
      object-fit: contain;
      width: auto;
    }
.clients-section h2{font-family: "Poppins", sans-serif;font-weight: 600;
  font-size: 45px;color: #000;padding: 0;margin: 0 0 30px;text-transform: capitalize;text-align: center;}



/*** additional style ***/
.key1{
        background: #e8e8e8;padding: 20px 12px 35px;border-radius: 0 0 10px 10px;
    }
    .each-key img{
      border-radius: 10px 10px 0 0 !important;
    }
    .key1 h4{color: #131e2d;}
    .each-key ul{
      padding: 0 30px;
  margin: 0;
    }

    .owlslider .owl-stage {
  display: flex;
}

.owlslider .owl-item {
  display: flex;
}

.each-key {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Make image + content behave nicely */


.key1 {
  flex-grow: 1;

}

.extra-mar{
  margin-bottom: 110px;
}



.growth-sect{
    padding: 0 30px 0;
  }
  .growth-sect h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #1395af;
  padding: 0;
  margin: 0px !important;
}
.growth-sect h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #787878;
  padding: 0;
  margin: 0 0 10px;
}
.growth-sect p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #fff;
  padding: 0;
  margin: 0 0 20px;line-height: 1.3;
}
.growth-sect ul{
  padding: 0px 30px;
}
.growth-sect ul li{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 10px;
  list-style: url('../images/blue-ulli.png');
}
.growth-pos1{
  position: absolute;
  top: -40px;
  left: 0;
}
.growth-pos2{
  position: absolute;
  bottom: 20px;
  right: 30px;
}



  .commit-sect{
    background: url('../images/commit.jpg') no-repeat center;background-size: cover;
    padding: 400px 30px 90px;
  }
  .commit-sect h2{
    font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 57px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px;text-align: center;
  }
  .commit-sect h3{
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;text-align: center;
  }


.excel-sect{
  padding: 150px 30px;
}
  .excel-pos1{
    position: absolute;
  bottom: 30px;
  left: 30px;
  right: 15px;
  }
  .excel-sect h2{
    font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
  }
  .excel-sect h3{
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
  }
  .excel-sect ul {
    padding: 0px 20px;
  }
  .excel-sect ul li{
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;list-style: url('../images/white-ulli.png');
  }
.excel-img{
  border-radius: 10px;
}


 .each-port p{
        position: absolute;
        bottom: 12px;
        left: 15px;
        right: 15px;
        font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  padding: 0;
  margin: 0 0 10px;
  text-align: center;
    }
    .each-port img{
        border-radius: 10px;
    }
    .pdt-box1{
        background: #ebebeb;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box2{
        background: #dbdbdb;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box3{
        background: #fff;border: 1px solid #dedcdc;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box4{
        background: #01638d;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box5{
        background: #213651;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box6{
        background: #28367c;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .pdt-box7{
        background: #158596;
  padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
    }
    .clr-box h3{
        font-size: 20px !important;
  color: #fff !important;
    }
    .clr-box ul li{
        font-size: 14px;
  color: #fff;
  padding: 0;
  margin: 0 0 15px;
  list-style: url('../images/white-ulli.png');
    }
    .clr-box h4{
        color: #fff;
    }
.grey-clr{
     padding: 20px 15px 40px;
  border-radius: 10px;
  height: 100%;
}
.grey-clr1{
    background: #595959;
}
.grey-clr2{
    background: #6e6e6e;
}
.grey-clr3{
    background: #858585;
}
.pdt-mar1{
    margin-bottom: 100px;
}


/* responsive */
/**************/

@media(min-width: 1610px)
{
  
  
}

@media(max-width: 1199px)
{
 .menuu_btn{
  display: block;
}
.navbar-wrapper {padding: 10px 15px 10px;}
.blogo {
  float: left;
  padding: 0px;
  width: 25%;
}
.callmail {
  display: none;
}
.dark-blue, .light-blue {
  padding: 120px 30px;
}
.sect2 {
  padding: 80px 30px 80px;
}
.sect3 h2 {
  font-size: 40px;
}
.sect3 {
  padding: 180px 30px 80px;
  }
.sect4 {
  padding: 80px 30px;
}
.sect4 h2, .sect4 p{
  padding: 0;
}
.sect5 {
  padding: 0px 30px 80px;
}
.about-sect1 {
  padding: 50px 30px 115px;
}
.product-detail h2{
  padding: 0px;font-size: 20px;
}
 .blog-detail h2 {
    padding: 0;
  }

.growth-sect p {
  
  font-size: 25px;
}
.about-sect3 h2, .growth-sect h2{
  font-size: 35px;margin: 0 0 10px;
}
.about-sect3 h3, .growth-sect h3 {
  font-size: 25px;
}
.excel-sect {
  padding: 100px 30px;
}

}

@media(max-width: 991px)
{

.sect2 p{
  padding: 0;
}
 .sect3 h2 {
    font-size: 35px;
    line-height: 0.8;
  }
.box-serv2 h3 {
  font-size: 15px;
}
.sect5 h2 {
  font-size: 35px;
}

 .dark-blue, .light-blue {
    padding: 50px 30px;
  }
.sect1 .dark-blue h2{
  font-size: 18px;line-height: 1.4;
}
.sect2 {
    padding: 50px 30px;
  }
.sect2 h2{
  font-size: 27px;
}
.box-serv {
  bottom: 20px;
}
.box-serv h3{
  font-size: 15px;text-align: center;
}
.box-serv p{
  display: none;
}
.sect3 {
    padding: 110px 30px 80px;
  }
.sect3 h2 {
    font-size: 30px;
    line-height: 1.2;
  }
.sect3 h2 span {
  font-family: "Garamond Regular";
  font-size: 40px;
}
.sect3 h3 {
  font-size: 30px;
}
.sect4 h2 {
  font-size: 22px;
}

.about-sect3 h2 {
  font-size: 30px;
}
.about-sect3 h3 {
  font-size: 20px;
}

}


@media(max-width: 800px)
{
  

}


@media(max-width: 767px)
{

 .navbar-wrapper {
    padding: 10px 15px 0px;
  }
.nav-static {
  position: unset;
}
.about-sect2{
  background: #081f3c;padding: 10px 30px 80px;
}
.about-sect2 h2 {
  font-size: 30px;
}
.about-sect2 h3 {
  font-size: 25px;
}
.about-sect3 h2 {
  font-size: 25px;
}
 .about-sect1 {
    padding: 50px 30px 50px;
  }
.product-sect1 h3 {
  font-size: 32px;
}
.pro-sect2 h2{
  font-size: 24px;
}
.one-pro h3 {
  font-size: 18px;
}
.one-pro p {
  font-size: 14px;
}

.sect3{background: #000f46;padding: 40px 30px 80px;}
.sect3 h2, .sect3 p{
    text-align: center;
  }
.sect3 h3{
  font-size: 45px;
  text-align: center;
}
.about-hide-images{
  display: none !important;

}


.excel-sect {
    padding: 320px 30px 55px;
    background: url('../images/excel1-mob.jpg') no-repeat center;
    margin: 80px 0 80px;
  }
.excel-pos1 {
  position: unset;
}
.excel-sect h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  padding: 0;
  margin: 12px 0 12px;
}
.excel-sect h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
}
.excel-sect ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
  list-style: url('../images/white-ulli.png');
}
.excel-img{
    display: none;
}

.commit-sect h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 40px;
}
.commit-sect h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 22px;
}


.growth-sect picture{
      display: none;
  }
.growth-sect {
  padding: 300px 30px 200px;
  background: url('../images/growth-mob.png') no-repeat center;
}
.growth-pos1, .growth-pos2 {
  position: unset;
}
.growth-sect h2, .growth-sect h3{
    color: #fff;
}
.growth-sect ul li{
    list-style: url('../images/white-ulli.png');
}

.each-port p{
    font-size: 13px;line-height: 1.2;bottom: 2px;
}
.about-sect3 {
  padding: 80px 30px 100px;
}


}

@media(max-width: 576px)
{

.callmail{display: none;}

.blogo {
    padding: 0;
    width: 40%;
}

.contact-group{
  margin-bottom: 45px;
}
.flogo{
  width: 50%;
}
.contact-sect {
  background: #88b0c7;
}
.blog-detail h2 {
  font-size: 20px;
}
.sect3 h2 {
    font-size: 24px;
    line-height: 1;
  }
 .sect3 h3 {
    font-size: 37px;
  }
 /*.about-sect3 h2 {*/
 /*   font-size: 20px;*/
 /* }*/
.sect-blog-add h2{
  font-size: 40px;
}

.clients-section h2 {
  font-size: 40px;
}


.pro-sect2 h3 {
  font-size: 20px;
}

.growth-sect h2 {
  
  font-size: 35px;
}
.growth-pos1, .growth-pos2 {
  position: unset;
}
.growth-sect p {
  font-size: 20px;
}
.growth-sect ul li {
  font-size: 15px;
}

.pro-sect2 h3 span {
  font-size: 25px;
}

.blog-hgt{
    object-fit: cover;
  height: 250px;
}

.box-black {
 
  height: unset;
}


}

@media(max-width: 420px)
{

/*.about-sect3 h2 {*/
/*    font-size: 16px;*/
/*  }*/

}


















.nav-item{border-left: 1px solid #fff;}
.nav-item:first-child{border-left: none;}
/*.menu .active a, .nav-link:hover{background: #075056;
  color: #fff;}*/
 .toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

/*nav ul li ul li:hover { background: #000000; }*/

nav a:hover { color: #00fff0 !important; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;background: #6c6c6c;padding: 10px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1199px) {

.side-menu{
  font-size: 20px;font-weight: 600;color: #000;background-color: unset !important;
  padding: 0px;
}
nav { margin: 0; 
  /*background: #fff;*/
}
.sidemenu-img{
  width: 40px;position: absolute;
    top: 0;
    right: 0;
}

/*.toggle + a,*/
/* .menu { display: none; }*/

.toggle {
  display: block;
  background-color: unset;
  text-decoration: none;
  border: none;cursor: pointer;
}

/*.toggle:hover { background-color: #000000; }*/

[id^=drop]:checked + ul { display: block;transition: all 0.5s; background: #fff;}

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

/*nav a:hover,*/
/* nav ul ul ul a { background-color: #000000; }*/

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}



.menu-toggle{
  width:37px;
  height:27px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
  z-index:9999;
}

.menu-toggle span{
  height:3px;
  width:100%;
  background:#000;
  border-radius:4px;
  transition:.4s;
}


/* Middle line shorter */
.menu-toggle span:nth-child(2){
  width:70%;
}

/* Hover effect */
.menu-toggle:hover span{
  width:100%;
}
.menu-toggle.active span:nth-child(1){
  transform:rotate(45deg) translate(7px,7px);
}

.menu-toggle.active span:nth-child(2){
  opacity:0;
}

.menu-toggle.active span:nth-child(3){
  transform:rotate(-45deg) translate(7px,-7px);
}
/* Desktop */
@media(min-width:1199px){
  .menu-toggle{
    display:none !important;
  }
}

/* Mobile / Tablet */
@media(max-width:991px){
  .menu-toggle{
    display:flex !important;
  }
}




/* Overlay */
.overlay-menu{
  position:fixed;
  inset:0;
  background:#1c3861;
  backdrop-filter:blur(10px);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:.4s;
  z-index:1001;
}

.overlay-menu.active{
  opacity:1;
  visibility:visible;
}

.overlay-menu ul{
  list-style:none;
  padding:60px 0 0;
  text-align:center;
}

.overlay-menu ul li{
  margin:20px 0;
}

.overlay-menu ul li a{
  font-size:18px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  letter-spacing:1px;
}

.overlay-menu ul li.active a{
  color:#ffd200;
}
/* DEFAULT: Desktop visible */
.desktop-menu{
  display:block;
}

.mobile-only{
  display:none;
}

/* MOBILE VIEW */
@media(max-width:1199px){

  .desktop-menu{
    display:none;
  }

  .mobile-only{
    display:flex;
  }
}




/*************** banner text *********************/
.banner-home {
  position: relative;
}

.banner-home .carousel-item {
  position: relative;
}

/* Make images full height */
.banner-home img {
  height: 100vh;
  object-fit: cover;
}

/* TEXT POSITIONING */
.bnr-text {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
  max-width: 500px;
}

/* Typography */
.bnr-text h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 42px;
  color: #fff;
  padding: 0;
  margin: 0 0 0px;
}

.bnr-text h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 26px;
  color: #fff;
  padding: 0;
  margin: 0 0 10px;
}

.bnr-text p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin: 0 0 12px;
  line-height: 1.2;
}

.btn-yellow{
    background: #ffc20e;
  border-radius: 20px;
  padding: 5px 65px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  margin: 0 0 0px;
  border: 1px solid #ffc20e;
}

/* Highlight word */
.bnr-text span {
  color: #ffc20e;font-weight: 500;
}

.flogo{
    width: 200px;
}


/* Responsive */
@media (max-width: 991px) {
  .banner-home img {
    height: auto;
  }

  .bnr-text {
    position: absolute;
    top: unset;bottom: 10px;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 15px;
  }

  .bnr-text h1 {
    font-size: 36px;
  }

  .bnr-text h2 {
    font-size: 18px;
  }
  
  .bnr-text p, .bnr-text button{
      display: none;
  }
  
  
}

@media(max-width: 576px)
{
    
     .bnr-text {
    position: absolute;
    top: unset;
    bottom: 35px;
    left: 30px;
    right: auto;
    transform: unset;
    text-align: center;
    padding: 0 15px;
    right: 30px;
  }
  
  .bnr-text h1 {
    font-size: 26px;
  }

  .bnr-text h2 {
    font-size: 15px;
  }
  
  .flogo{
    width: unset;
}
  
  
}






.blog-detail .bl-author {
  display: flex;
  justify-content: unset;
}

.blog-detail .bl-author p{
  padding: 0 30px 0 0;
}

.blog-detail .fa{
  color: #000;
}

.blog-detail .bl-author span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 14px;
}

.blog-detail h1{
    font-weight: 400;
    font-size: 23px;
    color: #000;
    padding: 0;
    margin: 0 0 12px;
  }

  .blog-detail h2{
    font-weight: 600;
    font-size: 28px;
    color: #000;
    padding: 0;
    margin: 0 0 15px;
  }

  .blog-detail h3{
    font-weight: 500;
    font-size: 18px;
    color: #2b589b;
    padding: 0;
    margin: 0 0 15px;
  }

.blog-detail h4{
    font-weight: 600;
    font-size: 20px;
    color: #000;
    padding: 0;
    margin: 0 0 10px;
  }


  .blog-detail p{
    font-weight: 500;
    font-size: 16px;
    color: #5c5b5b;
    padding: 0;
    margin: 0 0 25px;
  }

  .blog-detail ul{
    padding: 0 25px;margin: 0;
  }

  .blog-detail ul li{
    font-weight: 500;
    font-size: 16px;
    color: #5c5b5b;
    padding: 0;
    margin: 0 0 10px;list-style: url('../images/blue-ulli.png');
  }

  .blog-part1{
    margin-bottom: 60px;
  }

  .num-sect{
    padding: 0 12px;
  }

.num-sect h2{
  font-weight: 600;
    font-size: 28px;
    color: #fff;
    padding: 0;
    margin: 0 0 5px;
}

.num-sect h2 span{
  font-size: 20px;
  color: #fff;
}

.num-sect p{
  font-weight: 600;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0 0 0px;line-height: 1.2;
}

.numbers-box .col-md-4 {
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Color variations */
.box-dark {
  background: #243e66;
}
.box-mid {
  background: #2c528c;
}
.box-light {
  background: #2f5fa8;
}
.box-light2 {
  background: #366ec2;
}
.box-light3 {
  background: #327ef1;
}

/* Quote */
.quote-box {
  background: #2f5fa8;
  font-size: 18px;
  line-height: 1.6;
}

/* Pillars */
.pillar-box {
  background: #e9ecef;
  border-radius: 4px;
}

.clr-p{
  font-weight: 500 !important;
    font-size: 16px !important;
    color: #5c5b5b !important;
    padding: 0;
    margin: 0 0 25px;
}

/* Responsive */
@media (max-width: 767px) {
  .numbers-box .col-md-4 {
    margin-bottom: 10px;
  }

  .quote-box {
    font-size: 16px;
  }

  .blog-detail h1{
    font-size: 20px;
  }
  .blog-detail h2{
    font-size: 25px;
  }
  .blog-detail h3{
    font-size: 16px;
  }
  .blog-detail p{
    font-size: 15px;
  }
  .num-sect h2 span {
  font-size: 17px;
}


}