@font-face {
  font-family: roboto-m;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: roboto-b;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: roboto-r;
  src: url(../fonts/Roboto-Regular.ttf);
}
.headnav img{
	margin-top: 4px;
	width: 100%;
}
.viso img{
	width: 100%;
	height: 200px;
}
.viso{
	
	margin-bottom: 30px;
	padding-bottom: 10px;
	
}
.srxe{
	padding: 5px;
}
.srxe p{
	text-align: center;
	font-family: roboto-r;
}
.headnav{
	padding-top: 11px;
	padding-bottom: 17px;
}
.widthset{
	width: 90%;
	margin: auto;
}
.widthsetnav{
	width: 95%;
	margin: auto;
}
.navlin ul li{
	list-style: none;
	margin-top: 24px;
	position: relative;
	display: inline-block;
}
.navlin ul li:hover .submmed{
	display: block;
}
.submmed{
	position: absolute;
	width: 200px;
	left: 0px;
	top: 30px;
	z-index: 99;
	background: white;
	display: none;
}
.submmed{
	text-align: left!important;
	padding-inline-start: 0px;
}
.submmed li{
	display: block!important;
	margin-top: 0px!important;
}
.submmed li a{
	display: block;

}
.submmed li a:hover{
	color: white!important;
	background: rgb(128, 0, 0);
}
.navlin ul{
	text-align: right;
}
.dwnar{
	position: relative;
	top: -3px;
	margin-left: 3px;
}
.navlin ul li a{
	padding: 8px 14px;
	font-size: 16px;
	text-decoration: none;
	font-family: roboto-m;
	color:rgb(18 69 168);
}
.cntbtn i{
	font-size: 23px;
}
.cntbtn button{
	
	margin-top: 18px;
	padding: 8px;
	margin-right: 12px;
	border: 1px solid rgb(128, 0, 0);
	background: rgb(128, 0, 0);
}
.cntbtn button:hover{
	border: 1px solid rgb(128, 0, 0);
	background: rgb(128, 0, 0);
}
button:focus {
    outline: none;
    outline: none;
}
.cntbtn h5 {
    color: white;
    margin-bottom: 0px;
    font-family: roboto-m;
    font-size: 15px;
  
}
.banne{
	background-image: url('../images/banner.jpg');
	background-size: cover;
	background-position: center;
	height: 525px;
	position: relative;
	overflow: hidden;
}
.ovly {
   background: rgb(128,0,0,0.4);
    position: absolute;
    width: 800px;
    height: 800px;
    left: -343px;
    top: -111px;
    transform: rotate(45deg);
}
.ovlytwo {
    background: rgb(128,0,0,0.5);
    position: absolute;
    width: 550px;
    height: 823px;
    left: -287px;
    top: -38px;
    transform: rotate(45deg);
}
.textan{
	position: absolute;
	top: 49%;
	left: 69%;
	transform: translate(-50%,-50%);
	width: 43%;
}
.textan h3{
	font-family:  roboto-b;
	font-size:20px;
	color: white;
	text-transform: capitalize;
}
.backgrnt{
	width:100%;

	background: white;
	line-height: 68px;
	padding: 10px;
}
.slider {
    height: 63px;
    padding-left: 0px;
    overflow: hidden;
    font-family:  roboto-b;
	font-size: 32px;
	text-transform: capitalize;
}
.slider div {
    color: #fff;
    height: 54px;
    margin-bottom: 50px;
    padding: 2px 15px;
    
    box-sizing: border-box;
}
.slider-text1 {
    background: rgb(128, 0, 0);
    animation: slide 9s linear infinite;
}
.slider-text3 {
    background: rgb(240 195 60);
}
.slider-text2 {
    background: rgb(18 69 168);
}
@keyframes slide{
0% {
    margin-top: -300px;
}
5% {
    margin-top: -200px;
}
33% {
    margin-top: -200px;
}
38% {
    margin-top: -100px;
}
66% {
    margin-top: -100px;
}
71% {
    margin-top: 0px;
}
100% {
    margin-top: 0px;
}
}
.textan button{
	font-family:  roboto-b;
	
	padding: 10px 15px;
	color: white;
	border-radius: 8px;
	margin-right: 10px;
	border: 2px solid white;
	background: transparent;
}
.textan p{
	margin-top: 11px;
	font-family:  roboto-b;
	color: white;
}
.textan button:nth-of-type(1){
	border: 2px solid rgb(128, 0, 0);
	background: rgb(128, 0, 0);
}
.textan button:nth-of-type(2){
	border: 2px solid white;
	background: transparent;
}
.solo{
	background: rgb(128, 0, 0);
}
.abtpg{
	background: white;
}
.abim img{
	margin-top: 70px;
	width: 100%;
	box-shadow: 2px 3px 6px rgba(0,0,0,0.5);
	position: relative;
	right: -50px;
	z-index: 99;
}
.abtn h6{
	font-family:  roboto-m;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: grey;
}
.abtn h3{
	font-family:  roboto-b;
	padding-bottom: 10px;
}
.abtn p{
	font-family:  roboto-r;
	font-size: 15px;
	text-align: justify;
}
.abtn{
	padding-top: 80px;
	padding-left: 40px;
	padding-bottom: 70px;
}
.abim{
	padding-bottom:40px;
}
.abtn button{
	font-family:  roboto-b;
	padding: 10px 15px;
	color: white;
	border: 1px solid rgb(128, 0, 0);
    background: rgb(128, 0, 0);
}
.nopad{
	padding-left: 0px;
	padding-right: 0px;
}
.firstrow img{
	height: 400px;
	object-fit: cover;
	width: 100%;
	transition: all 300ms linear;
	transform: scale(1.0);
}
.secondrow img{
	height: 400px;
	object-fit: cover;
	width: 100%;
}
.secondrow{
	border: 2px solid white;
	height: 400px;
	position: relative;
	overflow: hidden;
	
	
}
.secondrow:hover .tess{
	position: relative;
	bottom: 10px;
}
.firstrow{
	height: 400px;
	position: relative;
	overflow: hidden;
	
	border: 2px solid white;
}

.descript h4{
	text-align: center;
}
.descript i{
	color: white;
}
.descript h3{
	font-family:  roboto-b;
	color: white;
	font-size: 18px;
	text-align: center;
}
.descript button{
	font-family:  roboto-b;
	padding: 8px 15px;
	color: white;
	font-size: 14px;
	border: 2px solid white;
	border-radius: 8px;
    background: transparent;
}
.descript p{
	font-family:  roboto-r;
	color: white;
	text-align: center;
	font-size: 14px;
}
.descript{
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 10px;
	transition: all 300ms linear;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,1));
}
.tess{
	bottom: 0px;
	transition: all 300ms linear;
}
.firstrow:hover .tess{
	position: relative;
	bottom: 10px;
}
.olr{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.1);
}
.thirdrow img{
	height: 199px;
	object-fit: cover;
	width: 100%;
}
.fourthrow{
	height: 199px;
	position: relative;
	overflow: hidden;
	border: 2px solid white;
}
.fourthrow img{
	height: 199px;
	object-fit: cover;
	width: 100%;
}
.thirdrow{
	height: 199px;
	position: relative;
	overflow: hidden;
	margin-bottom: 1px;
	border: 2px solid white;
}
.thirdrow:hover .tess{
	position: relative;
	bottom: 10px;
}
.srxe{
	    background: #dfe9ea;
    height: 400px;
}
.srxe h3{
	padding-top: 170px;
	font-family:  roboto-b;
	text-align: center;
}
.srxe button {
    font-family: roboto-b;
    padding: 10px 15px;
    color: white;
    border: 1px solid rgb(128, 0, 0);
    background: rgb(128, 0, 0);
}
.firstrow:hover .overloayme{
	bottom: 0px;
}
.secondrow:hover .overloayme{
	bottom: 0px;
}
.thirdrow:hover .overloayme{
	bottom: 0px;
}
.fourthrow:hover .overloayme{
	bottom: 0px;
}
.overloayme{
	position: absolute;
	transition: all 300ms linear;
	width: 100%;
	height: 100%;
	bottom: -450px;
	background: rgb(128, 0, 0);
}
.postc{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
}
.postc h3{
	font-family:  roboto-b;
	text-align: center;
	font-size: 17px;
}
.postc p{
	font-family:  roboto-r;
	text-align: center;
	font-size: 14px;
}
.postc button {
    font-family: roboto-b;
    padding: 10px 15px;
    color: black;
    border-radius: 6px;
    border: 1px solid white;
    background: white;
}
.teamscont{
	padding-top: 70px;
	padding-bottom: 70px;
}
.teamscont h3{
	text-align: center;
	font-family: roboto-b;
	margin-bottom: 40px;
}
.teamd h5{
	padding-top: 10px;
	font-family: roboto-b;
	font-size: 18px;
	margin-bottom: 0px;
	color: rgb(128, 0, 0);
}
.teamd h6{
	padding-top: 10px;
	font-family: roboto-b;
	font-size: 15px;
	color: grey;
}
.teamd{
	padding: 10px;

}
.dummyima img{
	width: 100%;
}
.teams{
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 8px;
}
.teams button {
	margin-top: 8px;
    font-family: roboto-b;
    padding: 8px 15px;
    color: rgb(128, 0, 0);
    border-radius: 6px;
    border: 1px solid rgb(128, 0, 0);
    background: white;
}
.teamd p{
	font-family: roboto-r;
	color: black;
	font-size: 15px;
}
.singletem img{
	width: 100%;
}
.padtt{
	padding-top:35px;
}
.someifo{
	height: 500px;
	position: relative;
	background: url('../images/someinfo.jpg');
	background-size: cover;
	background-position: center;
}
.serviceof{
	position: absolute;
	top: 50%;
	background: white;
	padding: 55px;
	left: 13%;
	width: 35%;
	transform: translate(-50%,-50%);
}
.serviceof h3{
	
    font-family: roboto-b;
    margin-bottom: 12px;
   
}
.serviceof ul{
	padding-inline-start: 5px;
}
.serviceof ul li i{
	color: rgb(128, 0, 0);
}
.serviceof ul li{
	font-family: roboto-r;
	margin-bottom: 12px;
	list-style: none;
}
.serviceof button {
    font-family: roboto-b;
    margin-top: 7px;
    padding: 8px 14px;
    color: white;
    border: 1px solid rgb(156 189 239);
    background: rgb(156 189 239);
}
.colr{
	background: rgb(156 189 239);
}
.flip-card {
  background-color: transparent;
  margin-bottom: 25px;
  height: 225px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: rgb(128, 0, 0);
  
}
.flip-card-front h3{
	padding-top: 100px;
	color:white;
}
.flip-card-back p{
	padding-top: 100px;
	font-family: roboto-r;
    font-size: 15px;
    text-align: center;
}
/* Style the back side */
.flip-card-back {
	padding: 10px;
  background-color: #1245a8;
  color: white;
  transform: rotateY(180deg);
}




.consul{
	padding-top: 50px;
	padding-bottom: 50px;
}
.consul h3{
	text-align: center;
	font-family: roboto-b;
	margin-bottom: 30px;
}
.consul img{
	border-radius: 8px;
	width: 100%;
	border: 1px solid lightgrey;
}
.extfoot{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 3px solid rgb(17 166 197);
}
.alrfoot img{
	width: 80%;
}
.alrfoot p{
	font-family: roboto-r;
}
.alrfoot ul{
	padding-inline-start: 10px;
}
.alrfoot ul li{
	list-style: none;
	margin-bottom: 10px;
}
.alrfoot h3{
	font-family: roboto-b;
	margin-bottom: 10px;
}
.alrfoot ul li a{
	font-family: roboto-r;
}
.fontt{
	padding-top: 8px;
	padding-bottom: 8px;
	background: grey;
}
.fontt p{
	font-family: roboto-r;
	color: white;
	margin-bottom: 0px;
}
.lefts a{
	color: yellow;
}
@keyframes slide5 {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
.slideanim {visibility:hidden;}
.slide5 {
    /* The name of the animation */
    animation-name: slide5;
    -webkit-animation-name: slide5; 
    /* The duration of the animation */
    animation-duration: 2s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

@keyframes slide6 {
    0% {
        opacity: 0;
        transform: translateX(70%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
.slideanim1 {visibility:hidden;}
.slide6 {
    /* The name of the animation */
    animation-name: slide6;
    -webkit-animation-name: slide6; 
    /* The duration of the animation */
    animation-duration: 2s; 
    -webkit-animation-duration: 2s;
    /* Make the element visible */
    visibility: visible; 
}
@keyframes slide7 {
    0% {
        opacity: 0;
        transform: translateX(-70%);
    } 
    100% {
        opacity: 1;
        transform: translateX(0%);
    } 
}
.slideanim2 {visibility:hidden;}
.slide7 {
    /* The name of the animation */
    animation-name: slide7;
    -webkit-animation-name: slide7; 
    /* The duration of the animation */
    animation-duration: 2s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}
.menu{
	display: none;
}
.alrast{
	position: relative;
	height: 400px;
	background: url('../images/abtpg.jpg');
	background-size: cover;
	background-position: center;
}
.texth{
	background: white;
	padding: 10px;
	font-size: 33px;
	font-family: roboto-b;
}
.textcnt{
	position: absolute;
	top: 41%;
    left: 12%;
	
}
.abpagcnt{
	padding-top: 50px;
	padding-bottom: 50px;
}
.abpagcnt h3{
	font-size: 25px;
	font-family: roboto-b;
}
.abpagcnt p{
	text-align: justify;
	font-family: roboto-r;
}
.abpagcnt ul li{
	font-family: roboto-r;
	margin-bottom: 6px;
}
.allvalues h4{
	font-family: roboto-b;
}
.allvalues p{
	font-family: roboto-r;
}
.abimg img{
	width: 100%;
}
.ovlyr{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.4);
}
.table td{
	font-family: roboto-r;
}
@media only screen and (max-width: 940px) {
.widthset{
	width: 95%;
}
  .menu {
  	text-align: right;
    display: block;
    float: right;
    margin-top: 16px;
  }
  .mbna ul li{
  	display: block;
  	margin-top: 0px;
  }
  .mbna ul li a{
  	padding: 10px;
  	display: block;
  	border-bottom: 1px solid #d6d1d1;
  }
  .mob img{
  	width: 70%;
  }
  .mbna ul{
  	padding-inline-start: 0px;
  }
  .mbna ul{
  	text-align: center;
  }
  .mbna{
  	display: none;
  	background:#f7f6f6;
  }
  .menu i{
  	font-size: 25px;
  }
  .cntbtn{
  	display: none;
  }
  .textan {
    position: absolute;
    top: 49%;
    left: 47%;
    transform: translate(-50%,-50%);
    width: 86%;
}
.textan h3 {
    font-family: roboto-b;
    font-size: 17px;
    color: white;
    text-transform: capitalize;
}
.slider {
    height: 81px;
    padding-left: 0px;
    overflow: hidden;
    font-family: roboto-b;
    font-size: 20px;
    text-transform: capitalize;
}
.slider div {
    color: #fff;
    height: 61px;
    margin-bottom: 50px;
    padding: 2px 15px;
    box-sizing: border-box;
}
.abtn {
    padding-top: 49px;
    padding-left: 5px;
    padding-bottom: 9px;
}
.abim img{
	display: none;
}
.srxe {
    background: #dfe9ea;
    height: 100px;
    padding: 5px;
}
.srxe h3 {
    padding-top: 16px;
    font-family: roboto-b;
    text-align: center;
}
.teamscont {
    padding-top: 29px;
    padding-bottom: 29px;
}
.teams {
    margin-bottom: 15px;
}
.padtt {
    padding-top: 10px;
}
.serviceof {
    position: absolute;
    top: 50%;
    background: rgba(255,255,255,0.8);
    padding: 11px;
    left: 49%;
    width:90%;
    transform: translate(-50%,-50%);
}
}