/*h1{
    font-family:poppins !important;
    font-size:2rem !important;
}
h3{
   font-family:poppins !important;
    font-size:1.5rem !important; 
}
p{
    font-family:sans-serif !important;
    font-size:1rem !important;
}*/


.banner{
	
        width: 100%;
    height: 84%;
    background-repeat: no-repeat;
    background-size: cover;
	
   
}
section .banner1{
	position:relative;
	top:180px;
	width:50%;
	
}
section .banner1 .intro h1{
	font-size: 3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #009bcb;
    font-family: calibri;
}

section .banner1 .intro p{
	font-size: 18px;
    font-weight: 200;
    
    
    font-family: cambria;
}
.banner button{
	width: 250px;
    height: 50px;
    background-color: #0f3959;
    color: white;
    font-size: 20px;
    border: none;
    border-radius: 40px;
	
}
.banner button:hover{
	width: 250px;
    height: 70px;
    border-bottom: 2px solid #f1f5f7;
    transition: 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.banner .dm{
        text-align: center;
    position: relative;
    top: 122px;
    font-size: 23px;
    font-family: calibri;
    font-weight: 600;
    margin-left: -35px;
}
.banner .dm h1{
    font-family: cambria;
    font-weight: 700;
    color: #3b7cb7;
    font-size: 65px;
}

.banner  label:hover{
	border:2px solid aqua;
	color:black;
	
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.container{
	max-width:100%;
}
section .drm{
	flex:1;
	display:table-cell;
  padding: 20px;
  
	
} 

section .left {
  width: 70%;
}

section .right {
  width: 30%;
  
}
section .pgblock{
	background-color:#e5e4f1;
	padding:20px;
	
}
section .pgblock2{
	background-color:#0f3959;
	padding:20px;
	border-radius:20px;
	margin:20px 0;
}
section .pgblock3 h1{
	color:white;
}
section .pgblock3{
	    margin-top: 20px;
    background: lightgrey;
    
    
    border-radius: 20px;
    color: #0f3959;
    display: flex;
    flex-direction: column;
    align-items: center;
}
section .pgblock2 h1{
	color:white;
}
section .serv{
	background:aqua;
}
.servsect{
	background:#026075;
	text-align:center;
	padding:20px;
	margin:20px;
	border-radius:40px;
}
.servsect h1{
	font-size:24px;
	color:white;
}
.servsect p{
	font-size:15px;
	color:lightgray;
	text-align:justify;
}
section .servp .pgblock .servicelist  li{
	list-style:none;
}
section .servp{
	flex:1;
	display:table-cell;
  padding: 20px;
  
	
} 

section .left {
  width: 70%;
}

section .right {
  width: 30%;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
section .servp h1{
	font-family:poppins;
	font-weight:700;
}
section .servp p{
	font-family:sans-sarif;
	text-align:justify;
	font-size:18px;
}
section .servp h2{
	font-size:15px;	
}
.servicelist ul li{
	color:white;

}
section  .servp button{
	margin-top:20px;
	width:200px;
	height:50px;
	background-color:#009bcb;
	color:white;
	font-weight:700;
	font-size:20px;
	border:none;
	border-radius:20px;
	
}
section  .servp button:hover{
	background:none;
	border-radius:0;
	border:2px dashed black;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
section .drm h1{
	font-family:poppins;
	font-weight:700;
}
section .drm p{
	font-family:sans-sarif;
	text-align:justify;
	font-size:18px;
}
section .drm h2{
	font-size:15px;	
}


section .drm input{
	width:250px;
	height:50px;
	background:none;
	border:none;
	padding:10px;
	color:white;
	border-bottom:1px solid white;
	margin-top:10px;
	line-height:10px;
}
section .drm select{
	width:250px;
	height:50px;
	background:none;
	border:none;
	padding:10px;
	color:white;
	border-bottom:1px solid white !important;
	margin-top:10px;
	line-height:10px;
}
section  .drm select:hover{
	border-bottom:2px solid #009bcb;

	color:white;
}
section .drm select option{
	color:black;
}
section  .drm input:hover{
	border-bottom:2px solid #009bcb;

	color:white;
}
section  .drm textarea{
	width:250px;
	height:100px;
	background:none;
	border:none;
	padding:10px !important;
	color:white;
	border-bottom:1px solid white;
	margin-top:20px;
	line-height:10px;
}
section  .drm textarea:hover{
	border-bottom:2px solid #009bcb;

	color:white;
}
section  .drm button{
	margin-top:20px;
	width:200px;
	height:50px;
	background-color:#009bcb;
	color:white;
	font-weight:700;
	font-family: sans-serif;
	font-size:20px;
	border:none;
	border-radius:20px;
	
}
section  .drm button:hover{
	background:none;
	border-radius:0;
	border:2px dashed black;
}
section .drm li{
	list-style:disc;
}
p{
	font-family:sans-sarif;
}

section .crm{
	float: left;
  padding: 20px;
  
  
	
} 

section .left {
  width: 70%;
}

section .right {
  width: 30%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
section .crm h1{
	font-family:poppins;
	font-weight:700;
	
}
section .crm p{
	font-family:sans-sarif;
	align-content:justify;
	font-size:20px;
}
section .crm li{
	list-style:none;
	line-height:70px;
	display:block;
	border-bottom:2px solid lightgrey;
	
	
}
section .crm li a{
	text-decoration:none;
	color:white;
	font-size:1rem;
	font-family:sans-sarif;
	font-weight:500;
}
section .crm li:hover{
	color:black;
	border-bottom:2px solid aqua;
	transition: all 0.5s ease-in;
}
section .olf{
	    text-align: center;
    padding: 50px;
    background: #1d5f6f;
    display: block;
    background-attachment: fixed;
    margin: 38px 0;;
}
section .olf h1{
	text-align:center;
	font-family:poppins;
	margin-bottom:20px;
	color:white;
	font-weight:500;
}
section .olf input{
	width:350px;
	height:50px;
	background:white;
	border-radius:30px 0 0 30px;
	border:1px solid black;
	text-align:center;
	font-size:20px;
	color:black;
	
}
section .olf input:hover{
	transform:all 0.5 ease-in-out;
	border:1px solid aqua;
	color:black;
	
}
section .olf button{
	width: 111px;
    height: 50px;
    background: #012079;
    border: none;
    border-radius: 0 30px 30px 0;
    color: white;
    font-weight: 500;
	
}
section .olf button:hover{
	background:none;
	border:2px solid aqua;
	color:black;
	
	
	
}
section .ppcservice{
	display:flex;
}

section .service-list li{
	    list-style: none;
    font-size: 20px !important;
    color: white;
    font-weight: 500;
    font-family: monospace;
    border-bottom: 1px solid white;
    line-height: 70px !important;
    margin: 0 0 15px 0;
    width: 231px;
}
.u-text{
	width:100% !important;
}
@media screen and (max-width:1024px){
	.banner{
		display:none;
		
	}
	.abt .container{
		padding:0;
	}
	.abt .left {
		    width: 100%;
    
    padding: 0;
    display: block;
	}
	.abt  .pgblock h1 {
		font-size:5vh;
	}
	.abt .pgblock p{
	font-size:3vh;
		
	}
	.abt .right .pgblock2{
		text-align:center;
		border-radius:0;
		margin:10px auto;
		
	}
.abt .right .pgblock2 .service-list{
	justify-content:center;
	display:flex;
}

.abt .right .pgblock2 .service-list li{
	text-align:left;
}
	.abt .right {
		display:content;
		
    padding: 0;
		
	}
	.abt  .pgblock h3{
		font-size:4vh;
	}
	.abt .drm input,
	 .abt .drm        textarea,
	.abt .drm		  select{
		width:70vw !important;
	}
	.abt .pgblock3{
		border-radius:0;
	}
	.abt .pgblock3 {
		text-align:center;
	}
	.abt .pgblock3 .client-list .row{
	width:100%;
	margin:0;
	}
	.abt .pgblock3 .client-list .col{
		text-align:center;
	}
	.abt .olf{
		
		margin:0;
	}
}

@media screen and (max-width:768px){
	.abt .right{
		display:content;
	}
}
@media screen and (max-width:375px){
	.abt .olf{
		padding:10px;
	}
	.abt .olf h1{
		font-size:30px;
	}
}
@media screen and (max-width:320px){
	 section .olf input{
		width:298px;
	}
}
@media screen and (max-width:425px){
	 .ppcservice  {
    
	flex-direction:column;
    
}
}

section .srsect{
        display: flex;
    padding: 40px;
    align-items: center;

}
.srsect .inner-srsect{
    flex:1;
    padding:20px;
}

.inner-srsect .srsect-box{
    height:100%;
    width:100%;
}
.inner-srsect .srsect-box img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.inner-srsect .srsect-ctn label{
  font-size:14px;
  font-weight:700;
  color:#ea6216;
}
.inner-srsect .srsect-ctn h2{
    font-size:20px;
    margin:10px 0;
    color:#000;
}
.inner-srsect .srsect-ctn p{
    font-size:18px;
    font-weight:400;
    color:#4d5563;
    margin:10px 0;
    
}

.inner-srsect ul li{
    font-size:20px;
    font-weight:500;
}

.others-ctn {
	padding: 40px;
}
.others-ctn p{
	font-size: 18px;
}

@media (max-width:768px){
	section .srsect{
		flex-direction: column;
		padding: 20px;
	}
	.inner-srsect .srsect-box{
		height:100%;
		width:100%;
	}
	section .srsectrev{
		flex-direction: column-reverse;
		padding: 20px;
	}
	
}