/* Custom css */



@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Manuale:400,500,600,700');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');



/* font-family: 'Roboto', sans-serif;

   font-family: 'Manuale', serif;

   font-family: 'Montserrat', sans-serif; */





a:focus, a:hover{

	outline: none;

}

a{

	 -webkit-transition: all 0.5s ease-in-out;

       -moz-transition: all 0.5s ease-in-out;

        -ms-transition: all 0.5s ease-in-out;

	       -o-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

}

a:hover{

    text-decoration: none;

}

a, a:hover, a:focus, button, button:hover,  button:focus{

    outline: none;

    box-shadow: none;

}







*,ul{

	margin: 0;

	padding: 0;

}

*,li{

	list-style: none;

}



body{	

	font-size: 14px;

	line-height: 24px;

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

}

h1 {

    font-size: 52px;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    text-transform: capitalize;

    color: #1d283f;

    margin: 0;

    line-height: 60px;

}

h2 {

    font-size: 36px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 800;

    text-transform: capitalize;

    color: #27114f;

    margin: 0;

    line-height: 50px;

}

h3 {

    font-size: 32px;

    font-family: 'Montserrat', sans-serif; 

    font-weight: 500;

    color: #1d283f;

    margin: 0;

    line-height: 24px;

}

h4 {

    font-size: 22px;

    font-family: 'Montserrat', sans-serif; 

    font-weight: 500;

    color: #1d283f;

    margin: 0;

    line-height:40px;

}

h5 {

    font-size: 24px;

    font-family: 'Montserrat', sans-serif; 

    font-weight: 500;

    color: #1d283f;

    margin: 0;

    line-height:40px;

}

h6 {

    font-size: 15px;

    font-family: 'Montserrat', sans-serif; 

    font-weight: 400;

    margin: 0;

    line-height: 24px;

    color: #1d283f;

}

p {

    font-size: 15px;

    color: #7b7f86;

    font-family: 'Montserrat', sans-serif; 

    line-height: 24px;

    font-weight: 400;

}



/* menu bar */

.navbar-light .navbar-brand {

    width: 220px;

    margin-right: 30px;

}

.navbar-light .navbar-brand img{

    width: 100%;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

.navbar-default .navbar-toggle {

    border-color: #258aff;

    background: #258aff;

    outline: none;

}



.navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

}

.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 4px;

}

.navbar-toggle .icon-bar+.icon-bar {

    margin-top: 4px;

}

.navbar-header{

	display:none;

}


/*header-start*/

/*header.tm-header {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 99;

}*/

.header-top {

    background-color: #fff;

    padding: 10px 0;

    font-size: 13px;

    border-bottom: 1px #bcbcbc solid;

}

.map-icon {

    color: #5f4b8b;

    font-size: 18px;

    margin-right: 5px;

}

.top-socail-icon ul li{

    display: inline-block;

    margin: 0 10px;

}

.top-socail-icon ul li a {

    color: #828282;

    font-size: 17px;

}

.header-top-social ul li {

    display: inline-block;

    margin-right: 18px;

}

.header-top-social li a{

	color: #fff;

}

.header-top-contact ul li {

    display: inline-block;

    color: #fff;

    margin-left: 35px;

}

.header-top-contact ul li i{

	margin-right: 8px;

}

.menu-button .menu-buttom-col ul{
    display: flex;
}

/* Search Style */ 

.header-search-icon{

	color: #000;

}

.header-search #search {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;

       -moz-transition: all 0.5s ease-in-out;

        -ms-transition: all 0.5s ease-in-out;

	       -o-transition: all 0.5s ease-in-out;

            transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);

	     -moz-transform: translate(0px, -100%) scale(0, 0);

	      -ms-transform: translate(0px, -100%) scale(0, 0);

         -o-transform: translate(0px, -100%) scale(0, 0);

	          transform: translate(0px, -100%) scale(0, 0);    

    opacity: 0;

    display: none;   

}

.header-search #search.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

       -moz-transform: translate(0px, 0px) scale(1, 1);

    	  -ms-transform: translate(0px, 0px) scale(1, 1);

	       -o-transform: translate(0px, 0px) scale(1, 1);

	           transform: translate(0px, 0px) scale(1, 1); 

    opacity: 1;

    z-index: 106;

    display: block;

}

.header-search #search input[type="search"] {

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -51px;

    width: 60%;

    margin-left: 20%;

    color: #fbd13d;

  	background: transparent;

  	border-top: 1px solid #fbd13d;

  	border-bottom: 2px solid #fbd13d;

  	border-left: 0px solid transparent;

  	border-right: 0px solid transparent;

    font-size: 40px;

  	font-family: Roboto;

    font-weight: 300;

    text-align: center;

    outline: none;

  	padding: 10px;

}  

.header-search #search .close {

    position: fixed;

    top: 15px;

    right: 15px;

	  opacity: 1;

	  font-size: 27px;

  	color: #fff;

}

.header-search #search .close:hover{

  color: #fbd13d;

  cursor: pointer;

}

.header-navbar {

    padding: 0;

}

/* Search Style */

.header-btn-new a {
    border: 2px solid #d61614;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #d61614;
    font-size: 14px;
    border-radius: 30px;
    font-weight: 500;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sign-icon {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    color: #d61614;
    line-height: 20px;
}
.header-btn ul li {

    display: inline-block;

    margin: 0 5px;

}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    padding: 6px 40px;
    color: #fff;
}


.header-btn a:hover{

	background: #efef50;

	color: #131045;

	border: 2px solid #efef50;

}

.header-btn-new a:hover{
    border: 2px solid #fff !important;
    color: #d61614 !important;
    background: #fff !important;
}

.header-btn-new a:hover > .sign-icon {
    background: #d61614;
    color: #fff !important;
}


/*.header-btn ul li:first-child a{

    background: #efef50;

    border: 2px solid #efef50;

}*/

.header-btn ul li:first-child a:hover{

    background: #131045;

    color: #fff;

    border: 2px solid #131045;

}

.header-btn a img {

    margin-right: 3px;

}

.navbar-light .navbar-brand {

    font-size: 36px;

    color: #611814;

}

 

.header-btn{

	margin-left: 20px;

}

.navbar-nav.ml-auto.tm-header-list {

    position: relative;

}

/*.navbar-nav.ml-auto.tm-header-list:after{

	content:'';

	position: absolute;

	right: 0;

	top: 0;	

	height: 36px;

	width: 3px;

	background-color: #fff;

}*/

/*.tm-header-menu {

    background: #771b17;

    position: relative;

    -webkit-box-shadow: -2px 13px 35px -9px rgba(0,0,0,0.75);

-moz-box-shadow: -2px 13px 35px -9px rgba(0,0,0,0.75);

box-shadow: -2px 13px 35px -9px rgba(0,0,0,0.75);

}*/

/*.tm-header-menu:before {

    position: absolute;

    content: "";

    left: 0;

    width: calc(33% - 100px);

    background-color: #fdf2d5;

    padding: 5px;

    text-align: center;

    height: 100%;

}*/

.header-menu {
    padding: 7px 0;
   /* position: absolute;*/
    width: 100%;
    z-index: 99;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}
.menu-button {
    background: #e5e5e5;
    padding: 5px 0;
    border-bottom: 1px #979797 solid;
}
.menu-button .menu-buttom-col ul li a {
    font-family: 'Montserrat', sans-serif;
    color: #707070;
    font-size: 13px;
}
.menu-button .menu-buttom-col ul li{
    padding: 0 10px;
}
.freelincer-menu{
    background: #03045e;
}
.header-navbar .navbar-nav.header-list li a {

    color: #545454 !important;

    /* text-transform: uppercase; */

    font-family: 'Lato', sans-serif;

    padding: 7px 20px;

    font-size: 15px;

    font-weight: 500;

    position: relative;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

/*.header-navbar .navbar-nav.header-list li a:before {

    position: absolute;

    content: "";

    width: 40px;

    height: 2px;

    background: #5f4b8b;

    top: 0;

    right:40px;

    opacity: 0;

    -webkit-transition: all 0.8s ease-in-out;

       -moz-transition: all 0.8s ease-in-out;

        -ms-transition: all 0.8s ease-in-out;

           -o-transition: all 0.8s ease-in-out;

            transition: all 0.8s ease-in-out;

}

.header-navbar .navbar-nav.header-list li a:after {

    position: absolute;

    content: "";

    width: 40px;

    height: 2px;

    background: #5f4b8b;

    bottom: 0;

    left:40px;

    opacity: 0;

    -webkit-transition: all 0.8s ease-in-out;

       -moz-transition: all 0.8s ease-in-out;

        -ms-transition: all 0.8s ease-in-out;

           -o-transition: all 0.8s ease-in-out;

            transition: all 0.8s ease-in-out;

}



.header-navbar .navbar-nav.header-list li a:hover:before{

    opacity: 1;

    right: 0;

}



.header-navbar .navbar-nav.header-list li a:hover:after{

    opacity: 1;

    left: 0;

}

.header-navbar .navbar-nav.header-list li.active a:after{

    opacity: 1;

    left: 0;

}

.header-navbar .navbar-nav.header-list li.active a:before{

    opacity: 1;

    right: 0;

} */



.header-navbar .navbar-nav.header-list li a:hover, .header-navbar .navbar-nav.header-list li.active a {

    color: #1d283f !important;

}



/*.tm-header-navbar .navbar-nav.tm-header-list li.active a, .tm-header-navbar .navbar-nav.tm-header-list li a:hover {

    color: #fff !important;

}*/

.header-search {

    margin: 0 40px;

}

.header-search a{

	color: #fff;

}

/*header-end*/

/*banner-start*/

.banner-item {

    position: relative;

}
.banner-text{
    margin-left: -80px;
}
.carousel-caption h2 {
    color: #ef3859;
    position: relative;
    font-size: 30px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    line-height: 44px;
}
.banner-text p {
    font-size: 17px !important;
    font-weight: 600;
}
.carousel-caption h2 span {

    font-weight: 800;

    color: #f5e619;

    font-size: 50px;

}

.navbar-light .navbar-nav .active .nav-link{

    color: #fff;

}

.carousel-caption p {

    font-size: 22px;

    font-family: 'Montserrat', sans-serif;

    color: #1d283f;

    font-size: 17px;

    position: relative;

    text-align: left;

}

.full-banner-form {
    margin-top: 10%;
    margin-bottom: 30px;
}

/*.full-banner-form{

    background: #fff;

}*/

.full-banner-form label {

    color: #111;

    font-family: 'Montserrat', sans-serif;

    display: block;

    width:50px;

    text-align: left;

    font-weight: 700;

    font-size: 17px;

}

.form-check-inline label{

    font-size: 13px;

}

.full-banner-form .form-inline .form-control {

    color: #111;

    display: block;

    width: 100%;

    background: #e8e8e8;

    min-height: 40px;

    border-radius: 7px;

    font-size: 14px;

}

.frist-form-col ul li {

    display: inline-block;

    margin: 2px 0;

}

.frist-form-col ul li a {

    color: #222;

    padding: 5px 8px;

    border: 1px #fff solid;

    font-weight: 600;

    border-radius: 35px;

    font-size: 9px;

}

.frist-form-col ul li a:hover{

    color: #fff;

    background: #b0102f;

    border: 1px #b0102f solid;

}

.full-banner-form {
    width: 75%;
    background: #fff;
    margin-left: 25%;
    border-radius: 15px;
}

.frist-form-col {

    padding: 30px 20px;

}

.frist-form-col label {
    /* margin-bottom: 8px; */
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.second-form-col {
    padding: 0;
    width: 100%;
}

.thrd-form-col {
    /* background: #ff3c53; */
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

.thrd-form-col button {
    background: #ef3859;
    border: 1px #ef3859 solid;
    font-size: 15px;
    padding: 7px 60px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    border-radius: 30px;
}
.four-box-row {
    background-size: cover !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    padding-bottom: 0 !important;
    display: block;
}
.thrd-form-col p {

    color: #111;

    text-align: center;

    font-size: 17px;

    font-weight: 800;

}
.section-heading h2 {
    font-size: 50px;
    font-weight: 400;
    color: #1c1c37;
    position: relative;
    margin-bottom: 40px;
    line-height: 65px;
}
.section-heading h2 .font-bold {
    font-weight: 700;
}
.section-heading h2:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 320px;
    height: 8px;
    background: url(../images/heading-saprater.png);
    bottom: -20px;
}
.full-conten-row{
    background: #f4e9e7;
}
.content-block p {
    font-size: 20px;
    line-height: 38px;
    color:#010224;
}
.banner-bottom-text h6 {

    text-align: left;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    padding-top: 25px;

    line-height: 30px;

}

.hair-experts-row{

    background: #e1d4cc;

    position: relative;

    z-index: 1;

}

.hair-experts-row:after {

    position: absolute;

    content: "";

    right: 0;

    width: 50%;

    height: auto;

    background: #b0102f;

    top: 0;

    bottom: 0;

    z-index: -1;

}

.full-banner-form{

    box-shadow: 0px 0px 20px 1px #a9293f;

}

.banner-bottom-text{

    padding-top: 20px;

}

/*.banner-text a {

    border: 1px #fff solid;

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    display: inline-block;

    text-align: center;

    line-height: 34px;

    text-decoration: none;

    font-family: 'Rubik', sans-serif;

    margin-top: 20px;

    padding: 2px 35px;

    

}

.carousel-caption {

    left: 5%;

}

.banner-text a:hover{

	background: #46336f;

	color: #fff;

	border: 1px #46336f solid;

}*/

.banner-item img{

	width: 100%;

}

.carousel-caption {

    position: relative;

    left: 0;

}

.banner-left-col img {

    width: 90%;

}

.banner-right-col {

    /* position: absolute; */

    z-index: 99;

    transform: translate(-35px, 65px);

}

.banner #demo .carousel-item {
    min-height: 860px;
    background-size: cover !important;
    background-position: center center !important;
    /* position: relative; */
}
.banner-button-row {
    position: absolute;
    bottom: 30px;
    left: 8%;
    width: 75%;
}
.banner-right-col .banner-left-text {

    right: 0;

    left: auto;

    transform: translate(150px, -65px);

}

.banner-left-text h4 {

    font-size: 28px;

    text-align: left;

    line-height: 32px;

}

.banner-left-text p {

    font-size: 15px;

    line-height: 22px;

    margin-bottom: 0;

}

.banner-left-text ul li{

    display: inline-block;

}

.banner-left-text ul li a{

    color: #d61614;

}

.banner-left-col {

    text-align: left;

    position: relative;

}

.banner-left-text{

    position: absolute;

    bottom: 0;

    left: 0;

}

.banner-left-col img{

    margin-left: 50px;

}

.banner-left-text ul{

    text-align: left;

}

.banner-img-two-col {

    display: flex;

}

.get-free {

    background: #fff;

    padding: 45px;

    border-radius: 15px;

    text-align: right;

}

.get-free h3 {

    padding-bottom: 20px;

    color: #1d283f;

    text-align: center;

}

.get-free input{

    min-height: 50px;

}

.get-free select{

    min-height: 50px;

}

.get-free button.btn {

    padding: 7px 35px;

    background: #0f53fa;

    font-size: 18px;

    /* letter-spacing: 1px; */

}



.get-free .form-check h4 {

    font-weight: 400;

    margin-right: 20px;

    line-height: 20px;

    vertical-align: top;

    display: inline-block;

}

.form-check-inline {

    vertical-align: top;

}

.carousel-indicators {

    bottom: 35px;

}

#demo .carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    margin: 0 5px;

    background-color: #636366;

}

.carousel-indicators .active {

    background-color: #636366;

    width: 7px !important;

    height: 7px !important;

    vertical-align: bottom;

    top: 2px;

}

.carousel-control-prev i, .carousel-control-next i {

    width: 42px;

    height: 42px;

    background: rgba(255,255,255,05);

    color: #000;

    border-radius: 50%;

    line-height: 44px;

    font-size: 16px;

}

/*banner-end*/



#box-slider .box-content{

    position: relative;

}

#box-slider .box-content h4 {
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    font-size: 20px;
    color: #111;
    line-height: 30px;
    padding: 0 20px;
    font-weight: 700;
    text-align: center;
}
#box-slider .owl-dots{

    text-align: center;

}

#box-slider .owl-dots .owl-dot.active{

    background: #3d5afe;

}

/* */

.heading-col h2 span{

    color: #b0102f;

}

.veryfied-row {

    background: url(../images/trusted-bg.jpg);

    background-position: center;

    background-size: cover;

    padding: 65px 0 !important;

}

.trusted-col h4 {

    line-height: 32px;

}

.veryfi-exert-col h2 {

    font-size: 36px;

    line-height: 32px;

    margin-bottom: 10px;

    color: #fff;

}

.veryfi-exert-col h3 {

    color: #fff;

    line-height: 22px;

    font-size: 20px;

}

.veryfi-exert-col {

    padding: 20px;

    margin: 5px 0;

}

.hair-experts-row p {

    font-weight: 600;

    margin-top: 15px;

    width: 70%;

    color: #282e3f;

}

.trusted-col h4 {

    color: #fff;

    font-size: 28px;

    line-height: 38px;

}

.section-heading-1 h2 .font-bold {
    position: relative;
    font-weight: 700;
}
.section-heading-1 h2 .font-bold:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 160px;
    height: 6px;
    background: url(../images/heading-saprater.png);
    bottom: -7px;
    background-size: cover;
}
.section-heading-1{
    margin-bottom: 40px;
}
.section-heading-1 h2 {
    font-weight: 400;
    text-align: center;
}
.featured-col ul {
    min-height: 150px;
}
.featured-col ul li {
    padding: 5px 0 5px 20px;
    color: #1a237e;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    position: relative;
    line-height: 20px;
}
.featured-col ul li:after {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    left: 0px;
    top: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}
.featured-col {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 3px #bbbbbb;
    transform: translate(0px, -140px);
    min-height: 560px;
}
.featured-col h4 {
    font-weight: 700;
    color: #3d5afe;
    margin-top: 20px;
    font-size: 20px;
}
.featured-col h5 {
    margin-top: 20px;
    color: #1a237e;
    font-weight: 700;
    font-size: 15px;
}
.featured-col p {
    font-weight: 500;
    color: #6e73ac;
    font-size: 11px;
    line-height: 20px;
    min-height: 85px;
}
.featured-col .featured-btn {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}
.featured-col .featured-btn a {
    background: #3d5afe;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
}
.featured-col-color h4{
    color:#ff4081;
}
.featured-col-color ul li:after {
   color:#ff4081;
}
.featured-col-color .featured-btn a{
    background:#ff4081;
}
.full-conten-row-new{
    background:#fbfbfb !important;
}

.list-box {
    padding: 35px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px #3d5afe solid;
    border-radius: 20px;
}
.list-box-color {
    border: 1px #ff4081 solid;
}
.list-box-color .media h5 {
    color: #ff4081  !important;
}
.list-box-color .list-box-user-item ul li a{
    border: 1px #ff4081 solid;
}
.list-box-color .profile-btn a {
    background: #ff4081;
}
.list-box .media{
    display: block;
}
.list-box .media .mr-3 {
    width: 60px;
    border-radius: 50%;
}
.list-box .media h5 {
    color: #3d5afe;
    font-weight: 700;
    margin-top: 10px !important;
    font-size: 16px;
    margin-bottom: 0;
}
.list-box .media p {
    margin-bottom: 0;
    font-size: 10px;
    color: #6e73ac;
    line-height: 20px;
}
.star-list{
    margin: 15px 0;
}
.list-box .star-list ul{
    padding: 0;
}
.list-box .star-list ul li{
    display: inline-block;
}
.list-box .star-list ul li a{
    color: #444;
}
.list-box-user-item ul{
    padding:0;
}
.list-box-user-item ul li{
    display: inline-block;
}
.list-box-user-item ul li a {
    border: 1px #3d5afe solid;
    color: #707070;
    font-size: 8px;
    padding: 5px 12px;
    border-radius: 30px;
    /* display: inline-block; */
    line-height: 28px;
}
.profile-btn{
    text-align: center;
}
.profile-btn a {
    font-weight: 500;
    background: #3d5afe;
    color: #fff;
    padding: 5px 55px;
    display: inline-block;
    border-radius: 12px;
    margin-top: 20px;
}
.list-box-user-item h6 {
    color: #1a237e;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 15px;
}
#box-slider-login .owl-dots{
    text-align: center;
}
.top-like-col {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.top-like-col img{
    height: 20px;
}
.top-like-col a img{
    width: 30px;
}
.top-like-col a i{
    color: #d61614;
}

.job-box-row{

    padding-top: 50px;

}
.job-icon {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.job-col {
    text-align: left;
    padding: 62px;
    border: 1px #3953ed solid;
    border-radius: 30px;
    background: #fff;
}


.job-col h4 {
    padding-top: 20px;
    font-weight: 800;
    font-size: 36px;
    color: #ef3859;
    line-height: 28px;
    padding-bottom: 7px;

}
.job-col p {
    font-size: 18px;
    margin: 10px 0;
    line-height: 32px;
    font-weight: 500;
    color: #111;
}
.job-col:hover {
    box-shadow: 5px 5px 22px 4px #f3f3f3;

}

.job-col-last-box {

    background: #ff3c53;

    border-radius: 10px;

    text-align: left;

    padding: 45px;

}

.job-col-last-box h4 {

    color: #fff;

    font-size: 20px;

    padding-top: 0;

    font-weight: 400;

    width: 65%;

    margin-bottom: 30px;

}

.job-btn img{

    width: 40px;

}

.job-decription-col {

    text-align: center;

    overflow: hidden;

    padding: 60px;

    height: 315px;

    -webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1); 

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1); 

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1);

    transition: all 200ms ease-in;

    transform: scale(1);  

    z-index: 2;

}

.job-decription-col:hover{

    position: relative;

    -webkit-transition: all 200ms ease-in;

    -webkit-transform: scale(1.07);

    -ms-transition: all 200ms ease-in;

    -ms-transform: scale(1.07);   

    -moz-transition: all 200ms ease-in;

    -moz-transform: scale(1.07);

    transition: all 200ms ease-in;

    transform: scale(1.07);

    z-index: 99;

}

.job-decription-col h4, .job-decription-col p{

    color: #fff;

}

.job-decription-col h4 {

    padding-top: 20px;

    font-weight: 500;

}

.job-decription-col-pink{

    background: #af71fd;

}

.job-decription-col-red{

    background: #ff3c53;

}

.job-decription-col-purpel{

    background: #92278f;

}

.job-decription-col-blue{

    background: #544cf9;

}

.service-icon {

    background: #ff3c53;

    width: 90px;

    height: 90px;

    display: inline-block;

    text-align: center;

    line-height: 90px;

    border-radius: 10px;

    box-shadow: 5px 18px 20px 1px #fcd9d9;

    margin-bottom: 30px;

}

.service-box-row{

    padding-top: 40px;

}

.service-col-2{

    transform: translate(0px, 55px);

}

.service-col-2{

    position: relative;

}

.service-col-2:after {

    position: absolute;

    content: "";

    width: 155px;

    height: 65px;

    background: url(../images/arows-right-2.png);

    top: -15px;

    left: -178px;

    z-index: 99;

    background-size: contain;

    background-repeat: no-repeat;

}

.service-col-3{

    transform: translate(0px, 100px);

    position: relative;

}



.service-col-3:after {

    position: absolute;

    content: "";

    width: 155px;

    height: 65px;

    background: url(../images/arows-right-2-1.png);

    top: -15px;

    left: -178px;

    z-index: 99;

    background-size: contain;

    background-repeat: no-repeat;

}

.service-col-4{

    transform: translate(0px, 150px);

    position: relative;

}

.service-col-4:after {

    position: absolute;

    content: "";

    width: 155px;

    height: 65px;

    background: url(../images/arows-right-2.png);

    top: -15px;

    left: -178px;

    z-index: 99;

    background-size: contain;

    background-repeat: no-repeat;

}

.service-row{

    padding-bottom: 200px !important;

}



/* why-chose */



.why-chose-list{

    padding-top: 40px;

}

.why-chose-list .media img {

    border: 1px #e2e4e8 solid;

    width: 65px;

    height: 65px;

    padding: 12px;

    border-radius: 7px;

    margin-right: 22px !important;

}

.why-chose-list .media-body h5 {

    font-weight: 800;

}

.why-chose-list .media {

    margin-bottom: 7px;

}

.why-chose-img img{

    border-radius: 15px;

}

.why-chose-col h2 {

    font-size: 42px;

    line-height: 52px;

}

.why-chose-col h2 span{

    color: #b0102e;

    display: block;

}

.why-chose-img{

    text-align: right;

}

.why-chose-row{

    background: #f9fafa;

}

.browse-row{

    background: #f5f6f7;

}

.browse-col p {

    padding-top: 30px;

    line-height: 30px;

    padding-right: 120px;

}

.service-col h4 {

    font-weight: 700;

    line-height: 24px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.offerings-box .heading-col{

    margin-bottom: 30px;

} 

.offerings-row{

    background-position: center;

    background-size: cover;

    text-align: center;

}

.offerings-col {

    margin: 20px;

    background: #fff;

    padding: 30px 25px;

    box-shadow: 0px 0px 20px #e2e2e2;

}

.offerings-col h4 {

    font-weight: 700;

    line-height: 32px;

    margin-bottom: 30px;

    font-size: 20px;

}

.offerings-col a {

    background: #ff3c53;

    color: #fff;

    width: 100%;

    display: inline-block;

    font-size: 18px;

    font-weight: 700;

    padding: 8px;

    border-radius: 4px;

    margin-top: 20px;

}

.offerings-col a:hover {

    background: #d02f42;

    color: #fff;

}

.how-far-row {
    padding: 80px 0;
    background-size: contain !important;
    background-repeat: repeat-x !important;
    background-position: bottom center !important;
}
.white-text h2{
    color: #fff;
}
.white-text p {
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    font-weight: 300;
}
.jureney-hedaing {
    padding-top: 100px;
    color: #fff;
    display: inline-block;
}
.jureney-hedaing h4{
    color: #fff;
    font-weight: 300;
}
.jureney-list h5{
    font-weight: 300;
    padding-top: 12px;
}
.jureney-list h4 {
    font-weight: 800;
    font-size: 30px;
    color: #1a237e;
}
.youth-logo {
    margin-bottom: 70px;
    display: inline-block;
    margin-top: -160px;
    border-radius: 50%;
    border: 15px #fff solid;
}
.freelancer-edge-content-block h4 {
    color: #ef3859;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 20px;
}
.freelancer-edge-content-block p {
    color: #222;
    font-weight: 400;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    line-height: 36px;
}


/* footer */

.footer-freelincer-col-row {
    padding:70px 0 140px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
}
.footer-freelincer-col-row .footer-col h3 {
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
.footer-freelincer-col-row .footer-col p {
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    font-size: 18px;
    margin: 25px 0;
}
.custom-btn {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 20px 0;
}
.custom-btn a {
    background: #ef3859;
    color: #fff;
    padding: 8px 35px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
}
.custom-btn a:hover{
    background: #eb163d;
}
.top-rated-row {
    padding-bottom: 250px !important;
}

/* footer end */





.section-heading {

    text-align: center;

    /* width: 100%; */

    margin: 0 auto;

    position: relative;

}

.custom-row{
	padding:80px 0;
}
.job-row {
    background: #f9f9f9;
    position: relative;
    padding-top: 0px !important;
}






/* home contact */



.home-contact-row{
	background-position: center;
	background-size: cover;
    padding: 60px 0;
}



.contact-box form input {

    height: 44px;

    border-radius: 0;

    margin-bottom: 15px;

    color: #d0d0d0;

    padding: 12px 20px 12px 7px;

    font-size: 14px;

    /* font-family: 'Karla', sans-serif; */

    border-top: none;

    border-right: none;

    border-left: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

.contact-box form textarea {

    border-top: none;

    border-right: none;

    border-left: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    margin-bottom: 25px;

    max-height: 115px;

    padding: 12px 20px 12px 7px;

}

.contact-box form button {

    background: #5f4b8b;

    font-size: 15px;

    border: 1px #5f4b8b solid;

    font-family: 'Roboto', sans-serif;

    padding: 12px 45px;

    border-radius: 0;

    font-weight: 500;

    font-size: 14px;

    color: #fff;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.contact-box form button:hover{

    background: #46336f;

    border: 1px #46336f solid;

    color: #fff;

}





 /* home contact */



.col-white-bg h2 {

    margin-bottom: 20px;

    margin-top: 15px;

    font-weight: 700;

}



.testi-content-box {

    width: 84%;

    display: inline-block;

    vertical-align: top;

}

.testi-content-box h4 {

    font-size: 16px;

    font-weight: 700;

    line-height: 22px;

}

.testi-img {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    overflow: hidden;

    display: inline-block;

    vertical-align: top;

}

.testi-col{

    padding:25px;

    border-radius: 15px;

    border:1px #ddd solid;

}

.testi-content p {

    margin-top: 10px;

    font-size: 13px;

    color: #1d293f;

    line-height: 24px;

}

.testi-content-img h5 {

    font-size: 15px;

    color: #1d293f;

    font-weight: 500;

}

.testi-content-img h6 {

    font-size: 16px;

    color: #949494;

    font-weight: 400;

    line-height: 15px;

    margin-bottom: 12px;

}

.testi-slider .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: #e2e4e8;
    border-radius: 20px;
    margin: 0 3px;
}
.testi-slider .owl-dots .owl-dot.active{
    background: #3d5afe;
}
.full-text-top p {
    text-align: center;
    font-size: 22px;
    line-height: 36px;
    color: #1a237e;
    margin-bottom: 35px;
}
#testi-slider .owl-dots{

    margin-top: 40px;

}
.content-block .section-heading {
    text-align: left;
}
.content-block .section-heading h2 {
    font-size: 42px;
}
#testi-slider .owl-dots .owl-dot.active{

    background: #258aff;

}

#testi-slider .owl-nav {

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(0px, -80px);

}

#testi-slider .owl-nav button i {

    color: #e2e4e8;

    font-size: 44px;

    margin: 0 10px;

}

#testi-slider .owl-nav button i:hover{

    color: #258aff;

}



.full-content-col h2 {

    color: #fff;

    margin-bottom: 25px;

}

.full-bg {

    padding: 120px 0 !important;

    background-size: cover !important;

    background-position: center center !important;

}

.full-content-col p {

    color: #fff;

}

.full-content-col a {

    background: #258aff;

    padding: 12px 30px;

    color: #fff;

    border-radius: 6px;

    display: inline-block;

    margin-top: 20px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}

.full-content-col a:hover {

    background: #1d283f;

}





.testi-button-col a {

    background: #258aff;

    padding: 12px 30px;

    color: #fff;

    border-radius: 6px;

    display: inline-block;

    margin-top: 20px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

}



/*

.navbar-expand-lg .navbar-nav {

    margin: 0 auto;

}*/







.owl-item .item {

  transform: translate3d(0, 0, 0);

  /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */

  margin: 50px 0;

  /* OVERWRITE PLUGIN MARGIN */

}



/*.screenshot_slider .owl-item .item img {

  -webkit-transition: 0.3s;

  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

}



.screenshot_slider .owl-item.center .item {

  -webkit-transform: scale(1.15);

  -ms-transform: scale(1.15);

  transform: scale(1.15);

}



.screenshot_slider .owl-nav {

  text-align: center;

}



.screenshot_slider .owl-nav button {

  font-size: 24px !important;

  margin: 10px;

  color: #033aff !important;

}*/



#center-active .media img {

    width: 210px !important;

}

.expertis-col h6 {

    font-size: 12px;

}

.expertis-col h3 {

    font-size: 42px;

    color: #131045;

    line-height: 50px;

}

.expertis-col ul li {

    display: inline-block;

    padding: 0 5px;

    font-size: 13px;

    color: #131045;

}

.expertis-col p {

    font-size: 14px;

    color: #131045;

    line-height: 27px;

    padding-left: 25px;

    border-left: 1px #131045 solid;

    margin-top: 15px;

}

.price-col-expert h4 {

    color: #131045;

    font-weight: 700;

    line-height: 30px;

}

.price-col-expert .price-regular{

    font-size: 15px;

    color: #ff3c53;

}

.price-col-expert{

    display: flex;

}

.price-off {

    background: #f0f0f0;

    font-size: 12px;

    padding: 5px 10px;

    line-height: 14px;

    border-radius: 5px;

    height: 22px;

    color: #131045;

    font-weight: 700;

    margin-left: 20px;

    margin-top: 5px;

}

.price-col-expert-btn a.btn-dark {

    background: #ff3c53;

    font-size: 14px;

    border: 1px #ff3c53 solid;

    padding: 8px 20px;

}

.price-col-expert-btn a.btn-border {

    background: #fff;

    font-size: 14px;

    border: 1px #aaaaaa solid;

    padding: 8px 20px;

    margin-left: 8px;

    color: #131045;

    border-radius: 5px;

}

.price-col-expert-btn a.btn-border:hover{

    background: #ff3c53;

    border: 1px #ff3c53 solid;

    color: #fff;

}

.price-col-expert-btn{

    padding-top: 15px;

}







#center-active .item {

    opacity: 0.4;

    transition: .4s ease all;

    margin: 0 20px;

    transform: scale(.9);

}

@media(max-width:1000px){

 #center-active  .item{margin:0; transform:scale(.9)}

}

#center-active .active .item{

  opacity:1;

  transform:scale(1);

} 





#center-active .owl-item {

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0) scale(1.0, 1.0);

}



#center-active .inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}

#center-active .inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}

#center-active .inner a:hover{border-color:#fff;}

#center-active .black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}

#center-active .black .inner a:hover{border-color:#000;}



#center-active .owl-carousel:after{content:""; display:block; position:absolute; width:8%; top:0; bottom:0; left:50%; margin-left:-4%; pointer-events: none; background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size:100% auto;

}



#center-active .owl-controls{position:absolute; margin-top:300px;}



#center-active{

    margin-top: 40px;

}

#center-active .owl-nav {

    text-align: center;

    margin-top: 45px;

}

#center-active .owl-nav button {

    background: #ff3c53;

    margin: 0 10px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #fff;

    font-size: 20px;

}

#center-active .owl-dots {

    text-align: center;

    transform: translate(0px, -26px);

}

#center-active .owl-dots .owl-dot span {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #dbdbdb;

    display: inline-block;

    margin: 0 6px;

}

#center-active .owl-dots .owl-dot.active span {

    background: #ff3c53;

}

#center-active .owl-nav button.owl-prev {

    transform: translate(-80px, 0px);

    position: relative;

    z-index: 99;

}

#center-active .owl-nav button.owl-next {

    transform: translate(80px, 0px);

    position: relative;

    z-index: 99;

}



.heading-col p {

    width: 75%;

    margin: 0 auto;

}

.expertis-row{

    background: #fbfbfb;

}

/*.testi-content{

    display: flex;

}

*/





.range-slider {

  width: 100%;

  margin: auto;

  text-align: left;

  position: relative;

  height: auto;

  color: #111;

}
.budget-col {
    background: #ef3859;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
.budget-price {
    border: 1px solid #ced4da;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    padding: 3px 10px;
    width: 40%;
}
.range-slider svg,

.range-slider input[type=range] {

  position: absolute;

  left: 0;

  bottom: 0;

}
.range-slider{
    margin-top: 7px;
}
.range-slider input[type=number] {
    border: 1px solid #fff;
    text-align: center;
    font-size: 13px;
    -moz-appearance: colo;
    color: #000;
}

input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

input[type=number]:invalid,

input[type=number]:out-of-range {

  border: 2px solid #b0102f;

}

input[type=range] {

  -webkit-appearance: none;

  width: 100%;

}

input[type=range]:focus {

  outline: none;

}

input[type=range]:focus::-webkit-slider-runnable-track {

  background: #b0102f;

}

input[type=range]:focus::-ms-fill-lower {

  background: #b0102f;

}

input[type=range]:focus::-ms-fill-upper {

  background: #b0102f;

}

input[type=range]::-webkit-slider-runnable-track {

  width: 100%;

  height: 5px;

  cursor: pointer;

  animate: 0.2s;

  background: #b0102f;

  border-radius: 1px;

  box-shadow: none;

  border: 0;

}

input[type=range]::-webkit-slider-thumb {

  z-index: 2;

  position: relative;

  box-shadow: 0px 0px 0px #000;

  border: 1px solid #b0102f;

  height: 18px;

  width: 18px;

  border-radius: 25px;

  background: #b0102f;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -7px;

}

input[type=range]::-moz-range-track {

  width: 100%;

  height: 5px;

  cursor: pointer;

  animate: 0.2s;

  background: #2497e3;

  border-radius: 1px;

  box-shadow: none;

  border: 0;

}

input[type=range]::-moz-range-thumb {

  z-index: 2;

  position: relative;

  box-shadow: 0px 0px 0px #000;

  border: 1px solid #2497e3;

  height: 18px;

  width: 18px;

  border-radius: 25px;

  background: #a1d0ff;

  cursor: pointer;

}

input[type=range]::-ms-track {

  width: 100%;

  height: 5px;

  cursor: pointer;

  animate: 0.2s;

  background: transparent;

  border-color: transparent;

  color: transparent;

}

input[type=range]::-ms-fill-lower,

input[type=range]::-ms-fill-upper {

  background: #2497e3;

  border-radius: 1px;

  box-shadow: none;

  border: 0;

}

input[type=range]::-ms-thumb {

  z-index: 2;

  position: relative;

  box-shadow: 0px 0px 0px #000;

  border: 1px solid #2497e3;

  height: 18px;

  width: 18px;

  border-radius: 25px;

  background: #a1d0ff;

  cursor: pointer;

}
.header-btn-new {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-btn-new .socail-icon ul li a {
    padding: 5px;
    width: 32px;
    height: 32px;
    line-height: 20px;
}
.header-btn-new .socail-icon ul li {
    display: inline-block;
    margin: 0 1px !important;
}

.header-btn-new .socail-icon ul li a:hover {
    background: #d02f42 !important;
    color: #fff;
    border: 2px #d02f42 solid;
}
.copy-right-text{
    padding: 10px 0;
}
.btn-custom-login {
    background: #ff3c53;
    color: #fff;
    /* width: 100%; */
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 36px;
    border-radius: 4px;
    margin-top: 20px;
    letter-spacing: 0px;
    margin-top: 0;
}
.btn-custom-login:hover{
    background: #d02f42 !important;
    color: #fff;
}
.divider-or{
    padding: 0 7px;
}
.why-chose-row{
    padding-top: 0px !important;
}


/* from */

.from-header {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: contain !important;
}
.from-logo{
    width: 220px;
}
.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.multisteps-form-top {
    padding-top: 75px;
}
.multisteps-form-top h2 {
    color: #fff;
    font-size: 32px;
    padding-top: 15px;
}
.multisteps-form-top p{
    color: #fff;
    font-size: 15px;
}
.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 20px;
  color:#fff;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}


// mega


* {
  box-sizing: border-box;
}

body {
  margin: 0;

}



@media only screen and (max-width: 600px) {
  .navbars{
        z-index: 10000 !important;
       }
       .banner-text{
       display: none !important;
       }
}