body{background-image:url(../images/backgrond-bg.jpg); background-repeat: repeat; font-family: "Raleway", sans-serif; letter-spacing: .5px;};

/*
.roboto-font-<uniquifier> {
font-family: "Roboto Slab", serif;
font-family: "Raleway", sans-serif;
}*/

h1{font-size: 40px; font-weight: 600; font-family: "Raleway", sans-serif;}
h2{font-size: 30px; font-weight: 600; }
h3{font-size: 25px; font-weight: 600}
h4{font-size: 22px; font-weight: 600;}
h5{font-size: 18px; font-weight: 600;}
h6{font-size: 18px; font-weight: 600;}
p{font-size: 16px; font-weight:normal;}

.shadow1{-webkit-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 15px 10px -8px rgba(0, 0, 0, 0.2);}
.shadow2{-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);}

.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-25{border-radius: 25px;}

.lightbg{background-color: #FAFBFF;}
.darkbotbg{background-color: #1A1E27;}
.lightyellow{background-color: #FFF3E2}
.lightblue{background-color: #E3EDFD}
.lightgreen{background-color: #D5F1E4}
.lightgray{background-color: #FBFCFF}
.lightred{background-color: #FDEDF1}


.bluecol{color: #47b16a;}
.darkbluecol{color: #3B3092;}
.darkcol{color: #232323;}

/*br{background-color: #F8F8F8; height: 1px; border-bottom: #F8F8F8 solid 1px; display: block;}*/
.br{border-bottom: #F8F8F8 solid 1px; display: block;}
.iconarrow{background-color: #47b16a; color: #ffffff;}

.ctabtn{text-decoration: none; background-color: #47b16a; color: #fff; padding: 10px 30px; border-radius: 5px; font-size: 16px; font-weight: 400;     display: inline-block;}
.ctabtn:hover{background-color: #207A3E; color: #fff; transition: background-color 0.9s;}
.ctabtn i{font-size: 14px; background-color: #fff; width: 30px; height: 30px; line-height: 30px; color: #47b16a; text-align: center; margin-left: 10px; border-radius: 50%}
.ctabtn:hover i{color: #fff; background-color: #47b16a; transition: background-color 0.9s;}

.ctabtn1 {text-decoration: none; background-color: #3B3092; color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 400; display: inline-block; text-transform: uppercase;}
.ctabtn1:hover{background-color: #fff; color: #47b16a; transition: background-color 0.9s;}
.ctabtn1 i{font-size: 14px; background-color: #fff; width: 20px; height: 20px; line-height: 20px; color: #47b16a; text-align: center; margin-left: 10px; border-radius: 50%}
.ctabtn1:hover i{color: #fff; background-color: #207A3E; transition: background-color 0.9s;}

.wacta{position: fixed; bottom: 35%; right: 40px; z-index: 1; display: none;}
.wacta a{color: #fff; text-decoration: none; background-color: #52E464; width: 40px;  height: 40px; display: grid; text-align: center; border-radius: 50%; line-height: 47px; display: none}
.wacta a i{font-size: 25px;}
.wacta a:hover{background-color: #3B3092;}
#whatsapp {display: none;}



/*Page Tittle */
.tittle{position: relative}
.tittle .tittlecopy span {font-size: 14px; text-transform: uppercase; font-weight: 400; color: #47b16a; padding: 0 0 0 21px; position: relative; display: inline-block; font-family: "Roboto Condensed", sans-serif; margin-bottom: 10px;}
.tittle .tittlecopy span:before { position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: #47b16a; content: ""; top: 5px; border-radius: 100%;}
.tittle .tittlecopy h1{font-family: "Roboto Slab", serif; margin-bottom: 10px; color: #232323; text-transform: capitalize}
.tittle .tittlecopy h1 tag{color: #47b16a}
.tittle .tittlecopy p{font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 400; margin-bottom: 20px; line-height: 25px; color: #444343;}
.tittle .tittlecopy a {text-decoration: none; background-color: #47b16a; color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 400; display: inline-block; text-transform: uppercase;}
.tittle .tittlecopy a:hover{background-color: #3B3092; color: #fff;}
.tittle .tittlecopy a i{font-size: 14px; background-color: #fff; width: 20px; height: 20px; line-height: 20px; color: #47b16a; text-align: center; margin-left: 10px; border-radius: 50%}
.tittle .tittlecopy a:hover i{color: #fff; background-color: #47b16a;}
.tittle .tittlecopy ul{list-style: none; padding: 0px; margin: 0px;}
.tittle .tittlecopy ul li{padding: 5px; font-size: 14px; color: #444343;}
.tittle .tittlecopy ul li::before {color: #444343; margin-right: 5px; font-family: "FontAwesome"; content: "\f0da";}

/*.tittle .tittlecopy ul li i{margin-right: 5px; display: }*/


.paginationdiv{position: relative; text-align: center;}




.bodysection, .fotsection{position: relative;}
/*top social bar*/
.topsocial{position: relative; border-bottom: #F8F8F8 solid 1px; padding: 5px;}
.topsocial i{font-size: 25px; margin-left: 10px; color: #47b16a;}
.topsocial a i {color: #47b16a; text-decoration: none;}
.topsocial a:hover i {color: #207A3E; }

/*Main Navbar*/
.mainnav{position: relative; padding: 0px;}
.mainnav .bg-white{ padding: 10px 12px;}
.navbar-collapse ul.navbar-nav{margin-left: 30px}
.mainnav .navbar-collapse ul.navbar-nav li.nav-item{text-transform: uppercase; font-size: 15px; font-weight: 700; color: #232323; }
.mainnav .navbar-collapse ul.navbar-nav li.nav-item a{color: #232323; }
.mainnav .navbar-collapse ul.navbar-nav li.nav-item a.active{color: #00194C; }
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul.dropdown-menu{border-radius: 0px;}
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul.dropdown-menu li a span{font-size: 12px; text-transform: none; color: #777}
.mainnav span a{text-decoration: none; background-color: #fff; border: #47b16a solid 1px; color: #47b16a ;padding: 13px 10px;border-radius: 5px;font-size: 14px;font-weight: 500;margin-right: 5px;}
.mainnav span a:hover{background-color: #207A3E; color: #fff; transition: background-color 0.9s;}}
.mainnav span a i{margin-left: 5px;font-size: 15px;}


/*Sub Menu  */
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul{padding: 0px;}
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul li a{padding: 8px 15px; border-bottom: #f6f6f6 solid 1px; text-transform: capitalize;}
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul li a:hover{background-color: #E3EDFD; color: #3B3092 !important;}
.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul li a h5{margin-bottom: 0px; font-size: 16px; font-weight: 600;}

/*Homepage banner */
.homeban{background-image: url(../images/Banner.png); height: 500px; background-position: center center; background-repeat: no-repeat; color: #ffffff; position: relative; background-size: cover;}
.homeban .homecopy{width: 500px; text-align: left; top: 20%; position: absolute}
.homeban .homecopy h1{font-size: 40px; font-weight: 600; font-family: "Roboto Slab", serif;  margin-bottom: 20px; text-transform: capitalize;}
.homeban .homecopy p{font-size: 16px; font-weight: 300; margin-bottom: 20px; letter-spacing: .5px;}

/*What we do */
.bodysection .wwd{position: relative; margin-bottom: 30px}
.bodysection .wwd .wwdimg img{width:100%}
.bodysection .wwd .wwdcopy{position: relative; margin-top: 5%}
.bodysection .wwd .wwdcopy span {font-size: 14px; text-transform: uppercase; color: #47b16a; padding: 0 0 0 21px; position: relative; display: inline-block; font-weight: 600;}
.bodysection .wwd .wwdcopy span:before { position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: #47b16a; content: ""; top: 5px; border-radius: 100%;}
.bodysection .wwd .wwdcopy h1{font-family: "Roboto Slab", serif; margin-bottom: 10px; color: #000}
.bodysection .wwd .wwdcopy h1 tag{color: #47b16a}
.bodysection .wwd .wwdcopy p{font-size: 16px; font-weight:400; margin-bottom: 20px; line-height: 25px; color: #000000; letter-spacing: .5px;}
.bodysection .wwd .wwdcopy a {text-decoration: none; background-color: #47b16a; color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 500; display: inline-block; text-transform: uppercase; margin-top: 10px;}
.bodysection .wwd .wwdcopy a:hover{background-color: #207A3E; color: #fff; transition: background-color 0.9s;}
.bodysection .wwd .wwdcopy a i{font-size: 14px; background-color: #fff; width: 30px; height: 30px; line-height: 30px; color: #47b16a; text-align: center; margin-left: 10px; border-radius: 50%}
.bodysection .wwd .wwdcopy a:hover i{color: #fff; background-color: #47b16a;  transition: background-color 0.9s;}

/*Homepage Services*/
.bodysection .services{position: relative; padding: 30px;}
.bodysection .services a .serdiv{position: relative; margin-bottom: 30px; background-color: #E3EDFD; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: all 0.3s ease; background: none;
    border: #a6dcfa solid 1px;}
.bodysection .services a .serimg{width: 20%; float: left; text-align: center; margin-right: 5%; }
.bodysection .services a .serimg img{width: 100%; margin-top: 0px;margin-bottom: 20px;}
.bodysection .services a .sercopy{ width: 75%; float: left; margin-top: 0px; margin-right: 0%;}
.bodysection .services a .sercopy h4{margin-bottom: 10px; color: #000; font-size: 20px}
.bodysection .services a .sercopy p{margin-bottom: 15px; color: #888888}


.bodysection .services a .serdiv:hover{background-color: #fff;
transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.bodysection .services a .serdiv:hover .sercopy p, .bodysection .services a:hover .sercopy h4{color: #000; transition: background-color 0.5s;}

/*Our Client Say*/
.bodysection .clients {position: relative}
.bodysection .clients .clientlogo{position: relative; margin-bottom: 20px;}
.bodysection clients .clientlogo .owl-nav{text-align: center}
.bodysection .clients .owl-nav button.owl-prev, .bodysection .clients .owl-nav button.owl-next{ width: 30px; height: 30px; font-size: 25px !important; background-color: #47b16a !important; margin: 5px; line-height: 10px !important; -webkit-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.2); border-radius: 50%; color: #ffffff !important}
.bodysection .clients .owl-nav button.owl-prev{left: 0px; position: absolute; bottom: 25px}
.bodysection .clients .owl-nav button.owl-next{right: 0px; position: absolute; bottom: 25px}
.bodysection .clients .owl-carousel .owl-stage-outer{ margin: auto; text-align: center;}
.bodysection .clients .owl-carousel .owl-stage-outer .owl-item .item h4{background-color: #fff; border-radius: 5px; padding: 30px; height: 80px; vertical-align: middle;}


/*textmonial*/
.textmonial{position: relative; margin: 10px 0px;}
.textmonial1{position: relative; padding: 50px 0px;}
.textmonial .clientbox{background-color: #fff; border: #EAECF8 solid 1px; padding:15px; transition: all 0.3s ease;}
.textmonial .clientbox:hover{ transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.textmonial .clientbox .star{margin-bottom: 10px;}
.textmonial .clientbox .star i{ color: #F9BF00; font-size: 20px; margin-right: 0px;}
.textmonial .clientbox .clienttext p{font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 15px; color: #000;}
.textmonial .clientbox .clientinfo{position: relative;}
.textmonial .clientbox .clientinfo .icon{width: 15%;float: left;margin-right: 2%;text-align: center}
.textmonial .clientbox .clientinfo .icon img{width: 80px; height: auto; margin: auto}
.textmonial .clientbox .clientinfo .copy{width: 83%; float: left; padding-top: 15px}
.textmonial .clientbox .clientinfo .copy h4{text-transform: uppercase}
.textmonial .owl-nav{text-align: center}
.textmonial .owl-nav button.owl-prev, .textmonial .owl-nav button.owl-next{ width: 30px; height: 30px; font-size: 25px !important; background-color: #47b16a !important; margin: 5px; line-height: 20px !important; border-radius: 50%; color: #fff !important;}




/*footer*/
footer{background-color: #fff; color: #000; padding: 20px 0px; border-top: #e6e6e6 dotted 1px;}
footer .info{ color: #C6C6C6; font-size: 13px; }
footer .info img{margin-top: 0px; width: auto; margin-bottom: 20px;}
footer .info p{color: #000; font-size: 13px; padding: 15px; margin-bottom: 0px;}
footer .botlinks{position: relative; margin-bottom: 10px;}
footer .botlinks h5{margin-bottom: 10px; font-weight: 500;}
footer .botlinks ul{list-style: none; margin: 0px; padding: 0px; }
footer .botlinks ul li a{padding: 5px 0px; display: block; text-decoration: none; color: #000; font-weight: 300; font-size: 14px;}
footer .botlinks ul li a i{font-size: 12px; margin-right: 7px;}
footer .botlinks ul li a:hover{color: #47b16a;}

footer .botlinks ul.services{list-style: none; margin: 0px; padding: 0px;}
footer .botlinks ul.services li a{padding: 5px 0px; text-decoration: none; color: #000; font-weight: 300; font-size: 14px; width: 48%; float: left; margin-right: 2%; display: inline-block;}
footer .botlinks ul.services li a i{font-size: 12px; margin-right: 7px;}
footer .botlinks ul.services li a:hover{color: #47b16a; }
footer .subscribe{ position: relative}
footer  .botsocial{position: relative; margin-bottom: 0px; padding: 0px 0px 10px;}
footer .botsocial{position: relative; margin-top: 10px}
footer .botsocial p{font-size: 14px; font-weight: 300; display: block; margin-bottom: 5px; width: 35%; margin-right: 10px; float: left;  color: #000;}
footer .botsocial a i{font-size: 16px; color: #3C4852; background-color: #e6e6e6; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; margin-right: 5px;}
footer .botsocial a:hover i{background-color: #47b16a; color: #ffffff; transition: background-color 0.9s;}
footer .copyright{ padding: 10px 0px 0px; margin: 0px; text-align: center;  color: #C6C6C6; font-size: 13px; border-top: #eee solid 1px;}


.breadcrumbbg{background-image: url(../images/breadcrumb.png); height: 60px; background-position: center center; background-repeat: no-repeat; color: #ffffff; position: relative; background-size: cover;}
.breadcrumbbg nav ol.breadcrumb{margin-top: 20px; color: #ffffff;}
.breadcrumbbg nav ol.breadcrumb li a{color: #ffffff; text-decoration: none}
.breadcrumbbg nav ol.breadcrumb li{color: #ccc; text-decoration: none}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}


.aboutus{position: relative;}
.aboutus .aboutimg{position: relative}
.aboutus .aboutcopy{position: relative; margin-top: 10%}
.aboutus .aboutcopy span {font-size: 14px; text-transform: uppercase; color: #47b16a; padding: 0 0 0 21px; position: relative; display: inline-block; font-weight: 600;}
.aboutus .aboutcopy span:before { position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: #47b16a; content: ""; top: 5px; border-radius: 100%;}
.aboutus .aboutcopy h1{font-family: "Roboto Slab", serif; margin-bottom: 10px; color: #000}
.aboutus .aboutcopy h1 tag{color: #47b16a}
.aboutus .aboutcopy p{font-size: 16px; font-weight:400; margin-bottom: 20px; line-height: 25px; color: #000; letter-spacing: .5px;}
.aboutus .aboutcopy a {text-decoration: none; background-color: #47b16a; color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 500; display: inline-block; text-transform: uppercase; margin-top: 10px;}
.aboutus .aboutcopy a:hover{background-color: #3B3092; color: #fff; transition: background-color 0.9s;}
.aboutus .aboutcopy a i{font-size: 14px; background-color: #fff; width: 30px; height: 30px; line-height: 30px; color: #47b16a; text-align: center; margin-left: 10px; border-radius: 50%}
.aboutus .aboutcopy a:hover i{color: #fff; background-color: #47b16a;  transition: background-color 0.9s;}


.aboutus .mvimgcopy{margin: 30px 0px; background-color: #FBFCFF; border-radius: 5px; height:  490px; }
.aboutus .mvimgcopy img{width: 100%; height: auto;}
.aboutus .mvimgcopy h2{ margin-top: 20px; font-family: "Roboto Slab", serif; color: #00194C;}
.aboutus .mvimgcopy p{ padding: 10px 20px; font-size: 18px; font-weight: 500;}

.corevalue{position: relative; margin: 10px auto}
.corevalue ul{list-style: none; margin: 0px; padding: 0px;}
.corevalue ul li{ width: 19%; margin-right: 1%; float: left; text-align: center; padding: 25px 20px; border-radius: 5px;  transition: .5s; height: 330px; background-color: #E3EDFD; background: none;
    border: #a6dcfa solid 1px;} 
.corevalue ul li:hover{background-color: #fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); transform: scale(1.05); z-index: 2;}
.corevalue ul li i{background-color: #ffffff; width: 70px; height: 70px; font-size: 33px; color: #47b16a; border-radius: 50%;
line-height: 70px; margin-bottom: 10px; border: #EAECF8 solid 1px;     transition: all 0.5s ease;}
.corevalue ul li h5{color: #000000; font-weight: 600; padding: 10px 12px; margin-bottom: 0px;}
.corevalue ul li p{ font-size: 14px; color: #333; font-weight: 500; margin-bottom: 0px;}
.corevalue ul li:hover i{transform: rotateY(180deg); background-color: #47b16a; color: #ffffff;}
.culture{position: relative; margin: 30px auto}
.culture .cultureimg{width: 100%; height: auto;}
.culture .cultureimg img{width: 100%; height: auto;}
.culture .culturecopy h3{color: #00194C}
.culture .culturecopy p{color: #707070; font-weight: 500;}

.wcu{position: relative; margin: 30px auto; padding-bottom: 5px;}
.wcu .wcubox{background-color: #fff; padding: 20px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; height: 140px; transition: all 0.4s ease;     position: relative;
    overflow: hidden;}
.wcu .wcubox .icon {width: 12%; margin-right: 2%; float: left;}
.wcu .wcubox .icon i{width: 60px; height: 60px; border-radius: 5px; text-align: center; line-height: 60px; font-size: 30px; color: #47b16a; background-color: #E9F2FF; margin: 10px auto; display: block; transition: all 0.5s ease;}
.wcu .wcubox .copy {width: 86%; float: left; padding: 0px 10px}
.wcu .wcubox .copy h4{color: #00194C; font-weight: 600;}
.wcu .wcubox .copy  p{color: #707070; font-weight: 500;}
.wcu .wcubox:hover i{ color: #fff; background-color: #47b16a; transform: rotateY(180deg);}

.wcu .wcubox:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transform: translateY(-5px);}


.wcu .wcubox::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #5d57f4; transform: scaleY(0); transform-origin: bottom; transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);}
.wcu .wcubox:hover::before {transform: scaleY(1);}

.iwww{position: relative; margin: 10px auto}
.iwww ul{list-style: none; margin: 0px; padding: 0px;}
.iwww ul a{color: #000}
.iwww ul a li{ width: 19%; margin-right: 1%; float: left; text-align: center; padding: 20px 15px; border-radius: 5px; transition: all 0.3s ease; background-color: #E3EDFD; height: 275px; margin-bottom: 20px; background: none;
    border: #a6dcfa solid 1px;}
.iwww ul a li:hover{background-color: #fff;     transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.iwww ul a li i{background-color: #ffffff; width: 70px; height: 70px; font-size: 33px; color: #3B3092; border-radius: 50%;
line-height: 70px; margin-bottom: 10px; border: #EAECF8 solid 1px;     transition: all 0.5s ease;}
.iwww ul a li h5{color: #00194C}
.iwww ul a li p{font-size: 15px; color: #222; font-weight: 500; margin-bottom: 0px;}
.iwww ul a li:hover i{transform: rotateY(180deg); background-color: #47b16a; color: #ffffff;}

.leadership{position: relative; padding: 40px 0px;}
.leadership ul{list-style: none; margin: 0px; padding: 0px;}
.leadership ul li{ width: 19%; margin-right: 1%; float: left; text-align: center; padding: 25px 0px 0px; border-radius: 5px; position: relative}
.leadership ul li a img{width: 100%; height: auto; border-radius: 5px; }
.leadership ul li a .leadername{position: absolute; bottom: 0px; text-align: center; margin: auto; background-color: #00000080; padding: 10px 10px 0; width: 100%; border-radius: 0px 0px 5px 5px;}
.leadership ul li a .leadername h4{color: #ffffff; margin-bottom: 0px}
.leadership ul li a .leadername span{color: #ffffff;  margin-bottom: 5px; display: block}

.leadership a .leaderbox{position: relative;background-color: #fff; padding: 10px}
.leadership a .leaderbox .leaderimg{width: 35%; float: left; margin-right: 10px}
.leadership a .leaderbox .leaderimg img{width: 100%; border-radius: 5px}
.leadership a .leaderbox .leadercopy{width: 63%; float: left}
.leadership a .leaderbox .leadercopy p{color: #000; font-size: 15px;}
.leadership a .leaderbox .leadercopy span{text-align: right; color: #3B3092; font-weight: 500; display: block; }
.leadership a .leaderbox .leadercopy .leadername h4{color: #3B3092; margin-bottom: 0px; font-weight: 500; font-size: 20px}
.leadership a .leaderbox .leadercopy .leadername span{color: #52E464;  margin-bottom: 5px; display: block; text-align: left}

.globalbg{ position: relative;
  /*
  background-image: url(../images/map.png);
  height: 290px; background-position: center center; background-repeat: no-repeat; color: #ffffff; position: relative; background-size: cover;
  */
  padding: 0px 0px; margin-top: 10px;}
.globalbg h1{ margin-bottom: 20px; margin-top: 50px}
.globalbg h4{ margin-bottom: 20px; padding: 10px 10px; font-weight: 500; color: #00194C;}
.globalbg img{width: auto;}

/*Services Pages */
.services{position: relative; margin: 30px 0px;}
.services .servicescopy{position: relative; margin-top: 5%}
.services .servicescopy h2{color: #3B3092; margin-bottom: 15px;}
.services .serviceslist {background-color: #E3EDFD; padding: 15px; text-align: center; margin-bottom: 30px; border-radius: 5px; height: 270px; transition: all 0.3s ease; background: none;
    border: #a6dcfa solid 1px;}
.services .serviceslist:hover{background-color: #fff; transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}

.services .serviceslist h3{color: #00194C; font-weight: 700; padding: 10px 30px}
.services .serviceslist p{color: #000; font-weight: 400; }



.contact{padding: 50px 0px;}
.contact .contactbox{background-color: #fff; padding: 10px; margin-bottom: 15px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px;  transition: all 0.4s ease; position: relative; overflow: hidden;}
.contact .contactbox .icon {width: 20%; margin-right: 2%; float: left;}
.contact .contactbox .icon i{width: 40px; height: 40px; border-radius: 5px; text-align: center; line-height: 40px; font-size: 20px; color: #47b16a; background-color: #E9F2FF; margin: 5px auto; display: block; transition: all 0.5s ease;}
.contact .contactbox .copy {width: 75%; float: left; padding: 0px 10px}
.contact .contactbox .copy h4{color: #00194C; font-weight: 600; margin-top: 10px; margin-bottom: 0px; font-size: 18px}
.contact .contactbox .copy  p{color: #707070; font-weight: 500; margin-bottom: 0px; font-size: 14px; font-family:sans-serif}
.contact .contactbox:hover i{ color: #fff; background-color: #47b16a; transform: rotateY(180deg);}
.contact .contactbox:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transform: translateY(-5px);}
.contact .contact-page-form input {background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #f9f9f9; margin-bottom: 20px; padding: 12px 15px; width: 100%; border-radius: 4px;}
.contact .contact-page-form .message-input {display: inline-block; width: 100%; padding-left: 0;}
.contact .single-input-field textarea { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #f9f9f9; width: 100%; height: 120px; padding: 12px 16px; border-radius: 4px;}
/*
.contact .single-input-fieldsbtn input[type="submit"] {
  background: #fda40b none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 0;
  text-transform: capitalize;
  width: 150px;
  margin-top: 20px;
  font-size: 16px;
}
.contact .single-input-fieldsbtn input[type="submit"]:hover{background:#071c34;transition: all 0.4s ease-in-out 0s;border-color:#071c34}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
*/
.contact .contact-page-form {display: inline-block; width: 100%; margin-top: 30px;}
.contact .contact-page-map {margin-top: 36px;}
.contact .contact-page-form form {padding: 0px;}
.contact .contactbox::before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #5d57f4; transform: scaleY(0); transform-origin: bottom; transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);}
.contact .contactbox:hover::before {transform: scaleY(1);}



.industries{padding: 40px 0px;}
.stories{padding: 40px 0px; /*background-color: #F8F8F8;*/}
/*
.stories .storiesbox{    text-align: left;
    padding: 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
    background-color: #E3EDFD;
    margin-bottom: 20px;}
    */

.stories .storiesbox{text-align: center; padding:  15px; border-radius: 5px; transition: all 0.3s ease; background-color: #E3EDFD; margin-bottom: 20px; min-height: 325px;}
.stories .storiesbox:hover{background-color: #fff;     transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.stories .storiesbox i{background-color: #ffffff; width: 70px; height: 70px; font-size: 33px; color: #3B3092; border-radius: 50%;
line-height: 70px; margin-bottom: 10px; border: #EAECF8 solid 1px;     transition: all 0.5s ease;}
.stories .storiesbox h5{color: #00194C; font-weight: 600; font-size: 23px}
.stories .storiesbox p{font-size: 15px; color: #555; font-weight: 500; margin-bottom: 10px; text-align: left; }
.stories .storiesbox:hover i{transform: rotateY(180deg); background-color: #47b16a; color: #ffffff;}
.stories .storiesbox p b{color: #000}

.stories .storiestab{position: relative; }
.stories .storiestab a{width: 20%; text-align: center; color: #000; background-color: #EFF1FE; border-radius: 0px; border: 0px; font-weight: 600; padding: 10px 20px; cursor: pointer}
.stories .storiestab a.active{color: #3B3092; background-color: #ffffff; }
.stories .storiestab .tab-content{ padding: 10px;}
.stories .storiestab .tab-content .heading{text-align: center}
.stories .storiestab .tab-content .heading span{color: #888888; font-size: 15px; font-weight: 400;}
.stories .storiestab .tab-content .heading h2{font-size: 30px; color: #00194C; font-weight: 500;}
.stories .storiestab .tab-content h3{font-size: 24px; color: #000; font-weight: 500;}
.stories .storiestab .tab-content h3 span{background-color: #EFF1FE; display: inline-block; font-weight: 600; font-size: 16px; padding: 10px 20px; float: right; margin-left: 10px; border-radius: 5px;}
.stories .storiestab .tab-content h3 span i{color: #FF0000; font-size: 20px;}
/*.stories .storiestab .tab-content .challenges h3{margin-bottom: 10px;}*/
.stories .storiestab .tab-content .challenges .challengesbox{background-color: #F4F4F4; padding: 15px;}
.stories .storiestab .tab-content .challenges .challengesbox .prob{background-color: #ffffff; padding: 10px; border-radius: 5px; margin-bottom: 15px; font-size: 18px; font-weight: 600;}
.stories .storiestab .tab-content .challenges .challengesbox .impa{background-color: #ffffff; padding: 10px; border-radius: 5px; font-size: 16px; color: #444343; font-weight: 500;}
.stories .storiestab .tab-content .challenges .challengesbox .prob i, .stories .storiestab .tab-content .challenges .challengesbox .impa i{color: #FF0000; font-size: 25px; margin-right: 10px;}

.stories .storiestab .tab-content .challenges .bdbox{position: relative; border: #E6E6E6 solid 1px; border-radius: 5px; padding: 15px; margin-bottom: 20px;  transition: all 0.3s ease; min-height: 257px;}
.stories .storiestab .tab-content .challenges .bdbox i{ width: 90px; height: 90px; background-color: #EFF1FE; font-size: 45px; line-height: 90px; text-align: center; color: #3B3092; border-radius: 50%; margin-bottom: 15px;}
.stories .storiestab .tab-content .challenges .bdbox ul{list-style: square; padding: 0px; margin: 0 0 0 0px;}
.stories .storiestab .tab-content .challenges .bdbox ul li{ margin-left: 15px; font-size: 14px; font-weight: 500; position: relative;}
.stories .storiestab .tab-content .challenges .bdbox ul li ul{list-style: circle ; margin-left: 10px; padding-left: 0px }
.stories .storiestab .tab-content .challenges .bdbox ul li ul li{ font-size: 14px; right: 15px; font-weight: 500}
.stories .storiestab .tab-content .challenges .bdbox:hover{ transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}

.stories .storiestab .tab-content .challenges .solution{position: relative; margin: 15px 0px 30px;}

.stories .storiestab .tab-content .challenges .solution .soldiv{background-color: #EFF1FE;}
.stories .storiestab .tab-content .challenges .solution .soldiv ul{list-style: none; padding: 0px; margin: 0px;}
.stories .storiestab .tab-content .challenges .solution .soldiv ul li{width: 25%; display: block; float:left; border-right: #ffffff solid 1px; margin-right: 0%; padding: 20px;}
.stories .storiestab .tab-content .challenges .solution .soldiv ul li h5{color: #00194C; font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.stories .storiestab .tab-content .challenges .solution .soldiv ul li .icontext i{font-size: 66px; color: #00194C; float: left}
.stories .storiestab .tab-content .challenges .solution .soldiv ul li .icontext span{font-size: 35px;; color: #3B3092; float: left; margin-left: 20px; font-weight: 600; font-family: "Roboto Slab", serif;}
.stories .storiestab .tab-content .challenges .solution .soldiv ul li p{font-size: 15px; font-weight: 500; margin-top: 15px;}
/*.stories .storiestab .tab-content .challenges .client{}*/
.stories .storiestab .tab-content .challenges .client{background-color: #fff; padding:10px; box-shadow: none !important;}

.stories .storiestab .tab-content .challenges .client .star{margin-bottom: 10px;}
.stories .storiestab .tab-content .challenges .client .star i{ color: #F9BF00; font-size: 20px; margin-right: 0px;}
.stories .storiestab .tab-content .challenges .client .clienttext p{font-size: 15px; font-weight: 400; line-height: 23px; margin-bottom: 15px; color: #000;}
.stories .storiestab .tab-content .challenges .client .clientinfo{position: relative;}
.stories .storiestab .tab-content .challenges .client .clientinfo .icon{width: 10%; float: left; margin-right: 1%;text-align: center}
.stories .storiestab .tab-content .challenges .client .clientinfo .icon img{width: 80px; height: auto; margin: auto}
.stories .storiestab .tab-content .challenges .client .clientinfo .copy{width: 89%; float: left; padding-top: 5px}
.stories .storiestab .tab-content .challenges .client .clientinfo .copy h4{text-transform: uppercase; margin-bottom: 0px; color: #000;}
.stories .storiestab .tab-content .challenges .client .clientinfo .copy p{margin-bottom: 0px; font-weight: 500;}
.stories .storiestab .tab-content .challenges .client .clientinfo .copy span{font-size: 14px; color: #444343; font-weight: 500;}

.stories .storiestab .tab-content .challenges .solution .healthbox{position: relative; padding: 20px;}
.stories .storiestab .tab-content .challenges .solution .healthbox i{width: 60px; height: 60px; background-color: #EFF1FE; font-size: 25px; line-height: 60px; text-align: center; color: #3B3092; border-radius: 50%; margin-bottom: 15px;}
.stories .storiestab .tab-content .challenges .solution .healthbox h5{text-transform: capitalize; margin-bottom: 10px; color: #3B3092;}
.stories .storiestab .tab-content .challenges .solution .healthbox p{margin-bottom: 0px; font-size: 15px; font-weight: 500;}






.partnerform{position: relative;}
.partnerform form .form-label{ font-weight: 500; font-size: 16px; color: #000; }
.partnerform form .form-control, .partnerform form .form-select{background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #f9f9f9; margin-bottom: 20px; padding: 12px 15px; display: block; border-radius: 4px;}
.partnerform form .submitbtn{background-color: #47b16a; width: 200px; color: #ffffff; border: 0px; padding: 10px; border-radius: 5px; margin-right: 20px; font-weight: 400; font-size: 17px}

.partnerform form textarea::placeholder, .partnerform form input::placeholder {opacity: 0.4; color: #232323;}
.partnerform form .input-group button{ padding: 0px 15px; margin: 0px; border: 0px; height: 50px; font-weight: 500; background-color: #3B3092; color: #fff; border-radius: 5px;}


/*Homepage Services*/
.services{position: relative; padding: 30px;}
.services a .serdiv{position: relative; margin-bottom: 30px; background-color: #E3EDFD; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: all 0.3s ease;}
.services a .serimg{width: 20% !important; float: left; text-align: center; margin-right: 5%; }
.services a .serimg img{width: 100%; margin-top: 0px;}
.services a .sercopy{ width: 75%; float: left; margin-top: 0px; margin-right: 0%;}
.services a .sercopy h4{margin-bottom: 10px; color: #000; font-size: 20px}
.services a .sercopy p{margin-bottom: 15px; color: #333; font-weight: 400;}


.services a .serdiv:hover{background-color: #fff; transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);}
.services a .serdiv:hover .sercopy p, .bodysection .services a:hover .sercopy h4{color: #000; transition: background-color 0.5s;}




/*main menu drop down menu come on mouse hover */
@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
}

@media screen and (max-width: 991px) {
  .mainnav span{display: block;}
  .dropdown-toggle.show::after { border-top: 0; border-bottom: 0.3em solid; }
  .bodysection{padding: 0px !important; }
  .tittle{width: 100% !important}
  .bodysection .clients {position: relative; padding: 10px !important;}
  .wacta{right: 7px; bottom: 15%;}
  .clientsay .teamwidth{width: 50%}
  .bodysection .services{padding: 30px 0px;}
  .homeban .homecopy { width: 95%; top: 10%; padding: 20px;}
  .bodysection .services a .serimg, .bodysection .services a .sercopy{width: 100% !important; text-align: center;}
  .bodysection .services a .serimg img{width: auto; margin-top: 0px;margin-bottom: 20px;}
  footer .botlinks ul{margin-bottom: 20px;}
  footer .botlinks ul li{width: 100%; display: inline-block;margin-right: 1%;}
  footer .botlinks ul.services li a, footer .botlinks ul li a{width: 100%; font-size: 13px;}
  .corevalue ul li, .iwww ul a li{width: 100%; height: auto;}
  .wcu .wcubox{height: auto;}
  .wcu .wcubox .icon{ width: 20%;}
  .wcu .wcubox .copy{width: 75%;}
  .textmonial .clientbox .clientinfo .icon{ width: 25%;}
  .wcu .wcubox .copy, .textmonial .clientbox .clientinfo .copy{width: 70%;}
  .leadership ul li{width: 48%;}
  .leadership ul li a .leadername h4{font-size: 18px; margin-bottom: 0px;}
  .leadership ul li a .leadername span{font-size: 14px;}
  .globalbg{padding: 10px 0px;}
  .globalbg h4{ padding: 10px 10px; font-size: 18px;}
  .bodysection .clients .owl-nav button.owl-next, .bodysection .clients .owl-nav button.owl-prev{bottom: 40px;}
  .globalbg img{width: 100%;}
  .globalbg h1{ margin-bottom: 20px; margin-top: 20px}
  .stories .storiestab a{width: 100%; margin-bottom: 1px;}
  .stories .storiestab .tab-content .challenges .challengesbox{margin-bottom: 6px; border-radius: 5px;}
  .stories .storiestab .tab-content .challenges .solution .soldiv ul li {width: 100%; border-right: #ffffff solid 0px;}
  .stories .storiestab .tab-content .challenges .client .clientinfo .icon{width: 30%}
  .stories .storiestab .tab-content .challenges .client .clientinfo .copy{width: 69%;}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item a {display: inline-block;}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item a::after {display: none;}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item button::after{display: inline-block}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item a {display: inline-block; white-space: normal;}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item a::after {display: none;}
  .mainnav .navbar-collapse ul.navbar-nav li.nav-item button::after{display: inline-block}
  /*.mainnav .navbar-collapse ul.navbar-nav li.nav-item ul.dropdown-menu {border-radius: 0px; width: 390px;  width: 250px;  max-width: 100%; overflow: auto; text-overflow: ellipsis;}*/
  .navbar-collapse ul.navbar-nav{margin-left: 0px;}
  .services .serviceslist{ height: auto;}
  .breadcrumbbg{ height:Â auto;}
  
}