/************************************** FONTS STYLE STARTS ***********************************/
/************************************** FONTS STYLE ENDS *************************************/
/************************************** COMMON STYLE CLASSES STARTS **************************/
html{
    scroll-behavior: smooth;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    background-color: #fff;
}
a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}
a:focus { 
    outline: none; 
}
button:focus {outline:0;}
.fluid0 {
    padding: 0;
    margin: 0;
}
.container0 {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 992px){
	.border-lg-right-dotted {
    border-right:1px dotted #656565!important;
	}
}
/*************************************** COMMON STYLE CLASSES ENDS ****************************************/
/***************************************  TOP CLASSES STARTS **********************************************/
#header .toptxt{
	font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #0A0503;
    font-weight: normal;
}
#header .toptxtsub{
	font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: normal;
}
/***************************************  TOP CLASSES ENDS **************************************************/
/***************************************  FA ICONS CLASSES START ********************************************/
.fa1 {
	display: inline-block;	
	border:1px solid #000; 
	width:28px;
	height:28px;
	text-align:center;
	padding-top:7px;
	color:#000;
	background:transparent;	
} 
.fa1:hover{
	border:1px solid red; 
	color:red;
}
/***************************************  FA ICONS CLASSES ENDS **********************************************/
/***************************************  LARGE SCREEN TOP MENU CLASSES STARTS *******************************/
.nav .nav-item{
	padding-left:25px;
	padding-right:25px;
}
.nav .nav-item .nav-link{
	color: #000000;   
    font-size: 18px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
    text-decoration: none;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:5px;
	text-shadow:none!important;
}
.nav .nav-item .nav-link:focus,
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link.active {
    background-image: url('webimg/hover.webp');
    background-position: bottom center;
    background-repeat: repeat-x;
	color: #000;
    background-color: transparent;
}
/*************************************** LARGE SCREEN  TOP MENU CLASSES ENDS *********************************/
/*************************************** LARGE SCREEN  DROPDOWN MENU CLASSES STARTS **************************/
.dropdown:hover>.dropdown-menu {
	display: block;
	margin-top: 0px;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 600;
}
.dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-toggle::after{
	display: none;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #ed765e!important; 
}
/*************************************  LARGE SCREEN DROPDOWN MENU CLASSES ENDS *****************************/
/*************************************  SMALL SCREEN SIDE MENU CLASSES STARTS *******************************/
.mh-head {
	background: #ffffff!important;/*****<!-- header bg color------>***/
	color: #000000!important;
}
.mh-text{
	font-size: 16px;
	font-weight: bold;
}
.mh-head .hamburger-inner,
.mh-head .hamburger-inner:after, 
.mh-head .hamburger-inner:before{
	background: #000000;  /*****<!-- header span line bg color------>***/
}
.mm-navbar__title {
	color:#000000!important;/*****<!-- header menu text color------>***/
}

/****SILDE BACKGROUND****/
#mm-1{
	background: #fff;	
}
#mm-2{
	background: #fff;	
}
#mm-3{
	background: #fff;	
}
/*
#mm-4{
	background: #656565;	
}
#mm-5{
	background: #656565;	
}***SILDE BACKGROUND****/
.mm-menu {
    background: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;    
    color: #000000!important;
}
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #000000!important;/****LEFT ARW****/
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
     border-color: #000000!important;/****RIGHT ARW****/
} 
/*************************************** SMALL SCREEN SIDE MENU CLASSES ENDS ********************/
/*************************************** SLIDER STYLE CLASSES STARTS ***************************/
/*carousel-indicators position*/
/* .carousel-indicators {
    position: absolute;
    top: 40%;   
    left: 98%;
    z-index: 15;   
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
} */
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: hsla(0, 18%, 95%, 0);
    border: 1px solid #fff;
    border-radius: 10px;
    background-color : #fff;
}
.carousel-indicators .active {
    display: inline-block;
    width: 12px;
    height: 12px;
	 margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    background-color: hsla(0, 18%, 95%, 0);
    border: 1px solid #FAC32D;
    border-radius: 10px;
    background-color: #FAC32D;/*carousel-indicators active color*/
} 
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none;
}
/*************************************** SLIDER STYLE CLASSES ENDS **********************************/
/*************************************** COMMON CONTACT PAGE STYLE CLASSES START ********************/
.tred{
	color:red;
}
.taddress{
	font-size: 15px;
	color:#333333;
	font-family: 'Inter', sans-serif;
}
.taddressh{
	font-size: 20px;
	color:#333333;
	font-family: 'Inter', sans-serif;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:red;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: #fff!important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.button {
    border: 1px solid #000;
    background: transparent;  
	font-family: 'Inter', sans-serif;
    color:red;	
	cursor:pointer;
}
/*************************************** COMMON CONTACT PAGE STYLE CLASSES ENDS *********************/
/*************************************** COMMON INNER PAGE STYLE CLASSES START **********************/
.thead{
	font-size: 25px;
	color:#333333;
	font-family: 'Inter', sans-serif;
	margin:0px;	
	padding-bottom:20px;
}
.tsubhead{
	font-size: 18px;
	color:#333333;
	font-family: 'Inter', sans-serif;
	margin:0px;	
	padding-bottom:10px;
}
.txtpara{
	font-size: 15px;
	color:#333333;
	font-family: 'Inter', sans-serif;
	margin:0px;	
	padding-bottom:10px;
}
.bg-black{
	background-color: #000;
}
.faicon{
	font-size: 15px;
}
/*************************************** COMMON INNER PAGE STYLE CLASSES ENDS ************************/
/*************************************** INNER BANNER STYLE CLASSES STARTS ***************************/
#innerbanner {
    background-position: top center;
    background-repeat: no-repeat;
	width:100%;
}
.container1{
	max-width: 90%!important;
	margin-left: auto;
	margin-right: auto;
}

.studio {
	color: transparent;
	background: linear-gradient(96deg, #FEA858 36.44%, #ED765E 54.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

font-family: Inter;
}
.studio:hover {
	color: #000!important;
	background: none;
background-clip: none;
background-image: none!important;
-webkit-background-clip: none;
-webkit-text-fill-color: #FEA858!important;
}
  

  .studio:hover{
	color: #FEA858!important;
    background: linear-gradient(to right, #FEA858 20%, #ED765E 40%, #cc6551 60%, #c75841 80%);
	background-size: 200% auto;
	color:transparent!important;
	background-clip: text;
	-webkit-background-clip: text;    background-image: none;

  }

  .bannerhead{
	font-family: Inter;
font-size: 50px;
font-weight: 700;
letter-spacing: 0.05em;
text-align: left;
color:#000;
  }
  .bannerhead1{
	color: transparent!important;
	background: linear-gradient(96deg, #FEA858 36.44%, #ED765E 54.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Inter;
letter-spacing: 2.5px;
  }
  .bannertext{
	color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
  }
  .readmore{
	color: rgba(237, 118, 94, 1);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
opacity: 0.8;
  }
  .readmore:hover{
    color:#000;
  }
  .slide-img {
    width: 100%;
	

}
.slide-img img {
    width: 100%;
    z-index: 9;
    position: relative;
    animation: topBottom 5s infinite;
}
.topBottom {
	-webkit-animation: topBottom 5s infinite;
	animation: topBottom 5s infinite;
}
 @-webkit-keyframes topBottom {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 20px);
 transform: translate(0, 20px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes topBottom {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, 20px);
 transform: translate(0, 20px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
.slide-img::before {
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    background: rgba(254, 168, 88, 0.63);
    border-radius: 49% 58% 62% 30% / 58% 52% 43% 61%;
    animation: moveBackground 10s linear infinite;
	box-shadow: 0 0 20px rgba(237, 118, 94, 0.555); /* Use the same color for shadow */
}
.slide-img::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    background: rgba(237, 118, 94, 0.555);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    animation: moveBackground 10s linear infinite;
    box-shadow: 0 0 20px rgba(237, 118, 94, 0.555); /* Use the same color for shadow */
}

.slide-img::before {
    top: 5%;
    left: 9%;
    z-index: -1;
}

.slide-img::after {
    bottom: 6%;
    right: 10%;
    z-index: -1;
}

@keyframes moveBackground {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes moveUpDown {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}
a, a:hover, a:focus, a:visited{
    background-color: transparent;
}

.whathead{
	font-family: Inter;
font-size: 44px;
font-weight: 600;
letter-spacing: 0em;
text-align: left;

}
.whatsubhead{
	font-family: Inter;
font-size: 20px;
font-weight: 400;
color: #000!important;
letter-spacing: 0em;
text-align: left;

}
.viewmore {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0em;
	background: #fff;
    color: #000;
    padding: 10px 30px;
    border-radius: 30px;
	border:1px solid #FEA858;
	 transition: 1s;/* Add a smooth transition */
}

.viewmore1{
	color:#fff;
	background: #000;
	transition:2s;
    border:1px solid #FEA858!important;

  }
  .viewmore2{
    border:1px solid #000!important;

  }

.viewmore:hover{

      border:1px solid #FEA858!important;

	color:#fff;
	background: linear-gradient(94.39deg, #FEA858 7.07%, #ED765E 94.16%);
	transition: 1s;
}
.whatpara{
font-size: 18px;
font-weight: 400;
letter-spacing: 0em;
text-align: left;

}
.serviceshead{
font-family: Inter;
font-size: 30px;
font-weight: 600;
letter-spacing: 0em;
text-align: left;

}
.service{
	background:#fff;
	border:1px solid #cccccc40;
	border-radius: 20px;
	transition: 2s;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);	    }
.service img{
	height:50px;
}
.service:hover{
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);	
	transition: 2s;
}
.service::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(94.39deg, #FEA858 7.07%, #ED765E 94.16%);
    transition: 1s;
	opacity: 0; /* Initially, make it invisible */
	z-index: -1; /* Place it behind the content */
	transform: rotate(0deg); /* Initial rotation is 0 degrees */
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    border-radius: 20px;
  }
.service:hover::before {
	opacity: 1; /* Make it visible on hover */
	top: 0;
	transform: rotate(-9deg);
}
.serhead {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: left;
    color: #000 !important;
    line-height: 36.31px;
}
.sertext{
font-size: 16px;
font-weight: 300;
letter-spacing: 0.03em;
text-align: left;
color: #000!important;
}
@-webkit-keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-200px * 6)); /* Adjust the number of slides */
	}
  }
  
  @keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-200px * 6)); /* Adjust the number of slides */
	}
  }
  .slider {
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
  }
  
  .slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
  }
  .slider::before {
	left: 0;
	top: 0;
  }
  .slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
			animation: scroll 40s linear infinite;
	display: flex;
	width: calc(260px * 14); /* Adjust the number of slides */

  }
 .slide1{
	min-width: 230px;
	padding: 30px 15px;
 }
 .slide-inner{
	box-shadow: -12px 22px 20px 0px rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	background-color: #fff;
 }
 .slide-inner img{
	height: 70px;
 }
 .techhead{
font-size: 16px;
font-weight: 500;
letter-spacing: 0em;
 }
 .techhead1{
	font-family: Inter;
font-size: 12px;
font-weight: 400;
letter-spacing: 0em;
color: rgba(124, 124, 124, 1);

 }
 
 .content {
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
	border-radius: 10px;
  }
  
  .content .content-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	border-radius: 10px;
  }
  
  .content:hover .content-overlay{
	opacity: 1;
  }
  
  .content-image{
	width: 100%;
  }
  
  .content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	color:#fff;
  }
  
  .content:hover .content-details{
	top: 50%;
	left: 50%;
	opacity: 1;
  }
  
  
  .fadeIn-bottom{
	top: 80%;
  }
  
  .fadeIn-top{
	top: 20%;
  }
  
  .fadeIn-left{
	left: 20%;
  }
  
  .fadeIn-right{
	left: 80%;
  }
  .logoimg{
	height: 50px;
  }
  .contactbg{
	background: rgba(255, 255, 255, 0.3);

  }
  .bg1{
	background-image: url('webimg/bg1.webp');
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;

  }
  .bg2 {
    background-image: url('webimg/bg2.webp');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}
.form-control{
	opacity: .60!important;
}
.contactbtn{
	background: linear-gradient(92.95deg, #FEA858 2.98%, #ED765E 96.69%);
	font-size: 15px;
	font-weight: 600;
	color:#fff;
	border:2px solid #FEA858;
	border-radius: 5px;
	transition:.3s;
}
.contactbtn:hover{
	background: #fff;
	color:#ED765E;
	transition:.3s;
}
/* Default slide */
.center-slider .slick-slide{
	margin: 0 15px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0.8);
	transition: all 0.4s ease-in-out;
	box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
  }
  .center-slider .slick-slide,
  .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
	transform: scale(0.8, 0.8);
	transition: all 0.4s ease-in-out;
  }
  
  /* Active center slide (You can change anything here for cenetr slide)*/
  .center-slider .slick-center,
  .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
	transform: scale(1.1);
	background-color: #fff;
	box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.05);

  }
  .center-slider .slick-current.slick-active{
	transform: scale(1.1);
	background-color: #fff;
	box-shadow: 1px 1px 34px 0px rgba(0, 0, 0, 0.15);

  }
  
  .slick-next, .slick-prev{
	z-index: 5;
		
  }
  .slick-arrow{
	position: absolute;
		right: 0;
		font-size: 25px;
		top: 0;
  }
  .custom-prev-arrow{
	margin-right: 40px;
  }
  .slick-next{
	right: 15px;
  }
  .slick-prev{
	left: 15px;
  }
  .slick-next:before, .slick-prev:before{
	color: #000;
	font-size: 26px;
  }
  .slick-list {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
  .starrating{
	color: rgba(233, 203, 2, 1);
	font-size: 20px;

  }
  .testimonialpara{
font-size: 16px;
font-weight: 300;
color: rgba(0, 0, 0, 1);
  }
  .testhead{
font-size: 16px;
font-weight: 600;
letter-spacing: 0em;

  }
  .testdesc{
font-size: 12px;
font-weight: 400;
line-height: 18px;

  }
  .event img{
	-webkit-box-shadow: 7px 7px 92px 30px rgba(204,12,NaN,1);
-moz-box-shadow: 7px 7px 92px 30px rgba(204,12,NaN,1);
box-shadow: 7px 7px 92px 30px rgba(204,12,NaN,1);

  }
  .bloghead1{
font-size: 20px;
font-weight: 500;

  }
  .border-child{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
  }
  .bloghead2{
font-size: 14px;
font-weight: 500;
line-height: 17px;
text-align: left;
color: rgba(0, 0, 0, 0.5);

  }
  .parent {
    background-image: url('webimg/blog1.webp');
    background-size: contain;
    transition: background-image 0.3s ease;
    background-repeat: no-repeat;
    background-position: right top;
    background-position-y: -5rem;
}
.child {
	cursor: pointer;
  }
  .bg-black1{
	background-color: #000;
	border-radius: 20px;
  }
  .footerpara{
font-size: 20px;
font-weight: 400;
text-align: left;
color: rgba(255, 255, 255, 0.699);

  }
  
  .viewmore1:hover{
	transition: 1s;
  }
  .footer-border{
	border-bottom:1px solid #ffffff59;
  }
  .flocation{
font-size: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 0.459);

  }
  .fhead{
font-size: 26px;
font-weight: 500;
color:#fff;
  }
  .flinks ul li a{
	font-size: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 0.459);
list-style: none;
padding-left: 0;
  }
  .flinks ul li a:hover{
	color: #FEA858 ;

  }
  .footertext{
font-size: 15px;
font-weight: 400;
letter-spacing: 0.05em;
text-align: left;
color: rgba(255, 255, 255, 0.459);

  }
  .footerorange{
	color: #FEA858;

  }
  .portfolio .nav .nav-item .nav-link{
	background-color: rgb(199 197 197 / 44%);
font-size: 18px!important;
font-weight: 600;
text-align: center;
border-radius: 5px;
border:none!important;
color: rgba(0, 0, 0, 0.603);
;
  }
  .portfolio .nav .nav-item .nav-link:focus, 
  .portfolio  .nav .nav-item .nav-link:hover,
  .portfolio .nav .nav-item .nav-link.active{

	background: linear-gradient(105.61deg, #FEA858 5.52%, #ED765E 90.53%);
	font-size: 18px;
	border:none!important;
	color:#fff;
	border:0;
	border-radius: 5px;
  }
  .portfoilo .nav-tabs{
	border-bottom:1px solid transparent;
  }
  .screen {
	display: block;
	width: 100%;
	height: 400px; /* Set the desired height for the container */
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	margin: 0 auto;
	
  }
  .screen1{
	background-color: #000;
	border-radius: 10px;
	padding: 20px;

  }
  
  .screen img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	transform: translateY(0);
	transition: transform 4s ease;
	border-radius: 5px;
  }
  
  .screen:hover img {
	transform: translateY(-59%);
	transition: transform 4s ease;
  }
  
.ptabhead{
	font-size: 26px;
	font-weight: 600;
	text-align: left;
	
}
.ptabpara{
font-size: 20px;
font-weight: 400;

}
.careers .nav .nav-item .nav-link:focus,
.careers .nav .nav-item .nav-link:hover, 
.careers .nav .nav-item .nav-link.active{
font-size: 18px;
font-weight: 400;
letter-spacing: 0em;
color:#000;
text-align: left;
padding-top: 0;
padding-bottom: 0;
background-image: none;
border-radius: 0;
 }
 .careers .nav .nav-item{
    padding-left: 0;
    padding-right: 0;
 }
 .careers .nav .nav-item .nav-link {
    color: rgba(113, 113, 113, 1);
    border-bottom: 1px solid #717171;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;

    border-radius: 0;
    letter-spacing: 0em;

    width:fit-content;
 }
 .careerhead{
    font-size: 30px;
    font-weight: 500;
    text-align: left;
    
 }
 .career1 {
    border: 1px solid #C2C2C2;
    border-radius: 35px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#000;
}
.careerhead2{
font-size: 19px;
font-weight: 400;
letter-spacing: 0em;
text-align: left;
color: #717171;

}
.apply{
font-size: 18px;
font-weight: 400;
letter-spacing: 0em;
background: #D9D9D9;
border-radius: 30px;
color:#000;

}
.apply:hover{
    background: #D9D9D9;
    color:#000;
    
    }
    .careerhead3{
font-size: 25px;
font-weight: 500;

    }
    
    .careerlist  li{

        list-style-image: url('webimg/circle.webp');
font-size: 20px;
font-weight: 400;

    }
    .careerlistpara{
        font-size: 20px;
        font-weight: 400;
        text-align: justify;
    }
    .careerdesc{
        font-size: 20px;
font-weight: 400;

    }
    .orangetext{
        
color:#FEA858;
   }
.not-found{
    background: linear-gradient(65.06deg, #FEA858 58.92%, #ED765E 99.5%);
  
}
.not-foundhead{
font-size: 60px;
font-weight: 600;
line-height: 55px;
letter-spacing: 0.05em;
color:#fff;
}
.not-foundhead1{
font-size: 20px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0.05em;
color:#fff;
}
.not-foundbutton{
    border: 1px solid #FFFFFF;
    padding: 20px 30px;  
    color:#fff;
border-radius: 10px;
font-family: Inter;
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0.05em;
text-align: center;
transition: 1s;

}
.not-foundbutton:hover{
    background-color: #fff;
    color:#FEA858!important;
    transition: 1s;

}
/*---------------------------------------------------------*/
.to-top {
	position: fixed;
	z-index: 9999;
	bottom: 100px;
	right: 33px;
	display: none;
}
.to-top a.back-to-top {
    display: block;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
.to-top a.back-to-top img {
	width: 100%;
	border-radius: 100%;
}
.to-top a.back-to-top:hover {
	opacity: 1;
}
.bottomicon{
    font-size: 22px;
        color:#f87e0c;
}
.fixeddiv {
    width: 186px;
    height: 33px;
    height: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9999;
    top: 31%;
    right: -77px;
    display: none;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.fixeddiva {
  
    margin: 0;
    float: right;
    background-image: url('webimg/quoteimg.png');
    background-repeat: no-repeat;
    color: #fff;
    rotate: 90deg;
    font-size: 18px;
    text-align: center;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.fixeddiva2 {
	width: 100%;
	opacity: 1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: visible;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.fixeddiva span {
	display: block;
	-webkit-animation: fixz 1s infinite;
	-moz-animation: fixz 1s infinite;
	-ms-animation: fixz 1s infinite;
	animation: fixz 1s infinite;
}
 @-webkit-keyframes fixz {
 0% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
 50% {
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -o-transform: scale(1, );
 transform: scale(1, 1);
}
 100% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
}
@-moz-keyframes fixz {
 0% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
 50% {
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -o-transform: scale(1, );
 transform: scale(1, 1);
}
 100% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
}
 @keyframes fixz {
 0% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
 50% {
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -o-transform: scale(1, );
 transform: scale(1, 1);
}
 100% {
 -webkit-transform: scale(.9, .9);
 -moz-transform: scale(.9, .9);
 -o-transform: scale(.9, .9);
 transform: scale(.9, .9);
}
}

.fixeddiva:hover, .fixeddiva:focus {
	color: #000;
}
.selected {
    background-color: black;
    color: #fff!important;
}
/*************************************** INNER BANNER STYLE CLASSES ENDS ***************************/
/*************************************** WELCOME  STYLE CLASSES STARTS *****************************/
/*************************************** WELCOME  STYLE CLASSES ENDS *******************************/
/*************************************** STYLE MEDIA QUERY CLASSES STARTS **************************/
@media (min-width: 1500px){
    .bannerhead{
        line-height: 55px;
      }  
	.container{
		max-width: 1260px;
	}
	
    .sertext{
        min-height: 120px;
    }
    .whathead{
        line-height: 60px;
    }
}
@media (min-width: 1200px){
  
.not-found{
height: 100vh;
}
}
@media screen and (min-width:1200px) and (max-width:1499px){

    .whathead{
        line-height: 60px;
    }
    .bannerhead{
        line-height: 40px;
        font-size: 34px;
      }  
    .bannertext{
        line-height: 28px;
        font-size: 17px;
    }
    .readmore{
        font-size: 16px;
    }
    .whathead{
        line-height: 55px;
        font-size: 34px;
    }
    .whatpara{
        line-height: 33px;
    }
    .sertext{
        line-height: 19px;
    }
    .testimonialpara{
        line-height: 22x;
        font-size: 13px;
    }
	.nav .nav-item {
		padding-left: 15px;
		padding-right: 15px;
	}
	.whathead{
		font-size: 34px;
        line-height: 39px;
	}
	.whatpara{
		font-size: 17px;
	}
	.screen img {
		bottom: -900px;
	}
    .serhead {
        font-size: 22px;
        line-height: 26.31px;
    }
    
    .sertext{
        font-size: 15px;
        min-height: 120px;
    }
 .footerpara{
    font-size: 16px;
 }
 .flocation {
    font-size: 15px;
 }
 .flinks ul li a {
    font-size: 15px;
 }

}
@media screen and (min-width:992px) and (max-width:1199px){
	
	.nav .nav-item {
		padding-left: 10px;
		padding-right: 10px;
	}
	.nav .nav-item .nav-link{
		font-size: 15px;
	}
	.dropdown-item{
		font-size: 13px;
	}
	
	.screen img {
		bottom: -700px;
	}
    .whathead {
        font-size: 25px;
        line-height: 33px;
    }
	.whatpara {
        font-size: 15px;
    }
	.screen img {
		bottom: -900px;
	}
    .serhead {
        font-size: 22px;
        line-height: 26.31px;
    }
    
    .sertext{
        font-size: 13px;
        min-height: 120px;
    }
 .footerpara{
    font-size: 16px;
 }
 .flocation {
    font-size: 15px;
 }
 .flinks ul li a {
    font-size: 15px;
 }
 .testimonialpara{
    font-size:13px;
}
.bannerhead{
    font-size: 28px;
}
.bannertext{
    font-size: 16px;
}
.readmore {
    font-size: 15px;
}
.ptabhead{
    font-size: 20px;
}
.ptabpara {
    font-size: 16px;
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .careerdesc{
        font-size: 16px;
    }
    .careerlist li{
        font-size: 16px;
    }
    .apply{
        font-size: 15px;
    }
    .careerhead3{
        font-size: 16px;
    }
    .careerhead2{
        font-size: 15px;
    }
    .careerhead{
        font-size:18px;
    }
	.moblogo{
		float:left;
	}
	.nav .nav-item {
		padding-left: 12px;
		padding-right: 12px;
	}
	.nav .nav-item .nav-link{
		font-size: 15px;
	}
	.dropdown-item{
		font-size: 13px;
	}
	.bannerhead {
        font-size: 23px;
        line-height: 29px;
    }
	.bannertext{
		font-size: 15px;
	}
	.readmore{
		font-size: 14px;
	}
	.whathead{
		font-size: 25px;
        line-height: 30px;
	}
	.whatpara{
		font-size: 15px;
	}
	.whatsubhead{
		font-size: 15px;
	}
	.viewmore{
		font-size: 15px;
	}
	.bannerhead {
        font-size: 23px;
        line-height: 29px;
    }
	.footerpara{
		font-size: 16px;
	}
	.flocation{
		font-size: 16px;
	}
	.flinks ul li a{
		font-size: 16px;
	}
	
	.screen{
		height: 300px;
	}
	.screen:hover img {
		transform: translateY(-60%);
	}
    .sertext{
        min-height: 120px;
        font-size: 14px;
    }
    .serhead{
        font-size:22px;
        line-height:30px ;
    }
    .testimonialpara {
        font-size: 13px;
    }
    .form-control{
        font-size: 14px;
    }
    .ptabhead{
        font-size: 20px;
    }
    .ptabpara {
        font-size: 16px;
    }
    /* *************************************cyber-security*********************************** */
    .cyber-security-head1{
        font-size: 12px !important;
    }
    .cyber-security-head2{
        font-size: 35px !important;
        margin-bottom: 8px;
        margin-top: -3px;
    }
    .cyber-security-para{
        font-size: 14px !important;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .view-website{
        padding: 6px 13px !important;
        font-size: 12px !important;
    }
}
@media screen and (min-width:576px) and (max-width:767px){
    .careerhead{
        font-size:18px;
    }
    .careerdesc{
        font-size: 16px;
    }
    .careerlist li{
        font-size: 16px;
    }
    .apply{
        font-size: 15px;
    }
    .careerhead3{
        font-size: 16px;
    }
    .careerhead2{
        font-size: 15px;
    }

	.footerpara{
		font-size: 14px;
	}
	.flocation{
		font-size: 14px;
	}
	.flinks ul li a{
		font-size: 14px;
	}
	.moblogo{
		float:left;
	}
	.faicon{
		font-size: 12px;
	}
	.bannerhead{
		font-size: 25px;
	}
	.bannertext{
		font-size: 16px;
	}
	.readmore{
		font-size: 16px;
	}
	.order{
		order:1;
	}
	.whathead{
		font-size: 25px;
        line-height: 30px;
	}
	.whatpara{
		font-size: 15px;
	}
	.whatsubhead{
		font-size: 15px;
	}
	.viewmore{
		font-size: 14px;
		padding: 5px 18px;
	}
    .testimonialpara{
        font-size: 13px;
    }
    .form-control{
        font-size: 14px;
    }
    .testhead{
        font-size: 15px;
    }
	.serhead {
		font-size: 24px;
		line-height: 27.31px;
	}
	.portfolio .nav .nav-item .nav-link{
		font-size: 15px!important;
	}
    .ptabhead{
        font-size: 18px;
    }
    .ptabpara {
        font-size: 14px;
    }
    /* *************************************cyber-security*********************************** */
    .cyber-security-head1{
        font-size: 12px !important;
    }
    .cyber-security-head2{
        font-size: 34px !important;
        margin-top: -5px;
        margin-bottom: 4px;
    }
    .cyber-security-para{
        font-size: 13px !important;
        line-height: 20px;
        margin-bottom: 8px;
    }
    .view-website{
        padding: 6px 13px !important;
        font-size: 12px !important;
    }

    
}
@media (max-width: 575px){
    
    .careerhead{
        font-size:18px;
    }
    .careerdesc{
        font-size: 16px;
    }
    .careerlist li{
        font-size: 16px;
    }
    .apply{
        font-size: 15px;
    }
    .careerhead3{
        font-size: 16px;
    }
    .careerhead2{
        font-size: 15px;
    }
	.screen{
		height: 300px;
	}
	.moblogo{
		 width: 90px;
		display:block;
	}
	.faicon{
		font-size: 12px;
	}
	.bannerhead {
        font-size: 22px;
        line-height: 27px;
    }
	.bannertext{
		font-size: 14px;
	}
	.readmore{
		font-size: 14px;
	}
	.order{
		order:1;
	}
	.testimonialpara{
		font-size: 12px;
	}
	.whathead {
		font-size: 22px;
		line-height: 27px;
	}
	.whatpara{
		font-size: 14px;
	}
	.whatsubhead{
		font-size: 15px;
	}
	.viewmore{
		font-size: 14px;
		padding: 5px 18px;
	}
	.serhead {
		font-size: 20px;
		line-height: 27.31px;
	}
    .servicehead{
        font-size: 22px;
    }
    .sertext{
        font-size: 14px;
    }
	.parent {
		
		background-position-y: 5rem;
	}
	.footerpara{
		font-size: 12px;
	}
	.flocation{
		font-size: 11px;
	}
	.flinks ul li a{
		font-size: 11px;
	}
	.portfolio .nav .nav-item .nav-link{
		font-size: 14px!important;
	}
    .not-foundbutton {
        border: 1px solid #FFFFFF;
        padding: 10px 12px;
        
        font-size: 15px;
    }
    .not-foundhead {
        font-size: 50px;
    }
        .not-foundhead1 {
            font-size: 17px;
        } 
        .fhead{
            font-size: 18px;
        }
        .container1{
            max-width: 100%!important;
        }
        .footertext{
            font-size: 10px;
        }
        .ptabhead{
            font-size: 18px;
        }
        .ptabpara {
            font-size: 14px;
        }
        .cyber-security-head1{
            font-size: 13px !important;
        }
        .cyber-security-head2{
            font-size: 30px !important;
        }
        .cyber-security-para{
            font-size: 14px !important;
            line-height: 24px;
        }
        .view-website{
            font-size: 13px !important;
            padding: 5px 11px !important;
        }
}
/*************************************** STYLE MEDIA QUERY CLASSES ENDS **************************/
/*************************************** BOTTOM STYLE CLASSES STARTS *****************************/
.icopyright {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#000;
}
.idesign {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: normal;
    color:#000;
}
/*************************************** BOTTOM STYLE CLASSES ENDS *****************************/


/*************************************************SERVICES-PAGE*******************************/

.logo-para{
    font-weight: 400;
    font-size: 15px;
    color: #818181;
}
.form-color{
    background: rgba(239, 239, 239, 0.2);
    border-radius: 10px;
}
.form-head1{
    font-weight: 600;
    font-size: 25px;
    color: #FEA858;
}
.form-head{
    color: #000;
    font-size: 30px;
}
.form-head2{
    font-weight: 500;
    font-size: 21px;
    color: #000000;
}
.input{
    width: 85%;
    margin-bottom: 40px;
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #8D8D8D;
    opacity: .8;
    margin-top: 8px;
    font-size: 19px;
}
.form{
    margin-top: 24px;
}
.form1{
    margin-top: 47px;
}
.require{
    font-weight: 400;
    font-size: 20px;
    color: #000000;

}
.boxes1{
    margin-bottom: 13px;
}
.btn1{
    border-radius: 5px;
    padding: 10px;
    margin-right: 8px;
    font-size: 15px;
    background: #FFFFFF;
    border: 0.5px solid #FEA858;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.btn3{
    border-radius: 5px;
    padding: 10px 21px 10px 21px;
    margin-right: 8px;
    font-size: 15px;
    background: #FFFFFF;
    border: 0.5px solid #FEA858;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    min-width: 204px;
}
  .btn3:hover{
    background: linear-gradient(266.46deg, #FEA858 3.8%, #FEB979 95.96%);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    color: #fff;
  }
  .sb-btn{
    border-radius: 36.5px;
    padding: 4px 28px 4px 28px;
    color: #fff;
    font-size: 15px;
    background: #131313;
    border: none;
  }
  .para {
    font-weight: 600;
    font-size: 23px;
    width: 55%;
    color: #000000;
}
.arrow{
    float: right;
}
.link{
    text-decoration: none;
}
.num{
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    padding-bottom: 12px;
    border-bottom:  0.3px solid rgba(0, 0, 0, 0.5);
}
.head{
    font-weight: 400;
    font-size: 24px;
    margin-left: 10px;
    color: #000000;

}
.num1{
    font-weight: 400;
    font-size: 20px;
    color: #000000;
}
.head1{
    font-weight: 600;
    font-size: 42px;
    color: #000000;
}
.one{
    margin-left: 6rem;
    margin-top: 10rem;
}
.para1{
    margin-top: 11rem;
    font-weight: 500;
    font-size: 22px;
    color: #000000;
}
.head2{
    font-weight: 500;
    font-size: 34px;
    color: #000000;
}
.border-line{
    border: 1px solid #000000;
    margin-top: 50px;
}
.footer-head{
    font-weight: 600;
    font-size: 20px;
    color: #000000;
}
.icons{
    padding: 6px;
}
.footer-para{
    font-weight: 500;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
}
.copyright{
    font-weight: 500;
    font-size: 12px;
    color: #000000;
}
.para2{
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    width: 91%;

}

/*******************************SERVICES-PAGE-MEADIA-QUERY**************************/

@media (min-width: 1800px){
    .container{
        max-width: 1300px;
    }
    .container1{
        max-width: 1390px;
    }
}
@media (min-width: 1500px){
    .container{
        max-width: 1300px;
    }
    .container1{
        max-width: 1390px;
    }
}
@media (min-width:1200px) and (max-width:1499px){
    .container{
        max-width: 1060px;
    }
    .container1{
        max-width: 1100px;
    }
    .form-color {
        border-radius: 7px;
    }
    .para {
        font-size: 22px;
    }
    .head2{
        font-size: 24px;
    }
    .head1 {
        font-size: 34px;
    }
    .para1 {
        font-size: 21px;
    }
    .head {
        font-size: 22px;
    }
    .num1 {
        font-size: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .container{
        max-width: 930px;
    }
    .container1{
        max-width: 932px;
    }
    .logo-para {
        font-size: 13px;
    }
    .form-head1 {
        font-size: 21px;
    }
    .form-head {
        font-size: 25px;
    }
    .form-head2 {
        font-size: 20px;
    }
    .require {
        font-size: 18px;
    }
    .input{
        margin-bottom: 35px;
    }
    .btn1{
        font-size: 14px;
    }
    .btn3{
        font-size: 14px;
    }
    .btn2{
        font-size: 14px;
    }
    .btn4{
        font-size: 14px;
    }
    .para {
        font-size: 21px;
        width: 61%;
    }
    .num{
        font-size: 11px;
    }
    .head{
        font-size: 22px;
    }
    .head2 {
        font-size: 21px;
    }
    .para2{
        font-size: 16px;
        width: 100%;
    }
    .para1{
        font-size: 19px;
    }
    .head1{
        font-size: 32px;
    }
    .footer-head {
        font-size: 18px;
    }
    .footer-para{
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .container{
        max-width: 710px;
    }
    .container1{
        max-width: 700px;
    }
    .logo-para{
        font-size: 11px;
    }
    .form-head {
        font-size: 24px;
    }
    .form-head1 {
        font-size: 22px;
    }
    .require{
        font-size: 18px;
    }
    .btn1{
        font-size: 14px;
    }
    .btn3{
        font-size: 14px;
    }
    .btn2{
        font-size: 14px;
    }
    .btn4{
        font-size: 14px;
    }
    .para{
        width: 76%;
        font-size: 20px;
    }
    .head{
        font-size: 21px;
    }
    .num{
        font-size: 11px;
    }
    .para1{
        font-size: 16px;
        margin-top:0px ;
    }
    .head2{
        font-size: 20px;
    }
    .para2{
        font-size: 15px;
    }
    .one{
        margin-left: 3rem;
        margin-top: 0rem;
    }
    .head1{
        font-size: 30px;
    }
    .footer-para{
        font-size: 13px;
    }
    .icons{
        padding: 5px;
    }
    .copyright{
        font-size: 11px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .container1{
        max-width: 520px;
    }
    .logo-para{
        font-size: 13px;
    }
    .form-head1{
        font-size: 22px;
    }
    .form-head{
        font-size: 25px;
    }
    .require{
        font-size: 18px;
    }
    .btn1{
        font-size: 13px;
    }
    .btn2{
        font-size: 13px;
    }
    .btn3{
        font-size: 13px;
    }
    .btn4{
        font-size: 13px;
    }
    .form-head2{
        font-size: 20px;
    }
    .input{
        margin-bottom: 35px;
    }
    .form{
        margin-top: 32px;
    }
    .para{
        width: 88%;
        font-size: 20px;
    }
    .head{
        font-size: 22px;
    }
    .one {
        margin-left: 3rem;
        margin-top: 5rem;
    }
     .para1{
        font-size: 16px;
        margin-top:0px ;
    }
    .head2{
        font-size: 20px;
    }
    .para2{
        font-size: 15px;
    }
  
}
@media only screen and (max-width: 575px){
    .logo-para{
        font-size: 9px;
    }
    .form-head1 {
        font-size: 18px;
    }
    .form-head {
        font-size: 19px;
    }
    .require{
        font-size: 17px;
        margin-top: 19px;
    }
    .btn1{
        margin-bottom: 13px;
        font-size: 14px;
        padding: 8px 12px 8px 12px;
    }
    .btn3{
        margin-bottom: 13px;
        font-size: 14px;
        padding: 8px 20px 8px 20px;
    }
    .btn4{
        margin-bottom: 13px;
        font-size: 14px;
        padding: 8px 18px 8px 18px;
    }
    .boxes1{
        margin-bottom: 0;
    }
    .btn2{
        margin-bottom: 13px;
        font-size: 14px;
        padding: 7px 25px 7px 25px;
    }
    .input{
        width: 100%;
        margin-bottom: 26px;
    }
    .form-head2{
        font-size: 19px;
    }
    
    .para{
        width: 100%;
        font-size: 15px;
    }
    .num{
        font-size: 11px;
    }
   .head{
    font-size: 18px;
   }
    .num1{
        font-size: 16px;
    }
    .head1{
        font-size: 30px;
    }
    .one {
        margin-left: 1rem;
        margin-top: 4rem;
    }
    .head2{
        font-size: 20px;
    }
    .para1{
        font-size: 16px;
        margin-top: 2rem;
    }
    .para2{
        font-size: 15px;
        width: 100%;
    }
    .footer-para {
        font-size: 13px;
    }
    .footer-head {
        font-size: 18px;
    }
    .copyright{
        font-size: 11px;
    }


}
/*****************************SERVICES-PAGE-MEADIA-QUERY*************************/




/***********************************************ABOUT-PAGE*************************************/
.abt-head{
	color: #000;
	font-size: 50px;
	font-weight: 600;

}

.abt-para{
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	line-height: 33px;
}
.abt-vision{
	color: #000;
	font-size: 20px;
	font-weight: 400;
	margin-top: 50px;
}
.vision-color{
	background: 
	linear-gradient(92.58deg, #ED765E 27.85%, #FEA858 52.1%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.abt-img-1{
	padding: 15px;
}
.abt-vision{
	margin-bottom: 0;
}
/***********************************************ABOUT-PAGE*************************************/

/**********************************************OUR-TEAM***************************************/
.abt-para1{
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	line-height: 33px;
}
.team-head1{
   color: #343434;
   font-size: 30px;
   font-weight: 400;
}
.team-head{
   color: #000;
   font-size: 30px;
   font-weight: 600;
}
.team-head2{
   color: #000;
   font-size: 50px;
   font-weight: 600;
   margin-top: 14rem;
   margin-left: -20rem;
   position: absolute;
   transform: rotate(-90deg);
   flex-shrink: 0;
}
.leaders-names{
   font-size: 34px;
   font-weight: 600;
   position: absolute;
   margin: -92px 22px;
   background: linear-gradient(92deg, #ED765E -7.77%, #FEA858 84.22%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.position{
   color: #D6D6D6;
   font-size: 20px;
   font-weight: 500;
   margin: -47px 22px;
}
.position1{
    color: #D6D6D6;
    font-size: 20px;
    font-weight: 500;
    margin: -47px 22px;
 }
.team{
    margin-top: 7rem;
}
.leaders-names1{
   font-size: 25px;
   font-weight: 600;
   position: absolute;
   margin: -83px 22px;
   background: linear-gradient(92deg, #ED765E -7.77%, #FEA858 84.22%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
    }

    .employe-name{
    color: #000;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    }
    .employe-position{
    color: rgba(0, 0, 0, 0.30);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    }

/**********************************************OUR-TEAM***************************************/

/* ********************************************BLOG-1-2-PAGE************************************ */

.blog-head{
    color: #000;
    font-size: 36px;
    font-weight: 500;
}
.blog-btn{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-radius: 160px;
    border: 1px solid #FEA858;
    padding: 15px 27px;
    min-width: 100%;
    display: block;
}

.blog-heading{
    font-weight: 600;
    font-size: 32px;
    line-height: 34px;
}
.blog-subheading{
    font-size: 27px;
    margin-top: 15px;
    font-weight: 500;
}
.description-list{
    font-size: 20px;
    font-weight: 600;
}
.description-data{
    font-size: 20px;
    margin-top: 5px;
}
.web-vitals{
    font-size: 24px;
    font-weight: 600;
}
.improve-core-web-vitals{
    font-size: 27px;
    font-weight: 500;
}
.web-vitalssub{
    font-size: 22px;
    /* font-weight: 500; */
}
.points-of-core-web-vitals{
    font-size: 26px;
    font-weight: 500;
}

.blog-sub-heading{
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
}
.blog-para{
    font-size: 20px;
    font-weight: 400;
}
.read-more{
    color: #ED765E;
    font-size: 20px;
    font-weight: 600;
}
.blog-heading1{
    color: #000;
    font-size: 24px;
    font-weight: 500;
}
.blog-para1{
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.blog-btn:hover{
    background: linear-gradient(266.46deg, #FEA858 3.8%, #FEB979 95.96%);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    color: #fff;
  }
  .readmore-mb{
    margin-bottom: 75px;
  }
  .custom-disc{
    list-style: disc;
    font-size: 1.7em;
 
 }
/* ********************************BLOG-3-PAGE************************* */
.blog-3-btn{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    background-color: #F8F8F8;
padding: 15px 27px;
min-width: 100%;
display: block;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 5px;
}
.icon-blog{
      float: right;
}
.blog-pic{
    margin-top: 3rem;
}
.blog-head1{
    color: #000;
    font-size: 26px;
    font-weight:600;
    /* line-height: 1.3; */
    margin-top: 78px;

}
.blog-head2{
    color: #000;
    font-size: 36px;
    font-weight: 600;
    /* line-height: 1.3; */

}
.unordered-list-head-blog{
    font-size:22px;

}
/* ****************************************EVENTS****************************** */
.event-head{
    color: #000;
    font-weight: 500;
    font-size: 40px;
    line-height: 34px;
}


/* *******************************************CONTACT-PAGE****************************** */
  .contact-heading{
    color: #000;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2;
  }
  .contact-para{
    color: #000;
    font-size: 20px;
    font-weight: 400;
  }
  .tabs-name{
    color: #343434;
    font-size: 20px;
    font-weight: 600;
  }
  .tabs-name:hover{
    color: #ED765E;

  }
  .contact .nav-tabs .nav-item.show .nav-link, .contact .nav-tabs .nav-link.active,
  .contact .nav-tabs .nav-link:hover  {
    color: #ED765E;
    background-color: #fff;
border:none;
background-image: url('webimg/hover.png');
background-position: bottom center;
background-repeat: no-repeat;
background-color: transparent;
  }
  .contact .nav-tabs .nav-link{
    border: none;
  }
  .contact .nav-tabs{
    border-bottom: none;
  }
   .contact-heading1{
    color: #000;
    font-size: 40px;
    font-weight: 500;
   }
  .blog-btn1{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 27px;
    min-width: 100%;
    display: block;
    border-radius: 36.5px;
    border: 1px solid #7C7C7C;
  }
  .input1{
    width: 100%;
    margin-bottom: 40px;
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid #8D8D8D;
    opacity: .8;
    margin-top: 8px;
    font-size: 19px;

  }
   .upload-input{
    display: none;
   }
 

  /* input{
    display: none;
  } */
  .label{
    padding: 12px 27px;
    color: #000;
    border-radius: 39px;
border: 1px solid #7C7C7C;
background: #FFF;
font-size: 20px;
font-weight: 400;
  }
  
  .attachment-icon{
    color: #000;
  }
  .budget-contact{
    color: #000;
font-size: 35px;
font-weight: 400;
  }
  .budget-btn{
    color: #000;
    text-align: center;
    font-size: 23px;
    font-weight: 400;
    padding: 8px 21px;
    min-width: 162px;
    display: block;
    border-radius: 36.5px;
    border: 1px solid #7C7C7C;
  }
  .submit-btn{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    padding: 11px 25px;
   /* min-width: 100%;*/
   width: fit-content;
   width: -moz-fit-content;
    border-radius: 36.5px;
    /* border: 1px solid #7C7C7C; */
    background: #000;
    cursor: pointer;
    transition: 1s;
    border: 0;
  }
  .submit-btn:hover{
    background: linear-gradient(96deg,#FEA858 36.44%,#ED765E 54.51%);
    transition: 1s;
  }
  .contact-map{
    color: #5A5A5A;
font-size: 20px;
font-weight:400 ;
  }
  .contact-address{
    color: #000;
font-size: 22px;
font-weight: 400;
  }
  /* *******************************************SERVICE-PAGE********************* */
  .service-pp{
    font-size: 25px;
    font-weight: 500;
    color: #000;
  }
  .service-pp1{
    font-size: 18px;
    font-weight: 400;
    color: #000;
  }

  .cyber-security-bg{
    background-image: url('webimg/cyber-security-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75px;
    padding-bottom: 75px;
    color: #fff;
    border-radius: 10px;

   
  }
 
  .arrow-up-right{
    max-width: 25px;
    padding-left: 10px;
  }
  .view-website{
    border: 1px solid #09ACFB;
    border-radius: 5px;
    padding: 8px 27px;
    color: #09ACFB;
    font-size: 14px;
  }
  .view-website:hover{
    color: #09ACFB;
  }
  .cyber-security-head1{
    font-size: 14px;
    font-weight: 400;
    color: #B3C2CF;
  }
  .cyber-security-head2{
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px;
  }
  .cyber-security-para{
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
  }
  .imit-name{
    color: #fff;
    font-weight: 600;
  }
  /* ***************************************TERMS-PAGE******************** */
 
  .terms-head{
    color: #000;
    font-weight: 500;
    font-size: 25px;
    
  }
  .terms-para{
    color: #000;
    font-size: 18px;
    font-weight: 400;
  }
  .terms-head1{
    font-size: 22px;
    font-weight: 500;
    color: #000;
  }
  /* *******************************************blog-3********************************* */
  .date-blog{
    float: right;
    font-size: 13px;
    font-weight: 500;
    color: #EE9785;

  }
  .tym-blog{
    font-size: 13px;
    font-weight: 500;
    color: #EE9785;
    margin-left: -10px;

  }
  .subhead-blog{
    font-size: 20px;
    font-weight: 600;
  }
  .para-blog{
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;

  }
  
  .readmore-blog{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0em;
    background: #fff;
    color: #000;
    padding: 7px 23px;
    border-radius: 30px;
    border: 1px solid #FEA858;
    /* transition: 1s; */

  }
  .readmore-blog:hover{

    border:1px solid #FEA858!important;

  color:#fff;
  background: linear-gradient(94.39deg, #FEA858 7.07%, #ED765E 94.16%);
  /* transition: 1s; */
}
/**************************************MEADIA-QUERY********************************************/
@media (min-width: 1500px){
	.container{
		max-width: 1260px;
	}
	
}
@media (min-width: 1200px){
	

}
@media screen and (min-width:1200px) and (max-width:1499px){

    /* **************************ABOUT-PAGE*********************** */
	.abt-head{
		font-size: 30px;
	}
	.abt-para{
		font-size: 16px;
        line-height: 30px;
	}
    .abt-vision{
        font-size: 16px;
        line-height: 30px;
    }
    .leaders-names1{
        font-size: 20px;
    }
/* **************************OUR-TEAM-PAGE********************* */
    .abt-para1{
       font-size: 16px;
    }
    .team-head2 {
        font-size: 44px;
        margin-left: -17rem;
   
    }
    .team-head{
        font-size: 22px;
    }
.team-head1{
    font-size: 22px;
}
    .leaders-names {
        font-size: 29px;
        margin: -86px 22px;
    }
    .position {
        font-size: 19px;
        margin: -45px 22px;
    }
    .position1 {
        font-size: 16px;
        margin: -55px 22px;
    }
    .employe-name{
        font-size: 15px;
    }
    .employe-position{
        font-size: 16px;
    }
    /* **********************************Cyber-security****************************** */
    .cyber-security-head2{
        font-size: 43px;
    }
   /* ***********************************BLOG-1-PAGE********************************** */
   .blog-heading{
     font-size: 31px;
   }
   .blog-head2{
    font-size: 35px;
   }
   /* ***********************************BLOG-2-PAGE******************************** */
   .blog-heading1{
     font-size: 22px;
   }
   /* *************************************BLOG-3-PAGE****************************** */
   .blog-3-btn{
     font-size: 19px;
   }
   /* *********************************CONTACT-PAGE***************************** */
   .budget-btn{
    font-size: 22px;
    min-width: 147px;
   }
   .blog-btn1{
    font-size: 17px;
    padding: 15px 0px;
   }
   .contact-heading{
    font-size: 48px;
   }
   .contact-para{
    width: 695px;
   }
   .contact-address{
    font-size: 21px;
   }
   .label{
    padding: 12px 27px;
   }

   
}
@media screen and (min-width:992px) and (max-width:1199px){

	/* *******************************ABOUT-PAGE************************ */
	.abt-head{
		font-size: 30px;
	}
	.abt-para{
		font-size: 16px;
        line-height: 28px;
	}
    .abt-vision{
        font-size: 16px;
    }
    
    /* **************************OUR-TEAM-PAGE********************* */
    .abt-para1{
		font-size: 16px;
	}
    .team-head2 {
        font-size: 36px;
        margin-left: -14rem;
        margin-top: 12rem;
   
    }
    .team-head{
        font-size: 27px;
    }
    .leaders-names {
        font-size: 26px;
        margin: -83px 22px;
    }
    .position {
        font-size: 17px;
        margin: -47px 22px;
    }
    .position1 {
        font-size: 17px;
        margin: -47px 22px;
    }
    .leaders-names1 {
        font-size: 21px;
        margin: -78px 22px;
    }
    .employe-name {
        font-size: 18px;
    }
    .employe-position {
        font-size: 15px;
    }
    /* ***********************************Cyber-security******************* */
    .cyber-security-head1{
        font-size: 12px;
    }
    .cyber-security-head2{
        font-size: 34px;
        margin-top: -5px;
    }
    .cyber-security-para{
        font-size: 14px;
        line-height: 25px;
        margin-top: -9px;
        margin-bottom: 2px;
    }
    .view-website{
        padding: 6px 18px;
        font-size: 12px;
    }
    
/* ***********************************BLOG-1-PAGE*************************** */
    .blog-btn{
        font-size: 17px;
        padding: 15px 22px;
    }
    .blog-head{
        font-size: 35px;
    }
    .blog-heading{
        font-size: 27px;
    }
    .blog-para{
        font-size: 18px;
    }
    .blog-subheading{
        font-size: 25px;
    }
    .points-of-core-web-vitals{
        font-size: 24px;
    }
    /* ******************************BLOG-2-PAGE****************************** */
    .blog-heading1{
        font-size: 19px;
    }
    .blog-para1{
        font-size: 16px;
    }
    /* ******************************BLOG-3-PAGE*********************** */
    .blog-sub-heading{
        font-size: 26px;
    }
    .abt-vision{
        font-size: 18px;
    }
    .blog-head1{
        font-size: 26px;
    }
    .blog-head2{
        font-size: 33px;
    }
    .blog-3-btn{
        font-size: 16px;
    }
    .icon-blog{
        margin-top: 5px;
    }
    .para-blog{
        font-size: 14px;
    }
    .subhead-blog{
        font-size: 17px;
    }
    /* *************************************EVENT-PAGE************************ */
    .event-head{
        font-size: 34px;
    }
/* ************************************CONTACT-PAGE***************************** */
    .blog-btn1{
        font-size: 16px;
        padding: 18px 0px;
    }
    .contact-heading{
        font-size: 47px;
    }
    .budget-contact{
        font-size: 33px;
    }
    .budget-btn{
        font-size: 20px;
        min-width: 128px;
    }
    .submit-btn{
        font-size: 20px;
    }
    .contact-address{
        font-size: 20px;
       }
       .label{
        padding: 12px 21px;
       }


}
@media screen and (min-width:768px) and (max-width:991px){
	
    /* *******************************ABOUT-PAGE************************ */
	.abt-head{
		font-size: 39px;
	}
	.abt-para{
		font-size: 16px;
        line-height: 26px;
        
	}
    .team-head{
        font-size:20px;
    }
    .team-head1 {
        font-size:20px;
    }
      /* **************************OUR-TEAM-PAGE********************* */
      .abt-para1{
		font-size: 16px;
        line-height: 26px;
        margin-top: 6rem;
	}
    .team-head2 {
        font-size: 40px;
        margin-top: 20rem;
        margin-left: -12rem;
    }
    .anil-img{
        margin-left: 48px;
    }
    .position {
        font-size: 20px;
        margin: -47px 67px;
    }
    .position1 {
        font-size: 18px;
        /* margin: -47px 63px; */
    }
    .leaders-names {
        font-size: 34px;
        margin: -92px 68px;
    }
    .employe-name {
        font-size: 18px;
    }
    .employe-position {
        font-size: 14px;
    }

    /* ************************************BLOG-1-PAGE**************************** */
    .blog-btn{
        font-size: 16px;
    }
    .blog-head{
        font-size: 32px;
    }
    .blog-heading{
        font-size: 28px;
    }
    .blog-para{
        font-size: 16px;
        line-height: 27px;
    }
    .read-more{
        font-size: 18px;
    }
    .points-of-core-web-vitals{
        font-size: 24px;
    }
/* **************************************BLOG-2-PAGE******************************* */
    .blog-heading1{
    font-size: 21px;
    margin-top: 13px;
    }
    /* ************************************BLOG-3-PAGE****************************** */
    .blog-sub-heading{
        font-size: 26px;
    }
    .abt-vision{
        font-size: 16px;
    }
    .blog-head1{
        font-size: 25px;
        margin-top: 59px;
    }
    .blog-head2{
        font-size: 29px;
        line-height: 38px;
    }
    .blog-3-btn{
        font-size: 16px;
    }
    /* .icon-blog{
        margin-top: 9px;
        margin-left: 5px;

    } */

    /* **********************************************EVENT******************** */
     .event-head{
        font-size: 32px;
    }
   /* *****************************************CONTACT-PAGE********************* */
    .contact-heading{
        font-size: 48px;
    }
    .blog-btn1{
        font-size: 17px;
        padding: 15px 0px;
    }
    .label{
        font-size: 19px;
    }
    .contact-heading1{
        font-size: 37px;
    }
    .budget-btn{
        font-size: 23px;
        padding: 10px 21px;
    }
    .submit-btn{
        font-size: 19px;
        padding: 11px 25px;
    }
    .contact-address{
        font-size: 21px;
       }

}
@media screen and (min-width:576px) and (max-width:767px){

    /* *******************************ABOUT-PAGE************************ */
	.abt-head{
		font-size: 33px;
	}
	.abt-para{
		font-size: 16px;
	}
    
    .team-head{
        font-size: 20px;
    }
    .team-head1{
        font-size: 20px;
    }
	   /* **************************OUR-TEAM-PAGE********************* */
       .abt-para1{
		font-size: 15px;
        margin-top: 6rem;
        line-height: 25px;
	}
    .abt-para{
        font-size: 15px;
        line-height: 25px;

    }
      .team-head2 {
        font-size: 48px;
        margin-top: 16rem;
        margin-left: -16rem;
        
    }
    .team-head2{
        font-size: 19px;
    }
    .position {
        font-size: 20px;
         margin: -56px 22px; 
    }
    .leaders-names {
        font-size: 25px;
        /* margin: -92px 68px; */
    }
    .team-top{
        margin-top: 6rem;
    }
    .employe-name {
 font-size: 17px;
    }
    .employe-position{
        font-size: 13px;
    }

/* ***********************************BLOG-1-PAGE*********************************** */
    .blog-head{
        font-size: 28px;
    }
     .blog-btn{
        font-size: 19px;
        padding: 13px 27px;
     }
     .blog-heading{
        font-size: 26px;
     }
     .improve-core-web-vitals{
        font-size: 26px;
     }
     .points-of-core-web-vitals{
        font-size: 23px;
     }
/* *************************************BLOG-3-PAGE******************************* */
.blog-sub-heading{
    font-size: 23px;
}
    .blog-head1{
        font-size: 23px;
        margin-top: 28px;
    }
    .blog-head2{
        font-size: 26px;
        line-height: 36px;
    }
    .blog-para{
        font-size: 16px;
        line-height: 26px;
    }
    .abt-vision{
        font-size: 15px;
    }
    .blog-3-btn{
        font-size: 16px;
    }
    /* *******************************************EVENT-PAGE*********************** */
    .event-head{
        font-size: 29px;
    }

    /* ******************************************CONTACT-PAGE************************* */
    .contact-heading{
        font-size: 30px;
    }
    .blog-btn1{
        font-size: 12px;
        padding: 10px;
    }
    .label{
        padding: 10px 17px;
        font-size: 18px;
    }
    .budget-contact{
        font-size: 32px;
    }
    .budget-btn{
        font-size: 21px;

        
    }
    .input1{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .submit-btn{
        font-size: 15px;
    }
    .contact-para{
        font-size: 15px;
        margin-top: 20px;
    }
    .contact-heading1{
        font-size: 25px;
    }
    .contact-map{
        font-size: 19px;
    }
    .contact-address{
        font-size: 16px;
    }
}
@media (max-width: 575px){

    /* *******************************ABOUT-PAGE************************ */
	.abt-head{
		font-size: 33px;
	}
	.abt-para{
		font-size: 14px;
        line-height: 25px;
	}
    .abt-vision{
        font-size: 16px;
    }
  /* **************************OUR-TEAM-PAGE********************* */
  .abt-para1{
    font-size: 14px;
    margin-top: 5rem;
    line-height: 25px;
}
  .team-head{
    font-size: 20px;
    line-height: 1.3;
  }
  .team-head1{
    font-size: 20px;
  }
  .leaders-names{
    font-size: 20px;
    margin: -64px 22px;
  }
  .leaders-names1{
    font-size: 20px;
    margin: -69px 22px;
  }
  .position{
    font-size: 17px;
    margin: -36px 16px;
  }
  .position1{
    font-size: 16px;
    margin: -40px 22px;
  }
  .team-top{
    margin-top: 5rem;
  }
  .employe-name {
font-size: 14px;
  }
  .employe-position{
    font-size: 10px;
  }
/* *****************************BLOG-1-PAGE*************************** */
   .blog-head{
     font-size: 26px;
   }
   .blog-heading{
     font-size: 24px;
     line-height: 36px;
   }
   .blog-para{
     font-size: 16px;
   }
   .read-more{
     font-size: 17px;
   }
   .blog-subheading{
    font-size: 21px;
   }
   .improve-core-web-vitals{
    font-size: 21px;
   }
   .points-of-core-web-vitals{
    font-size: 20px;
   }
   .web-vitals{
    font-size: 22px;
   }
   /* ***************************************BLOG-2-PAGE********************** */
   .blog-heading1{
    font-size: 20px;
    margin-top: 12px;
   }
	.blog-para1{
        font-size: 16px;
    }
    .blog-head1{
        font-size: 21px;
        margin-top: 41px;
        
    }
    .blog-head2{
        font-size: 25px;
        line-height: 36px;
    }
    .subhead-blog{
        font-size: 18px;
    }
    .para-blog{
        font-size: 15px;
        text-align: justify;
        line-height: 25px;
    }
    .readmore-blog{
        font-size: 14px;
        padding: 6px 22px;
    }
    /* **************************************BLOG-3-PAGE******************** */
    .blog-3-btn{
        font-size: 15px;
    }
    /* ***************************EVENT-PAGE**************************** */
    .event-head{
        font-size: 25px;
    }
    /* ************************************CONTATC-PAGE****************** */
    .contact-heading{
        font-size: 25px;
    }
    .contact-para{
        font-size: 17px;
    }
    .contact .nav-tabs .nav-link {
        padding: 13px;
    }
    .tabs-name {
        font-size: 14px;
    }
    .blog-btn1{
        font-size: 13px;
    }
    .label{
        font-size: 14px;
    }
    .budget-contact{
        font-size: 28px;
    }
    .budget-btn{
        font-size: 14px;
    }
    .submit-btn{
        font-size: 14px;
        margin-left: 1rem;
    }
    .contact-heading1{
        font-size: 24px;
    }
    .contact-map {
        font-size: 14px;
        margin-bottom: 0;
    }
    .contact-address{
        font-size: 15px;
    }
    .input1{
        font-size: 15px;
        margin-bottom: 15px;
    }
    /* *******************************TERMS AND PRIVACY********************* */
    .terms-para{
        font-size: 14px;
    }
    .terms-head{
        font-size: 20px;
    }

}

@media (max-width: 280px){
    
    /************************* OUR-TEAM *********************************/
    .position{
        font-size: 16px;
    }
    .leaders-names1 {
        font-size: 17px;
        margin: -60px 22px;
    }
    .position1 {
        font-size: 14px;
        margin: -35px 22px;
    }
    .team-head {
        font-size: 18px;
    }
    .team-head1 {
        font-size: 18px;
    }
/* ************************************CONTACT-US************************** */
    .blog-btn1 {
    font-size: 15px;
    padding: 10px 27px;
    }
    .input1{
        font-size: 17px;
    }
    .label {
        font-size: 16px;
        padding: 10px 21px;
    }
    .submit-btn {
        font-size: 15px;
        padding: 13px 16px;
    }
    .contact-heading1 {
        font-size: 27px;
    }
    .budget-contact {
        font-size: 27px;
    }

}