.footerbg{background:#345D95 !important}

/*mobile Client logo scroll css */


.clislider {
  height: 60px;
  position: relative;
  width: 100%;

  display: grid;
  place-items: center;
  overflow: hidden;
}
.clislider::before,
.clislider::after{
  position:absolute;
  content:'';
  height:100%;width:100%;
  z-index:2;pointer-events:none;
}
.clislider::before{
  left:0;
  top:0;
}
.clislider::after{
  right:0;
  top:0;
  transform:rotateZ(180deg);
}

/*  IMPORTANT CODE BELOW */

.clislide-track {
  width: calc(200px * 20);
  display: flex;
  animation: scroll 20s linear infinite;
  justify-content: space-between;
}

.clislide-track2 {
  width: calc(200px * 15);
  display: flex;
  animation: scroll2 15s linear infinite;
  justify-content: space-between;
}

.clislide {
  width: 200px;
  height: 60px;

  display: grid;
  place-items: center;
  transition:0.5s;
  cursor:pointer;
}
.clislide:hover{
  /* transform:scale(0.8) */
}
.corporatecli {
    color: #797789;
    font-size: 37px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 27px;
    text-align: center;
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 5));
  }
}

img, object, embed {
    max-width: 100%;
    height: auto;
}

.clientshea{font-size: 2.5rem !important; margin: 8px 0 0.67em 0;    line-height: 47px; font-weight:600;     font-family: 'Lato', sans-serif;}




.bannerh1{font-size: 27px;
    letter-spacing: normal;
    line-height: inherit;
    font-weight: 500; color:#000000}
	
	.bannerh1 span{font-size: 27px;
    letter-spacing: normal;
    line-height: inherit;
    font-weight: 800; color:#207bb2}
	.bannerlistspan
	{ font-size: 10px;}
	.bannerlist{    font-size: 14px;
    line-height: 32px;}
	.mazenethiglights{    font-size: 25px;
    letter-spacing: inherit;
    font-weight: 500;}
	.mazepra{    font-size: 15px;
    line-height: 26px;}
	.mazesubtitile{    font-size: 16px;
    color: #2A3855;}
	.imghea20{height: 20px; margin-right:4px;}
	.gitopic1 {
    color: #2A3855 !important;
    font-size: 20px;
    text-align: center;
    margin-bottom: 8px;
    width: max-content;
    margin: auto;
    margin-bottom: 0px;
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-weight: bold;
}
.gitopic {
    color: #2A3855 !important;
    font-size: 12px !important;
    text-align: center;
    margin-bottom: 18px;
}

.gi-landing-form {
    position: relative;
    background-color: #DADADA;
    padding: 30px;
    overflow: hidden;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0px 0px 10px 0px #ccc;
}



/*mobile Client logo scroll css */

.clientshea{font-size: 2.5rem !important; margin: 8px 0 0.67em 0;    line-height: 47px; font-weight:600;     font-family: 'Lato', sans-serif;}

.clientsbackground {
	background: rgb(217,241,255);
background: linear-gradient(180deg, rgba(217,241,255,1) 0%, rgba(236,248,255,1) 21%, rgba(250,253,255,1) 31%, rgba(255,255,255,1) 60%, rgba(240,243,247,0) 100%);
	padding-top: 40px;
	padding-bottom: 30px;
	background-size: cover;
	/* background-attachment: fixed; */
}

.clientlist li {
	display: inline-block;
	color: #ffff;
	padding: 10px 25px 10px 25px;
	border: #87ba45 dashed 1px;
	margin: 10px 20px 10px 20px;
	border-radius: 15px;
	background: #000;
	font-size: 16px;
}

.clientlist li:hover {
	background: #87ba45;
	color: #000;
}


.orb {
	width: auto;
    height: 44px;
    display: inline-block;
    transition: all .2s ease-out;
}

.orb:hover {
	transform: scale(1.2);
	background: #87ba45;
	color: #000;
	cursor: pointer;
	border: #87ba45 dashed 1px;
}

.red {
	display: inline-block;
    color: #838282;
    padding: 7px 15px 7px 15px;
    border: #e1e1e1 solid 1px;
    margin: 10px 20px 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background: #efefef;
}
[class^="grid-xs"],
[class*="grid-xs"],
[class^="grid-sm"],
[class*="grid-sm"],
[class^="grid-md"],
[class*="grid-md"],
[class^="grid-lg"],
[class*="grid-lg"] {
    display: block;
    margin: 0;
    padding: 0;
    *zoom: 1;
}

[class^="grid-xs"]:before,
[class^="grid-xs"]:after,
[class*="grid-xs"]:before,
[class*="grid-xs"]:after,
[class^="grid-sm"]:before,
[class^="grid-sm"]:after,
[class*="grid-sm"]:before,
[class*="grid-sm"]:after,
[class^="grid-md"]:before,
[class^="grid-md"]:after,
[class*="grid-md"]:before,
[class*="grid-md"]:after,
[class^="grid-lg"]:before,
[class^="grid-lg"]:after,
[class*="grid-lg"]:before,
[class*="grid-lg"]:after {
    content: " ";
    display: table;
}

[class^="grid-xs"]:after,
[class*="grid-xs"]:after,
[class^="grid-sm"]:after,
[class*="grid-sm"]:after,
[class^="grid-md"]:after,
[class*="grid-md"]:after,
[class^="grid-lg"]:after,
[class*="grid-lg"]:after {
    clear: both;
}

[class^="grid-xs"] > ul,
[class*="grid-xs"] > ul,
[class^="grid-sm"] > ul,
[class*="grid-sm"] > ul,
[class^="grid-md"] > ul,
[class*="grid-md"] > ul,
[class^="grid-lg"] > ul,
[class*="grid-lg"] > ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

[class^="grid-xs"] > li,
[class*="grid-xs"] > li,
[class^="grid-sm"] > li,
[class*="grid-sm"] > li,
[class^="grid-md"] > li,
[class*="grid-md"] > li,
[class^="grid-lg"] > li,
[class*="grid-lg"] > li {
    display: inline;
    float: left;
    height: auto;
    padding: 0 15px 30px;
}

[class^="grid-xs"].no-wrap,
[class*="grid-xs"].no-wrap,
[class^="grid-sm"].no-wrap,
[class*="grid-sm"].no-wrap,
[class^="grid-md"].no-wrap,
[class*="grid-md"].no-wrap,
[class^="grid-lg"].no-wrap,
[class*="grid-lg"].no-wrap {
    margin: 0 -15px;
}

[class^="grid-xs"].no-gutter > li,
[class*="grid-xs"].no-gutter > li,
[class^="grid-sm"].no-gutter > li,
[class*="grid-sm"].no-gutter > li,
[class^="grid-md"].no-gutter > li,
[class*="grid-md"].no-gutter > li,
[class^="grid-lg"].no-gutter > li,
[class*="grid-lg"].no-gutter > li {
    padding: 0;
}

/* extra small screen - effect from mobile landscape */
@media (min-width: 480px) {
    .grid-xs-1 > li {
        width: 100%;
    }

    .grid-xs-2 > li {
        width: 50%;
    }

    .grid-xs-3 > li {
        width: 33.33333%;
    }

    .grid-xs-4 > li {
        width: 25%;
    }

    .grid-xs-5 > li {
        width: 20%;
    }

    .grid-xs-6 > li {
        width: 16.66667%;
    }

    .grid-xs-7 > li {
        width: 14.28571%;
    }

    .grid-xs-8 > li {
        width: 12.5%;
    }

    .grid-xs-9 > li {
        width: 11.11111%;
    }

    .grid-xs-10 > li {
        width: 10%;
    }

    .grid-xs-11 > li {
        width: 9.09091%;
    }

    .no-margin-xs {
        margin: 0 !important;
    }

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

/* small screen - effect from tablet portrait */
@media (min-width: 768px) {
    .grid-sm-1 > li {
        width: 100%;
    }

    .grid-sm-2 > li {
        width: 50%;
    }

    .grid-sm-3 > li {
        width: 33.33333%;
    }

    .grid-sm-4 > li {
        width: 25%;
    }

    .grid-sm-5 > li {
        width: 20%;
    }

    .grid-sm-6 > li {
        width: 16.66667%;
    }

    .grid-sm-7 > li {
        width: 14.28571%;
    }

    .grid-sm-8 > li {
        width: 12.5%;
    }

    .grid-sm-9 > li {
        width: 11.11111%;
    }

    .grid-sm-10 > li {
        width: 10%;
    }

    .grid-sm-11 > li {
        width: 9.09091%;
    }

    .no-margin-sm {
        margin: 0 !important;
    }

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

/* medium screen - effect from tablet landscape */
@media (min-width: 992px) {
    .grid-md-1 > li {
        width: 100%;
    }

    .grid-md-2 > li {
        width: 50%;
    }

    .grid-md-3 > li {
        width: 33.33333%;
    }

    .grid-md-4 > li {
        width: 25%;
    }

    .grid-md-5 > li {
        width: 20%;
    }

    .grid-md-6 > li {
        width: 16.66667%;
    }

    .grid-md-7 > li {
        width: 14.28571%;
    }

    .grid-md-8 > li {
        width: 12.5%;
    }

    .grid-md-9 > li {
        width: 11.11111%;
    }

    .grid-md-10 > li {
        width: 10%;
    }

    .grid-md-11 > li {
        width: 9.09091%;
    }

    .no-margin-md {
        margin: 0 !important;
    }

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

/* large screen - effect from laptop */
@media (min-width: 1200px) {
    .grid-lg-1 > li {
        width: 100%;
    }

    .grid-lg-2 > li {
        width: 50%;
    }

    .grid-lg-3 > li {
        width: 33.33333%;
    }

    .grid-lg-4 > li {
        width: 25%;
    }

    .grid-lg-5 > li {
        width: 20%;
    }

    .grid-lg-6 > li {
        width: 16.66667%;
    }

    .grid-lg-7 > li {
        width: 14.28571%;
    }

    .grid-lg-8 > li {
        width: 12.5%;
    }

    .grid-lg-9 > li {
        width: 11.11111%;
    }

    .grid-lg-10 > li {
        width: 10%;
    }

    .grid-lg-11 > li {
        width: 9.09091%;
    }


}
.bg-darkblue {
    background-color: #2A3855 !important;
}
.join{    font-size: 33px;
    letter-spacing: normal;}
	.tesimonialbg{font-size: 13px;
    background: #fff;
         margin: 20px 20px 0px 20px;
    padding: 20px 20px 0px 20px;
    -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; min-height:200px;}
	.tesimonialbg2{font-size: 13px;
    background: #3A4867;
          margin: 0px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
   -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; color:#fff; font-size:22px;     font-size: 12px;
    letter-spacing: normal; }
.text-white{color:#fff;}


#footer {
    background-color: #000;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding-top: 30px;
    margin-top: 40px;
}
.footer-logo {
    margin-bottom: 20px;
}
#footer strong, #footer a {
    color: #fff;
}
.footer-logo img {
    width: 216px;
}
.footer-title {
    color: #fff;
    margin-bottom: 22px;
    font-size: 18px;
}
.me-list {
    list-style: none;
    padding: 0;
    margin-left: 0;
}
.me-list a {
    color: #2b2b2b;
	    font-size: 13px;
}

#footer .social-icon {
    font-size: 16px;
}
.header-social {
    font-size: 0;
    height: 27px;
}
.social-icon {
    list-style-type: none;
    margin: 0;
}
.social-icon li {
    display: inline-block;
    text-align: center;
}

#footer strong, #footer a {
    color: #fff;
}
.header-social a {
    font-size: 13px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 0;
    color: #000;
    background: #ffffff;
    border-radius: 50px;
    margin: 12px 4px 4px 4px;
}
.social-icon a {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    display: inline-block;
    line-height: 30px;
}
.footer p{    font-size: 13px;}

select {
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
  }