/*
Author       : Aminul
Template Name: Aziiz - Material design Agency Landing Page Template
Version      : 1.0.1
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body,Google Font,Typography,preloader,link color, SCROLL TO TOP,section-title, BTN,section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. SILDER HEADER TEXT AREA,START HOME BANNER DESIGN,START HOME GRADIENT DESIGN, PARTICLES BANNER
    04. START FEATURE AND ABOUT DESIGN
    05. START SKILL DESIGN 
    06. START WHY CHOOSE US DESIGN
    07.	START SERVICE DESIGN
    08. START PORTFOLIO DESIGN
    09. START COUNTER DESIGN
    10. START TEAM DESIGN
    11. START NEWSLETTER DESIGN
    12. START PRICING DESIGN
    13. START TESTIMONIAL DESIGN
    14. START BLOG DESIGN
	15. START PARTNER LOGO DESIGN
    16. START CONTACT DESIGN
    17. START MAP DESIGN
    18. START ADDRESS DESIGN
    19. START FOOTER DESIGN
  =============================================================*/


/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/* Typography */
:root {
	--thm-font2: 'Poppins', sans-serif;
	--thm-font: 'Montserrat', sans-serif;
	--thm-base: #ff9f3c;
	--thm-color: #F23030;
	--thm-black: #202020;
	--thm-white: #ffffff;
	--thm-p: #858585;
	 --border-1: #dddddd;
	--color_1: #fa7e1e 49%;
	--thm-line:linear-gradient(45deg,var(--thm-color),var(--thm-black));
}
body {
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    color: var(--thm-p);
    font-family: var(--thm-font2);
    letter-spacing: -0.03em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    font-weight: 700;
    line-height: 1.3;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    color: var(--thm-black);
    font-family: var(--thm-font);
}

h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 22px;
	font-weight:600;
	line-height:1.4;
}
@media only screen and (max-width:991px) {
	h3 {
		font-size: 20px;
	}
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
dl,
ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}
a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}
button:hover {
    cursor: pointer;
}
button:focus {
    outline: 0;
}
::-moz-selection {
    background: var(--thm-color);
    text-shadow: none;
	color:var(--thm-white);
}
::selection {
    background: var(--thm-color);
    text-shadow: none;
	color:var(--thm-white);
}
.no-padding { padding: 0 }

.mt-60{
	margin-top:60px;
}
.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 270px;
	z-index: 9;
	overflow: hidden;
}
.bg-line {
	background:var(--thm-line);
}
.bg-color {
	background-color:var(--thm-color);
}
.bg-base {
	background: var(--thm-base);
}
.black-bg {
	background-color: var(--thm-black);
}
.bg-f1{
	background:#f1f1f1! important;
}
.bg-f2{
	background:#f2f2f2! important;
}
.bg-f3{
	background:#f3f3f3! important;
}
.bg-f4{
	background:#f4f4f4! important;
}
.bg-f5{
	background:#f5f5f5! important;
}
.bg-f6 {
	background-color: #F1F8FF ! important;
}
.imgfixed {
	background-attachment:fixed;
}
.atf_attach_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.atf-cover-bg {
    position: relative;
	z-index: 1;
}
.atf-cover-bg::before {
    content: "";
	width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
/**************************************
 * START FONT SIZE DESIGN
 *************************************/
.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-17 {
  font-size: 17px;
}

.f-18 {
  font-size: 18px;
}

.f-19 {
  font-size: 19px;
}

.f-20 {
  font-size: 20px;
}
/* -------------------------------- 
START PRELODER
-------------------------------- */
.preloader {
    background: var(--thm-white);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
     z-index: 10000;
    background: var(--atf-thm-color);
    width: 150px;
    transform: translateX(-50px);
}
.loader .loading-1 {
    position: relative;
    width: 100%;
    height: 10px;
    border: 1px solid var(--thm-color);
    border-radius: 10px;
    animation: turn 4s linear 1.75s infinite;
}
.loader .loading-1:before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    background: var(--thm-color);
    animation: load 2s linear infinite;
}
.loader .loading-2 {
    width: 100%;
    position: absolute;
    top: 10px;
    color: var(--thm-color);
    font-size: 22px;
    text-align: center;
    animation: bounce 2s  linear infinite;
}
@keyframes load {
    0% {
        width: 0%;
    }
    87.5%, 100% {
        width: 100%;
    }
}
@keyframes turn {
    0% {
        transform: rotateY(0deg);
    }
    6.25%, 50% {
        transform: rotateY(180deg);
    }
    56.25%, 100% {
        transform: rotateY(360deg);
    }
}
@keyframes bounce {
    0%,100% {
        top: 10px;
    }
    12.5% {
        top: 30px;
    }
}
/* -------------------------------- 
END PRELODER
-------------------------------- */
/**************************************
 * START BACK TO TOP DESIGN
 *************************************/
 
.back-to-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 84%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.back-to-top {
    position: fixed;
    cursor: pointer;
    right: 3%;
    top: 85%;
    background-color: var(--thm-color);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 31%);
    z-index: 4;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 42px;
    border-radius: 50px;
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s;
}

.back-to-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--thm-line);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}


.back-to-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: var(--thm-white);
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px;
}



@-webkit-keyframes bounce {

    0%,
    to {
        transform: translateY(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    50% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(5%);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    50% {
        transform: translateY(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}
 

@-webkit-keyframes pulse {
    0% {
        border-color: #48e9d1; 
        box-shadow: 0 0 rgba(72, 233, 209, 0.66);
    }

    70% {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }

    to {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }
}

@keyframes pulse {
    0% {
        border-color: #48e9d1; 
        box-shadow: 0 0 rgba(72, 233, 209, 0.66);
    }

    70% {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }

    to {
        border-color: #48e9d1; 
        box-shadow: 0 0 0 10px rgba(72, 233, 209, 0);
    }
}
.v-middle {
	position: relative;
}
.v-middle {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
 /**************************************
 * END BACK TO TOP DESIGN
 *************************************/
 

/* -------------------------------- 
START PADDING SECTION
-------------------------------- */
.section-padding { padding: 100px 0 }
/* -------------------------------- 
/* -------------------------------- 
END PADDING SECTION
-------------------------------- */
/* -------------------------------- 
START BUTTON AREA
-------------------------------- */
.atf-themes-btn {
	background: var(--thm-black) none repeat scroll 0 0;
	border-radius: 1px;
	color: var(--thm-white);
	font-size: 15px;
	padding: 10px 20px;
	text-transform: capitalize;
	font-weight: 500;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	display: inline-block;
	border:1px solid var(--border-1);
}
.atf-themes-btn:hover {
	background: var(--thm-color);
	color: var(--thm-white);
	border-color: var(--thm-white);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.atf-themes-btn.style1 {
	background: transparent;
	border:1px solid var(--border-1);
}
.atf-themes-btn.style1:hover {
	background: var(--thm-white);
	color: var(--thm-black);
}
/* -------------------------------- 
START SECTION TITLE DESIGN
-------------------------------- */
.section-title {
	margin-bottom: 50px;
}
.section-title h2 {
	text-transform: capitalize;
	font-weight: 700;
}
.section-title h2 span { color: var(--thm-color); }

.section-title .sec_icon {
	position: relative;
	display: inline-block;
}
.section-title .sec_icon::before {
	position: absolute;
	content: '';
	width: 55px;
	height: 3px;
	background: #fe4819 none repeat scroll 0 0;
	top: 8px;
	left: -51px;
}
.section-title .sec_icon::after {
	position: absolute;
	content: '';
	width: 55px;
	height: 3px;
	background: #fe4819 none repeat scroll 0 0;
	top: 8px;
	right: -51px;
}
.section-title .sec_icon span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin: 5px 4px;
	background: #fe4819 none repeat scroll 0 0;
	display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .section-title h2{
		font-size: 36px;
		letter-spacing: 0px;
		z-index: 1;
		position: relative;
	}
}
@media screen and (min-width:320px) and (max-width:575px) {
	.section-title h2 {
		font-size: 28px;
		letter-spacing: 0px;
		line-height: 1.3;
	}
}
@media only screen and (max-width:991px) {
	.section-padding {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
}
@media only screen and (max-width:576px) {
	.section-padding {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
/* -------------------------------- 
`END SECTION TITLE DESIGN
-----------------------------------
 */
 /*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo {
	width: 147px;
	height: auto;
	margin-top: 10px;
}
.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
	padding:10px 0 0;
    opacity: .98;
    width: 100%;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: var(--thm-black);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 10px 0 10px;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
#main-menu ul li a {
	color: var(--thm-white);
	font-weight: 400;
	text-transform: capitalize;
	font-family: var(--thm-font);
	transition: .5s;
	font-size: 17px;
	padding: 24px 0 26px;
	border-bottom: 1px solid transparent;
	display: block;
}

#navigation.navbar-fixed #main-menu ul li a{
	color: var(--thm-white);
	padding: 22px 0 22px;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: var(--thm-color);
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{
	border-bottom: 1px solid var(--thm-color);
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
	border-bottom: 1px solid transparent;
}
.slicknav_nav_icon{
	color: var(--thm-white);
	font-size: 24px;
}
#mobile_menu{
	display: none;
}
.navbar-light .logo-black {
	display: none;
}
.navbar-light.navbar-fixed .site-logo .logo-white {
	display: none;
}
.navbar-light.navbar-fixed .site-logo .logo-black {
	display: block;
}
/*-------------------------------
# dropdwon menu 
--------------------------------*/
#navigation #main-menu ul li ul,
#navigation #main-menu ul li ul li ul {
	background: var(--thm-black);
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: 0;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 180px;
	z-index: 999;
	border-radius: 4px;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}
#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li ul li a {
	color: var(--thm-white);
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	padding: 5px 12px;
	position: relative;	
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#navigation #main-menu ul li ul li a:hover{
	color: var(--thm-white)!important;
	text-decoration: none;
	padding-left: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.SILDER HEADER TEXT AREA
* ----------------------------------------------------------------------------------------
*/
.atf-aicenter {
	display: flex;
	align-items: center;
	justify-content:center;
}
.cd-hero__slide.atf-cover-ovarlay::before {
    content: "";
	width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
/*
* ----------------------------------------------------------------------------------------
* START HOME CURVE DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-hero-area{
	height:750px;
	overflow:hidden;
}
.atf-hero-content .title {
	color: var(--thm-white);
	font-size: 50px;
}
.atf-hero-content .description{
	color:var(--thm-white);
	font-size:16px;
	margin:20px 0 30px;
}
/*
* ----------------------------------------------------------------------------------------
* START HOME GRADIENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-gradient-area  {
	position:relative;
	z-index:1;
	
}
.atf-gradient-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg,#6827b0,#fe4819);
	border-radius: 0% 0% 80% 80%/0% 0% 100% 100%;
	transform: scaleX(1.5);
	z-index: -1;
}
.atf-gradient-bg{
	background: linear-gradient(45deg,#6827b0,#fe4819);
}
/*
* ----------------------------------------------------------------------------------------
* SATRT PARTICLES BANNER DESIGN
* ----------------------------------------------------------------------------------------
*/
 #particles-js {
	width: 100%;
	height: 100%;
	position: relative;
}
.particles-section {
	position: relative;
	height: 750px;
}
.particles-section .atf-hero-content {
	position:relative;
}
.particles-section .atf-hero-content {
	width: 100%;
	height: auto;
	position: absolute;
	margin: 0 auto;
}
.particles-section.bg-warning {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6247e5+0,42b7f5+100 */
     background: #6247e5;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #6247e5 0%, #42b7f5 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #6247e5 0%,#42b7f5 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #6247e5 0%,#42b7f5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6247e5', endColorstr='#42b7f5',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
.particles-section.bg-warning:before {
     background: none;
}
/*
* ----------------------------------------------------------------------------------------
* CLIPE HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-clip-home.atf-cover-bg::before {
	background: rgba(0,0,0,0.4);
}
.atf-clip-home {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 20% 100%, 0 83%);
	clip-path: polygon(0 0, 100% 0, 100% 83%, 20% 100%, 0 83%);
}
/*
* ----------------------------------------------------------------------------------------
* WABES HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-waves-home.atf-cover-bg::before {
    background: rgba(0, 0, 0, 0.6);
}
.atf-web-area {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.atf-web-area svg {
    height: 180px;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END BANNER HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04. START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_about {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	position: relative;
	transition: 0.4s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	text-align: center;
	background: var(--thm-white);
}
.single_about:hover{
   background: var(--thm-color);
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	color:var(--thm-white);
}
.single_about .about-icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 10px;
	font-size: 35px;
	text-align: center;
	position: relative;
	top: -50px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	margin: 0 auto;
	color:var(--thm-color);
	-webkit-transition:all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.single_about:hover .about-icon i{
	color:var(--thm-white);
}
.single_about:hover .about-icon{
	background:var(--thm-color);
}
.single_about:hover .description,
.single_about:hover .title {
	color:var(--thm-white);
}
.single_about .title{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.single_about .description {
	padding: 10px 25px 35px;
	color: var(--thm-p);
}
@media only screen and (max-width:991px){
    .single_about{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 04. START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-image img {
	border-radius: 20px;
	width: 100%;
}
.about-list .listing-style li {
	position: relative;
	padding-left: 30px;
	line-height: 34px;
	font-weight: 500;
	font-size: 16px;
}
.about-list .listing-style li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\f058";
	font-family: 'Font Awesome 7 Free';
	font-weight:700;
	color: var(--thm-color);
	font-size: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* END FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START SKILL DESIGN 
* ----------------------------------------------------------------------------------------
*/
.single_skill h3 {
	letter-spacing: 1px;
	font-size:28px;
}
@media only screen and (max-width:479px) { 
    .about_img { margin: 60px 0 }
}
iframe{
	max-width: 100%;
}
.progress-title {
	font-size: 15px;
	margin: 0 0 10px;
}
.progress{
    height: 10px;
    background: #cbcbcb;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;
	position:relative;
}
.progress-bar {
	overflow: visible;
}
.progress .progress-bar{
    box-shadow: none;
    -webkit-animation: animate-positive 5s;
    animation: animate-positive 5s;
	background:var(--thm-color);
	position:relative;
}
.progress .progress-bar::after{
    content: "";
    display: block;
    border: 15px solid transparent;
    border-bottom: 21px solid transparent;
    position: absolute;
    top: -26px;
    right: -12px;
	overflow:hidden;
}
.progress .progress-value{
    font-size: 15px;
    font-weight: bold;
    color: var(--thm-black);
    position: absolute;
    top: -40px;
    right: 0;
}
.progress.pink .progress-bar:after{
    border-bottom-color: var(--thm-color);
}

@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}

.skill-img {
	position: relative;
}
.skill-img img {
    border-radius: 20px;
}

.skill-img .waves-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.skill-img .iq-video {
    background: var(--thm-color);
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 20px;
    color: var(--thm-white);
    border-radius: 100%;
    line-height: 53px;
    z-index: 9;
    position: relative;
    border: 8px solid var(--thm-white);
}
.skill-img .iq-video i {
	margin-left: 3px;
}
.skill-img .iq-waves {
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: 2;
}
.skill-img .iq-waves .waves {
	position: absolute;
	width: 130px;
	height: 130px;
	background: rgba(255, 255, 255, 0.55);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.skill-img .iq-waves .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.skill-img .iq-waves .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.skill-img .iq-waves .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.2, 0.2);
		transform: scale(0.2, 0.2);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

/*
* ----------------------------------------------------------------------------------------
* END SKILL DESIGN 
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  06. START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.tab {
	background: var(--thm-line);
	padding: 40px 40px;
	border-radius:20px;
}
.tabs {
	list-style-type: none;
	margin-bottom: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	text-align: center;
	justify-content: center;
}
.tabs li {
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
}
.tabs li a {
	display: block;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
	background: var(--thm-white);
	padding: 25px 12px;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--thm-black);
	z-index: 1;
	border-radius: 30px 0 30px 0;
	text-decoration: none;
	position: relative;
}
.tabs li a:hover, .tabs li a:hover i, .tabs li.current a, .tabs li.current a i {
    color: var(--thm-white);
	background:var(--thm-color);
}
.tabs li a i {
	color: var(--thm-color);
	font-size: 25px;
	margin-bottom: 10px;
	display: inline-block;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.tabs li:first-child a {
	border-radius: 30px 0 0 0;
}
.tabs li:last-child a {
	border-radius: 0 30px 0 0;
}
.tabs li a::before {
	content: '';
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	border-radius: 3px;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	visibility: hidden;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.tabs li:first-child a::before {
	border-radius: 30px 0 30px 0;
}
.tabs li:last-child a::before {
	border-radius: 0 30px 0 30px;
}
.tabs li a:hover::before, .tabs li.current a::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
	border-radius: 30px 0 30px 0;
}
.tabs_item:first-child {
	display: block;
}
.tabs_item {
	display: none;
	background: var(--thm-white);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	border-radius: 20px;
}
.tabs_item_content {
	padding: 25px 25px;
}
.tabs_item_content p {
	margin-bottom: 25px;
}
.tabs_item_content ul {
	padding: 0;
	margin: 10px 0 27px 0;
	list-style-type: none;
}
.tabs_item_content ul li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 25px;
}
.tabs_item_content ul li:last-child {
    margin-bottom: 0;
}
.tabs_item_content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 15px;
	height: 15px;
	background: var(--thm-color);
	background: -webkit-linear-gradient(to right, #8E0074, #fe4819 );
	background: linear-gradient(to right, #8E0074, #fe4819 );
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.tabs_item_img img{
	padding:20px;
	border-radius:20px;
}
.single_feature {
	margin-bottom: 20px;
}
.single_feature .feature_icon {
	color: var(--thm-color);
	font-size: 20px;
	float: left;
	margin-right: 25px;
	border: 1px solid var(--thm-color);
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.single_feature h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size:18px;
}
.single_feature p { margin-bottom: 0 }
.features_content{
	overflow: hidden;
}
.feature_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.feature_img:before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: rgba(0,0,0,0.5);
}
.feature_single{
	position:relative;
}
.feature_single {
	position: absolute;
	top: 0;left: 0;
	color: var(--thm-white);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.feature_single h4{
	color:var(--thm-white);
}
/*
* ----------------------------------------------------------------------------------------
* END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_service {
	padding: 45px 20px 50px 90px;
	position: relative;
	border: 1px solid var(--border-1);
	margin: 12px 0;
}
.single_service:before{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale3d(1.08, 1.08, 1.08);
    transition: all 0.33s ease 0s;
}
.single_service:hover:before{
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.single_service .service-icon{
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: var(--thm-color);
    text-align: center;
    border: 2px solid var(--thm-p);
    position: absolute;
    top: 55px;
    left: 20px;
    transition: all 0.3s ease 0s;
}
.single_service:hover .service-icon{ transform: translateY(20px); }
.single_service .service-icon:before,
.single_service .service-icon:after{
    content: "";
    height: 2px;
    background: var(--thm-p);
    position: absolute;
    top: -20px;
    left: 10px;
    right: 10px;
    transition: all 0.3s ease 0s;
}
.single_service .service-icon:after{
    top: auto;
    bottom: -20px;
    left: 10px;
    right: 10px;
}
.single_service:hover .service-icon:before{
    top: -25px;
    transform: rotate(90deg);
}
.single_service .title{
    display: block;
    text-transform: capitalize;
    margin: 0 0 12px 0;
    position: relative;
	color:var(--thm-color);
}
.single_service .description{
    line-height: 28px;
    margin: 0;
}
.single_service:hover.single_service .service-icon{
	 border: 2px solid var(--thm-color);
}
.single_service:hover.single_service .service-icon{
	color:var(--thm-color);
} 
.single_service:hover .service-icon:after{
    transform: rotate(-90deg);
    bottom: -25px;
}
.single_service:hover.single_service .title{
	color:var(--thm-color);
}
/*
* ----------------------------------------------------------------------------------------
* END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .mix {
  display: none;
}
.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.our_work_menu ul li {
	border: 1px solid #ddd;
	color: var(--thm-black);
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	margin: 7px;
	padding: 5px 27px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: var(--thm-white);
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: var(--thm-color);
	background-color: var(--thm-color);
	color:var(--thm-white);
}
#our_work .grid-item{
	margin-top: 30px;
}
.single_our_work {
	margin-bottom: 25px;
}
.sing_work_photo{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.sing_work_photo img{
    width: 100%;
    height: auto;
	border-radius:20px;
    transition: all 0.50s linear 0s;
}
.sing_work_photo:hover img{
    transform: scale(1.2);
}
.sing_work_photo .team-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 20px;
    background: rgba(254, 72, 25, 0.8);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.sing_work_photo:hover .team-content{
    opacity: 1;
}
.sing_work_photo .team-prof{
    margin: 20px 0;
    position: relative;
    top: 13%;
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    text-transform: capitalize;
	color:var(--thm-white);
}
.sing_work_photo .team-prof small{
    display: block;
    font-size: 14px;
    color: var(--thm-white);
    text-transform: capitalize;
	margin-top:10px;
}
.sing_work_photo .social-link{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 13%;
}
.sing_work_photo .social-link li{
    margin-right: 10px;
    display: inline-block;
}
.sing_work_photo .social-link li i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 6px;
	color: var(--thm-color);
	background: var(--thm-white);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	font-size: 12px;
}
.sing_work_photo .social-link li i:hover{
    background: var(--thm-black);
    color: var(--thm-white);
    text-decoration: none;
}
@media only screen and (max-width: 991px){
    .sing_work_photo{ margin-bottom: 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature{ background: linear-gradient(to right ,#ff735b ,#fe4819); }
.counter{
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 20px;
    border: 1px solid var(--thm-white);
    color: var(--thm-white);
    text-align: center;
    position: relative;
}
.counter:before,
.counter:after{
    content: "";
    width: 10px;
    height: 50px;
    border-radius: 5px;
    border: 2px solid #aaaeb1;
    background: var(--thm-white);
    background-image: repeating-linear-gradient( transparent, transparent 2px, #c9cbcc 2px, #c9cbcc 4px);
    position: absolute;
    top: -32px;
    left: 20%;
}
.counter:after{
    left: auto;
    right: 20%;
}
.counter .counter-icon {
	display: block;
	font-size: 30px;
	text-align: center;
	margin: 0 auto 20px;
}
.counter .counter-value {
	display: block;
	font-size: 40px;
	letter-spacing: 2px;
	margin-bottom: 30px;
	position: relative;
	padding: 15px 0;
	font-weight: 700;
}
.counter .counter-value::before {
	content: "";
	width: 30%;
	height: 3px;
	background: rgba(255,255,255,0.9);
	margin: 0 auto;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
}
.counter .title{
    font-size: 22px;
    text-transform: capitalize;
    margin: 0;
	color:var(--thm-white);
}
@media only screen and (max-width: 991px){
    .counter{ margin-bottom: 50px; }
}
/*
* ----------------------------------------------------------------------------------------
* END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10. START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-member.atf-style1 {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out; }
.atf-member.atf-style1:hover {
    transform: translateY(-5px); }
.atf-member.atf-style1 img {
    width: 100%; }
.atf-member.atf-style1 .atf-member-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	height: 150px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(254, 72, 25, 0.55);
	transition: all 0.4s ease;
}
.atf-member.atf-style1 .atf-member-name {
    font-size: 20px;
    color: var(--thm-white);
    margin-bottom: 5px;
	font-weight:700;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease; }
.atf-member.atf-style1 .atf-member-designation {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease; }
.atf-member.atf-style1 .atf-member-social {
    display: flex;
    position: absolute;
    font-size: 18px; }
.atf-member.atf-style1 .atf-member-social li {
    margin: 0 10px; }
.atf-member.atf-style1 .atf-member-social a {
    color: var(--thm-white);
    transform: scale(0);
    display: block; }
.atf-member.atf-style1 .atf-member-social a:hover {
    opacity: 0.8; }
.atf-member.atf-style1:hover .atf-member-meta {
    background-color: var(--thm-color); }
.atf-member.atf-style1:hover .atf-member-name {
    opacity: 0;
    visibility: hidden; }
.atf-member.atf-style1:hover .atf-member-designation {
    opacity: 0;
    visibility: hidden; }
.atf-member.atf-style1:hover .atf-member-social a {
    transform: scale(1);
    transition-delay: 0.2s; }
@media only screen and (max-width: 991px){
    .atf-member.atf-style1{ margin: 12px 0; }
}
/*
* ----------------------------------------------------------------------------------------
* END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter{
	background: linear-gradient(to right ,#fe4819 ,#ff735b);
	padding: 50px 0;
}
.newsletter-right h3{
	margin-bottom: 5px;
	text-transform: capitalize;
	color: var(--thm-white);
}
.newsletter-right p{
	color: var(--thm-white);
}
.atf-mailchamp-subscribe{
	position:relative;
}
.atf-mailchamp-subscribe form input:focus {
	box-shadow: none;
	outline: 0 none;
	border-color: var(--thm-color);
}
.atf-mailchamp-subscribe form input {
	background: var(--thm-white);
	color: var(--thm-black);
	border: 1px solid var(--border-1);
	width: 100%;
	height: 55px;
	padding-left: 15px;
	font-size: 14px;
	border-radius: 5px;
	display:inline-block;
}
.atf-mailchamp-subscribe .form-group{
	margin-bottom:0;
}
.atf-mailchamp-subscribe label {
	display:block;
}
.atf-mailchamp-subscribe .atf-subscription-label {
	color: var(--thm-white);
}
.atf-mailchamp-subscribe .atf-themes-btn {
	position: absolute;
	right: 5px;
	box-shadow: none;
	top: 5px;
	padding: 7px 25px;
}
/*
* ----------------------------------------------------------------------------------------
* END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-pricing-table {
	min-height: 450px;
	padding: 30px 40px;
	background: var(--thm-white);
	border: solid 1px var(--border-1);
	position: relative;
	text-align: left;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-radius: 20px;
}
.pricing-table-plan {
    text-align: left;
}
.pricing-content-price sup {
    font-size: 19px;
    letter-spacing: -0.9px;
    text-align: center;
    color: var(--thm-color);
    top: -1em;
}
.pricing-content-price strong {
    font-size: 55px;
    letter-spacing: -2px;
    text-align: center;
    color: var(--thm-color);
}
.pricing-content-price {
	padding: 40px 0 20px;
	border-top: 1px solid var(--border-1);
	margin-top: 30px;
}
.pricing-content-price sub {
    font-size: 18px;
    line-height: 1.67;
}
.pricing-table-content ul li {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	color: var(--thm-black);
	font-weight: 400;
}
.pricing-table-content ul {
	text-align: left;
}
.pricing-table-plan h3 {
    font-weight: 700;
}
.single-pricing-table ul.list-item .fa-check {
    color: var(--thm-color);
}
.single-pricing-table .list-item i.fas.fa-times {
    color:var(--thm-color);
}
.pricing-table-plan ul.list-item li {
    font-size: 18px;
}
.single-pricing-table ul.list-item li i {
    margin-right: 6px;
    font-size: 16px;
	color:var(--thm-color);
}
@media only screen and (max-width: 991px){
    .single-pricing-table{ margin: 12px 0; }
}
/*
* ----------------------------------------------------------------------------------------
* END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13. START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
#testimonial .single-testimonils i {
	position: absolute;
	font-size: 72px;
	left: 0;
	z-index: -1;
	opacity: 0.08;
	line-height: 45px;
}
.testimonial{
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right ,#ff735b ,#fe4819);
    z-index: 1;
}
.testimonial:after{
    content: "";
    width: 150px;
    height: 107%;
    background:var(--thm-base);
    position: absolute;
    top: -20px;
    left: -60px;
    transform: matrix(1, 0, 0.5, 1, 150, 0);
    z-index: -1;
}

.single-testimonils {
  position: relative;
  z-index: 11;
}
.single-testimonils {
	margin-top: 20px;
	padding: 0px 26px;
}
.single-testimonils img {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50%;
	margin: 0px auto 25px;
}
.single-testimonils p {
	margin-bottom: 15px;
	color: var(--thm-white);
	font-size: 17px;
}
.single-testimonils ul li {
	font-weight: 400;
	font-size: 14px;
	color: var(--thm-white);
}
.single-testimonils ul li:first-child {
	font-weight: 600;
	font-size: 20px;
	color: var(--thm-white);
}
#testimonials-list .owl-nav .owl-next,
#testimonials-list .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: var(--thm-black);
	opacity: 1;
	font-size: 20px;
	transition: all 0.4s ease-in-out;
	width: 50px;
	height: 50px;
	line-height: 48px;
	background: var(--thm-white);
	border-radius: 10%;
	opacity:0;
}
#testimonials-list:hover .owl-nav .owl-next,
#testimonials-list:hover .owl-nav .owl-prev {
	opacity:1;
}
#testimonials-list .owl-nav .owl-prev {
	left: -38px;
}
#testimonials-list .owl-nav .owl-next{
	right: -38px;	
}

#testimonials-list .owl-nav .owl-next:hover,
#testimonials-list .owl-nav .owl-prev:hover {
    border-color: var(--thm-black);
    background: var(--thm-black);
    color: var(--thm-white);
	
}
/* owl theme */
.atf-main-testimonials.owl-theme .owl-nav.disabled + .owl-dots {
    margin-left: 50px;
    line-height: .7;
}
.atf-main-testimonials .owl-controls{
	 margin-left: -25px;
}
.atf-main-testimonials.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 8px;
	border-radius: 5px;
	background: transparent;
	border: 1px solid var(--thm-black);
	transition: 0.3s all ease-in-out;
}
.atf-main-testimonials.owl-theme .owl-dots .owl-dot.active span,
.atf-main-testimonials.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--thm-color);
	width: 35px;
	transition: 0.3s all ease-in-out;
	border: 1px solid var(--thm-color);
}
/*
* ----------------------------------------------------------------------------------------
* END TESTIMONAIAL  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG  DESIGN
* ----------------------------------------------------------------------------------------
*/
.post-slide{
    margin: 0 10px;
    border-left: 1px solid var(--thm-color);
    border-bottom: 1px solid var(--thm-color);
	box-shadow: 0 0 15px rgba(0, 0,0,0.1);
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
}
.post-slide .post-img:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0,0,0.0);
    transition: all 0.40s linear 0s;
}
.post-slide:hover .post-img:before{
    background: rgba(0, 0,0,0.6);
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
}
.post-slide .post-info{
    width: 75%;
    position: absolute;
    bottom: -100%;
    left: 12.5%;
    background: var(--thm-color);
    text-align: center;
    line-height: 26px;
    padding: 15px;
    transition: bottom 0.40s ease-in-out 0s;
}
.post-slide:hover .post-info{
    bottom:0;
}
.post-slide .category{
    padding: 0;
    margin: 0;
    list-style: none;
}
.post-slide .category li,
.post-slide .post-date{
    display: inline-block;
    font-size: 16px;
    color: var(--thm-white);
    text-transform: capitalize;
}
.post-slide .category li:after{
    content: " /";
}
.post-slide .category li:last-child:after{
    content: "";
}
.post-slide .category li a{
    color: var(--thm-white);
    transition: all 0.40s linear;
}
.post-slide .category li a:hover{
    color: var(--thm-black);;
    text-decoration: none;
}
.post-slide .post-review{
    padding: 35px 20px 25px;
    background: var(--thm-white);
    position: relative;
}
.post-slide .icons{
    width: 90px;
    height: 90px;
    border: 4px solid var(--thm-white);
    border-radius: 50%;
    position: absolute;
    top: -45px;
    right: 10px;
    overflow: hidden;
}
.post-slide .icons img{
    width: 100%;
    height: auto;
}
.post-slide .post-title{
    margin: 0 0 15px 0;
}
.post-slide .post-title a {
	font-size: 20px;
	color: var(--thm-black);
	display: inline-block;
	text-transform: capitalize;
	transition: all 0.30s linear 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color: var(--thm-color);
}
.post-slide .post-description{
    margin-bottom: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* END BLOG  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15. START PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-area{	
	background: linear-gradient(to right ,#fe4819 ,#ff735b);
	padding: 90px 0;
}
.partners { text-align: center }
.partners img {
	border-radius: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* END PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding: 0px;
}
.contact  input[type="submit"] {
	border: none;
	font-weight: 500;
	padding: 14px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border-radius: 3px;
	background: #228ae6
}
.contact input[type="text"], 
.contact input[type="email"],
.contact input[type="password"] 
{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	color: var(--thm-black);
	height: 50px;
	line-height: 50px;
	padding: 10px 15px;
	margin-bottom: 15px;
}
.contact textarea {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 15px;
	color: var(--thm-black);
	height: 200px;
	margin-bottom: 15px;
}

.contact input:focus {
    border-color: var(--thm-color);
    box-shadow: none;
    outline: 0 none;
}

.contact textarea:focus {
   border-color: var(--thm-color);
    box-shadow: none;
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: var(--thm-color);
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.btn-contact-bg {
	background: var(--thm-color) none repeat scroll 0 0 !important;
	border: 1px solid var(--thm-color) !important;
	color: var(--thm-white)!important;
	font-size: 14px;
	padding: 11px 21px !important;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 0;
	border: 1px solid var(--thm-color);
	display: inline-block;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: var(--thm-black)!important;
    border: 1px solid var(--thm-black) !important;
    color: var(--thm-white);
}
.actions{
	margin-bottom:15px;
}
/*
* ----------------------------------------------------------------------------------------
* END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17. START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
.map-section iframe {
    width: 100%;
    height: 350px;
	display:block;
}
/*
* ----------------------------------------------------------------------------------------
* END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-address {
  background: linear-gradient(to right ,#ff735b ,#fe4819);
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
	font-size:55px;
	margin-bottom: 20px;
	width: 60px;
	color:var(--thm-white);
}
.single_address h3{
	text-transform: capitalize;
	color:var(--thm-white);
}
.single_address p{color:var(--thm-white);}
/*
* ----------------------------------------------------------------------------------------
* END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
#footer_area{
	background:var(--thm-black);
	padding: 30px 0;
	width: 100%;
}
.ftr_social_list {
	text-align:right;
}
.ftr_social_list li {
    display: inline-block;
    margin: 0 12px;
}

.ftr_social_list a {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 2.5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--thm-black);
    font-size: 15px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	background: var(--thm-white);
}
.ftr_social_list a:after{
	content: '';
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 0;
	height: 0;
	transition: 0.3s;
	bottom: 0;
	left: 50%;	
	z-index: -1;
}
.ftr_social_list a:hover:after {
  width: 40px;
  height: 40px;
  margin-left: -20px;
}
.ftr_social_list a:hover{
	color: var(--thm-white);
}
.ftr_social_list a i {
}
.copyright p {
	color: var(--thm-white);
	font-size:14px;
	text-align:left;
}
.copyright a {
	color:var(--thm-white);
	-webkit-transition: all 0.3 ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	text-decoration:underline ! important;
}.copyright a:hover {
	color:var(--thm-color);
}
a.f_facebook:after{
    background: #5D82D1;
}
a.f_twitter:after{
    background: #40BFF5;
}
a.f_google:after{
    background: #EB5E4C;
}
a.f_linkedin:after{
    background: #238CC8;
}
a.f_youtube:after{
    background: #CC181E;
}
a.f_skype:after{
    background: #00AFF0;
}

@media screen and (max-width: 991px){
	.ftr_social_list li {
		margin: 0 7px;
	}
	.mb_30{
		margin-bottom:30px;
	}
	
}
@media screen and (max-width: 767px){
	.ftr_social_list{
		margin-top:20px;
		text-align:center;
		margin-right: 30px;
	}
	.copyright{
		text-align:center;	
	}
	.mb_30{
		margin-bottom:30px;
	}

}
/*
* ----------------------------------------------------------------------------------------
* END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* MENU RESPONSIVE DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 991px){
	#main-menu{
		display: none;
	}
	#main-menu ul li a .arrow-btn{
		display:none;
	}
	#mobile_menu {
		display: block;
		position: absolute;
		right: 0;
		top: -2px;
		z-index: 9999;
	}
	.slicknav_nav {
		background-color: var(--thm-black);
		width: 250px;
		float: right;
		overflow-y: scroll;
		height: 250px;
	}
	#navigation #mobile_menu li a{
		color: var(--thm-white);
		font-weight: 400;
		font-family: var(--thm-font);
	}
	#navigation #mobile_menu li li a{
		color: var(--thm-black);
	}
	#navigation #mobile_menu li i{
		display: none;
	}
	#navigation ul li ul, #navigation ul {
		transition: .5s;
	}
	#navigation.navbar-fixed #mobile_menu li a{
		color: var(--thm-white);
	}
	.slicknav_nav a {
		padding: 3px 0px;
		transition: .5s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus{
		color:var(--thm-color);
	}
	.slicknav_btn {
		top: 10px;
	}
	.site-logo {
		margin-top: 0px;
	}
	.slicknav_parent ul {
		background-color: var(--thm-black)!important;
	}
	#navigation {
		padding: 10px 10px;
	}
	.navbar-fixed .atf-main-header-in.styles1.px-4.black-bg.mt-10.rounded {
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px){
	
	.slicknav_btn {
		top: 7px;
	}
	
}
@media only screen and (max-width: 576px){
	.slicknav_nav{
		margin-top:0;
	}
	
}
/*
* ----------------------------------------------------------------------------------------
* MENU RESPONSIVE DESIGN
* ----------------------------------------------------------------------------------------
*/
/* OWL DOT & NAV DESIGN */
.owl-theme .owl-controls {
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-pagination {
    width: 140px;
    padding: 10px;
    margin: 0 auto;
    line-height: 13px;
    background: #fe7f8b;
}
.owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: transparent;
    border: 1px solid  var(--thm-white);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 4px solid  var(--thm-white);
}
/* OWl DOT DESIGN */
.atf_owl_dot_slider .owl-dots {
    margin-top: 30px !important;
    text-align: center;
}
.atf_owl_dot_slider .owl-controls {
    margin-top: -25px;
}
.atf_owl_dot_slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border-radius: 5px;
    background: var(--thm-color);
    border: 1px solid var(--thm-color);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.atf_owl_dot_slider .owl-dots .owl-dot.active span {
    width: 35px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--thm-color);
    background: var(--thm-color);
    display: inline-block;
}
/* OWl NAV DESIGN */
.atf_owl_nav_slider {
    position: relative;
}
.atf_owl_nav_slider .owl-nav .owl-next,
.atf_owl_nav_slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: var(--thm-white) !important;
    opacity: 1;
    font-size: 20px !important;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 50px;
    height: 50px;
    line-height: 48px !important;
    background: var(--thm-color) !important;
    border-radius: 50%;
}

.atf_owl_nav_slider .owl-nav .owl-prev {
    left: -25px;
}
.atf_owl_nav_slider .owl-nav .owl-next {
    right: -25px;
}
.atf_owl_nav_slider1:hover .owl-nav .owl-prev {
    left: -38px;
    opacity: 1;
}
.atf_owl_nav_slider1:hover .owl-nav .owl-next {
    right: -38px;
    opacity: 1;
}
@media screen and (min-width: 270px) and (max-width: 480px) {
    .atf_owl_nav_slider .owl-nav .owl-prev,
    .atf_owl_nav_slider .owl-nav .owl-next {
        display: none;
    }
}
/* END OWL DOT & NAV DESIGN */