/* CSS Document */

:root {
  --main-gradient-color: linear-gradient(to right top, #224088, #269a00);
  --blue-gradient-color: linear-gradient(to right top, #00388f, #0088cc);
  --green-gradient-color: linear-gradient(to right top, #21752a, #488f03);

}


body, html,.custom-paragraph, .blog_details p{
font-family: 'Poppins', sans-serif !important;
font-size: clamp(1.031rem, 1.031vw, 2rem) !important;
line-height: clamp(1.875rem, 1.875vw, 2rem) !important;	
}



/*blog styles*/
.custom-paragraph .elementor-icon-list-icon, .custom-paragraph span  {
font-family: 'Poppins', sans-serif !important;
font-size: clamp(1.031rem, 1.031vw, 2rem) !important;
line-height: clamp(1.875rem, 1.875vw, 2rem) !important;	
}



h4 .elementor-icon-list-icon{
font-size: clamp(2rem, 2vw, 3rem) !important;
font-family: 'Poppins', sans-serif !important;
} 

h2 .elementor-icon-list-icon, h2 span, h3 span{
font-size: clamp(2rem, 2vw, 3rem) !important;
font-family: 'Poppins', sans-serif !important;
} 


.blog_details li p{
height: clamp(3rem, 3vw, 4rem) !important;
	
}


.overlap-image{
	
/*	transform: scale(1.5) !important;*/
	margin-bottom: 0;
	
}

.blog_details h4 span{font-size: clamp(1.5rem, 1.5vw, 2rem) !important;
font-family: 'Poppins', sans-serif !important; }



/*
.blog_details h3 span  {
	
	 background:  var(--main-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	font-weight: 550 !important;
	
}
*/

#blog-hero-section a{
 background:  var(--blue-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
}

#blog-hero-section h6{ 
	
font-size: clamp(1.5rem, 1.5vw, 2rem);
padding: 15px;
 background:  var(--blue-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;


}


.blog-content-1 h2 span{
	
	 background:  var(--main-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
		font-weight: 600 !important;
font-size: clamp(3.5rem, 3.5vw, 4rem);
	
}

.blog-content-1 h4  {
	
	background:  var(--blue-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	font-weight: 600 !important;
	font-size: clamp(2.494rem, 2.494vw, 2.813rem);
	
}

.blog-content-1 li{

    position: relative;
    list-style-type: none;

}


.blog-content-1 ul{
	
	padding-left: 40px;
}


.blog-content-1 li:before {
    content: "\e911";
    font-family: feather !important;
    display: inline-block;
    position: absolute;
    left: -26px;
    color: #45b80a;
}





.blog-content-2 h2 span, .blog-content-2 h2{
	
	 background:  var(--main-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	font-weight: 600 !important;
font-size: clamp(3.5rem, 3.5vw, 4rem);
	
}




.blog-content-2 h4 span, .blog-content-2 h4 {
	
	 background:  var(--blue-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	font-weight: 600 !important;
	font-size: clamp(2.494rem, 2.494vw, 2.813rem);
	
}


.blog-content-2 h3 span, .blog-content-2 h3 {
	
	 background:  var(--green-gradient-color) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	font-weight: 600 !important;
	font-size: clamp(3rem, 3vw, 4rem);
	
}


/*--end---*/






.extra-small-icon a{ 
font-size: clamp(1.25rem, 1.25vw, 2rem);
}

.extra-small-icon li{
margin: 0 clamp(0.7rem, 0.7vw, 1rem);
}

.line-height-26px{ line-height: clamp(1.625rem, 1.625vw, 2rem); }

.feature-box-icon i{
font-size: clamp(3rem, 3vw, 4rem);	
}


.flip-card-back  li{
line-height: clamp(2rem, 2vw, 3rem);
}


.accordion-style-03 .panel .panel-heading {
 padding: clamp(1.125rem, 1.125vw, 2rem) clamp(1.563rem, 1.563vw, 3rem) clamp(1.125rem, 1.125vw, 2rem) 0;
}

.medium-input, .medium-textarea{
font-size: clamp(1rem, 1vw, 1.5rem);	
}

.skymes-icon{
font-size: clamp(5rem, 5vw, 6rem) !important;	
}

h6{font-size: clamp(1.463rem, 1.463vw, 1.875rem); line-height:clamp(2rem, 2vw, 3rem); }
h5{ font-size: clamp(2rem, 2vw, 2.375rem) }
h4{font-size: clamp(2.494rem, 2.494vw, 2.813rem);}
h3{ font-size: clamp(3rem, 3vw, 4rem);}
h2{ font-size: clamp(3.5rem, 3.5vw, 4rem);}

.navbar .navbar-nav .nav-link{font-size: clamp(1rem, 1vw, 1.563rem) !important; font-weight: 600;  margin: 0 1.6vw; }

.text-small{ font-size:clamp(0.8rem, 0.8vw, 1rem); line-height:clamp(1.375rem, 1.375vw, 2rem);  }
.text-medium { font-size:clamp(0.8rem, 0.8vw, 1rem); }
.icon-extra-small, .text-large {font-size:clamp(1.125rem, 1.125vw, 1.18rem); }
.blog-overlay-image .blog-category{font-size:clamp(0.75rem, 0.75vw, 1rem); }



.awrad-logo{ width: clamp(6rem, 6vw, 7rem);} 


.simple-dropdown .dropdown-menu .dropdown a { font-size: max(15px, 0.88vw);}
.text-extra-medium { font-size:clamp(1rem, 1vw, 2rem); line-height:clamp(1.458rem, 1.458vw, 2rem);}


.top-bar-contact .top-bar-contact-list, .top-bar-contact .top-bar-contact-list i{ 
font-size: clamp(0.8rem, 0.8vw, 1rem); 

}

.header-search-icon, .icon-very-small, .btn.btn-extra-large{
	font-size: clamp(1rem, 1vw, 1.563rem); 
}

.btn.btn-medium{ font-size: clamp(0.8rem, 0.8vw, 0.9rem);  }

.btn.btn-large{font-size: clamp( 0.813rem, 0.813vw, 1rem); }

 
.simple-dropdown .dropdown-menu{
	width: 18.229vw;
}








@media (max-width: 768px) {
	
	.awrad-logo {
    width: 14vw;
}
	
	
	.accordion-style-04 .panel .accordion-toggle{
		
		width: 100%;
	}


	
}

@media (max-width: 1024px) {
	

header .navbar .navbar-brand img, header.sticky .navbar.responsive-sticky .navbar-brand img{
 max-height: 11.771vw !important;
}

	
}




/*----home page----------*/

header .navbar .navbar-brand img, header.sticky .navbar.responsive-sticky .navbar-brand img{
 max-height:clamp(4rem, 4vw, 5rem);
}


.one-third-screen{
	
	height: clamp(43.75rem, 43.75vw, 50rem);
	
}


header .navbar .navbar-brand img{
	max-height: clamp(3.5rem, 3.5vw, 4rem);
}



.list-style-02 li{
line-height: clamp(1.875rem, 1.875vw, 2rem) !important;
align-items: center;
}