/*
Theme Name: Influencer Marketing Pro
Theme URI: https://www.misbahwp.com/products/influencer-marketing-wordpress-theme
Description: The Influencer Marketing WordPress Theme is a sophisticated and versatile tool designed specifically for professionals in the influencer marketing industry. Tailored to meet the needs of influencer agencies, marketing managers, and independent influencers, this theme provides a comprehensive platform for managing influencer collaborations, branding, and outreach efforts. Whether you're an agency looking to streamline your influencer partnerships or an individual seeking to enhance your online presence, this theme is designed to meet a wide range of needs with style and efficiency.
Author: misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: influencer-marketing-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #0E1B33;
  text-transform: capitalize;
  font-weight: 600;
}
.post-single span{
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: "Josefin Sans", sans-serif;
  color: #707D95;
  margin:0;
  background: #F3F3F3;
}
h1,h2, h3, h4, h5, h6{
  font-family: "Josefin Sans", sans-serif;
}
a {
  color:#0E1B33;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#FF8F0B;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #0E1B33;
}
.page-404 h3{
	font-size: 38px;
	color: #FF8F0B;
}
.page-404 hr{
	width: 10%;
	background: #0E1B33;
	padding: 1px;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #0E1B33;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #FF8F0B;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  line-height: normal;
	word-break: break-all;
}
.logo a {
  color: #0E1B33;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#0E1B33;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:right;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #707D95;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:5px 20px;
  text-transform: capitalize;
	margin:0;
  margin-right: 10px;
	font-weight: normal;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:30px;
}
 

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color: #1796F2;
  font-weight: bold;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  
}
#main-menu ul li:hover .sub-menu {
display: block;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #0E1B33;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;
}
#main-menu ul.sub-menu li a:before{
	left: 0;
	border: 1px solid #FF8F0B;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #FF8F0B;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #0E1B33;
	color: #fff;
}



#main-menu ul li:hover .sub-menu {
 display: block;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #0E1B33;
	margin: 10px 0; 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #FF8F0B;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    display: none;
 }
 .header-search .open-search-form i:hover{
 	color: #0E1B33;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #0E1B33;
  font-weight: 700;
  margin-top: 10px;
}
.post-content p{
	color: #707D95;
}
.post-meta i{
	color: #FF8F0B;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;

}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
.latest-post .post-date, .latest-post .post-comments {
    color: #0E1B33;
    text-transform: capitalize;
  }
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
  overflow: hidden;
  margin: auto;
  height: 270px;
  border-radius: 10px;
 }

.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  border-radius: 10px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #FF8F0B;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#FF8F0B ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #FF8F0B;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #FF8F0B;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #0E1B33;
  font-weight: 700;
  font-size: 20px;
}
.latest-post h4 a:hover{
  color: #FF8F0B;
}
.latest-post .post-content p{
  color: #060505;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  padding: 10px;
  border-radius: 20px;
  
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}

 
.latest-post .far.fa-calendar-alt{
  color: #1796F2;
}
.latest-post .far{
  color: #1796F2;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  background: #0E1B33;
  color: #fff;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
}
.latest-post .read_more:hover{
  background: #FF8F0B;
}

.latest-post .time{
  float: right;
}
.latest-post .admin a{
  text-transform: capitalize;
   
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #FF8F0B;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #FF8F0B;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #FF8F0B;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #FF8F0B;
  color: #f3f4f7;
  text-decoration: none;
}




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

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {

    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #0E1B33;
    right: 25px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:#FF8F0B;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.influencer-marketing-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.influencer-marketing-pro-pagination a span,
.influencer-marketing-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0,0,0,0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.influencer-marketing-pro-pagination span.current,
.influencer-marketing-pro-pagination span.current:hover,
.influencer-marketing-pro-pagination span.current:focus,
.influencer-marketing-pro-pagination a span:hover,
.influencer-marketing-pro-pagination a span:focus {
	background:#FF8F0B;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#0E1B33;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #0E1B33;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#0E1B33;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
  transition: all .3s ease-in-out;
  transform: translateY(0);
}
.sidebar-area .sidebar-widget:hover{
  transform: translateY(-7px);
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockvideo_section,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
  text-transform: capitalize;
}
.sidebar-area a{
  font-weight: 600;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #0E1B33;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #FF8F0B;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #1796F2;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #0E1B33;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #FF8F0B;
	border: none;
	color: #fff;
	font-size:15px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#0E1B33;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
 
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockvideo_section,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
  font-weight: 300;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #FF8F0B;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #0E1B33;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #FF8F0B;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}


/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #1796F2 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #FF8F0B transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}


a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/ 

header#site-navigation.fix-sticky{
  background: #fff;
  box-shadow: 0px 4px 6px #0e1b331f;
  
}
 
.page-template-frontpage .header-menu{
  background: transparent;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 11;
}
.header-menu{
  background: #ffff;
}
.top-header{
  padding-top: 10px;
  padding-bottom: 10px;
  background: #1796F2;
}
.page-template-frontpage .top-header{
  background: transparent;
}
.top-header .contact-info{
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
}
.top-header .contact-info .dashicons{
  margin-right: 10px;
  color: #fff;
}
.top-header .contact-info p{
  color: #fff;
  margin-bottom: 0;
  font-weight: 300;
}
.menu-header{
  position: relative;
  background: #fff;
  border-radius: 100px;
  padding: 15px 20px;
}
.header-menu .social-links{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.header-menu .social-links a{
  background: #fff;
  color: #1796F2;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all .3s ease-in;
}
.header-menu .social-links i{
  margin-top: 2.5px;
}
.header-menu .social-links a:hover{
  background: #FF8F0B;
  color: #fff;
}

.login-info{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

a.sign-div{
  background: #FF8F0B;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  color: #fff;
}
 
.login-div:hover{
  color: #FF8F0B;  
}

 
 
.header-search{
  border-radius: 10px;
  position: relative;
}
.header-search .searchform input[type=text]{
  width: 100%;
  padding: 15px 46px 15px 25px;
  border-radius: 40px;
  border: 1px solid #ffff;
  background: transparent;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 24px;
}
.header-search .searchform input[type=text]::placeholder{
  color: #fff;
}
.header-search .search-submit{
  position: absolute;
  right: 10px;
  top: 8px;
  bottom: 0;
  background: #fff;
  color: #1796F2;
  width: 42px;
  height: 42px;
  border: 0;
  outline: none;
  box-shadow: none;
  padding: 10px 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease-in;
  
}
.header-search .search-submit:hover{
  background: #FF8F0B;
  color: #fff;
}

 

 
 
/*SLIDER SECTION*/ 


#slider {
  position: relative;
}
#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1320px;
} 

#slider .container{
  max-width: 640px;
  margin-left: 0;
}

 
#slider h1{
  font-size: 44px;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;

}
#slider p{
  color: #ffff;
  max-width: 440px;
  line-height: 30px;
}
#slider h4{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
}
#slider a.link-text{
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;

}
#slider a.link-text:hover{
  border: 1px solid #FF8F0B;
  color: #FFF;
  background: #FF8F0B;
}

#slider .popular-cat{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  gap: 20px;
  width: 800px;
}

#slider .slider-image-box{
  position: relative;
}

#slider img{
  width: 100%;
}
#slider .slick-dots {
  position: absolute;
  bottom: 140px;
  left: 18.5%;
  width: auto;
  display: flex;
  align-items: center;
  margin: auto;
  gap: 10px;
}

#slider .slick-dots LI {
  width: 90px;
  height: 90px;
  border: 2px solid #fff;
  border-radius: 10px;
  margin: 0;
}

#slider .slick-dots LI.slick-active {
   border: 2px solid #FF8F0B;
}
#slider .slick-dots LI.slick-active::after{
  content: '';
  background: #FF8F0B;
  position: absolute;
  inset: 0;
  opacity: 0.5;
}

#slider .slick-dots LI.slick-active BUTTON,
#slider .slick-dots LI:hover BUTTON {
  opacity: 1;
  transform: scale(1);
}

#slider .slick-dots LI BUTTON {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  transition: all .5s ease;
  transform: scale(.75,.75);
}
#slider .slick-dots LI BUTTON IMG {
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 10px;
 
}
#slider .slick-dots LI BUTTON:before {
  display: block;
  position: relative;
  content: '';
  width: 100%;
  padding-top: 100%;
  height: auto;
}
#slider  .slick-dotted.slick-slider{
  margin-bottom: 0;
}
#slider img{
  position: relative;
}

/* Our Screen Section */

#our_sponsars .sponsars-box{
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#our_sponsars .owl-carousel .owl-item img{
  width: auto;
  filter: grayscale(1);
}
#our_sponsars .owl-carousel .owl-item img:hover{
  filter: none;
}
#our_sponsars{
  margin-top: -125px;
}
#our_sponsars .sponsars-bg{
  background: #fff;
  padding: 40px 20px;
  border-radius: 80px;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0px 4px 17px rgba(0,0,0,0.11));
}


#content .sec-padd{
  padding: 100px 0;
}
.page-template-frontpage  h2{
  font-size: 40px;
  line-height: 56px;
  text-transform: capitalize;
  font-weight: bold;
  color: #000000;
  margin-top: 20px;
}
.page-template-frontpage .bg-text{
  background: #FF8F0B;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  line-height: 30px;
  padding: 0 12px;
}
.page-template-frontpage  h5{
  margin-top: 3px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
  letter-spacing: 2px;
  line-height: normal;
}
.page-template-frontpage p{
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: normal;
}

.page-template-frontpage .btn{
  background: #1796F2;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  transition: all .3s ease-in;
  font-weight: 400;
  text-transform: capitalize;
}
.page-template-frontpage .btn:hover{
  background: #FF8F0B;
  color: #fff;
}



/* Features Section*/

#features h4{
  font-size: 20px;
  color: #0E1B33;
  font-weight: bold;
}
#features .features-box{
  background: #fff;
  padding: 20px;
  filter: drop-shadow(0px 4px 17px rgba(0,0,0,0.11));
  margin-top: 70px;
  margin-bottom: 30px;
  border-radius: 10px;
}
#features .icon-div{
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -70px;
  margin-bottom: 30px;
  filter: drop-shadow(0px 4px 17px rgba(0,0,0,0.11));
}

#features .icon-div .dashicons{
  color: #1796F2;
  font-size: 30px;
  display: contents;
}

/* Why Choose Us Section */

#why_choose_us .image-box{
  background: #EBEBEB;
  border-radius: 20px;
  padding-top: 70px;
}
#why_choose_us .choose-list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
#why_choose_us .image-box img{
  margin-left: 100px;
  width: 100%;
}

#why_choose_us .box-div{
  text-align: center;
}
#why_choose_us .dashicons{
  color: #1796F2;
  font-size: 30px;
  display: inline-block;
  align-items: center;
  margin-bottom: 30px;

}

/* Our Members Sections  */

#our_member .bg-text{
  background: #1796F2;
}
#our_member h2{
  color: #fff;
}

#our_member .member-box{
  background: #fff;
  border-radius: 20px;
  position: relative;
  margin-top: 100px;
}
#our_member .image-box{
  width: 140px;
  height: 140px;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: auto;
}
#our_member .image-box img{
  width: 100%;
}
#our_member h4{
  color: #000000;
  font-size: 32px;
  font-weight: bold;
  padding-top: 80px;
}
#our_member h3{
  color: #000000;
  font-size: 24px;
  font-weight: bold;
}
#our_member .follow-div{
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(164, 201, 233, 0.5);
  border-bottom: 1px solid rgba(164, 201, 233, 0.5);
  margin: 15px 0;
}

#our_member .follower-div{
  border-right: 1px solid rgba(164, 201, 233, 0.5);
  padding: 10px 20px;
}
#our_member .following-div{
  padding: 10px 20px;
}

#our_member .btn-div{
  margin-bottom: 30px;
  margin-top: 10px;
  display: inline-block;
}
#our_member .no-btn {
  color: #fff;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
#our_member .dashicons {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 10px;
  background: #fff;
  color: #1A325E;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Working Projects Section */

#working_projects.sec-padd{
  padding-bottom: 360px;
  background-size: contain !important;
}
#working_projects h2{
  color: #fff;
  margin-top: 30px;
  white-space: pre-line;
  line-height: 24px;
}
 

#working_projects h6{
  font-weight: 300;
  color: #fff;
  font-size: 24px;
}
#working_projects img{
  width: auto;
  margin: auto;
  margin-bottom: 20px;
  filter: drop-shadow(0px 4px 17px rgba(0, 0, 0, 0.11));
}
#working_projects .count{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
#working_projects .count-sign2{
  font-size: 40px;
  font-weight: 400;
}


/* Video Section */


#video_section{
  margin-top: -335px;
  padding-bottom: 20px;
}
#video_section .para{
  font-size: 20px;
  margin-bottom: 30px;
}
#video_section .other-text{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
#video_section .dashicons{
  color: #1796F2;
  margin-right: 10px;
}
#video_section .video-box{
  position: relative;
  text-align: center;
  max-width: 1000px;
  margin: auto;
  margin-bottom: 50px;
}
#video_section figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
#video_section figure:hover+span{
  opacity: 1;
  border-radius: 20px;
}
#video_section img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 20px;
}
#video_section .image-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1); 
  border-radius: 20px;
}
#video_section .video-section{
  position: absolute;
  top:50%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#video_section .large i{
  font-size: 20px;
  color: #fff;
  background: #FF8F0B;
  width: 100px;
  height: 100px;
  display:inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#video_section .large i:hover{
  color: #121212;
}
#video_section .video-section .video-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
  transition-property: all , transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#video_section .video-section .video-blog .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#video_section .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#video_section .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#video_section .video-section .video-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#video_section .video-section .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#video_section .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* How Works Section */

#how_works_sec .works-box{
  padding: 35px 20px;
  border-radius: 10px;
  border:1px solid #A4C9E9;
  position: relative;
  text-align: left;
}
#how_works_sec h4{
  color: #000000;
  margin-bottom: 20px;
  font-weight: bold;
}
#how_works_sec h6{
  background: #1796F2;
  color: #fff;
  padding: 5px 20px;
  border-radius: 30px;
  position: absolute;
  top: -20px;
  right: auto;
  left: 25px;
  margin: auto;
  width: 100px;
}
#how_works_sec .box2, #how_works_sec .box4{
  margin-top: 230px;
}
#how_works_sec .box2::before, #how_works_sec .box4::before{
  content: '';
  background-image: url('./images/background/vector1.png');
  position: absolute;
  width: 100%;
  left: -30px;
  height: 100%;
  right: auto;
  background-repeat: no-repeat;
  top: 0;
  margin-top: -133px;
  background-size: auto;
}
#how_works_sec .box3::after{
  content: '';
  background-image: url('./images/background/vector2.png');
  position: absolute;
  width: 100%;
  left: -30px;
  height: 100%;
  right: auto;
  background-repeat: no-repeat;
  top: 100%;
  background-size: auto;
}


/*Latest Services Section*/

 
#latest_services .project-box img{
  width: 100%;
  height: auto;
}
#latest_services .project-box{
  position: relative;
  margin-bottom: 30px;
}

#latest_services  .box-content{
  padding: 10px 10px;
  text-align: center;
}
 
#latest_services  .post-data-sec{
  margin-bottom: 20px;
}
#latest_services .project-box a h4{
  font-size: 20px;
  font-weight: bold;
  margin: 0;
}
#latest_services .project-box :hover a h4{
  color: #1796F2;
}
 
#latest_services figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 30px;
}
#latest_services figure:hover+span{
  opacity: 1;
}
#latest_services .box1 img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 30px;
}
#latest_services .project-box:hover .box1 img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 30px;
}
#latest_services .blog-dlts{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
 
#latest_services h3{
  color: #0E1B33;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}
#latest_services h6{
  color: #008D6D;
  font-size: 20px;
  font-weight: 600;
}
#latest_services .blog-dlt span{
  color: #707D95;
  text-transform: capitalize;
}

#latest_services .blog-dlts .dashicons{
  color: #FF8F0B;
  margin-right: 5px;
}

#latest_services span.star:before{
  color: #FFCB00;
}
#latest_services span.star:after{
  color: #dddad7;
}

#latest_services span.star:before,
#latest_services span.star:after {
  font-size: 24px;
}
#latest_services span.star[data-rating="1"]:before,
#latest_services span.star[data-rating="4"]:after {
  content: "★";
}
#latest_services span.star[data-rating="2"]:before,
#latest_services span.star[data-rating="3"]:after {
  content: "★★";
}
#latest_services span.star[data-rating="3"]:before,
#latest_services span.star[data-rating="2"]:after {
  content: "★★★";
}
#latest_services span.star[data-rating="4"]:before,
#latest_services span.star[data-rating="1"]:after {
  content: "★★★★";
}
#latest_services span.star[data-rating="5"]:before,
#latest_services span.star[data-rating="0"]:after {
  content: "★★★★★";
}

#latest_services .project-box  .img-box1{
  width: 70px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -35px;
  z-index: 1;
  position: relative;
}
#latest_services .project-box .img-box1 img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}


.no-bg-div{
  background: transparent !important;
}
.no-bg-div .btn{
  background: #1796F2;
  border-radius: 30px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 40px;
  text-decoration: none;
  transition: all .3s ease-in;
  font-weight: bold;
  text-transform: capitalize;
}
.no-bg-div .btn:hover{
  background: #FF8F0B;
}

/*Latest News SECTION*/

#latest_news .bg-text{
  background: #1796F2;
}
#latest_news .recent_box {
  background: #fff;
  border-radius: 20px;
  padding: 10px;
 }
#latest_news figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
}
#latest_news figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
#latest_news .recent_box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 20px;
 
}
#latest_news figure:hover+span{
  opacity: 1;
 
}
#latest_news .post-content{
  padding: 20px 15px;
}
#latest_news .post-info i{
  color: #1796F2;
 }
#latest_news .content-box{
  padding: 20px 0 10px;
}
#latest_news h4{
  margin: 10px 0;
}
#latest_news h4 a{
  color: #0E1B33;
  font-weight: bold;
  font-size: 16px;
}
#latest_news h4 a:hover, #latest_news .post-title-big a:hover{
  color: #FF8F0B;
}
#latest_news .post-title-big a{
  font-size: 20px;
}

#latest_news .big-image{
  height: 270px;
}
#latest_news .big-image img{
  height: 100%;
}

#latest_news .small-image{
  height: 190px;
}
#latest_news .big-image img{
  height: 100%;
}
 
.content_box span{
  font-size: 14px;
  text-transform: capitalize;
}
#latest_news  .post-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#latest_news .no-btn{
  color: #1796F2;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
#latest_news .no-btn:hover{
  color: #FF8F0B;
}
#latest_news .dashicons{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 10px;
  background: #1796F2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#latest_news .admin a{
  text-transform: capitalize;
}
#latest_news .row-direction{
  flex-direction: row-reverse;
}
.post-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin a{
  text-transform: capitalize;
}
.post-info i{
  color: #1796F2;
 }

/* Membership Section */

#membership .bg-text{
  background: #1796F2;
}
#membership h2{
  color: #fff;
}
#membership h6{
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}
#membership h4{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
#membership .text-bld{
  color: #fff;
  font-size: 20px;
}
#membership h3{
  background: #FF8F0B;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 20px 20px 0 0;
  font-size: 14px;
  padding: 5px;
  line-height: normal;
  color: #fff;
}
 
#membership .membership-box{
  background: #fff;
  border-radius: 30px;
  padding: 10px 10px 30px;
  filter: drop-shadow(0px 14px 17px rgba(0,0,0,0.11));
  transition: all .3s ease-in;

}
#membership .box-head{
  background: #1796F2;
  padding: 20px 20px;
  border-radius: 20px;
  transition: all .3s ease-in;
}
 
#membership .box-body{
  padding: 30px 40px;
  text-align: left;
}
#membership .box-body p{
  margin-bottom: 15px;
  color: #707D95;
}

#membership .box-body span{
  color: #1796F2;
  margin-right: 20px;
}
#membership .work-box h4{
  color: #0E1B33;
  font-weight: bold;
}
#membership .btn-brd{
  background: #fff;
  border: 1px solid #1796F2;
  border-radius: 30px;
  color: #1796F2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 40px;
  text-decoration: none;
  transition: all .3s ease-in;
  text-transform: capitalize;
}
#membership .membership-box:hover{
  background: #1796F2;
  color: #fff;
}
#membership .membership-box:hover .box-head{
  background: #fff;
  color: #000000;
}

#membership .membership-box:hover .btn-brd{
  background: #fff;
  border: 1px solid #1796F2;
}
#membership .membership-box:hover .box-body p, 
#membership .membership-box:hover .box-body span{
  color: #fff;
}
#membership .membership-box:hover h4, 
#membership .membership-box:hover h6{
  color: #000000;
}
#membership .membership-box:hover .text-bld{
  color: #707D95;
}
#membership .list-txt{
  padding-left: 50px;
}

 

/* TESTIMONIALS Section */

#testimonials  h2{
  max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}
 
#testimonials .test-img{
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -70px;
  margin-bottom: 30px;
}
#testimonials .testimonials-box{
  background: #fff;
  filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.1));
  position: relative;
  margin: 15px;
  border-radius: 14px;
  margin-top: 80px;
  padding: 20px;
}
#testimonials h4{
  font-size: 20px;
  font-weight: bold;
  color: #1796F2;
  text-transform: capitalize;
  margin-top: 30px;
}
#testimonials h6{
  font-size: 14px;
}
#testimonials .no-btn{
  color: #1796F2;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
#testimonials .no-btn:hover{
  color: #FF8F0B;
}
#testimonials .dashicons{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 10px;
  background: #1796F2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
 
 

/*Faq Section*/

#faq-section h2{
  color: #fff;

}
#faq-section .aks-accordion{
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

#faq-section .aks-accordion-item-row{
  display: flex;
  align-items: center;
}

#faq-section  h6{
  margin-bottom: 0;
  font-weight: 600;
  color: #fff;
  font-size: 20px;
}
#faq-section .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
}
#faq-section .aks-accordion-item-icon-open{
  background: #FF8F0B;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}


#faq-section .aks-accordion-item-icon {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
 
}
#faq-section .aks-accordion-item-icon .fas{
  color: #1796F2;
   
}
#faq-section .aks-accordion-item-title {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#faq-section .aks-accordion-item-icon-close {
  display: none;
}
#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close {
  
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}


#faq-section figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  border-radius: 20px;
}
#faq-section figure:hover+span {
  opacity: 1;
}
#faq-section img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: 100%;
  width: 100%;
  border-radius: 20px;
}
#faq-section figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 20px;
}

 

/*marketing_banner*/

#marketing_banner{
  position: relative;
  margin-bottom: -100px;
  z-index: 1;
  padding-top: 30px;
}
#marketing_banner .banner_box{
  border-radius: 20px;
  padding: 0 50px;
}
 
#marketing_banner h2{
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: capitalize;
  
}
 
#marketing_banner .image-box{
  margin-top: -100px;
}

/*Footer Section*/

footer .logo-text{
  color: #fff;
}
footer  .social-links{
  margin-top: 30px;
}
 
.sidebar-area footer::before{
  display: none;
}

 
.page-template-frontpage .footer-bg{
  padding-top: 200px;
}
.footer-bg{
  padding-top: 50px;
}
.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #fff;
  font-weight: 300;
}
.footer-area li::marker {
    color: #FF8F0B;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.footer-area .social-links{
  flex-wrap: wrap;
}
.footer-area  .fab{
  margin-right: 20px;
  color: #0E1B33;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  width: 32px;
  height: 32px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 10px;
}
.footer-area .fas, .footer-area .far{
  color: #fff;
  margin-right: 10px;
}
.footer-area .fab:hover{
  background: #FF8F0B;
  color: #fff;
}
.footer-area .post-thumbnail img {
  max-width: 100px;
  height: 70px;
  float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #FF8F0B;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #fff;
  list-style: none;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #FF8F0B;
}

.copyright-box{
  margin-top: 30px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(164, 201, 233, 0.21);
}
.footer-area .footer-menu ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  flex-flow: wrap;
}
.footer-area .footer-menu ul li{
  margin: 0;
  margin-left: 20px;
}
.footer-area .footer-menu ul li a:hover, 
.footer-area .footer-menu ul li a:active, 
.footer-area .footer-menu ul li a:focus{
  color: #0E1B33;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #FF8F0B;
}
.copyright a:hover{
  color: #0E1B33;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.custom-h6{
  font-size: 18px !important;
}
.footer-area .textwidget img{
  width: 100%;
}

footer{
  position: relative;
}
 

.footer1 .widget_block{
  display: none;
}


/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
}
#contact p{
  color: #0E1B33;
}
#contact .contact-text{
  color: #fff;
}
#contact .icon1{
  background: #fff;
  color: #0E1B33;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #FF8F0B;
}
#contact .contact-enquiry{
  background: #fff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  background: transparent;
  border: 1px solid #fff ;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff ;
  outline: none;
  color: #fff;
  border-radius: 10px;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #fff;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #FF8F0B;
  border: none;
  border-radius: 6px;
  transition: all .3s ease-out;
  cursor: pointer;
}
 
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #0E1B33;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  color: #0E1B33;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .icon2{
  transform: rotate(360deg);
  color: #FF8F0B;
}
#contact h6{
  color: #0E1B33;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #FF8F0B;
  text-transform: capitalize;
  font-size:32px;
  font-weight: 700;
}
#contact h3{
  color: #0E1B33;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}
.contact-form{
  filter: drop-shadow(0px 19px 25.5px rgba(0,0,0,0.18));
  background: #1b98f2;
}

.latest-post span.admin img {
  border-radius: 50%;
  margin-right: 10px;
}

.latest_services_inner_page .project-box{
  background: #eee;
  border-radius: 10px;
  margin-bottom: 20px;
}
#latest_services_inner .project-box .box-content{
  background: transparent ;
  padding: 10px 20px;
  text-align: center;
}
 
#latest_services_inner .box-content .catname {
  color: #FF8F0B;
}
 
#latest_services_inner figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-image: linear-gradient(90deg, #073763 0%, #00abe9 100%);
  border-radius: 10px;
}
#latest_services_inner figure:hover+span{
  opacity: 1;
}
#latest_services_inner img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#latest_services_inner .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}
 
h2.wp-block-heading, .wp-block-search__label{
  padding: 10px 10px;
  background: #0E1B33;
  color: #fff;
  border-bottom: 5px solid #1796F2;
  font-size: 24px;
}

.footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 24px;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  padding-left: 10px;
}
ol.wp-block-latest-comments{
  padding: 0;
}
ol.wp-block-latest-comments .footer{
  float: unset;
}

.container-cnt p{
  margin-bottom: 0;
  color: #fff;
}

#block-3, #block-4, #block-2{
  display: none;
}

#banner .post-title{
  text-align: center;
}
 



/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .page-template-frontpage #main-menu ul li a{
    color: #0E1B33;
    background: transparent !important;
  }
  .header-menu{
    position: relative;
  }
  .header-menu .logo{
    padding: 7px 0;
  }
  .logo-image{
    width: 160px;
    margin: auto;
  }
  .logo-image a img{
    width: 100%;
  }
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .fix-sticky{
    position: unset;
   }
   #main-menu ul li a{
    color: #0E1B33;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #FF8F0B;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #0E1B33;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #0E1B33;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	 
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #content .sec-padd{
    padding: 50px 0;
  }
  #content .owl-carousel .owl-dots{
    display: block;
    text-align: center;
  }
  #content .owl-carousel .owl-dot{
    width: 10px;
    height: 10px;
    background: #0E1B33;
    border-radius: 50%;
    margin: 0 5px;
  }
  #content .owl-carousel .owl-dot.active{
    background: #1796F2;
  }
  .page-template-frontpage .footer-area .footer{
    margin-top: 0;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }

  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  .post-content{
    text-align: center;
  }
  .copyright-box{
    justify-content: center;
    flex-direction: column;
  }
 
  .footer-area .social-links{
    justify-content: center;
  }
  
  .footer-area .footer-menu ul{
    justify-content: center;
  }
  #why_choose_us .image-box img{
    margin-left: 0;
    width: 100%;
  }
  .page-template-frontpage h2 {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
  }
  .page-template-frontpage .header-menu{
    position: relative;
  }
  .page-template-frontpage .top-header{
    background: #1796F2;
  }
  .header-menu .social-links{
    justify-content: center;
  }
    .menu-header{
    border-radius: 0;
  }
  #marketing_banner .image-box img{
    width: 100%;
  }
  #our_sponsars{
    margin-top: 0;
  }
  #our_sponsars .sponsars-bg {
    padding: 20px;
    border-radius: 0;
  }
  #slider .slider-image-box{
    height: 50vh;
  }
  #slider img {
   height: 100%;
   object-fit: cover;
  }
  #slider .slick-dots{
    display: none !important;
  }
  #slider h1 {
    font-size: 26px;
    margin-top: 10px;
  }
  #slider .slider-content{
    max-width: 100%;
    right: 0;
    left: 0;
    top: 37%;
    transform: translateY(-40%);
  }
  #slider .popular-cat{
    width: 100%;
    display: none;
  }
  .page-template-frontpage h5 {
    font-size: 12px;
  }
  #slider a.link-text {
   font-size: 12px;
   margin-bottom: 5px;
  }
  #slider h4 {
    font-size: 14px;
    margin-bottom: 7px;
  }
  .header-search .searchform input[type=text]{
    padding: 10px 46px 10px 20px;
    font-size: 12px;
    line-height: 24px;
  }
  .header-search .search-submit{
    width: 32px;
    height: 32px;
  }
  .page-template-frontpage p{
    text-align: center;
  }
  #why_choose_us h6{
    font-size: 13px;
  }
  .order-div1{
    order: 2;
  }
  .order-div2{
    order: 1;
  }
  #video_section{
    margin-top: -70px;
  }
  #video_section .other-text{
    display: block;
  }
  #how_works_sec .box2::before, #how_works_sec .box4::before, #how_works_sec .box3::after{
    display: none;
  }
  #how_works_sec .box2, #how_works_sec .box4{
    margin-top: 0;
  }
  #how_works_sec .works-box {
      margin-bottom: 40px;
  }
  #membership .membership-box{
    margin-bottom: 30px;
  }
  #membership .list-txt{
    text-align: left;
    padding-left: 30px;
  }
  #faq-section .aks-accordion-item-content p{
     text-align: left;
     font-size: 14px;
  }
  #marketing_banner .image-box {
    margin-top: 30px;
  }
  #marketing_banner .banner_box {
    border-radius: 0;
    padding: 50px 20px;
  }
  #video_section .video-section .video-blog .is-open {
      top: 0;
  }
  #faq-section h6 {
    font-size: 16px;
  }
  #video_section .para{
    font-size: 16px;
  }
  #latest_news .recent_box {
    margin-bottom: 30px;
  }
  #faq-section .aks-accordion-item-icon-open, 
  #faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close{
    width: 30px;
    height: 30px;
  }
  #faq-section .aks-accordion-item-icon .fas{
    font-size: 13px;
  }
  #marketing_banner{
    margin-bottom: 0;
  }
  .page-template-frontpage .footer-bg {
    padding-top: 60px;
    
  }
  #how_works_sec h6{
    right: 0;
    left: 0;
    margin: auto;
  }
  #how_works_sec h4{
    text-align: center;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
  .logo-image img{
    width: 100%;
  }
  .logo-image{
    width: 100px;
    margin-left:0 ;
  }
	#main-menu{
		float: unset;
		width: 100%;
    display: flex;
    justify-content: center;
	}
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  header#site-navigation.fix-sticky{
    position: relative;
  }
  
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
  #main-menu ul li a{
    padding: 10px 10px;
    line-height: 25px;
    font-size: 14px;
  }
  #content .sec-padd{
    padding: 30px 0;
  }
  #content .owl-carousel .owl-dots{
    display: block;
    text-align: center;
  }
  #content .owl-carousel .owl-dot{
    width: 10px;
    height: 10px;
    background: #0E1B33;
    border-radius: 50%;
    margin: 0 5px;
  }
  #content .owl-carousel .owl-dot.active{
    background: #1796F2;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  .owl-carousel .owl-dots{
    display: block;
  }
  .owl-carousel .owl-dot{
    width: 10px;
    height: 10px;
    background: #0E1B33;
    border-radius: 50%;
    margin: 0 5px;
  }
  .menu-header{
    border-radius: 0;
    padding: 10px;
    max-width: 100%;
  }

  .page-template-frontpage .header-menu{
    position: relative;
    background: #fff;
  }
  .page-template-frontpage .top-header{
    background: #1796F2;
  }
  .top-header .container{
    max-width: 100%;
  }
  
  .login-info{
    gap: 10px;
  }
  a.sign-div{
    font-size: 14px;
    padding: 7px 15px;
  }
  a.login-div{
    font-size: 14px;
  }
  #our_sponsars{
    margin-top: 0;
  }
  #slider .slick-dots{
    display: none !important;
  }
  #slider .slider-content {
    top: 35%;
    max-width: 100%;
    margin-left: 0;
  }
  #slider .container {
    max-width: 440px;
    margin-left: 0;
  }
  #slider h1 {
    font-size: 30px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .header-search .searchform input[type=text] {
    padding: 10px 46px 10px 20px;
  }
  .header-search .search-submit{
    width: 32px;
    height: 32px;
  }
  #slider .popular-cat {
    width: 440px;
    gap: 10px;
    margin-top: 10px;
  }
  #slider a.link-text{
    margin-bottom: 8px;
  }
  #slider h4{
    font-size: 14px;
  }
  .page-template-frontpage h5 {
    font-size: 12px;
  }
  #our_sponsars .sponsars-bg {
    padding: 20px;
  }
  .page-template-frontpage h2 {
    font-size: 28px;
    line-height: 40px;
    margin-top: 10px;
    max-width: 400px;
  }
  .order-div1{
    order: 2;
  }
  .order-div2{
    order: 1;
  }
  #why_choose_us .image-box {
    text-align: center;
  }
  #why_choose_us .image-box img{
    margin-left: auto;
    margin-right: auto;
  }
  #video_section{
    margin-top: -60px;
  }

  #how_works_sec .box3::after {
    content: '';
    background-image: url(./images/background/vector2.png);
    position: absolute;
    width: 100%;
    left: 30px;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    top: -100%;
    transform: rotateZ(180deg);
  }
  #membership .box-body{
    padding: 30px 20;
  }
  #membership .list-txt {
    padding-left: 30px;
  }
  #membership .membership-box{
    margin-bottom: 30px;
  }
  #latest_news .recent_box{
    margin-bottom: 40px;
  }
  #latest_news .row-direction {
    flex-direction: column-reverse;
 }
 #faq-section  .order-div1{
  order: 1;
  }
  #faq-section .order-div2{
    order: 2;
  }
  #faq-section h6 {
    font-size: 16px;
  }
  #faq-section p{
    font-size: 14px;
  }
  #faq-section .aks-accordion-item-icon-open, 
  #faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close{
    width: 32px;
    height: 32px;
  }
  #faq-section .aks-accordion-item-icon .fas{
    font-size: 14px;
  }
  #marketing_banner .banner_box {
    border-radius: 40px;
    padding: 30px 50px 0;
  }

  #marketing_banner .image-box{
    margin-top: 0;
  }
  #marketing_banner .image-box img{
    width: 100%;
  }

  .page-template-frontpage .footer-bg {
    padding-top: 150px;
  }
    

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 16px;
	}
  #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }
 
  #slider h1{
    font-size: 34px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  .latest-post .date-meta{
    font-size: 12px;
  }
  #latest_news .post-date{
    top: 46%;
  }
  #latest_news .owl-dots{
    display: block;
  }
  
  #content .sec-padd{
    padding: 50px 0;
  }

  #video_section {
    margin-top: -70px;
  }

  #how_works_sec .box2::before, #how_works_sec .box4::before{
    background-size: contain;
    margin-top: -117px;
  }
  #how_works_sec .box3::after{
    background-size: contain;
  }
  #membership .box-body {
    padding: 30px 20px;
  }
  #membership .list-txt {
    padding-left: 20px;
  }
  #latest_news .post-content{
    padding: 20px 5px;
  }
  #slider .slider-image-box{
    height: 90vh;
  }
  #slider .slick-dots{
    display: none !important;
  }
  #slider img {
   height: 100%;
   object-fit: cover;
  }
  #marketing_banner .image-box img{
    width: 100%;
  }
  .page-template-frontpage h2{
    font-size: 36px;
    line-height: 48px;
  }
  #marketing_banner .image-box {
    margin-top: -50px;
}

#our_sponsars .sponsars-bg{
  padding: 25px 20px;
}
#our_sponsars {
  margin-top: -80px;
}
#slider .slider-content {
   left: 25px;
   max-width: 1000px;
}
    
   
	
}

 

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  #slider .slider-content{
    max-width: 1140px;
  }
  #slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#slider .slider-image-box {
  position: relative;
  height: 95vh;
}
#our_sponsars {
  margin-top: -113px;
}
#slider .slick-dots LI{
  width: 50px;
  height:50px;
}
#slider .slick-dots{
   
  left: 10%;
}
#slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#slider .slider-image-box {
  position: relative;
  height: 100vh;
}

}

 
@media only screen and (min-width: 1441px) and (max-width: 1700px){
  #slider .slider-content{
    top: 46%;
  }

  #our_sponsars {
    margin-top: -90px;
  }
  #slider .slick-dots{
    bottom: 110px;
    left: 10%;
  }
  #slider .slick-dots LI{
    width: 70px;
    height: 70px;
  }
  #slider .popular-cat {
    margin-top: 20px;
  }
  

  


  
  
   

}

@media only screen and (min-width: 1700px) and (max-width: 1860px){
  #slider .slick-dots LI{
    width: 60px;
    height: 60px;
  }
  #slider .slick-dots {
    left: 13.5%  !important;
  }


}

@media only screen and (min-width: 1699px) and (max-width: 1920px){
  
  #slider .slick-dots {
    left: 15.5%;
  }
  #our_sponsars {
    margin-top: -110px;
  }
  
}

@media(max-width: 991px){
  .footer-bg{
    padding: 30px 0 0;
  }
  footer .col-lg-3{
    margin-bottom: 30px;
  }
  
}