/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}


.container {
	width: 1280px;
	margin: auto;
}
body{
    /*margin-bottom: 280px;*/
    background:#fff;
    margin:0;
    padding:0;
    box-sizing:border-box;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}
.onecol_forty {
	width: 40%;
}
.onecol_sixty {
	width: 56%;
}
.onecol_thirtyfive {
	width: 35%;
}

/* Less Space Bitween Columns */
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 2%;
	float: left;
}
.one_full_less {
	width: 100%;
}
.one_half_less {
	width: 49%;
}
.one_third_less {
	width: 32%;
}
.one_fourth_less {
	width: 23.500%;
}
.one_fifth_less {
	width: 18.400%;
}
.two_third_less {
	width: 66%;
}
.three_fourth_less {
	width: 74.500%;
}
.onecol_forty_less {
	width: 40%;
}
.onecol_sixty_less {
	width: 58%;
}
.onecol_thirtyfive_less {
	width: 36.250%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}


/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

/* Logo */
#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 55px;
	margin-top:-22px;
	position: relative;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat left top;	z-index: 9999;	
}

/* header area adinationals */
.logo {
	float: left;
	width: 20%;
	margin-top: 5px;
}

.menu_main {
	float: left;
	width: 80%;
	z-index: 9999;margin-top: 5px;
}

.mstslider {
	width: 100%;
	float: left;
}

/* top navigations */
.top_nav {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 14px;
	color: #000;font-family: "Roboto", sans-serif;
z-index: 9;
    position: fixed;
}
 .top_nav .dropdown-menu{
    min-width: 300px;
 }
 .top_nav .dropdown-menu li{
    display: block !important;
    width: 100% !important;
    margin: 0px 30px 0px 0px !important;
 }
  .top_nav .dropdown-menu  a{
    display: block !important;
    width: 100% !important;
    border-radius:0px !important;
    text-align: left !important;
 }
.top_nav .dropdown:hover .dropdown-menu{display: block;}

 .top_nav .dropdown-menu  a:focus{
        background: #f47b3b;
    color: #fff !important;
}
.top_nav .left {
	float: left;
	width: 30%;
	padding: 7px 0px;
}
.top_nav .left i {
	color: #c3c3c3;
}
.top_nav .left a {
	color: #c3c3c3;
	margin-right: 25px;
}

.top_nav .left a:hover {
	color: #999;
	transition: all 0.3s ease;
}
.top_nav .right {
	float: left;
	width: 70%;
	text-align: right;
}
.top_nav ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	padding: 9px 0px;
}
.top_nav .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 14px 0px 0px;
}
.top_nav .topsocial li:last-child {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.top_nav .topsocial li a {
	float: left;
	color: #000;
	font-size: 15px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav .topsocial li a:hover {
	color: #f37330;
}
.top_nav .topsocial .active{ color: #f37330;}



.tpbut {
	float: right;
	color: #c3c3c3;
	margin-left: 0px;
	padding: 7px 18px;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	transition: all 0.3s ease;
}
.tpbut:hover, .tpbut.active {
	color: #999;
	background: #f9f9f9;
}
.tpbut.two {
	border-right: 1px solid #f3f3f3;
	border-left: none;
}

.slidermar {
	margin-top: 94px;
}

.banner-section{background: #fafaf5 url(../images/banner-image2.jpg) no-repeat scroll right bottom; height: 100vh; position: relative; background-size: 100%;}

.banner-text {position: absolute;top:350px;}

.banner-text h1{    font-family: 'Roboto', serif;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    width: 50%;
    line-height: 64px;}

.banner-text p{font-family: 'Roboto', serif; color: #fff; font-size: 18px; font-weight: 400; width: 43%; line-height: 40px;}

.services-section .col-md-4{background-color: #fff;}

.services-box{ margin-top: -50px; background-color: #fff; height: 100px; padding: 25px;border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

.services-box span {
    font-size: 30px;
    color: #f37330;
    float: left;
    margin-right: 25px;
    margin-bottom: 50px;
        margin-top: 1px;
}
.services-box h6 {
    font-family: 'Roboto', serif; color: #000; font-size: 16px; font-weight: 500;margin-bottom: 2px;
}

.services-box h4 {
    font-family: 'Roboto', serif; color: #000; font-size: 14px; font-weight: 400;
}


@keyframes spinning {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
  }
  .spin {
    animation-name: spinning;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    /* linear | ease | ease-in | ease-out | ease-in-out */
    animation-timing-function: linear;
    width: 150px;
    height: 150px;
    float: right;
  }

 .second-image{margin-top: -140px;}

 .welcome-text h1{font-family: 'Lora', serif; color: #000; font-size: 28px; font-weight: 500; padding-top: 100px;}

 .welcome-text h1 span{font-family: 'Lora', serif; color: #009739; font-size: 28px; font-weight: 600;}

 .welcome-text p{ font-family: 'Roboto', sans-serif;color: #000; font-size: 16px; font-weight: 400; line-height: 30px;}

 .more-information{background: #009037; 
 	padding: 10px 25px; border-radius: 25px; 
 	font-family: 'Roboto', sans-serif;
 	color: #fff; 
 	font-size: 16px; 
 	font-weight: 400;
 	letter-spacing: 0.5px;
 	margin-top: 35px; 
 	display: inline-block;}

.solutions-section{background-color: #000;
    padding: 16px 0 16px;}

.solutions-section-left{width: 20%; float: left; margin-right: 10%;}

.solutions-section-left h2{font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;margin-bottom: 0px;}

.solutions-section-center{width: 40%; float: left; margin-right: 15%;}

.solutions-section-center p{font-family: 'Roboto', sans-serif;
    color: #afafaf;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.5px;
    padding-top: 10px; text-align: justify;}

.solutions-section-right{width: 15%; float: left;}

.solutions-section-right .solutions-btn {
    border: 1px solid #f37330;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif;
    height: 82px;
    width: 82px;
    text-align: center;
    display: inline-block;
    padding-top: 16px;
    margin-top: 6px;
    background-color: #f37330;
}
.solutions-section-right .solutions-btn:hover{
	border: 1px solid #dc5813;
    background-color: #f37330;
    color: #fff;
	 }

.industry{padding: 30px 0;}

.industry h1{
	    color: #000;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize; text-align: center;
    letter-spacing: 0.5px;    margin-bottom: 12px;}

.industry p{
	    color: #5a5a5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;text-align: center;
    letter-spacing: 0.5px;}

.industry-box{width: 20%; float: left; text-align: center;}  

.border-right{border-right: 1px solid #eee}

 .border-bottom{border-bottom: 1px solid #eee}

.industry-box-text{padding: 20px 20px;}

.industry-box-text img{
    width: 50px;
    height: 50px;
    margin: 0 auto 20px auto;
}

.industry-box-text h4{font-size: 20px;
    font-style: normal;
    font-weight: 500;font-family: 'Roboto', sans-serif; color: #000
}



.product-section{    background-color: #121212;
    padding: 25px 0 35px;}

.product-section-left{width: 20%; float: left; margin-right: 10%;}

.product-section-left h2{font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;margin-bottom: 0px;}

.product-section-center{width: 40%; float: left; margin-right: 15%;}

.product-section-center p{font-family: 'Roboto', sans-serif;
    color: #afafaf;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.5px;
    padding-top: 10px; text-align: justify;}

.product-section-right{width: 15%; float: left;}

.product-section-right .product-btn{
	    border: 1px solid #f37330;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif;
    height: 82px;
    width: 82px;
    text-align: center;
    display: inline-block;
    padding-top: 16px;
    margin-top: 6px;
    background-color: #f37330;
	 }

.product-section-right .product-btn:hover{
	border: 1px solid #dc5813;
    background-color: #f37330;
    color: #fff;
	 }

.product-text-left{width: 30%; float: left; margin-right: 5%}

.product-text-left img{width: 82%;}

.product-text-right{width: 65%; float: left; margin-right: 0%}

.product-box{    border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c;
    padding-top: 5px;
    padding-bottom: 7px;
    display: inline-block;
    color: #afafaf;}

.product-box:hover{color: #fff; }


.product-box h2{
    font-size: 21px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif; font-weight: 600;
}

.product-box p{
       font-size: 15px;
    letter-spacing: 0.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 25px;
}

.product-box-1{width: 5%; float: left; margin-right: 5%; padding-top: 15px;}

.product-box-1 h2{font-size: 32px;}

.product-box-2{width: 30%; float: left; margin-right: 7%}

.product-box-3{width: 45%; float: left; margin-right: 3%}

.product-box-4{width: 5%; float: left;}

.product-box-4 i {transform: rotate(-45deg);  padding-top: 40px; font-size: 33px; color: #fff;}





.technologies-section{    background: #fffaf8;
    padding: 35px 0 30px;}


.technologies-section h1{
	    color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    letter-spacing: 0.5px;margin-bottom: 16px;}

.technologies-section p{
	color: #5a5a5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 0px;}


.blog {
    padding: 29px 0;
}
.blog h5{
	color: #ff6d21;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px; text-align: center;margin-bottom: 0px;
}

.blog h1{
	color: #000;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 0px;
    text-align: center;
    margin-bottom: 20px;
}


.blog-box{width: 30%; float: left; margin-right: 5%}

.blog-box:last-child{ margin-right: 0%}

.blog-box img{padding-bottom: 15px;}

.blog-box h6{color: #ff6d21;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px; }

.blog-box h3{
	    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 21px;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 15px;
}

.read-more{color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

.read-more i{ color: #ff6d21;}

.whyus-section{background-image: linear-gradient(180deg, #070035, #000004); padding: 30px 0 10px;}

.whyus-section h4{
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal; font-family: 'Roboto', sans-serif; letter-spacing: 0.8px;margin-bottom: 5px;
}

.trusted-line {
    background: #FC5743;
    height: 4px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


.whyus-section .why-text {
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 112.5% !important;
    text-transform: capitalize !important;
    background: linear-gradient(264deg, #ff745c 0%, #9dacff 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;font-family: 'Roboto', sans-serif;    margin-bottom: 9px;
}
.trusted-line-text-main {
    margin-left: 60px;
}

.white-common-paragraph {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
        line-height: 26px;font-family: 'Roboto', sans-serif; letter-spacing: 0.5px;    text-align: justify;
}

.whyus-box{width: 23%; float: left; margin-right:2.666%; border:1px solid #404040; border-radius: 20px; padding: 25px 0px; margin-bottom: 35px; }

.whyus-box:nth-child(4n+4){ margin-right:0% }

.whyus-box h3{color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; font-family: 'Roboto', sans-serif; letter-spacing: 0.8px; padding-top: 25px;     margin-bottom: 0px;}


.about-us-section{background: #fff; padding-bottom: 25px; }

.about-us-left{    width: 51%;
    float: left;
    margin-right: 10%;}

.about-us-right{width: 39%; float: left; margin-left: 0%}

.about-us-section h1{
	color: #fff;
    font-size: 140px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;  text-align: right; text-shadow: 0 0 2px #bfbfbf, 0 0 2px #bfbfbf; margin-top: 70px;  margin-bottom: 80px;}

.about-us-left h6{
	color: #ffcb12;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px; margin-bottom: 20px; border-left:  3px solid #ffcb12; padding-left: 10px; line-height: 20px;margin-top: 80px;}


.about-us-left h3{
	color: #000;
    font-size: 42px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    line-height: 68px;}

.about-us-left p{
	color: #000;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;
    line-height: 65px;
  }

.about-us-left p i{
  color: #f37330;
    font-size: 18px;
        top: 3px;
    position: relative;
  }


 .whatwedo span {
    font-size: 18px;
    color: #f37330;
    float: right;
   
}

 .whatwedo {
        text-align: left;
    margin-bottom: 18px;
}

.whatwedo h4 {
        font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
    
}

.whatwedo p {
    font-size: 15px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: 22px;
}

.whatwedo p i{
    font-size: 15px;
    color: #f37330;
    font-weight: 400;
        top: 3px;
    position: relative;
}




.welcome-text h2 {
        float: left;
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Roboto', serif;
    /* font-family: 'Playfair Display', serif; */
    color: #151743;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.welcome-text h5 {
    float: left;
    width: 96%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    font-family: "Roboto",sans-serif;
    color: #454545;
    margin-bottom: 40px;
    line-height: 27px;
    margin: 0 auto;
    text-align: justify;
   
}

.welcome-text h5 span {
    color: #f37330;
}

.welcome-text h2 span {
    color: #f37330;
}



.footer{    background: #000a2c;
    position: relative;   
     width: 100%;
    float: left;
    margin: 0;
    padding-top: 20px;
    /*position: fixed;*/
    /*bottom: 0px;*/
    /*z-index: -1;*/
}

.footer .contactBox {
    display: flex;
    align-items: center;    padding-bottom: 12px;
}
.contentBox {
    width: 100%;
}

.footer .contactBox a {
    font-size: 18px;
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #fff;
    transition: all .5s;
    padding-top: 30px;
    display: block;
    width: fit-content;padding: 15px;
}
.footer .contactBox a svg {
    width: 20px;
    height: 20px;
    transition: all .5s;
    fill: #fff;
}

.footer .contactBox .contentBox h3 {
        font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 2px;
    font-family: "Playfair Display", serif;
    text-align: center; letter-spacing: 0.8px;
}
.footer .contactBox .contentBox h3 span{
    
    color: #399dd4;
 
}
.footer .contactBox .contentBox p {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    margin: 0;
    color: #fff;font-family: "Roboto", Sans-serif;
}
.footer .toprw {
    padding: 8px 0 0;
    border-top: 1px solid rgba(255,255,255,.2);
}


.footer-1{width: 15%; margin-right: 4%; float: left}

.footer-2{width: 14%; margin-right: 4%; float: left}

.footer-3{width: 19%; margin-right: 3%; float: left}

.footer-4{width: 10%; margin-right: 3%; float: left}

.footer-5{width: 21%; margin-right: 0%; float: left}

.footer-1 p{color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-size: 15px;
    font-family: "Roboto", Sans-serif;
    padding-bottom: 25px; }

.footer-1 h4{
    color: #0095da;
    font-size: 17px;
    font-weight: 500;
    font-family: "Roboto", Sans-serif;
    margin-bottom: 6px;}

.footer-links{margin-bottom: 0 } 

.footer-links li{color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: "Roboto", Sans-serif;
    margin-bottom: 2px;
    letter-spacing: 0.5px;
    padding-left: 20px;
}

.footer-links li a{color: #fff; } 

.footer-links li i{
    margin-left: -20px;
}
.footer-5 h4{
    color: #0095da;
    font-size: 18px;
    font-weight: 500; 
    font-family: "Roboto", Sans-serif;   
    margin-bottom: -2px;}

.footer-5 ul li{color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: "Roboto", Sans-serif;
    line-height: 28px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
    padding-left: 15px;}

.footer-5 ul li a{color: #fff;
    }
.footer-5 ul li i {
    margin-left: -15px;
    color: #fff;
}

.footer-5 ul{margin-bottom: 0 }

.footer-6{width: 5%; margin-right: 0%; float: left}

.footer-6 ul li{color: #fff;
    font-weight: 400;
    font-size: 14px;
    font-family: "Roboto", Sans-serif;
    line-height: 28px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
    padding-left: 29px;}

.footer-6 ul li a{color: #fff;
    }
.footer-6 ul  {
    margin-top: 5px;
}

.footer .CopyRight {
       padding: 6px 0;
    margin-top:4px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.2);
}
.footer .CopyRight .FlexBox {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.footer .CopyRight .lft_bx {
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
     justify-content: center;    width: 80%;
}
.footer .CopyRight .logo {
    margin-right: 15px;
    margin-bottom: 0;
    width: 73px;
    /* margin: 0; */
}
.footer .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer .CopyRight p {
     color: rgba(255,255,255,.55);
    margin: 0;
    font-weight: 300;
    font-size: 11px;
    font-family: "Roboto", Sans-serif;
    text-align: center;
    margin-bottom: 0px;
}
.footer .CopyRight .rit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.footer .CopyRight .rit .social {
    margin-right: 6px;

    margin-bottom: 0;
    display: flex;
}
.footer .CopyRight .rit .social .label {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255,255,255,.55);
    font-style: italic;
}
.footer .CopyRight .rit .social ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 0;
    /* justify-content: center; */
    justify-content: flex-end;
}
.footer .CopyRight .rit .social ul li {
    width: auto;
    margin-left: 20px;
}
.footer .CopyRight .rit .social ul li a {
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;    font-size: 18px;
}
.footer .CopyRight .rit .social ul li a svg {
    fill: #0095da;
    width: 18px;
    height: 18px;
    transition: all .3s;
}
.footer .CopyRight .rit .designed {
    font-size: 14px;
    font-family: "Roboto", Sans-serif; 
    color: #d3b507;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer .CopyRight .rit .designed a {
    padding-left: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}









/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 9001;
}




.services-section1 h5{
	color: #ff6d21;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px; text-align: center;
}

.services-section1 h1{
	color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px; padding-bottom: 35px;text-align: center;
}


.fixedRit {
    position: fixed;
    top: 55%;
    transform: translate(0, -50%);
    z-index: 2;
    
    overflow: hidden;
    right: 0px

}

.fixedRit ul {
    margin: 0px;
}
.fixedRit ul li{
    margin-bottom: 2px;
}
.fixedRit ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    height: 45px;
    width: 45px;border-radius: 5px;
}

.fixedRit ul .call {
    /*background: #062232;*/
    color: #f37330;
    border:1px solid #062232;
}
.fixedRit ul .call i{
    font-size: 24px;
    color: #f37330;
}
.fixedRit ul a svg {
    display: block;
    margin: auto;
    width: 27px;
    height: 27px;
    margin-bottom: 7px;
}
.fixedRit ul .call svg {
    fill: #121212;
}
.fixedRit ul a span {
    font-family: "Roboto",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
}

.fixedRit ul .mail {
    background: #caa136;
    color: #fff;
}

.fixedRit ul .whatsapp {
    background: #4e9525;
    color: #fff;
}

.fixedRit ul .mail svg {
    fill: #fff;
}

.fixedRit ul .whatsapp svg {
    fill: #fff;
}

.client-section{background: #fff;
    padding: 35px 0 30px;}

.client-section h1 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    letter-spacing: 0.5px;
margin-bottom: 37px;
    text-align: center;
}

.client-section p {
    color: #5a5a5a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    padding-bottom: 0px;text-align: center;    margin-bottom: 16px;
}

.rpl-differences{padding: 50px 0}

.rpl-differences-box{background: rgb(245,245,247);
background: radial-gradient(circle, rgba(245,245,247,1) 0%, rgba(241,231,234,1) 100%); 
    padding: 30px 60px;
    border-radius: 15px;
    width: 100%;
    margin: 0 auto;    display: grid;}

.rpl-differences-box h4 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;margin-bottom: 15px;
}
.rpl-differences-box p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px; width: 90%; margin: 0 auto;
    padding-bottom: 0px;text-align: center;    margin-bottom: 30px;
}

.counter-1{width: 22%; float: left; margin-right: 4%; border-right:1px solid #c7ced6; padding-right: 35px}

.counter-1:last-child{ margin-right: 0%; border-right:0px solid #c7ced6;padding-right: 0px;}

.counter-1 img{width: 90%;}

.counter-1 span{    float: left;
    margin-right: 15px;
    
}
.counter-1 h3{    font-family: 'Roboto', serif;
    color: #f37330;
        font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.counter-1 h6{font-family: 'Roboto', serif;
    color: #000;
    font-size: 15px;
    font-weight: 400;
}


.page_title2 {
    float: left;
    width: 100%;
    padding: 20px 0px;
    margin-top: 87px;
    margin-bottom: 30px;
    background: #32a3e1 url(../images/bg-pattern.png) repeat center bottom;
}
.page_title2 h1 {
    float: left;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #fff;font-family: 'Roboto', sans-serif;
}
.page_title2 .pagenation {
    float: right;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
    color: #fffb8f;
    margin: 7px 0px 0px 0px;font-family: 'Roboto', sans-serif;
}
.page_title2 .pagenation i {
    color: #fff;
    margin: 0px 2px 0px 2px;
}
.page_title2 .pagenation a {
    padding: 0px;
    color: #fff;
    transition: all 0.3s ease;font-family: 'Roboto', sans-serif;
    
}
.page_title2 .pagenation a:hover {
    color: #fff;
}

.inner-section{padding-bottom: 30px; width: 100%; float: left;
        background: #fff;
    
}

.inner-section p{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    line-height: 21px;
    text-size-adjust: none;
        /*word-break: break-all;*/
}
.inner-section p:last-child{ padding-bottom:0px;}

.inner-section li{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    color: #000;
    padding-bottom: 5px;
    line-height: 21px;
    text-size-adjust: none;
        /*word-break: break-all;*/
}
.inner-section li:last-child{ padding-bottom:0px;}

.inner-section p, .inner-section li, .inner-section a, .inner-section h1,.inner-section h2,.inner-section h3,.inner-section h4,.inner-section h5,.inner-section h6, 
.inner-section span, .inner-section input, .inner-section select, .inner-section textarea{  font-family: 'Roboto', sans-serif; text-size-adjust: none; }

.innertext-left{
    width: 70%;
    float: left;
    margin-right:5%;
}

.innertext-left h3{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    color: #f37330;
    margin-bottom: 10px;
}

.innertext-left p{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    line-height: 28px;
}

.innertext-right{
    width: 25%;
    float: left;
}




.left-item {
    width: 55%;
    float: left;
    margin-right: 3%;
}

.right-item {
    width: 42%;
    float: right;
}

.innertext-right-links {
    display: inline-block;    box-shadow: 0px 0px 2.5px rgb(0 0 0 / 20%);
    background: #fff;
    padding: 0px 0px;
    
}
.inner-links h3{
    text-align: left;
    font-size: 20px;
    font-weight:500;
    font-family: 'Roboto', serif;
     color: #f37330;
    margin-bottom: 15px; padding-left: 15px; padding-top: 15px;}

.inner-links li {
    width: 100% !important;
    border-right: none !important;
    /*border-bottom: 1px solid #ececec!important;*/
    margin-bottom: 0 !important;
    position: static;
    float: left;
    padding-bottom: 0px;
        line-height: 25px;
    border-bottom: 1px solid #eee;

}

.inner-links li>a {
    height: auto !important;
    min-height: inherit !important;
    padding: 10px 15px !important;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.inner-links li a>span {
    float: left;
    height: 25px;
    width: 14px;
}

.inner-links li a label {
    display: block;
    margin: 0px 0px 0px 3px;
    float: left;
    cursor: pointer;
    position: relative;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;
}



.inner-links li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: all 0.9s ease;
    border-left: 3px solid #399dd4;
    background: #dcf3ff;
}

.inner-links li a:focus:before,
.inner-links li a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.inner-links li a i {
    color: #000 !important;
}


.inner-links>ul li a.active label,
.inner-links>ul li a:hover label {
    color: #000 !important;
}

.inner-links>ul li a.active i,
.inner-links>ul li a:hover i {
    color: #057adf !important;
}
.inner-links>ul li:hover{border-left: 3px solid #399dd4;background: #dcf3ff;}
.inner-links>ul li.active {
    border-left: 3px solid #399dd4;
    background: #dcf3ff;
    color: #057adf  !important;
}

.inner-links>ul li.active i {
    color: #057adf  !important;
}

.inner-links>ul li a.active label {
    color: #c70039 !important;
}

 .quote-text {
    border-radius: 10px;
    border-left: 6px solid #F26F20;
    /*box-shadow: 0 8px 26px #323f7c0d;*/
    padding: 28px 50px 30px 35px;
    margin-bottom: 30px;
    margin-top: 30px;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.inner-links-box{width: 100%}

 .mail_box,  .call_box {
    min-height: 150px;
}

.mail_box, .call_box {
    background: #caa136;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

 .mail_box .title,  .call_box .title {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Roboto",sans-serif;
    margin-bottom: 10px;
}

 .mail_box .title svg,  .call_box .title svg {
    max-width: 38px;
    min-width: 38px;
    margin-right: 10px; color: #fff;
}

 .mail_box .mail  {
    font-size: 20px;color: #fff;
}
  .call_box .call {
    font-size: 24px;color: #fff; padding-top: 15px;
}
 .call_box.call_box {
    background: #4e9525;
}

 .mail_box .title svg, .call_box .title svg {
    fill: #fff;
    max-width: 29px;
    min-width: 29px;
    margin-right: 10px;
}




.innertext-right-links-1 {
    background: #fff;
    box-shadow: 0px 0px 2.5px rgb(0 0 0 / 20%);
   
    padding: 0px 0px;
       display: inline-block;
}
.inner-links-1 h3{
    text-align: left;
    font-size: 20px;
    font-weight:500;
    font-family: 'Roboto', serif;
     color: #fff;
      background: #082eb5;
    margin-bottom: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;}

.inner-links-1 li {
    width: 100% !important;
    border-right: none !important;
    /*border-bottom: 1px solid #ececec!important;*/
    margin-bottom: 0 !important;
    position: static;
    float: left;
    padding-bottom: 0px;
        line-height: 25px;
    border-bottom: 1px solid #eee;
}

.inner-links-1 li>a {
    height: auto !important;
    min-height: inherit !important;
    padding: 10px 15px !important;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.inner-links-1 li a>span {
    float: left;
    height: 25px;
    width: 14px;
}

.inner-links-1 li a label {
    display: block;
    margin: 0px 0px 0px 3px;
    float: left;
    cursor: pointer;
    position: relative;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;
}



.inner-links-1 li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: all 0.9s ease;
    border-left: 3px solid #399dd4;
    background: #dcf3ff;
}

.inner-links-1 li a:focus:before,
.inner-links-1 li a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.inner-links-1 li a i {
    color: #000 !important;
}


.inner-links-1>ul li a.active label,
.inner-links-1>ul li a:hover label {
    color: #000 !important;

}

.inner-links-1>ul li a.active i,
.inner-links-1>ul li a:hover i, .inner-links-1>ul li a:hover label {
    color: #057adf !important;
}
.inner-links-1>ul li:hover{border-left: 3px solid #399dd4;background: #dcf3ff;}

.inner-links-1>ul li.active {
    border-left: 3px solid #399dd4;
    /*background: #dcf3ff;*/
    color: #057adf  !important;
}

.inner-links-1>ul li.active label{
    
    color: #057adf  !important;
}

.inner-links-1>ul li.active i {
    color: #057adf  !important;
}

.inner-links-1>ul li a.active label {
    color: #c70039 !important;
}
/*=====================
================================================*/
.servicepage-left{
    width: 72%;
    float: left;
    margin-right: 3%;
}
.servicepage-right{
    width: 25%;
    float: left;
    position: sticky;
    top: 100px;
}
.servicepage-sec1 h2{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #151743;
    font-family: 'Roboto', serif;
}
.servicepage-sec2{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.servicepage-sec2 img{ width:100%; border-radius:20px;}

.servicepage-sec3{
    width: 100%;
    float: left;
    position: relative;
    margin-top:45px;
}

.servicepage-sec3:after {
    content: "";
    position: absolute;
    background: url(../images/solutions-sec3-bg.jpg);
    /* max-width: 850px; */
    width: 100%;
    height: 500px;
    left: -50px;
    top: -146px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.servicepage-sec3-title h4{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #f37330;
    font-family: 'Roboto', serif;
}
.servicepage-sec3-title h3{
    font-size: 28px;
    line-height: 25px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    font-family: 'Roboto', serif;
}

.servicebox-item{
    margin-top: 20px;
}
.servicebox1 {
    background: #fff;
    border: 1px solid #dee7eb;
    box-shadow: none;
    border-radius: 10px;
    width: 100%;
    position: relative;
    padding:10px 10px;
    height: 100%;
    float:left;
    transition: all 0.3s ease;

}
.servicebox1:hover {
    background: #fff;
    border-bottom: 1px solid #f37330;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%)
    }
.servicebox1-image{
    width: 90px;
    float: left;
    position: relative;
}
.servicebox1-details{
    overflow: hidden;
}
.servicebox1-image:before{
position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    /*background: #eaf6ff;*/
    background: #f9ece5;
    border-radius: 30% 70% 64% 36% / 30% 30% 70% 70%;
    z-index: 1;
    top: 12px;
    left: 12px;
}
.servicebox1-image img{position: relative; z-index: 2; width:   55px}

.servicebox1-details h4{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    font-family: 'Roboto', serif;
}
.servicebox1 .practices-li-before li:last-child{ padding-bottom: 10px !important;}

.servicepage-sec4{
        margin-top: 40px;
}

.servicepage-sec4 h3{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #f37330;
    font-family: 'Roboto', serif;
}
.servicepage-sec5{
    width: 100%;
    float: left;
    margin-top: 40px;
    position: relative;

}
.servicepage-sec5:before{
      position: absolute;
    content: "";
    left: -26px;
    bottom:  -25px;
    background: #f37330;
    width: 125px;
    height: 160px;
    transform: skewY(7deg);
    /* z-index: 1; */
    opacity: 0.35;
}
.servicepage-li-before li{
    position: relative;
    padding-left: 20px;
}
.servicepage-li-before li:before{
    position:absolute;
    left:0px;
    content:"\f013";
    font-family:fontawesome;
    color:#fff;
    font-size:16px;
    -webkit-text-stroke: 1px  #f37330 ;
}
.servicepage-sec5-left{
    background: #9adbff url(../images/solutions/solutions-sec5-bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    float: left;
    /*border-radius: 20px 0px 10px 20px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    text-align: center;
    padding: 50px 36px;
}
.servicepage-sec5-right{
    padding-top:15px;
}
.btn-coonect{
    background: rgb(255 255 255/0.5);
    color: #fff;
    padding: 10px 30px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16px;
}
.servicepage-sec5 h3{
    font-size: 24px;
    line-height: 31px;
}
/*==========================================================*/
.text-center{text-align: center !important;}

h4.practices-subtitle  {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #f37330;
    font-family: 'Roboto', serif;
}
.practices-sec1-img img{
        border: 3px solid #1b3a53;
    padding: 15px;
    width: 160px;
    border-radius: 10px;
    text-align: center;
}

.practices-sec2{
    width: 100%;
    float: left;
    margin-top:40px;
}
.practices-sec2 h4.practices-subtitle  {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}
.practices-sec2-title h6{
       font-size: 26px;
    line-height: 32px;
    font-style: normal;
    font-weight: 500;
    color: #55606f;
    font-family: 'Roboto', serif;
    background: #ddd;
    padding: 16px 85px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.fw-600{font-weight: 600;}

.career-sec2-ul {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.career-sec2-ul li{
     background: #216387;
    border-radius: 10px 10px 0px 10px;
    margin-top: 6px;
    padding:0;
    display: flex;
    width: max-content;
    float: left;
    margin-right: 2%;
    word-break: none;
}
.career-sec2-ul li a{height: 100%; display: flex;}

.career-sec2-ul li:last-child{
    margin-right: 0px;
}
.career-sec2-ul .count-li{
    width: 50px ;
    float: left;
    background: #216387;
    border-radius: 10px 10px 0px 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.career-sec2-ul .li-text {
   font-size: 16px;
    line-height: 25px;
    margin-bottom: 3px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border-radius: 0px 0px 0px 20px;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%);
    padding: 14px 20px 14px 20px;
    overflow: hidden;
    flex: 1;
}
.practices-sec3{
    width: 100%;
    float: left;
    margin-top:40px;
}
.practices-box{
    margin-top: 5px;
}
.practices-card{
    border-radius: 20px 20px 0px 20px;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 10%);
    padding: 14px 27px;
    width: 100%;
    float: left;    
    height: 100%;
}
.practices-li-before{margin:0px;}

.practices-li-before li{
    position: relative;
    padding-left: 20px;
}
.practices-li-before li:before{
    position:absolute;
    left:0px;
    content:"\f0da";
    font-family:fontawesome;
    color:#fff;
    font-size:14px;
    -webkit-text-stroke: 1px  #f37330 ;
}
.practices-need-help{
    background: url(../images/practices/practices-need-help.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 5px 0px;
    margin-top: 25px;
}
.practices-need-help h4{
    font-size: 26px;
    line-height: 34px;
    font-style: normal;
    font-weight: 500;
    color: #151743;
    font-family: 'Roboto', serif;
    margin-bottom: 0px;
    border-left: 3px solid #f37330;
    padding-left: 20px;
    margin-top: 16px;

}
.practices-need-help h5{
    font-size: 20px;
    line-height: 34px;
    font-style: normal;
    font-weight: 500;
    color: #151743;
    font-family: 'Roboto', serif;
    margin-bottom: 0px;
    border-left: 3px solid #151743;
    padding-left: 20px;
}
.practices-sec-4 {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.practices-logo-img{
         border: 3px solid #fe1313;
    padding: 15px;
    width: 240px;
    border-radius: 10px;
    text-align: center;
}
/*==============*/
.verticla-tabs{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.vertical-tab-content{
      width: 72%;
    float: left;
    margin-right: 3%;
}
.verticla-tabs-links{
    width: 25%;
    float: left;
    position: sticky;
    top: 100px;
}
.verticla-tabs-list {
    box-shadow: 0px 0px 2.5px rgb(0 0 0 / 20%);
    background: #fff;
    padding: 0px 0px;
   
}
.verticla-tabs-list li{
    width: 100%!important;
    border-right: none!important;
    border-bottom: 1px solid #eee;
    margin-bottom: 0!important;
    padding-bottom: 0px;

}

.verticla-tabs-list li>a{
    height: auto!important;
    min-height: inherit!important;
    padding: 8px 15px  8px 40px !important;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.3s ease;
    display: block;
    margin: 0px 0px 0px 0px !important;
    float: left;
    cursor: pointer;
    color: #000 !important;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    border-radius: 0px !important;
    z-index: 1;
    text-align: left;
}
.verticla-tabs-list li:last-child {border-bottom: 0px solid #ddd;}

.verticla-tabs-list li a:before {
      content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: all 0.9s ease;
    border: 0px solid transparent !important;
    border-left: 3px solid #399dd4  !important;
    background: #dcf3ff;
     
}  
.verticla-tabs-list li a:after {
     position:absolute;
    left:20px;
    top:8px;
    content:"\f0da";
    font-family:fontawesome;
    color:#000;
    font-size:15px;
}

.verticla-tabs-list li a:hover:before{
    -webkit-transform:scaleX(1);transform:scaleX(1);
}
.verticla-tabs-list li.active a:after, .verticla-tabs-list li a:focus:after,.verticla-tabs-list li a:hover:after{ 
     color: #399dd4 !important;
 }   
.verticla-tabs-list li.active a ,
.verticla-tabs-list li:hover a ,
.verticla-tabs-list li:focus a{
    color: #000 !important;
    background-color: unset !important;
     border: 0px solid transparent !important; 
    border-color: transparent  !important;
     border-radius: 0px !important;
} 

.verticla-tabs-list li.active{
    border-left: 3px solid #399dd4;
    background: #dcf3ff;   
}
.verticla-tabs-list li.active  a:after { content:"\f0d9"; font-size:16px;  top:7px;}

.verticla-tabs-list li.active a:hover:before{ border-left: 0px solid #399dd4!important;}
/*============*/

.verticla-tabs .panel-body{
        border: 1px solid #ddd;
    padding: 15px 20px;
    width: 100%;
    float: left;
        background: #fff;
}


.verticla-tab-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-family: 'Roboto', serif;
    position: relative;
    
    background: #f37330;
    padding: 8px 30px 8px 20px;
    display: inline-block;
}
.verticla-tab-title:before {
position: absolute;
    content: "";
    left: 99%;
    top: 0px;
    background: #f37330;
    width: 30px;
    height: 100%;
    clip-path: polygon(0 0, 30% 0, 100% 100%, 0% 100%);
}
.verticla-tab-subtitle {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    font-family: 'Roboto', serif;
    position: relative;
}

.ul-3col{
    display: grid;
    grid:auto-flow / 1fr 1fr 1fr;

}
.ul-2col{
    display: grid;
    grid:auto-flow / 1fr  1fr;
     grid-column-gap: 25px;
}
.verticla-tabs .panel-title{
    background: #eee;
    color: #000;
    padding: 10px 20px;
    position: relative;
    width: 100%;
    float: left;
}
.verticla-tabs .panel-title:before {
     position:absolute;
    right:10px;
    content:"\f107";
    font-family:fontawesome;
    color:#000;
    font-size:15px;
    color: #000;
}

@media (min-width: 768px) {
.verticla-tabs   .panel-heading {
    display: none;
  }
.verticla-tabs   .panel {
    border: none;
    box-shadow: none;
  }
.verticla-tabs   .panel-collapse {
    height: auto;
  }
.verticla-tabs   .panel-collapse.collapse {
    display: block;
  }
  /*  .tab-content>.tab-pane {*/
  /*  display: block;*/
  /*  opacity: 1;*/
  /*}*/
}
@media (max-width: 767px) {

.verticla-tabs   .tab-content .tab-pane {
    display: block;
  }


.verticla-tabs   .nav-tabs {
    display: none;
  }
.verticla-tabs   .panel-title a {
    display: block;
  }
.verticla-tabs   .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
.verticla-tabs   .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
.verticla-tabs   .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
/*.verticla-tabs     .tab-content > .tab-pane {*/
/*        display: block !important;*/
/*        opacity: 1;*/
/*    }*/
.horizontal-tabs .tab-content>.tab-pane {
    display: none !important;
}
.horizontal-tabs  .tab-content>.active {
    display: block !important;
}

}
/*============*/
.about-page .verticla-tabs{
    margin-top: 0px;
}
img{max-width: 100%; height: auto;}

.orange-subtitle  {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
    font-style: normal;
    font-weight: 600;
    color: #f37330;
    font-family: 'Roboto', serif;
}
.aboutpage-sec1 h3{
        font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    font-family: 'Roboto', serif;
    position: relative;
    letter-spacing: 0.3px;
}
.mission-img{
    width: 66px;
    float: left;
    margin-right: 15px;
}
.mission-box p{
    overflow:hidden;
}
.border-left-text{
    border-left: 3px  solid #399dd4;
    padding-left: 20px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 10px;
}
.practices-li-before li{
    width: 100%;
    float: left;

}
.t-li-left{
    width: 25%;
    float: left;
    position: relative;
    font-weight: 500;
}
.t-li-left:before{
    position:absolute;
    content:":";
    right:5px;
}
.t-li-right{
    overflow: hidden;
    float: left;
        width: 75%;
}
/*===========================*/

.products-logo-box{
    display: flex;
    align-items: center;
}
.products-logo-img1{
    width: 180px; 
    margin-right: 15px; 
}
.products-logo-img2{
    width: 90px;
   border-left: 3px solid #00a4ef;
   padding-left:15px;
   margin-top: 5px;
}

.giving-back-saec1{
    background-size: cover;
    background-repeat: no-repeat;
        background-position: center;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
       margin-bottom: 34px;
}
.giving-back-saec1 h3{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 46px;
}

.giving-item {
    background: #fff;
    border: 1px solid #dee7eb;
    box-shadow: none;
    border-radius: 10px;
    width: 100%;
    position: relative;
    padding: 20px 20px;
    height: 100%;
    transition: all 0.3s ease;
}
.giving-item:hover {
    background: #fff;
    border-bottom: 1px solid #f37330;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
}
.thankyou-item{
    display: table-cell;
    height: 200px; /*change this and the width for the size of your initial circle*/
    width: 200px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #fff;
    border:5px solid #f37330;
    display: flex;
    align-items: center;
    justify-content: center;

}

.thankyou-item h1{
    color: #f37330;
    font-size: 2.8em;
    font-weight: 900;
}

.thankyou-item h2{
    color: #f37330;
    font-size: 5em;
    font-weight: 900;
}
/*=====================*/
.solutionpage-sec1 h2{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #151743;
    font-family: 'Roboto', serif;
}
/*==============*/

.solutionspage-image{
    width: 50%;
    float: left;
   padding: 0px 15px;
    position: sticky;
    top:100px;
    height: 100%
}
.solutionspage-list-before{
    width: 50%;
    float: left;
     padding: 0px 15px;
     padding-left: 30px;
}
.solutionspage-list-before li{
       position: relative;
    padding-left: 30px;
    font-size: 17px;
    color: #151743;
    margin-bottom: 16px;
    border-bottom: 1px solid #efeaea;
}
.solutionspage-list-before li:before{
       position: absolute;
    left: 0px;
    content: "\f138";
    font-family: fontawesome;
    font-size: 19px;
    color: #279edf;
}
.solutions-content-sec{
    width: 100%;
    float: left;
    margin-top:10px;
}
.solutions-content-sec .item{
    width:100%;
    float:left;
    margin-bottom: 10px;
    transition: all 0.8s ease-in-out;
        background: #fbfbfb;
    padding: 10px;
    position: relative;
}

.solutions-content-sec .item-title{
        background: #fff;
    padding: 12px 15px;
    width: 20%;
    float: left;
    margin-right: 3%;
    box-shadow: 5px 5px 12px 2px rgb(0 0 0 / 17%);
    transition: all 0.8s ease-in-out;
    position: relative;
}
.solutions-content-sec .item-title:before{
       position: absolute;
    content: "";
    left: 99.9%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    transition: all 0.8s ease-in-out;
}
.solutions-content-sec  .content{
    width: 75%;
    float: left;
}
.solutions-content-sec .item:hover .item-title:before{border-left: 10px solid #151743;}

.solutions-content-sec .item:hover .item-title{
    background: #151743;
}
.solutions-content-sec .item:hover .item-title h4{ color: #fff;}

.solutions-content-sec .item:hover .item-title h6{ color: #fff;}

.solutions-content-sec  .content p{ padding-bottom: 10px;}

.solutions-content-sec .item-title h4{
        color: #347193;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0px;
    letter-spacing: 0.3px;
    text-align: center;
}
.solutions-content-sec [id]{
    scroll-margin-top: 8em;
}
.solutions-content-sec [id]:target .item-title{
    background: #2e3192;
}
.solutions-content-sec [id]:target .item-title h4{ color: #fff;}

.solutions-content-sec [id]:target .item-title h6{ color: #fff;}


.solutionspage-line{
    position:   relative;
    display: grid;
  grid-auto-flow: column;
  grid-column-gap: 15px;
}
.solutionspage-line li{
     padding: 15px 15px;
    border:1px solid #ddd;
    border-radius:10px;
    text-align: center;
    position: relative;
     margin-top: 40px;
     background: #fff;
}
.solutionspage-line h5{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    color: #f37330;
    font-family: 'Roboto', serif;
}
.solutionspage-line li:before{
       position: absolute;
    content: "";
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 60px;
    background: #ddd;
    z-index: 0;
}
.solutionspage-line-title{

    position: relative;
    text-align: center;  
    margin-top: 20px;

}
.solutionspage-line-title h4{
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 0px;
    text-align: center;
    background: #2f7eab;
    color: #fff;
    position: relative;
    z-index: 3;
    
}
.solutionspage-line-title:before{
    position:absolute;
    content:"";
    top:50%;
    left:0%;
    transform:translateY(-50%);
    width:100%;
    height:2px;
    background:#ddd;
    z-index: 0;
}
.solutionspage-background-box{
    width: 100%;
    float: left;
    background:#399dd4;
    padding: 15px;
}
.solutionspage-background-box h6{
       color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 0px;
}

.stroke-i{
    color: transparent;
    margin-right: 15px;
    -webkit-text-stroke: 1.5px #f37330;
}
.orange-bg-title{
    background-color: #f37330;
    color: #fff !important;
    padding: 10px 10px;
}
.solutions-ul-2{
    display: flex;
    flex-wrap: wrap;
    margin:0;
}
.solutions-ul-2 li{
    flex: 35%;
    float: left;
    padding-left: 33px;
    margin-right: 3%;
    position: relative;
}
.solutions-ul-2 li:before{
      position: absolute;
    left: 0px;
    content: "\f0c2";
    font-family: fontawesome;
    font-size: 16px;
    color: transparent;
    -webkit-text-stroke: 1.5px #f37330;
}

.solutions-ul-2.solutions-li-tick li:before{
      position: absolute;
    left: 0px;
    content: "\f00c" !important;
    font-family: fontawesome;
    font-size: 16px;
    color: transparent;
    -webkit-text-stroke: 1.5px #f37330;
}

/*===============*/

.faq-accordian{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
h2.solutions-h2{
      font-size: 45px;
    font-weight: 700;
    color: #151743;
    margin-top: 13px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    float: left;
    text-align: center;

}

.panel-group {
    width: 100% !important;
    float: left;
}

.faq-accordian #accordion .panel-heading { padding: 0;}

.faq-accordian #accordion .panel-title{
    border-left: 3px solid #f37330;
    background: #f6f6f6;
  }

.faq-accordian #accordion .panel-title > a {
  display: block;
    padding: 8px 15px 8px 40px;
    outline: none;
    font-weight: 500;
    text-decoration: none;
    color: #000;
    font-family: poppins,sans-serif;
    font-size: 16px;
    position: relative;
}
 .faq-accordian #accordion .panel-title > a:after {
    content: "Q.";
    color: #f37330;
    font-size: 26px;
    font-weight: 500;
    position: absolute;
    left: 10px;
}
 .faq-accordian #accordion .panel-title > a.accordion-toggle::before,  .faq-accordian #accordion a[data-toggle="collapse"]::before  {
    content:"\f068";
    position: absolute;
    right: 10px;
    font-family: 'FontAwesome';
  transition: all 0.5s ease;
}
.faq-accordian #accordion .panel-title > a.accordion-toggle.collapsed::before, .faq-accordian #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\f067";
}
.faq-accordian #accordion .panel-body{
    border-left: 3px solid #e0e0e0;
    background: #fff;
     padding: 10px 25px 10px 40px;
     position: relative;
     margin-bottom: 5px;
}
.faq-accordian #accordion .panel-body:after {
    content: "A.";
    color: #b6b5b5;
    font-size: 26px;
    font-weight: 500;
    position: absolute;
    left: 10px;
    top: 8px;
}
.solutionspage-cyber-security-bg{
    width: 100%;
    float: left;
    background: url(../images/solutions/solutionspage-cyber-security-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    margin-bottom: 5px;
   
}
.solutionspage-cyber-security-bg:before{
      width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: linear-gradient(45deg, rgb(21 23 67 / 80%) 25%, transparent);
}
.solutionspage-cyber-security-bg h3 {
    color: #fff;
    padding-top: 50px;
    font-size: 23px;
    line-height: 34px;
    }
    .solutionspage-cyber-security-bg ul {padding-bottom: 40px;}

.solutionspage-cyber-security-bg li {
    color: #fff;
    padding-left: 25px;
    position: relative;
}
.solutionspage-cyber-security-bg  li:before{
      position: absolute;
    left: 0px;
    content: "\f00c" !important;
    font-family: fontawesome;
    font-size: 16px;
    color: transparent;
    -webkit-text-stroke: 1.5px #f37330;
}
/*===========================*/

.technologies-text h6{
       border-left: 3px solid #f37330;
    padding-left: 20px;
    color: #000;
    font-size: 17px;
}
.technologies-logos ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.technologies-logos li{
width: 16.5%;
    float: left;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px !important;
    margin-bottom: 20px;
}
.technologies-logos li:nth-child(6n+6) { border-right: 1px solid #ddd;}
.technologies-logos li:last-child { border-right: 1px solid #ddd; margin-bottom: 20px;}



/*====horizontal-tabs===========================*/
.horizontal-tabs{
    width: 100%;
    float: left;
    background: #f9f9f9;
    padding: 5px;
}
.horizontal-tabs-links{
    background: #f9f9f9;
    text-align: center;
    width: 22%;
    float: left;
    margin-right: 3%;
    position: sticky;
    top: 150px;
}
.horizontal-tabs-content{
    width: 75%;
    float: left;
}
.horizontal-tabs-links.nav-tabs>li{
    padding-bottom: 0px;
    width: 100%;
    float: left;
    text-align: left;
}
.horizontal-tabs-links.nav-tabs>li>a {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #ddd !important;
    background: #fff;
}
.horizontal-tabs-links.nav-tabs>li.active>a, .horizontal-tabs-links.nav-tabs>li.active>a:hover, 
.horizontal-tabs-links.nav-tabs>li.active>a:focus {
    color: #fff !important;
    cursor: default;
    background-color: #399dd4 !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    }
.horizontal-tabs-content{
    padding-top: 20px;
}
.black-title{color: #000 !important}

.fs-18{font-size: 18px; }

.services-table th{color: #fff;}

.services-table td{color: #000;  text-align:center; font-size:  15px;}


.solutionspage-line p{text-align: left !important;}


.verticla-tabs .services-faq  .panel-collapse.collaps{
        display: none !important;
    }

.verticla-tabs .services-faq    .panel-heading {
    display: block !important;
}
.verticla-tabs .services-faq .panel-title:before {  display: none !important;}

.verticla-tabs .services-faq .panel-title{padding:0px !important;}

.faq-accordian.services-faq #accordion .panel-title > a.accordion-toggle::before, .faq-accordian.services-faq #accordion a[data-toggle="collapse"]::before {
    display: none !important;
}

.stories-box{
   width: 100%;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    transition: all;
}
.stories-box:hover{border-bottom: 2px solid #151743;}

.stories-box:hover h5{color:  #f58a52 !important;}

.rpo-row p span{width: 25%; float: left;}

.f-we600{font-weight: 600;}
/*========================*/

.clients-logos ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.clients-logos li{
width: 14.285%;
    float: left;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px !important;
    margin-bottom: 20px;
}
.clients-logos li:nth-child(6n+6) { border-right: 1px solid #ddd;}
.clients-logos li:last-child { border-right: 1px solid #ddd; }


    .even-columns {
  column-count: 5
}

.even-columns > * {
  flex:  50%;
  text-align: left;
}

.img-h1{
        font-size: 55px;
    line-height: 55px;
    margin-top: 10px;
}
.form-job-seekers .form-control{
    height: 40px;
    border-radius: 10px;
}
.form-job-seekers label{ color:#000;font-weight: 600}

.form-job-seekers label sup{ color:red;}

.form-job-seekers .form-group{margin-bottom: 5px;}

.sumit-form{
    background: #399dd4;
    padding:10px 30px;
    border-radius: 20px;
    color: #fff;
    font-weight: 500;
    border: 0;
}
.reset-form{
    background: #151743;
    padding:10px 30px;
    border-radius: 20px;
    color: #fff;
    font-weight: 500;
    border:0;
}

.job-seekers-icon{
    font-size: 35px;
    color:#36aced;
    margin-bottom: 5px;
    margin-top: 3px;
}
.job-seekers-ul .col-md-2{width: 20%; float: left;}

.rg-online-form{
    box-shadow: 0px 0px 15px 1px rgb(0 0 0/0.2);
    padding: 25px 20px;
    border-radius: 10px;
    width: 70%;
    float: left;
    background: #fff;
    margin-right: 3%;

}
.register-right{width:27%;float: left; position: sticky; top: 100px; }

.rg-online-form label{ color:#000; font-weight: 600}
.rg-online-form .form-group{margin-bottom: 5px;}



/*========contact-page==============*/

.contact-page{
    padding-bottom: 40px;
}
.contact-block{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.contact-box{
    min-width: 94%;
    float: left;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0/0.2);    
    border-radius: 10px;
    background: #fff;
    -webkit-box-flex: 1;
     -moz-box-flex: 1;
      box-flex: 1; 
    flex-wrap: wrap;
}
.contact-box-left{
    border-right: 1px solid #ddd;
    padding:40px 20px;
    height: 100%;
    width: 40%;
    float: left;
    margin-right: 2%;
}
.contact-box-right{
    padding:30px 20px 30px 20px;
    width: 58%;
    float: left;

}
.contact-box-left img{margin-bottom: 30px;}

.address-box .icon{float: left; margin-right: 20px;}

.address-box .icon i{ font-size: 22px;-webkit-text-stroke:1px #f37330;  color: transparent;}

.address-details{overflow: hidden;}

.address-details h4{color: #403b3b; font-family: poppins,sans-serif;     font-size: 16px;} 

.address-box{margin-bottom: 0px;}

.address-box:last-child{ margin-bottom: 60px; }


/*.contact-box-right h3{ font-size: 28px; font-weight: 600; color: #000;}*/

/*===calender===={=====*/
.clender-row{
   /* display: flex;
    justify-content: space-between;
*/
}

.calendar{
     /*min-width:  55%;
    max-width: 100%;*/
    float: left;
    
}    
.calender-header {

  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.header-display {
  display: flex;
  align-items: center;
}

.header-display p {
  color: #1a1a1a;
  margin: 5px;
  font-size: 1.2rem;
  word-spacing: 0.5rem;
  padding-bottom: 0px !important;
}


.days,
.week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: auto;
  padding: 0 20px;
  justify-content: space-between;
}
.week div,
.days div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  width: 3em;
  border-radius: 100%;
}
.days div:hover {
  background: #0069ff;
  color: #fff;
  cursor: pointer;
}
.days div.selected {
  background: #0069ff;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
}
.week div {
  opacity: 0.8;
}
.current-date {
  background: #0069ff;
    color: #fff;
}
.display-selected {
  margin-bottom: 10px;
  padding: 20px 20px;
  text-align: center;
}
/*=============*/
.spotpicker-times{
    width: 30%;
    float: left;
    margin-left: 7%;
}
.shedule-time{
    width:  275px;
    overflow-x:   auto;
    height: 360px;
    padding-right: 20px;
}
.shedule-time::-webkit-scrollbar {
  width: 5px;
  }
.shedule-time li{
    width: 100%;
    float:left;
    margin-bottom: 10px;
}
.time-box{
     border: 1px solid #0069ff;
    color: #0069ff;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 30px;
    text-align: center;
    border-radius: 5px;
    font-family: poppins,sans-serif;
    width: 100%;
    background: #fff;
}
.shedule-time-fix .btn-1{
    color: #fff;
    background: #333;
    border: 0;
    width: 70%;
    float: left;
    margin-right: 2%;
    padding: 12px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    font-family: poppins,sans-serif;
}
.shedule-time-fix .btn-2{
    color: #fff;
    background: #0069ff;
    border: 0;
    width: 28%;
    float: left;
    padding: 12px 1px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    font-family: poppins,sans-serif;
}

.backto-tab-1{color: #fff;
    background: #333;
    border: 0;
   
    float: left;
   cursor: pointer;
    padding: 12px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    font-family: poppins,sans-serif;}

.backto-tab i{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border:1px solid #ddd;
    color: #0069ff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
.contact-form .form-control{
    height: 42px;
    border-radius: 10px;
}
.contact-form label{color: #000;}

.contact-submit{
    color: #fff;
    background: #0069ff;
    border: 0;
    padding: 12px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    font-family: poppins,sans-serif;
}
.address-item{
	width: 100%;
	float: left; 
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	    margin-top: 10px;
}

.address-item .item{
	width: 31.333%; 
	float: left;
	margin-right: 3%;
	border:2px solid rgb(0 0 0 /0.08);
	/*box-shadow: 0px 0px 4px 1px rgb(0 0 0 /0.3);*/
	border-bottom: 2px solid #399dd4;
	text-align: center;
	padding: 0px 20px 20px 20px;
	transition: all 0.5s ease-in;
}
.address-item .item:hover{
	border: 2px solid #399dd4;
}
.address-item .item-1{	
	width:40%; 
	float: left;
	margin-right: 3%;
}
.address-item .item i.icon{
	color:#d6b990;
	background:#1e293a;
	padding:15px 20px;
	font-size: 20px;
	margin-top: -20px;
	border-radius: 5px;
	    transform: skew(-14deg);
    box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 20%);
}
.address-item .item p{
	text-align: center;
	margin-bottom: 0px;
	font-size:15px;
}
.address-item .item h4{
	color: #000;
 
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.practice-more{text-align:right; color:#f37330; font-weight: 600;font-size:15px;}


.pl-260{padding-left:260px;}


.mobile-menu{display:none;}

.pr-50{padding-right: 50px;}


.footer-heading{display:block;}


.employee-item{
    width: 20%;
    float: left;
    padding: 0px 15px;
}
/*.employee-item .servicebox1-image:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
}
.employee-item .servicebox1-image img {   
    width: 40px;
}*/
.employee-item h4{
    font-size: 17px;
    line-height: 20px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.employee-item a{
    color: #fff;
    background: #f37330;
    padding: 5px 25px;
    border-radius: 20px;
    transition:  all 0.3s ease;    
}

.employee-item a:hover{
    color: #fff;
    background: #32a3e1;
}
.cbp-popup-wrap {
    z-index: 99990 !important;
}
.icon-p{
    padding-left: 20px;
}
.icon-p i{margin-left:-20px; margin-right: 6px;}


/*=========================*/

.e-touch-title{
    padding-left: 20px;
    text-align: center;

}
.etouch-text{
    background: #f5f5f5;
    color: #f37330;
    font-size: 17px;
    line-height: 20px;
    padding: 5px;
}
.etouch-technology{
    width: 100%;
    float: left;
    background:#151743;
    padding: 20px 20px;
    text-align: center;
    border-radius: 5px;
}
.etouch-technology h4{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.etouch-technology img{
    width: 80px;

}
.etouch-module-box h4{
        position: relative;
    padding-left: 60px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 50px;
    color: #151743;
    margin-bottom: 2px;
}
.etouch-module-box .icon-img{
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #f37330;
    display: flex;
    justify-content: center;
    align-items: center;
}
.etouch-module-box .icon-img img{ width:34px; filter:brightness(0) invert(1);}

.etouch-module-box{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.etouch-h2 {
    font-size: 32px;
    line-height: 25px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    font-family: 'Roboto', serif;
}

.etouch-contact{
    width: 100%;
    float: left;
    background-color: #f9e3d7;
    padding: 20px;
    margin-top: 10px;
}
.etouch-contact-box i{ 
width: 50px;
float: left;
margin-right: 15px;
font-size: 45px;
color:#f37330;
}

.contactus-btn{    background: #dfdfdf;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000;
    border-radius: 25px;
       padding: 7px 20px;
    font-size: 18px;}

/*===============*/
.full-time-job-box{
    width:100%;
    padding:15px 15px;
    background-color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    height:100%;
}
.full-time-job-box .icon{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgb(246,140, 62,16%);
    margin-right:20px;
    float:left;
    
}
.full-time-job-box .icon i{ color: #f68c3e;    font-size: 35px;}

.full-time-job-box .job-detials{ overflow:hidden;}

.full-time-job-box .job-title{
    border-bottom:1px solid #ddd;
    padding-bottom:5px;
     margin-bottom:5px;
}
.full-time-job-box .job-title h3{
    margin-bottom:0px;
    color:#000;
    font-size:20px;
        display: inline-block;
}

.full-time-job-box .job-location{
    color: #000 !important;
    padding-bottom:6px  !important;
    float:left;
}
.full-time-job-box i{
    color:#f68c3e;;
}
 .job-years{
    color: #000 !important;
    padding-bottom:6px  !important;
    float:right;
}
.job-interview{
    width:100%;
    float:left;
}
.full-time-job-box .job-disc{
    padding-bottom:2px  !important;
    width:100%;
    float:left;
}
.full-time-job-box .job-more-info{
        float: right;
    font-size: 16px;
    color: #2592cd;
    font-weight: 500;
    transition: all 0.3s ease;
    padding:5px 10px;
}

.full-time-job-box .job-more-info i{
    color: #f68c3e;
}
.full-time-job-box .job-more-info:hover{
    color:#f68c3e;
}

.job-detials-full h3{
    margin-bottom:15px;
    margin-top:20px;
}
.job-apply-btn {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center;
}
.job-apply-btn h5 {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    
}
.full-time-job-box .job-apply-btn{
      width: 100%;
    float: left;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}
.full-time-job-box .job-apply-btn a.apply-now{
        background: #46a3d6;
    padding: 10px 25px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 60%;
    transition: all 0.3s ease;
}
.full-time-job-box .job-apply-btn a.apply-now:hover{
    background:#f68c3e;
}
.balck-title{color:#000;}

.careermore-info-icon{
        background: #f68c3e;
    color: #fff !important;
    margin-top: 8px;
    transition: all 0.3s ease;
    text-align: center;
    padding: 4px 20px;
    border-radius: 20px;
    display: block;
    font-size: 16px;
}
.careermore-info-icon:hover{   background: #46a3d6;}

.ul-btn-style li{
        float: left;
    margin-right: 20px;
    padding: 10px 20px !important;
        background: #fff;
    border: 1px solid #dee7eb;
    box-shadow: none;
    border-radius: 10px;
    position: relative;
    height: 100%;
    transition: all 0.3s ease;
    
}
.ul-btn-style li:hover {
    background: #fff;
    border-bottom: 1px solid #f37330;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 20%);
}
.ul-btn-style li h5{
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.ul-btn-style li .icon{
       float: left;
    font-size: 24px;
    color: #f68c3e;
    margin-right: 20px;
}

/*=============================*/


.cd-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.6s;
	transition: visibility 0s 0.6s;
	z-index: 9999;
}
 .cd-panel::after {
  /* overlay layer */
  content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: transparent;
 cursor: pointer;
 -webkit-transition: background 0.3s 0.3s;
 transition: background 0.3s 0.3s;
}
.cd-panel.cd-panel--is-visible {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
	z-index: 9999;
}
 .cd-panel.cd-panel--is-visible::after {
 background: rgba(0, 0, 0, 0.8);
 -webkit-transition: background 0.3s 0s;
 transition: background 0.3s 0s;
}
.cd-panel__header {
	position: fixed;
	width: 90%;
	height: 50px;
	line-height: 50px;
	background: rgba(255, 255, 255, 0.96);
	z-index: 2;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	-webkit-transition: -webkit-transform 0.3s 0s;
	transition: -webkit-transform 0.3s 0s;
	transition: transform 0.3s 0s;
	transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.cd-panel__header h1 {
	padding-left: 7%;
	font-size: 20px;
	margin:10px 0px 0px 0px;
	color:  #264796;
	font-weight: 500;
}
.cd-panel--from-right .cd-panel__header {
	right: 0;
}
.cd-panel--from-left .cd-panel__header {
	left: 0;
}
.cd-panel--is-visible .cd-panel__header {
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
 @media only screen and (min-width: 768px) {
 .cd-panel__header {
 width: 70%;
}
}
 @media only screen and (min-width: 1170px) {
 .cd-panel__header {
 width: 28%;
}
}
.cd-panel__close {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	/* image replacement */
  display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
 .cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
 position: absolute;
 top: 22px;
 left: 20px;
 height: 3px;
 width: 20px;
 background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
 .cd-panel__close::before {
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .cd-panel__close::after {
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.cd-panel__close:hover {
	background-color: #424f5c;
}
 .cd-panel__close:hover::before, .cd-panel__close:hover::after {
 background-color: #ffffff;
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}
 .cd-panel__close:hover::before {
 -webkit-transform: rotate(220deg);
 -ms-transform: rotate(220deg);
 transform: rotate(220deg);
}
 .cd-panel__close:hover::after {
 -webkit-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 transform: rotate(135deg);
}
 .cd-panel--is-visible .cd-panel__close::before {
 -webkit-animation: cd-close-1 0.6s 0.3s;
 animation: cd-close-1 0.6s 0.3s;
}
 .cd-panel--is-visible .cd-panel__close::after {
 -webkit-animation: cd-close-2 0.6s 0.3s;
 animation: cd-close-2 0.6s 0.3s;
}
 @-webkit-keyframes cd-close-1 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @keyframes cd-close-1 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @-webkit-keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
 @keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
.cd-panel__container {
	position: fixed;
	width: 90%;
	height: 100%;
	top: 0;
	background: #ffffff;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.cd-panel--from-right .cd-panel__container {
	right: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.cd-panel--from-left .cd-panel__container {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.cd-panel--is-visible .cd-panel__container {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
 @media only screen and (min-width: 768px) {
 .cd-panel__container {
 width: 70%;
}
}
 @media only screen and (min-width: 1170px) {
 .cd-panel__container {
 width: 28%;
}
}
.cd-panel__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*padding: 70px 7%;*/
	    padding: 50px 6%;
	overflow: auto;
	/* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content h4{
	font-size: 1.2rem;
	color: #f23801;
	line-height: 1.4;
	margin: 1.5em 0 1.2em;
	text-align: left;
	font-weight: 600;
}

.cd-panel__content h5{
	font-size: 1.2rem;
	color: #f23801;
	line-height: 1.4;
	margin: 1.5em 0 1.2em;
	text-align: left;
	font-weight: 600;
}
.cd-panel__content p  i{
	    font-size: 2.5rem;
    color: #14133b;
    float: left;
    padding-right: 18px;
}

.cd-panel__content p {
	font-size: 0.95rem;
	color: #14133b;
	margin: 1em 0;
	text-align: left;
	font-weight: 600;
}
.cd-panel__content p span{
	    float: left;
    padding-top: 8px;
}
.cd-panel__content p:first-of-type {
	margin-top: 0;
}
 @media only screen and (min-width: 768px) {
 .cd-panel__content p {
 font-size: 0.95rem;

 text-align: left;
 font-weight: 600;
}
}

.responsive-table{
    overflow-x: auto;
}


.practice-more i{
    margin-right:10px;
}

.schedule-date-txt{
    padding-left: 65px;
}
.pb-253{ padding-bottom: 253px; }

/*============================*/


.gallery .gallery-item{
            float: left;
            width: 100%;
            
             border: 2px solid #fff;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
}
.gallery .gallery-item img{
    width: 100%;
    float: left;
}
   
  .gallery .overlay-img {
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  background-color: rgb(0 0 0 /0.3);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  

}
.gallery .gallery-item:hover .overlay-img {
  height: 100%;
  }

.gallery .hover-text {
  color: white;
  font-size: 20px;
  background:#333;
  padding:10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}  


/*============================*/



/*================================*/


.featured_section135 {
    display: none;
}

.mt-430{margin-top:430px;}


.footer-links li .footer-li-active{
    color:#f37330;
}

.bg-gray {
    background-color: #f4f4f4;padding: 30px 0;
}

.blog-section-left {
    width: 68%;
    float: left;
    margin-right: 2%;
}

.blog-section-left-box {
    background: #fff;
    padding: 18px;
    position: relative;
    margin-bottom: 30px;
}

.info-ul {
    margin-bottom: 10px;
    margin-top: 10px;
}

.info-ul li {
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    color: #151743;
    font-weight: 400;
}

.info-ul li a {
    color: #151743;
}

.info-ul li:after {
    display: inline-block;
    content: "";
    background: #fa9a30;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: 10px;
}

.blog-section-left-box h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color:#f37330;
}

.blog-section-left-box p {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
   padding-bottom: 15px;
    line-height: 22px;
    text-align: justify;
    color: #000;
    font-weight: 400;
}

.blog-bottom {
    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    margin-bottom: 10px;
}


.blog-bottom .blog-share {
    text-align: right;
    width: 100%;
}

.blog-bottom .blog-share .blog-sb {
    padding: 7px 8px;
    display: inline-flex;
    text-transform: uppercase;
    font-size: 13px;
    background: #f4f4f4;
    border-radius: 25px;
    text-align: center;
}

.blog-bottom .blog-share ul {
    margin-left: 15px;
    margin-bottom: 0;
}

.blog-bottom .blog-share ul li {
    margin-right: 13px;
    font-size: 18px;
    display: inline-block;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 400;
}


.blog-bottom .blog-share ul li i.fa-square-facebook {
    color: #3b5998;
}

.blog-bottom .blog-share ul li i.fa-square-instagram {
    background: linear-gradient(to right, #fa7e1e, #d62976, #962fbf, #4f5bd5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}


.blog-bottom .blog-share ul li i.fa-square-x-twitter {
    color: #000;
}

.blog-bottom .blog-share ul li i.fa-square-whatsapp {
    color: #25d366;
}

.blog-section-left-box:after {
    display: block;
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, #f75aa5, #ed762e);
    width: 120px;
    bottom: 0;
    height: 6px;
}

.blog-section-right {
    width: 28%;
    float: left;
    margin-left: 2%;
}

.blog-section-right-box {
    background: #fff;
    padding: 18px;
    position: relative;
    margin-bottom: 30px;
}

.blog-section-right-box h4 {
        font-size: 17px;
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000;
}

.blog-section-right-box ul li {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eee;
    color:#000;    text-align: left;
}

.blog-section-right-box ul li span {
    float: right;
}

.blog-section-right-box:after {
    display: block;
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, #f75aa5, #ed762e);
    width: 40px;
    top: 0;
    height: 6px;
}