@charset "utf-8";
/* CSS Document */
@import
url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
:root {
    --primary-one: #0070bb;
    --secondary-color: #bf2225;
    --primary-text-color: #2d2e2f;
    --primary-five-light: #ffeddf;    
    --success-color: #0ac51a;
    --white: #ffffff;
    --black: #000000;
    --dark-bg: #282626;
    --light-bg:#fff1db;
    --soft-bg:#F6F6F6;
    --primary-size:16px;
    --heading-size:48px;
    --sub-size:24px;
    --heading-3:18px;
    --heading-4:36px;
    --heading-5:30px;
    --font-bold:700;
    --font-med:500;
    --font-semi:600;
    --font-reg:400;
    --font-heading: 'Montserrat', sans-serif;
    --font-open: "Open Sans", sans-serif;
  }
*{margin:0; padding:0;}
body{font-family: var(--font-open);}
h1, h2, h3, h4, h5, h6{font-family: var(--font-heading);}
a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-decoration: none;}
ul, ol{list-style:none; padding-left: 0;}
img{max-width:100%;}
.container{max-width: 1370px;}
p{font-size:16px; line-height:26px; color:var(--primary-text-color);}
ul.list{list-style: none; padding: 0;}
ul.list li{position:relative; padding-left:30px; font-weight:600; font-size: 16px; color: #353f4f; margin-top: 10px;}
ul.list li:before{
font-family: 'Font Awesome 5 Free'; font-weight: bold;
content: '\f058';
position:absolute; top:0; left:0;
color:#12bb6a;
}
.readmore{margin-top: 30px;}
.readmore a{text-decoration: none; color: #fff; background:var(--primary-one); border-radius: 6px; font-family:
var(--font-heading); display: inline-block; padding: 14px 40px; font-size: 16px; font-weight: bold; -webkit-transition:
all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}
.readmore a:hover{background: #000; color: #fff;}
.readmore i{padding-left: 8px;}
.btn-primary{background-color: var(--primary-one); color: var(--white); border: none; padding:12px 25px; border-radius:
5px; font-weight: var(--font-bold); position: relative; overflow: hidden; -webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);}
.btn-primary:before, .btn-dark:before, .connectbtn:before, .btn-sec:before{
position: absolute;
right: -15px;
top: 0;
width: 33px;
height: 100%;
background: var(--light-bg);
opacity: 0.2;
z-index: 0;
-webkit-transform: skewX(-22deg);
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
content: '';
}
.btn-primary:hover:before, .btn-dark:hover:before, .btn-sec:hover:before, .connectbtn:hover:before{
right: 0;
width: 100%;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
.btn-primary:hover{background-color: #2d2e2f; color: var(--white);}
.btn-sec, .btn-sec.active{background-color: var(--secondary-color); color: var(--white); border: none; padding:12px 25px; border-radius:
5px; font-weight: var(--font-bold); position: relative; overflow: hidden; -webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);}
.btn-sec:hover{background-color: #2d2e2f; color: var(--white);}
.btn-dark{background-color:var(--dark-bg); border: none; color: var(--white); padding:12px 30px; border-radius:7px;
display: inline-block; font-weight: var(--font-bold); text-decoration: none; position: relative; overflow: hidden;
-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);}
.btn-dark:hover{background-color: var(--primary-one); color: var(--white);}
.btn-white{background-color:var(--white); border: 1px solid #f16922; color: var(--black); padding:11px 30px;
border-radius:7px; display: inline-block; font-weight: var(--font-bold); text-decoration: none; position: relative;
overflow: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);}
.btn-white:before{
position: absolute;
right: -15px;
top: 0;
width: 33px;
height: 100%;
background: var(--primary-one);
opacity: 0.2;
z-index: 0;
-webkit-transform: skewX(-22deg);
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
content: '';
}
.btn-white:hover:before{
right: 0;
width: 100%;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
background: var(--light-bg);
}
.btn-white i{margin-right: 5px; color: #9ea4ab;}
.btn-white:hover{background-color: var(--dark-bg); color: var(--white);}
.btn-white:hover i{color: var(--white);}
.btn-grey{background-color:#eee; border: 1px solid #ddd; color: var(--black); padding:11px 30px; border-radius:7px;
display: inline-block; font-weight: var(--font-bold); text-decoration: none; position: relative; overflow: hidden;
-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);}
.btn-grey:before{
position: absolute;
right: -15px;
top: 0;
width: 33px;
height: 100%;
background: var(--black);
opacity: 0.1;
z-index: 0;
-webkit-transform: skewX(-22deg);
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
content: '';
}
.btn-grey:hover:before{
right: 0;
width: 100%;
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
background: var(--light-bg);
}
.btn-grey i{margin-right: 5px; color: #9ea4ab;}
.btn-grey:hover{background-color: var(--dark-bg); color: var(--white);}
.dbtitle{text-align: center;}
.dbtitle h3{font-size:var(--heading-size); color:var(--primary-text-color); font-weight: var(--font-semi);
margin-bottom:10px;}
.dbtitle h5{font-size:var(--sub-size); color:var(--primary-one); font-weight: var(--font-bold); margin-bottom: 0;}
.dbtitle h6{font-size:var(--heading-3); color:var(--black); margin-bottom: 0; font-weight: normal; background: #dbe9ff;
padding: 10px 30px; display: inline-block; border-radius:30px;}
.dbtitle p{font-size:var(--heading-3); color:var(--primary-text-color); max-width:970px; margin: 0 auto; }
.dbpara2 p, .jbtitle p{max-width: 970px; font-size: var(--primary-size);}
.jbtitle h3{font-size: var(--heading-4);}
.jbtitle h3 span{color: var(--primary-one);}
.txtcolor{color: var(--primary-one);}
.section{padding:60px 0; position: relative;}
.greybg{background: #f3f4f8;}
.secimg img{border-radius: 25px;}
/*************************************
Header Start
*************************************/
.header-wrap{padding:15px 30px; border-bottom: 1px solid #eee;}
.logo{margin-top: 5px;}
.header-wrap .navbar{padding: 0; margin-top:0;}
.navbar-nav li{padding: 0px 20px 0px 20px;}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 0; font-size: 16px; font-weight: var(--font-med); font-family:
var(--font-heading); position: relative;}
.navbar-light .navbar-nav .nav-link:after{width: 0; height: 3px; background-color:var(--primary-one); content:'';
position: absolute; bottom: 0; left: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all
.3s ease;}
.navbar-light .navbar-nav > .nav-link.active:after, .navbar-nav li:hover > .nav-link:after{width:100%;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color: var(--primary-one);}
.navbar-expand-lg .navbar-nav .nav-link{color:var(--primary-text-color);}
.navbar-expand-lg .navbar-nav > .nav-link:hover{color:var(--primary-one);}
.navbar-light .navbar-toggler{display: none;}

.navbar-nav li .dropdown-toggle i{width: 24px;}


.header-wrap .navbar .dropdown-menu {
padding: 10px 5px;
min-width: 300px;
top: 100% !important;
left: auto !important;
right: 0;
box-shadow: 0 4px 13px -5px rgba(0, 0, 0, 0.5);
border-color: #ddd;
}
.userdet {
border-bottom: 1px solid #eee;
padding: 10px !important;
padding-bottom: 10px !important;
margin-bottom: 10px;
}
.userdet:after {
clear: both;
content: '';
display: table;
}
.userdet img {
float: left;
width: 60px;
height: auto;
margin-right: 10px;
border-radius: 2px;
border: 1px solid #eee;
padding: 2px;
}
.userdet span {
font-weight: 700;
font-size: 14px;
display: block;
}
.userdet a {
padding: 0 !important;
font-size: 13px !important;
}
.userdet a:hover {
background: none !important;
color: #000 !important;
}
.connectbtn{background-color:var(--primary-one); color: var(--white); border: none; padding:12px 25px;
border-radius:7px; display: inline-block; font-weight: var(--font-bold); text-decoration: none; margin-left: 15px;
position: relative; overflow: hidden; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all
ease 0.3s;}
.connectbtn:hover{background-color: #2d2e2f; color: var(--white);}
.close-toggler{display: none;}
.topsearch{position: relative; margin-left: 30px;}
.topsearch .form-control{padding: 12px 15px; padding-right: 45px; font-size: 16px; font-weight: 600;}
.srchbtn{border: none; position: absolute; right: 15px; background: none; top: 10px; color:#9ea4ab; font-size: 18px;}
/********* Slider Css *********/
.slider-wrap{padding:150px 0; position: relative;}
.slider-wrap h1{font-size:64px; font-weight: var(--font-semi); color:var(--primary-text-color);}
.slider-wrap h1 span{color: var(--primary-one);}
.slider-wrap h2{font-size:var(--heading-3); font-weight: var(--font-reg); color:var(--black); background:
#ffd1d1; display: inline-block; border-radius:35px; padding: 10px 25px;}
.slider-wrap p{font-size:var(--heading-3); font-weight: var(--font-bold); color:var(--white); font-family:
var(--font-heading); margin-top: 20px;}
.banner_info{max-width: 650px;position: relative;}
.banner_info .form-control{height: auto; padding: 15px 20px;
font-size: 20px;
font-weight: 600;
border: none;
box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.pagestitle{background: rgb(223,245,238);
background: -moz-linear-gradient(50deg, rgba(223,245,238,1) 0%, rgba(230,226,247,1) 100%);
background: -webkit-linear-gradient(50deg, rgba(223,245,238,1) 0%, rgba(230,226,247,1) 100%);
background: linear-gradient(50deg, rgba(223,245,238,1) 0%, rgba(230,226,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dff5ee",endColorstr="#e6e2f7",GradientType=1);
padding: 40px 0;
text-align: center;
}
.pagestitle h1{font-size:40px; color: var(--primary-one); margin-bottom: 0;}
.searchdropnav{background: #fff; border-radius: 0 0 10px 10px;
position: absolute;
width: 100%;
box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.1);
z-index: 10;
max-height: 400px;
overflow: auto;
}
.searchdropnav li{padding: 10px; border-top: 1px solid #ddd; cursor: pointer;}


.searchdropnav::-webkit-scrollbar {
    width: 6px;
}
 
.searchdropnav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
 
.searchdropnav::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}




/********* Login Css *********/
.innerpagewrap{padding: 50px 0; min-height: 400px;}
.account-main {
padding: 50px;
background: #fff;
-webkit-box-shadow: 0px 10px 50px rgba(30, 30, 30, 0.1);
box-shadow: 0px 10px 50px rgba(30, 30, 30, 0.1);
border-radius:15px;
border-bottom: 3px solid var(--primary-one);
}
.account-title h3{font-size: 30px;}
.account-title h3 span{color: var(--primary-one); font-size: 30px;}
.postimg img{border-radius: 10px;}
.leadpostimg img{border-radius: 10px;}
.estprice{text-align: right; margin-top: 15px;}
.estprice strong{display: block; font-size: 30px; line-height: 36px;word-break: break-word;}
.checklist{list-style: none;}
.checklist li {
position: relative;
padding-left: 25px;
font-size: 16px;
margin-bottom: 15px;
}
.checklist li:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f00c";
position: absolute;
top: 2px;
left: 0;
color: var(--primary-one);
}
.checklist li strong {
font-weight: 700;
}
.form-outline h5{font-size: 14px; color: #666;}
.form-outline ul{list-style: disc; margin-left: 20px;}
.form-outline ul li{font-size: 13px; color: #666;}
.form-outline p{font-size: 14px;}
.form-control {
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid rgba(4, 0, 23, 0.1);
border-radius: 6px;
padding: 0 20px;
font-size: 14px;
color: rgba(4, 0, 23, 0.6);
appearance: revert;
}
.form-outline input:focus{outline: none; box-shadow:none}
.account-form-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.account-form-label label {
font-size: 14px;
font-weight: 500;
color: var(--clr-body-heading);
margin-bottom: 5px;
}
.account-form-label a {
font-size: 14px;
color: rgba(4, 0, 23, 0.6);
font-weight: 400;
display: block;
margin-bottom: 5px;
text-decoration: none;
}
.account-bottom-text{text-align: center;}
.account-bottom-text a{color: var(--primary-one); text-decoration: none; margin-left: 5px;}
.account-bottom-text p{margin-bottom: 0;}
.requiredField {
color: red;
}
.option-flex {
display: flex;
flex-direction: column;
border: none;
}
.option-flex .custom-radio {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.option-flex .custom-radio [type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.option-flex .custom-radio .radio-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #0977bc;
position: relative;
border-radius: 4px;
}
.option-flex .custom-radio .label-icon {
background-size: auto 40px;
background-repeat: no-repeat;
background-position: center 10px;
margin-bottom: 0;
padding: 8px 15px;
font-size: 14px;
text-align: center;
justify-content: center;
display: flex;
align-items: baseline;
-webkit-transition: all 0.2s cubic-bezier(0.07, 0.49, 1, 0.08);
-moz-transition: all 0.2s cubic-bezier(0.07, 0.49, 1, 0.08);
transition: all 0.2s cubic-bezier(0.07, 0.49, 1, 0.08);
}
.option-flex .custom-radio label, .option-flex .custom-radio .or-separator {
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.03em;
text-align: center;
color: black;
}
/* IMAGE STYLES */
.option-flex .custom-radio [type=radio] + .label-icon {
cursor: pointer;
}
/* CHECKED STYLES */
.option-flex .custom-radio [type=radio]:checked + .label-icon {
background: #0977bc;
background-size: auto 40px;
background-repeat: no-repeat;
color: #fff;
}
.single {
padding: 30px 15px;
background: #fcfcfc;
border: 1px solid #f0f0f0;
}
.single h3.side-title {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 20px;
color: #333;
text-transform: uppercase;
}
.single h3.side-title:after {
content: '';
width: 60px;
height: 1px;
background: #ff173c;
display: block;
margin-top: 6px;
}
.single ul {
margin-bottom: 0;
}
.single li a {
color: #666;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #f0f0f0;
line-height: 40px;
display: block;
text-decoration: none;
}
.single li a:hover {
color: #ff173c;
}
.single li:last-child a {
border-bottom: 0;
}
span {
font-size: 15px;
}
.box {
/*padding:60px 0px;*/
border: 1px solid red;
}
.box-part {
background: #FFF;
border-radius: 0;
padding: 10px;
margin-bottom: 30px;
margin-top: -7px;
border: 2px solid lightgrey;
}
.text {
margin: 20px 0px;
}
.sbimg img{display: block; box-shadow: 0 0 50px rgba(0,0,0,0.1); border-radius: 25px;}
/* About */
.hmabout{background: #f4f7fb;}
.hmabout .dbtitle{text-align: left; margin-top: 40px;}
.hmabout p{font-size:var(--heading-3);}
.statbox{padding-left:60px; position: relative;}
.statbox img{position: absolute; left: 0;}
.stats span{font-size:var(--heading-3); font-family:var(--font-heading); display: block; line-height: 22px;}
/* Categories */
.catebox{background:#fff; padding:20px; border-radius:8px; margin-top: 30px; display: flex; align-items: center; position: relative;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.cateico{width: 68px; height: 68px; border-radius: 50%; text-align:center;margin-right: 15px; flex: 0 0 auto;}
.catebox h5{margin-bottom:0; color: var(--black); font-weight: var(--font-reg); font-size: 18px;}
.catebox p{margin-bottom: 0; color: #838383; font-size:16px; font-family:var(--font-heading); line-height: 20px;}

.catebox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #0070BB;
background: linear-gradient(260deg, rgba(0, 112, 187, 1) 0%, rgba(185, 32, 37, 1) 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.catebox:hover::before {
    transform: scaleX(1);
}

.catebox:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    background:#f4f4f4;
}
/* whychoose */
.choosebox{margin-top: 40px; display: flex; align-items: start; }
.chooseico{width: 68px; height: 68px; border-radius: 50%; text-align:center; background: #ddede5; margin-right: 25px;
line-height: 68px; flex: 0 0 auto;
display: flex;
    align-items: center;
    justify-content: center;
}
.choosebox h5{margin-bottom:0; color: var(--black); font-weight: var(--font-semi); font-size: 20px;}
.choosebox p{margin-bottom: 0; color: var(--black); font-size:16px;}
/* Tutors */
.hmtutors{background:#f4f7fb;}
.tutorbox{background: var(--white); border-radius: 10px; padding: 25px; box-shadow: 0 0 35px rgba(0,0,0,0.1);
text-align: center; margin-top: 30px;}
.tutorbox .tutimg{overflow: hidden; border-radius: 8px; margin-bottom: 20px;}
.tutorbox h4{margin-bottom: 0;}
.tutorbox p{margin-bottom: 10px; color: #858484;}
.starts i{color: #f8bc24;}
/******** Subjects ********/
.subjectbox{
margin-bottom: 30px; }


.subjectbox:hover{border-color: var(--primary-one);}
.subjectbox .imgbox{max-height: 270px; overflow: hidden; border-radius: 10px;}
.subjectbox .imgbox img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;}
.subjectbox:hover .imgbox img{-webkit-transform: scale(1.1); transform: scale(1.1); rotate: -3deg;}
.sbcontent{
  padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    margin: 0 30px;
    margin-top: -30px;
    position: relative;
    z-index: 1;
    text-align: center;
}


.modal-body{padding: 30px;}
.sbcontent .price{margin-bottom: 20px; color: var(--secondary-color);}
.sidebar{background: #fff;}
.side-title{margin-bottom:20px;}
.catelistnav li{border-bottom: 1px solid #eee;}
.catelistnav li a{display: flex; justify-content: space-between; text-decoration: none; padding: 10px 0; color: #000;}
.catelistnav li a span{background: #999; color: #fff; font-size: 12px; width: 24px; height: 24px; border-radius: 50%;
line-height: 24px; text-align: center; border-radius:50%; font-weight: 700;}
.catelistnav li a:hover, .catelistnav li a.active{color: var(--primary-one);}
.catelistnav li a.active span{background: var(--primary-one);}
/* Pioneer Tasker */
.pioneertasker{
background: #ED3427;
background: linear-gradient(260deg, rgba(237, 52, 39, 1) 0%, rgba(185, 32, 37, 1) 100%);
padding:30px 60px 0 60px;
position: relative;
margin-bottom: 50px;
border-radius: 30px;
border: 8px solid #fff;
box-shadow: 0 0 50px rgba(0,0,0,0.1);
}
.pioneertasker h3{font-size: var(--heading-size); color: var(--white); font-weight: var(--font-bold);
margin-bottom:30px; margin-top: 30px;}
.pioneertasker p{color: var(--white);}
.joinpioneer{padding-left: 40px;}
/* Testimonials */
.hmtestimonials{background: #edf8ff; position: relative; overflow: hidden;}
.hmtestimonials .testiBox {
background-color:var(--white);
position: relative;
border-radius: 10px;
padding:40px;
}
.hmtestimonials .testimonials .author {
font-family: "Montserrat", sans-serif;
font-size:var(--heading-3);
color: #000;
line-height: 28px;
font-weight: var(--font-bold);
}
.hmtestimonials .testimonials .author .destination {
color:var(--primary-one);
font-size: 14px;
display: block;
font-weight: normal;
line-height: 18px;
}
.avatar{width: 84px; height: 84px; flex: 0 0 84px; border-radius: 50%; overflow: hidden; margin-right: 25px;}
.avatar img{width: 84px; height: 84px; object-fit: cover;}


.hmtestimonials .testiBox .ratingStars {
position: relative;
margin-top:5px;
}
.hmtestimonials .testiBox .ratingStars ul {
padding-left: 0px;
margin:0;
display: block;
}
.hmtestimonials .testiBox .ratingStars ul li {
display: inline-block;
padding-right: 2px;
font-size: 14px;
color: #ffa903;
}
.hmtestimonials .testiBox p {
color: var(--primary-text-color);
font-weight: normal;
font-size: var(--primary-size);
font-style: italic;
margin-bottom: 0;
}
.hmtestimonials .testimonials {
position: relative;
margin-top: 40px;
}
.hmtestimonials .testimonials .owl-nav {
display: none;
}
.hmtestimonials .testimonials .owl-dots {
margin-top: 30px;
text-align: center;
}
.hmtestimonials .testimonials .owl-dots button {
width: 20px;
height:20px;
border: none;
background: #a9b7a8;
border-radius: 22px;
margin: 5px;
}
.hmtestimonials .testimonials button.active,
.hmtestimonials .testimonials button:hover {
background: var(--primary-one);
}
.quote{margin-bottom: 20px;}
.owl-carousel .owl-item img{width: auto; display: inline-block;}
/* Support blocks */
.ctblock{border-radius: 15px; padding:40px; background: #f1f1f1; text-align: center;}
.ctbg2{background: #fbefef;}
.ctbg3{background: #f1f5ff;}
.ctblock h4{font-weight: var(--font-bold); font-size:var(--sub-size);}
.ctblock p{font-style: italic;}
.ctblock .ctico{margin-bottom: 30px;}
.ctblock a{font-size: 18px; color: var(--primary-one); font-weight: var(--font-semi);}
/* user pages */
.profileDetails {
background: #eaedf9;
color: #fff;
border-radius: 15px;
padding: 1.5rem;
margin-bottom: 30px;
}
.profileDetails h3{color: #333; font-size: 18px;}
.profileDetails .profile-picture {
width: 100%;
}
.profileDetails .profile-radius {
border:10px solid rgb(6 113 198 / 5%);
width: 170px;
border-radius: 50%;
margin-top: 15px;
}
.profileDetails .profile_img {
height: 150px;
width: 150px;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
}
.profileDetails .profile_img img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    object-fit: cover;
}
.userdetailbox {
background: #222;
padding: 25px;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.userdetailbox h3 {
color: #fff;
font-size: 24px;
}
.userdetailbox ul li {
color: #9c9abe;
font-size: 14px;
margin-bottom: 5px;
}
.userdetailbox ul li i, .userdetailbox ul li span {
color: #f81473;
}
.usertabls {
margin-bottom: 40px;
background: #333;
padding: 15px;
}
.usertabls ul {
margin-bottom: 0;
}
.usertabls ul li {
display: inline-block;
}
.usertabls ul li a {
color: #fff;
transition: all ease .5s;
text-align: left;
font-size: 14px;
display: block;
background: rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 10px 20px;
}
.usertabls ul li a:hover {
text-decoration: none;
background: #f81473;
}
.usertabls ul li.views {
float: right;
color: #fff;
margin-top: 10px;
}
.usertabls ul:after {
clear: both;
display: table;
content: '';
}
.profile-Wrap h3 {
margin-top: 0;
font-weight: 700;
font-size: 18px;
text-align: center;
color: #000;
}
.authorDetail {
text-align: center;
padding-top: 15px;
}
.authorDetail h2 {
font-weight: 600;
font-size: 20px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
color: #000;
}
.authorDetail p {
font-size: 16px;
color: #000;
margin-bottom: 5px;
}
.authorDetail p i{color: var(--secondary-color); margin-right: 5px;}
.authorDetail .badge{margin-left: 5px;}

.editDetails{border-top: 1px solid #fff; margin-top: 20px; padding-top: 20px;}
.editDetails ul {
list-style: none;
margin: 0;
}
.editDetails ul li {
margin-bottom: 5px;
}
.editDetails ul li a {
color: #000;
transition: all ease .5s;
text-align: left;
font-size: 14px;
display: block;
padding:7px 10px;
text-decoration: none;
border-radius: 5px;
}
.editDetails ul li a i {
margin-right: 7px;
color:var(--primary-one);
}
.editDetails ul li a i.fa-phone{transform: scaleX(-1);}
.editDetails ul li a:hover, .editDetails ul li.active a{
background: #fff;
color: #000;
text-decoration: none;
}
.editDetails ul li a .badge {
background: #f81473;
}
.editDetails ul li ul{margin-left: 25px;}
/* Switch start */
.workswitch input[type="radio"]:checked + label {
background: var(--primary-one);
color: #fff;
}
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.workswitch {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.workswitch label:first-of-type {
border-right: 0;
border-radius: 5px 0 0 5px;
}
.workswitch labeL:last-of-type {
border-radius: 0 5px 5px 0;
padding-left: 0.9rem;
}
.workswitch label {
border: 1.5px solid var(--primary-one);
display: block;
font-size: 16px;
padding: 0.5rem 1rem;
width: 50%;
color: var(--primary-one);
text-align: center;
font-weight: 500;
cursor: pointer;
}
/* Switch end */
.select2-container .select2-search--inline .select2-search__field{height: 26px;}
.add-listing-box {
background: #ffffff;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding:35px;
margin-bottom: 30px;
border-radius: 15px;
}
.listing-box-header {
text-align: center;
margin: 0 0 35px 0;
}
.listing-box-header i {
color: #ccc;
font-size: 48px;
}
.listing-box-header h3 {
font-size: 28px;
font-weight: 600;
text-align: left;
}
.add-listing-box label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 600;
font-size: 14px;
}
.add-listing-box label span{color: #f60;}
.add-listing-box .form-control {
height: 50px;
border: 1px solid #dde6ef;
margin-bottom: 10px;
box-shadow: none;
border-radius: 0;
background: #fff;
font-size: 15px;
color: #445461;
font-weight: 400;
appearance: auto;
}
.add-listing-box textarea.form-control {
height: 200px;
}
.add-listing-box .input-group-text {
padding: 12px 20px;
line-height: 24px;
display: inline-table;
border-radius: 0;
}
.form-control:hover, .form-control:focus {
border: 1px solid #f81473;
-webkit-box-shadow: 0 1px 1px rgba(7, 177, 7, .075);
box-shadow: 0 1px 1px rgba(7, 177, 7, .075);
outline: none;
}
.form-control:disabled, .form-control[readonly]{background-color: #e9ecef; opacity: 1;}
.form-control:disabled:focus, .disabled:hover{border-color: #dde6ef;}
textarea.form-control {
height: 200px;
line-height: normal;
}
.edit-info .avater-box {
width: 140px;
margin: 0 auto;
margin-bottom: 20px;
height: 140px;
position: relative;
display: inline-block;
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
border-radius: 50%;
padding: 10px;
}
.edit-info .avater-box img{width: 120px;
    height: 120px;
    object-fit: cover;
    max-width: none;
}


.upload-btn-wrapper {
position: absolute;
overflow: hidden;
display: inline-block;
bottom: -3px;
left: 12px;
}
.edit-info .btnup {
border: 1px solid #ff3a72;
color: #ff3a72;
background-color: #ffffff;
padding: 6px 16px;
border-radius: 50px;
font-size: 12px;
font-weight: bold;
}
.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.img-circle {
border-radius: 50%;
}
.passinfo{padding: 15px 0;}
.passinfo p{font-size: 13px; margin-bottom: 0;}
.passinfo ul{list-style-type: disc; margin-bottom: 0; margin-left: 18px;}
.passinfo ul li{font-size: 13px;}
.select2-container--default .select2-selection--multiple{border-color: #dde6ef; min-height: 50px; padding: 0;}
.urlbox{position: relative;}
.urlcheckico{position: absolute; right: 15px; top: 7px; font-size: 24px;}
.urlcheckico .fa-check-circle{color: #0ac51a;}
.urlcheckico .fa-times-circle{color: #f90000;}
.addressbox{margin-bottom: 30px; border: 1px solid #eee; padding: 25px; background: #f7f7f7;}
.addressbox p{margin-bottom: 5px;}
.error-txt{color:#f90000; font-size: 14px;}

.breadcrumb-item+.breadcrumb-item::before{margin-top: 8px;}

/* Dashboard */
.twm-right-section-panel .panel.panel-default {
border-radius: 10px;
background: #fff;
}
.dashboard-card-2 {
position: relative;
overflow: hidden;
z-index: 1;
padding: 30px;
background-color: #fff;
border-radius: 10px;
}
.block-gradient {
background: #7596fc;
background: -moz-linear-gradient(-45deg, #7596fc 0%, #b479ff 100%);
background: -webkit-linear-gradient(-45deg, #7596fc 0%, #b479ff 100%);
background: linear-gradient(135deg, #7596fc 0%, #b479ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7596fc", endColorstr="#b479ff",GradientType=1 );
}
.block-gradient-2{
background: #A9B5BB;
background: -webkit-linear-gradient(135deg, rgba(169, 181, 187, 1) 0%, rgba(121, 126, 131, 1) 100%);
background: -moz-linear-gradient(135deg, rgba(169, 181, 187, 1) 0%, rgba(121, 126, 131, 1) 100%);
background: linear-gradient(135deg, rgba(169, 181, 187, 1) 0%, rgba(121, 126, 131, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A9B5BB", endColorstr="#797E83", GradientType=0);
}
.block-gradient-3{
background: #F76060;
background: -webkit-linear-gradient(135deg, rgba(247, 96, 96, 1) 0%, rgba(185, 32, 37, 1) 100%);
background: -moz-linear-gradient(135deg, rgba(247, 96, 96, 1) 0%, rgba(185, 32, 37, 1) 100%);
background: linear-gradient(135deg, rgba(247, 96, 96, 1) 0%, rgba(185, 32, 37, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F76060", endColorstr="#B92025", GradientType=0);
}
.block-gradient-4{
background: #00ABEC;
background: -webkit-linear-gradient(135deg, rgba(0, 171, 236, 1) 0%, rgba(0, 90, 171, 1) 100%);
background: -moz-linear-gradient(135deg, rgba(0, 171, 236, 1) 0%, rgba(0, 90, 171, 1) 100%);
background: linear-gradient(135deg, rgba(0, 171, 236, 1) 0%, rgba(0, 90, 171, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ABEC", endColorstr="#005AAB", GradientType=0);
}
.dashboard-card-2 .wt-card-wrap-2 {
color: #fff;
}
.dashboard-card-2 .wt-card-icon-2 {
font-size: 40px;
line-height: 0px;
z-index: -1;
position: absolute;
left: 30px;
top: 30px;
}
.wt-card-right {
text-align: right;
font-size: 50px;
line-height: 50px;
font-weight: 300;
margin-bottom: 10px;
}
.dashboard-card-2 .wt-card-bottom-2 h4 {
font-weight: 400;
color: #fff;
font-size: 18px;
margin-bottom: 0;
}
.myjobtable tr td{font-size: 14px;}
.myjobtable tr td a{text-decoration: none; margin-bottom: 5px;}
.btbtns a{ padding: 6px 15px;
font-size: 14px;
line-height: 18px;
font-weight: 500;}
.sortby h3{font-size: 24px;}
.instoretxt {
background: #fcfdff;
border: 1px solid #eee;
padding: 30px;
margin-bottom: 30px;
margin-top: 30px;
border-radius: 15px;
box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
}
.instoretxt h3{font-size: 24px;}
.instoretxt .table {
margin-bottom: 0;
margin-top: 30px;
}
.instoretxt .currency {
font-size: 16px;
font-weight: 700;
}
.instoretxt .currency strong {
color: #056cb8;
}
.instoretxt strong {
font-weight: 700;
color: #056cb8;
}
.payment-type .types .type {
width: 30%;
position: relative;
background: #f2f4f7;
border: 2px solid #e8ebed;
padding: 25px;
box-sizing: border-box;
border-radius: 6px;
cursor: pointer;
text-align: center;
transition: all 0.5s ease;
}
.payment-type .types .type:hover {
border-color: #28333b;
}
.payment-type .types .type:hover .logo,
.payment-type .types .type:hover p {
color: #28333b;
}
.payment-type .types .type.selected {
border-color: #40b3ff;
background: rgba(64,179,255,0.1);
}
.payment-type .types .type.selected .logo {
color: #40b3ff;
}
.payment-type .types .type.selected p {
color: #28333b;
}
.payment-type .types .type.selected::after {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
height: 40px;
width: 40px;
top: -21px;
right: -21px;
background: #fff;
border: 2px solid #40b3ff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.payment-type .types .type .logo,
.payment-type .types .type p {
transition: all 0.5s ease;
}
.payment-type .types .type .logo {
font-size: 48px;
color: #8a959c;
}
.payment-type .types .type p {
margin-bottom: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
color: #8a959c;
}
/* Listings */
.serachlisting li .listbox{border: 1px solid #eee; padding: 25px; border-radius: 10px; -webkit-transition: all .3s ease;
-moz-transition: all .3s ease; transition: all .3s ease; margin-bottom: 30px; position: relative;}
.serachlisting li:hover .listbox{box-shadow: 0px 10px 40px rgba(0,0,0,0.15); border-color: var(--primary-one);}
.serachlisting li .listbox.featured{border: 2px solid var(--secondary-color);}
.featuredtxt{position: absolute;
    right: 0;
    top: 0;
    background: var(--secondary-color);
    color: var(--white);
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 0 5px 0 0;
    font-weight: var(--font-bold);}
.compinfo{margin-bottom: 10px;}
.postcontent h3{margin-bottom:8px; display: flex; gap: 8px;}
.postcontent h3 a{font-size: 20px; color:var(--primary-one); text-decoration: none; font-weight: 600;}
.postcontent h3 a:hover{color: var(--black);}
.postcontent h3 img{width: 24px;}
.miles{margin-bottom: 5px; font-size: 14px;}
.miles i{color: var(--primary-one); margin-right: 5px;}

.comprice{font-size: 30px;}


.comprating i{color: #ffae00;}
.comprating{font-size: 14px; margin-bottom:7px;}
.servicesinfo h5{font-size: 18px; margin-bottom: 0; font-weight: 700;}
.servicesinfo span{display: inline-block;border: 1px solid #eee;font-size: 13px;margin-right: 10px;padding: 5px
10px;margin-bottom: 10px;border-radius: 20px;}
.servicesinfo span:last-child{margin-right: 0;}
.servicesinfo span i{color: var(--primary-one); margin-right: 5px;}
.compbtn{border-top: 1px solid #ddd; padding-top: 15px; display: flex; justify-content: space-between; align-items:
center; }
.compbtn a{padding: 8px 20px; font-size: 14px; line-height: 20px; font-weight: 600;}
.buttonsbox{display: flex; gap: 5px;}

.compbtn img{width: 32px;}
.serachlisting li .postimg img{border-radius: 5px; margin-bottom: 10px; width: 190px;
    height: 150px;
    object-fit: cover;}
.userstatus{text-align: center; font-size: 20px;}
.userstatus .fa-history{color:var(--primary-one);}
.userstatus .fa-user-check{color:var(--success-color);}
.profileview{font-size: 14px; color: var(--secondary-color);margin-top: 5px;}
.jobinfobar{background: #f5f5f5; padding: 25px;}
.jobinfobar .btn{padding: 10px 20px;}
.jobinfobar h2{font-size:var(--sub-size); font-weight: var(--font-bold); margin-bottom: 0;}
.jobinfobar p{margin-bottom: 0;}
.jobinfobar i{opacity: 0.5;}
.sortbtns{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; display: flex; justify-content:
space-between;}
.sortbtns a{display: inline-block; border: 1px solid #ddd; background: #eee; padding: 10px 15px; color: #000;
text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: 700; margin-right: 7px;}
.sortbtns a:hover, .sortbtns a.active:hover{background: var(--primary-one); color:var(--white)}
.sortbtns a.tabactive{background:var(--primary-one); color: var(--white);}
.sortbtns a.active{background: #fff;}
.sortbtns .form-control{height: 46px; line-height: 46px;}
.aboutjobs{background: #eee; padding: 10px 10px 5px;}
.quoteprice{font-size: 14px; color: var(--primary-one); margin-top: 5px;}

.sortbtns .sortmenu{margin-right: 6px;}
.ulinks45 .btn{margin-left: 10px;}


.buttonsbox a{padding: 8px 15px;}



/* Task Page */
.taskinfobox{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); border-radius: 10px 10px 0 0; padding: 25px; background:
#eaedf9;}
.taskinfobox h2{font-weight: var(--font-bold);}
.taskinfobox p{margin-bottom: 0;}
.taskmapbox iframe{display: block; border: none; height: 400px; width: 100%; border-radius: 0 0 15px 15px;}
.taskmapbox iframe:focus{outline: none;}
.taskqest{border-top: 1px solid #eee; border-left: 1px solid var(--primary-one); padding-left: 15px; padding-top: 15px;
padding-bottom: 15px;}
.taskqest p{margin-bottom: 0;}
.taskqest:hover{background: #f7f7f7;}
.postedbywrap{background: #eaedf9; padding: 30px; border-radius: 15px; margin-top: 40px;}
.postedbywrap h3{font-weight: var(--font-bold);}
.postedbywrap h5{font-weight: var(--font-bold); margin-top: 30px; color: var(--secondary-color);}
.aboutposter li{padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-weight: var(--font-bold);
display: flex; align-items: center;}
.aboutposter li i{color: var(--secondary-color); width: 20px; margin-right: 10px;}
.aboutposter li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.posteravatar{display: flex; gap: 20px; margin-bottom: 10px; align-items: center;}
.posteravatar .img{flex: 0 0 25%; max-width: 25%; border-radius: 10px; border: 2px solid var(--primary-one);}
.posteravatar h4{font-weight: var(--font-bold); font-size: 20px;}
.authinfo li i{color: var(--primary-one);}
.rate {
float: left;
height: 32px;
}
.rate:not(:checked) > input {
position:absolute;
top:-9999px;
}
.rate:not(:checked) > label {
float:right;
width:1em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:30px;
color:#ccc;
line-height: 26px;
}
.rate:not(:checked) > label:before {
content: '★ ';
}
.rate > input:checked ~ label {
color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}
.notetext{font-size: 14px;}
#writeareview textarea{height: 250px;}
.filter-panel {
position: fixed;
top: 0;
right: -430px;
width: 400px;
height: 100%;
background-color: white;
box-shadow: -2px 0 30px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease;
z-index: 101;
}
.filtersidebar{ padding: 35px;
overflow-y: auto; height: 100%;}
.filter-content {
padding: 20px;
}
.dark-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
z-index: 99; /* Ensure it's above other content */
display: none; /* Initially hidden */
}
.filter-panel .close-btn {
position: absolute;
top: 50%;
left: -18px;
margin-top: -18px;
cursor: pointer;
background: #333;
color: #fff;
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
box-shadow: -2px 0 6px rgba(0, 0, 0, 0.1);
}
.filterbox{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.filterbox h5{font-weight: var(--font-bold); font-size: 18px;}
.filterbox .form-check{margin-top: 10px; }
.filterbox .form-check label{display: flex; justify-content: space-between; align-items: center; font-size: 16px;
padding-top: 5px;}
.filterbox .price-input {
width: 100%;
display: flex;
margin: 0 0 35px;
}
.filterbox .price-input .field {
width: 100%;
}
.filterbox .field input {
width: 100%;
outline: none;
font-size: 19px;
padding: 10px;
border-radius: 5px;
text-align: center;
border: 1px solid #ddd;
-moz-appearance: textfield;
}
.filterbox input[type="number"]::-webkit-outer-spin-button,
.filterbox input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.filterbox .price-input .separator {
width: 130px;
display: flex;
font-size: 19px;
align-items: center;
justify-content: center;
}
.filterbox .slider {
height: 5px;
position: relative;
background: #ddd;
border-radius: 5px;
}
.filterbox .slider .progress {
height: 100%;
left: 25%;
right: 25%;
position: absolute;
border-radius: 5px;
background: var(--secondary-color);
}
.filterbox .range-input {
position: relative;
}
.filterbox .range-input input {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.filterbox input[type="range"]::-webkit-slider-thumb {
height: 17px;
width: 17px;
border-radius: 50%;
background: var(--secondary-color);
pointer-events: auto;
-webkit-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.filterbox input[type="range"]::-moz-range-thumb {
height: 17px;
width: 17px;
border: none;
border-radius: 50%;
background: #17a2b8;
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* User profile */
.profilepagewrap .profileheader{background: #ecf1f9; border-radius: 15px;}
.mapbox iframe{display: block; border: none; height: 400px; width: 100%; border-radius: 15px 15px 0 0;}
.mapbox iframe:focus{outline: none;}
.userinfotop{padding: 25px; border-top: 1px solid #ddd; display: flex; gap: 30px;}
.uavatar {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
margin-top: -80px;
border: 5px solid #fff;
}
.uavatar img{
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.username h3{margin-bottom: 0; font-weight: 700; display: flex;}
.username h3 img{width: 24px; margin-left: 10px;}
.username p{margin-bottom: 5px;}
.userlinks{margin-left: auto;}
.userlinks h5{margin-bottom:5px;}

.ulinks45{
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    padding-left: 20px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    justify-content: end;
    padding-right: 15px;
}
.ulinks45 a i{    font-size: 24px;}

.profileheader .ulinks45 .btn{margin-left: 0;}

.ulinks45 a{padding: 10px 15px; margin-right: 5px; background: #fff; color: #444; text-decoration: none; font-weight:
600; border-radius: 5px; display: inline-block;}
.ulinks45 a:hover{background-color: var(--primary-one); color: var(--white);}
.ulinks45 a.special-decline{background:var(--secondary-color); color: var(--white);}



.profilebadges{display: flex; margin-left: auto;}
.profilebadges .userbadges{display: block;}
.userbadges img {
width: 26px;
}
.leatintor h5{font-size: 18px; font-weight: var(--font-bold);}
.leatintor p{font-size: 14px; line-height: 20px;}
.input-group .input-group-addon{background: #eee; font-size: 20px; padding: 10px 20px; font-weight: var(--font-bold);
border-radius:5px 0 0 5px;}
.cardinfo{background: #f3f3f3; padding: 25px;}
.modal-dialog{max-width: 600px;}
.hidden {
display: none;
}
.actpackageinfo{padding: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin-bottom:40px; border-radius: 5px; display:
flex; justify-content: space-between; gap: 30px;}
.pkgtxt{font-size: 16px;}
.pkgtxt .cost{color: var(--secondary-color);}
.pkgtxt img{max-width: 50px; margin-right: 20px;}
.pkgtxt.costcol{flex: 0 0 30%; display: flex;}
.profiledata{border-bottom: 1px solid #ddd; padding: 40px 0 ;}
.profiledata h3{font-size: var(--sub-size); font-weight: var(--font-bold);}
.comprofile li{display: flex; justify-content: space-between; margin-bottom: 10px;}
.comprofile li .txt02{font-weight: 700;}
.comprofile li i{color:var(--primary-one); width: 18px;}
.comprofile li i.fa-phone{transform: scaleX(-1);}

.profiledata p, .taskdeskct{white-space: pre-wrap;}


.profiledata .servicesinfo span{font-size: 16px; padding: 8px 12px; background: #f3f3f3;}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -5px;
}
.gallery a{flex: 0 0 auto; width: 25%; padding:5px; height: 220px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.gallery img:hover{opacity: 0.7;}
#show-all-images {
position: relative;
}
#show-all-images span{position: absolute; background: rgba(0, 0, 0, 0.5); top: 5px; right: 5px; bottom:5px; left: 5px;
color: #fff; font-size: 32px;
text-align: center;
display: flex;
align-items: center;
justify-content: center; }
.porshare{text-align: center;}
.porshare a{font-size: 24px; color: var(--primary-one); display: inline-block; margin: 0 5px; border: 1px solid #ddd;
width: 36px; height: 36px; border-radius: 5px;}
.porshare a:hover{background: var(--primary-one); color: var(--white);}
.awrdbox{border: 1px solid #eee; padding: 25px; text-align: center; margin-top:30px;}
.awrdbox p{margin-bottom: 0; margin-top: 10px;}
.awards .owl-nav{display: none;}
.awards .owl-dots{text-align: center; margin-top: 20px;}
.awards .owl-dots button{width: 16px; height: 16px; border-radius: 16px; background: #eee; margin: 0 5px;}
.awards .owl-dots button.active{background: var(--primary-one);}
/* Reviews */
.reviewsummry{margin-bottom: 30px; background: #f3f3f3; padding: 20px; border-radius: 8px;}
.reviewsummry h4 span{display: block;}
.ratingbox{margin-top: 10px; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.ratingbox span{height: 2px; background: var(--primary-one); display: block; width: 100%;}
.reviewslist li{border: 1px solid #eee; padding: 20px; border-radius: 8px; margin-bottom: 20px;}
.reviewslist li:last-child{margin-bottom: 0;}
.reviewslist li .reviewhead{display: flex; justify-content: space-between;}
.reviewslist li h4{font-size:20px; font-weight:var(--font-bold); margin-bottom:0;}
.reviewslist li h5{font-size: var(--primary-size); font-weight:var(--font-bold); color: #888;}
.reviewslist li h4 img{width: 20px;}
.reviewslist li p{font-size:14px; line-height: 20px; margin-bottom: 0;}
.reviewslist li .dateposted{font-size: 14px; margin-top: 10px;}
.replymsg{background: #eee; padding:25px 25px 25px 50px; margin-left: -20px; margin-right: -20px; margin-bottom: -20px;
border-radius:0 0 8px 8px; margin-top: 15px; display: flex;}
.replymsg .uavatar{width: 80px; height: 80px; margin-top: 0; flex: 0 0 80px; margin-right: 20px; border: 1px solid
#ddd;}
.reviewslist li .replymsg h5{margin-bottom: 5px; color: #000;}
.reviewslist li .replymsg .dateposted{margin-bottom: 10px; margin-top: 0;}
.reviewslist li .replybtn{padding: 8px 15px; font-size: 14px;}
.modal-body textarea{height:250px;}
.workrating {
display: flex;
align-items: center;
gap: 10px;
}
.workrating input[type="radio"] {
display: none;
}
.workrating label {
font-size: 20px;
cursor: pointer;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
line-height: 40px;
transition: all 0.3s ease;
}
.workrating input[type="radio"]:checked + label {
background-color:var(--primary-one);
color: #fff;
}
/* Packages */
.packageswrap .tab-content{padding: 30px 0;}
.packageswrap .tab-content h2{font-size: var(--heading-5); font-weight: var(--font-bold);}
.packagebox{border: 1px solid #eee; border-radius: 5px; padding: 20px; margin-bottom: 30px; position: relative;}
.packagebox:hover{border-color: var(--primary-one); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.totalcredits{font-size: var(--heading-3); font-weight: var(--font-bold);}
.pkgprice{font-size: 24px; color: var(--primary-one); font-weight: var(--font-bold);}
.pkgprice strong{color: #333; text-decoration: line-through; font-weight:var(--font-bold);}
.credittxt{font-size: 14px; font-style: italic; margin-bottom: 10px;}
.pkgtitle{margin-bottom: 10px; }
.pkgtitle i{color: var(--success-color);}
.nav-tabs .nav-link{font-size: var(--primary-size); color: var(--primary-one); background: #eee; margin-right: 5px;
font-weight: 700;}
.offertag1{position: absolute; width: 120px; height: 120px; border-radius: 50%; right: 15px; top: 15px;
background: rgb(220,31,39);
background: -moz-linear-gradient(211deg, rgba(220,31,39,1) 0%, rgba(238,70,75,1) 24%, rgba(156,0,4,1) 53%,
rgba(244,86,87,1) 80%, rgba(184,5,5,1) 100%);
background: -webkit-linear-gradient(211deg, rgba(220,31,39,1) 0%, rgba(238,70,75,1) 24%, rgba(156,0,4,1) 53%,
rgba(244,86,87,1) 80%, rgba(184,5,5,1) 100%);
background: linear-gradient(211deg, rgba(220,31,39,1) 0%, rgba(238,70,75,1) 24%, rgba(156,0,4,1) 53%, rgba(244,86,87,1)
80%, rgba(184,5,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc1f27",endColorstr="#b80505",GradientType=1);
color: #fff; text-align: center; padding: 15px;
}
.offertag1:before{border: 1px dashed rgba(255,255,255,0.5); content:''; top: 10px; right: 10px; bottom: 10px; left:
10px; position: absolute; border-radius: 50%;}
.offertag1 strong{display: block; padding-top:20px; font-size: 36px; line-height: 36px; font-style: italic;}
.offertag1 span{display: block; font-size: 12px;}
.offertag2{position: absolute; width: 120px; height: 120px; border-radius: 50%; right: 15px; top: 15px;
background: rgb(220,189,31);
background: -moz-linear-gradient(211deg, rgba(220,189,31,1) 0%, rgba(238,211,70,1) 24%, rgba(156,115,0,1) 53%,
rgba(244,221,86,1) 80%, rgba(184,128,5,1) 100%);
background: -webkit-linear-gradient(211deg, rgba(220,189,31,1) 0%, rgba(238,211,70,1) 24%, rgba(156,115,0,1) 53%,
rgba(244,221,86,1) 80%, rgba(184,128,5,1) 100%);
background: linear-gradient(211deg, rgba(220,189,31,1) 0%, rgba(238,211,70,1) 24%, rgba(156,115,0,1) 53%,
rgba(244,221,86,1) 80%, rgba(184,128,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dcbd1f",endColorstr="#b88005",GradientType=1);
color: #fff; text-align: center; padding: 15px;
}
.offertag2:before{border: 1px dashed rgba(255,255,255,0.5); content:''; top: 10px; right: 10px; bottom: 10px; left:
10px; position: absolute; border-radius: 50%;}
.offertag2 strong{display: block; font-size: 36px; line-height: 36px; font-style: italic;}
.offertag2 span{display: block; font-size: 12px;padding-top:15px; }
#credits {
font-size: 20px;
color: var(--secondary-color);
font-weight: var(--font-bold);
}
#amount {
font-size: 36px;
line-height: 36px;
font-weight: bold;
margin-bottom: 20px;
}
#slider {
-webkit-appearance: none;
width:100%;
height: 10px;
border-radius: 5px;
background: linear-gradient(to right, #7ee794 0%, #7ee794 0%, #eaeefb 50%, #eaeefb 100%);
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
margin: 0 auto;
transition: all 450ms ease-in;
}
#slider:hover {
opacity: 1;
}
#slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 30px;
height: 30px;
border-radius: 50%;
background: #4CAF50;
cursor: pointer;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
#slider::-moz-range-thumb {
width: 30px;
height: 30px;
border-radius: 50%;
background: #4CAF50;
cursor: pointer;
}
/*****: Credits Section :******/
.creditinfobox{background: #f5f5f5; padding:40px; border-radius: 5px; margin-bottom: 30px;}
.creditinfobox p{font-size: 16px; }
.creditrem{padding-left: 70px; position: relative; margin-bottom: 30px;}
.creditrem i{font-size: 60px; color: #ccc; position: absolute; left: 0;}
.creditrem h3{font-size: 50px; line-height: 46px;}
.creditrem p{font-size: 16px; color: #777;}
.creditinfobox p a{color: #e61e28;}
.extracredits {
background: #f5f5f5;
padding: 30px;
border-radius: 5px;
margin-bottom: 30px;
position: relative;
}
.accordion-button:focus{box-shadow: none;}
.accordion-button{font-weight: var(--font-bold);}
.accordion-button:not(.collapsed){background-color: var(--primary-one); color: var(--white);}
.accordion-button:not(.collapsed)::after{background-color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
background-position: center;}
/* post form */
#msform {
text-align: center;
position: relative;
margin-top: 20px
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
margin-bottom:40px;
padding:30px;
position: relative;
box-shadow:0 -1px 10px rgba(0,0,0,0.1);
}
.form-card {
text-align: left
}
#msform textarea {height: 250px;
}
#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid var(--primary-one);
outline-width: 0
}
#msform .action-button {
min-width: 100px;
background:var(--primary-one);
font-weight: bold;
color: white;
border: 0 none;
border-radius: 7px;
cursor: pointer;
padding: 10px 15px;
margin: 10px 0px 10px 5px;
float: right
}
#msform .action-button:hover,
#msform .action-button:focus {
background-color:var(--black)
}
#msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 7px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0px;
float: right
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
background-color: #000000
}
.radio-item [type="radio"] {
display: none;
}
.radio-item + .radio-item {
margin-top: 15px;
}
.radio-item label {
display: block;
padding: 15px 20px 15px 50px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-weight: 400;
min-width: 250px;
white-space: nowrap;
position: relative;
transition: 0.4s ease-in-out 0s;
}
.radio-item label:after,
.radio-item label:before {
content: "";
position: absolute;
border-radius: 50%;
}
.radio-item label:after {
height: 24px;
width: 24px;
border: 2px solid #ddd;
left: 18px;
top: calc(50% - 12px);
}
.radio-item label:before {
background: var(--white);
height: 10px;
width: 10px;
left: 25px;
top: 24px;
transform: scale(5);
opacity: 0;
visibility: hidden;
transition: 0.4s ease-in-out 0s;
z-index: 10;
}
.radio-item [type="radio"]:checked ~ label {
border-color: var(--primary-one);
}
.radio-item [type="radio"]:checked ~ label::before {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.radio-item [type="radio"]:checked ~ label::after {background-color: var(--primary-one); border-color:
var(--primary-one);}
.form-check-input:checked{background-color: var(--primary-one); border-color: var(--primary-one);}
.radio-buttons
{
width: 100%;
margin: 0 auto;
text-align: center;
}
.custom-radio input
{
display: none;
}
.radio-btn
{
margin: 10px;
width: 220px;
height: 240px;
border: 3px solid transparent;
display: inline-block;
border-radius: 10px;
position: relative;
text-align: center;
box-shadow: 0 0 20px #c3c3c367;
cursor: pointer;
}
.radio-btn > i {
color: #ffffff;
background-color: #FFDAE9;
font-size: 20px;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%) scale(2);
border-radius: 50px;
padding: 3px;
transition: 0.5s;
pointer-events: none;
opacity: 0;
}
.radio-btn .hobbies-icon
{
width: 150px;
height: 150px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.radio-btn .hobbies-icon img
{
display:block;
width:100%;
margin-bottom:20px;
}
.radio-btn .hobbies-icon i
{
color: #ddd;
line-height: 80px;
font-size: 60px;
}
.radio-btn .hobbies-icon h3
{
color: #555;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
letter-spacing:1px;
}
.custom-radio input:checked + .radio-btn
{
border: 2px solid var(--primary-one);
}
.custom-radio input:checked + .radio-btn i
{
opacity: 1;
color: var(--primary-one);
}
.checkmark {
width: 100px;
height: 100px;
border-radius: 50%;
display: block;
stroke-width: 2;
stroke: #4bb71b;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px #4bb71b;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
position:relative;
top: 5px;
right: 5px;
margin: 0 auto;
}
.checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #4bb71b;
fill: #fff;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #4bb71b;
}
}
#totop {
display: inline-block;
background-color:var(--primary-one);
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
cursor: pointer;
line-height: 50px;
box-shadow:0 0 30px rgba(0, 0, 0, 0.3);
}
#totop i{font-size: 24px; color: #fff;}
#totop.show {
opacity: 1;
visibility: visible;
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color:var(--primary-one);
margin-bottom: 15px;
font-weight: normal;
text-align: left
}
.purple-text {
color:var(--primary-one);
font-weight: normal
}
.steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.fieldlabels {
text-align: left;
display: block;
margin-bottom: 5px;
font-size:18px;
}
.form-check{font-size: 24px;}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey
}
#progressbar .active {
color:var(--primary-one);
}
#progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400
}
#progressbar #account:before {
font-family: FontAwesome;
content: "\f13e"
}
#progressbar #personal:before {
font-family: FontAwesome;
content: "\f007"
}
#progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px
}
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
#progressbar li.active:before,
#progressbar li.active:after {
background: #673AB7
}
.progress {
height: 20px
}
.progress-bar {
background-color:var(--primary-one)
}
.fit-image {
width: 100%;
object-fit: cover
}


.active>.page-link, .page-link.active{color: #fff !important;}

/********* Footer *********/
.footer{background: #2d323a; padding:40px 0 15px 0;}
.footer h5{color:var(--white); font-size:20px; font-weight: 500; margin-top: 0; margin-bottom:10px; position:
relative;}
.quicklinks li a{color: #999; font-size: 14px;}
.quicklinks li a:hover{color: #fff;}
.footer_logo{margin-bottom: 20px;}
.social_media{margin-top:0px;}
.social_media li{display: inline-block; padding: 0 6px;}
.social_media li a{text-decoration: none; font-size: 24px; color: #fff; text-align: center;}
.social_media li a:hover{color: var(--primary-one);}
.quick-links {
margin-bottom: 30px;
}
.quick-links ul{
list-style: none;
margin-bottom: 0;
padding: 0;
}
.quick-links ul li {margin-bottom: 10px;}
.quick-links ul li i{
color: #bcc5d0;
margin-right: 5px;
}
.quick-links ul li a{
color:#b7b7b7;
text-decoration: none;
font-size: 14px;
font-weight: 400;
display: block;
}
.quick-links ul li a:hover{color:var(--primary-one);}
.quick-links2 {
margin-bottom:10px;
}
.quick-links2 ul{
list-style: none;
margin-bottom: 0;
padding: 0;
}
.quick-links2 ul li {margin:5px 10px; display: inline-block;}
.quick-links2 ul li i{
color: #bcc5d0;
margin-right: 5px;
}
.quick-links2 ul li a{
color:#b7b7b7;
text-decoration: none;
font-size: 14px;
font-weight: 400;
display: block;
}
.quick-links2 ul li a:hover{color:var(--primary-one);}
.footer-info ul li{
display: flex;
margin-bottom:25px;
}
.quick-links ul li .phonenum a{font-size: 20px; font-weight: 600;}

.footer .btn-link{    padding: 0;
    color: var(--secondary-color);
    font-size: 14px;}


.footer-contact-detail p{
margin-bottom: 0;
font-size:14px;
font-weight: 400;
color:#a8a8a9;
line-height: 16px;
}
.quick-links ul li .icon-box i{
color:var(--primary-one);
font-size:var(--heading-3);
margin-right: 15px;
}
.copy-right{border-top: 1px solid rgba(255,255,255,0.2); padding-top:15px; margin-top: 15px;}
.copy-right p{margin-bottom: 0; color: #848484; font-size: 14px;}
.credit, .credit a{color:#848484; font-size: 14px; text-decoration: none;}
.credit a:hover{color:var(--white); text-decoration: underline;}
/******* Contact Us ******/
.contact-one {
position: relative;
padding: 116px 0 120px;
}
@media (max-width: 767px) {
.contact-one {
padding: 76px 0 80px;
}
}
.contact-one .container {
max-width: 904px;
}
.contact-one .section-title {
margin-bottom: 51px;
}
.contact-one__form-box {
position: relative;
display: block;
padding: 0;
}
.contact-one__form {
position: relative;
display: block;
}
.contact-one__form .row {
--bs-gutter-x: 20px;
}
.ctheading{font-size: 30px; margin-bottom: 40px;}
.contact-one__input-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"] {
height: 60px;
width: 100%;
border: none;
background-color: var(--soft-bg);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 16px;
display: block;
font-weight: 600;
border-radius: 5px;
border: 1px solid #ededed;
}
.contact-one__input-box textarea {
font-size: 16px;
font-weight: 600;
height: 200px;
width: 100%;
background-color: var(--soft-bg);
padding: 20px 30px 30px;
border: none;
outline: none;
border-radius: 5px;
margin-bottom: 0px;
border: 1px solid #ededed;
}
.contact-one__input-box.text-message-box {
margin-bottom: 40px;
}
.contact-one .eduact-btn {
text-transform: inherit;
}
.contact-info {
position: relative;
padding:80px 0 60px 0;
}
.contact-info ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
box-shadow:0px 10px 50px rgba(0,0,0,0.15);
background-color: var(--white);
border-radius: 14px;
overflow: hidden;
}
.contact-info ul li {
list-style: none;
display: block;
width: 33.33%;
text-align: center;
padding: 47px 20px 44px;
position: relative;
overflow: hidden;
z-index: 2;
}
.contact-info ul li::after {
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
position: absolute;
width: 100%;
height: 200%;
content: "";
top: 110%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
background-color: var(--primary-one);
}
.contact-info ul li.active::after, .contact-info ul li:hover::after {
top: -40%;
}
.contact-info ul li.active .contact-info__icon,
.contact-info ul li:hover .contact-info__icon {
color: var(--white);
}
.contact-info ul li.active .contact-info__icon i,
.contact-info ul li:hover .contact-info__icon i {
transform: rotateY(360deg);
}
.contact-info ul li.active .contact-info__title,
.contact-info ul li:hover .contact-info__title {
color: var(--white);
}
.contact-info ul li.active .contact-info__text,
.contact-info ul li:hover .contact-info__text {
color: var(--white);
}
.contact-info__icon {
font-size: 45px;
line-height: 45px;
color: var(--primary-one);
transition: all 500ms ease;
margin-bottom: 24px;
}
.contact-info__icon i {
display: block;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.contact-info__title {
font-size: 20px;
font-weight: 500;
transition: all 500ms ease;
margin-bottom: 9px;
}
.contact-info__text {
font-size: 24px;
transition: all 500ms ease;
margin-bottom: 0;
}
.contact-info__text a {
color: inherit;
text-decoration: none;
}
.contact-info__text a:hover {
color: var(--white);
}
.google-map {
width: 100%;
}
.google-map iframe {
display: block;
border: none;
outline: none;
width: 100%;
height: 500px;
}
/********* Inner Page Common *********/
.pageheader{position: relative; padding:30px 0; background: #f5f5f5;}
.pageheader h1{text-align: center; font-size: 40px; color:#0977bc; margin-bottom: 0;}
.pageheader p{text-align: center; margin-bottom: 0;}
.about-tagline {
background: var(--primary-one);
border-radius: 0 0 25px 25px;
text-align: center;
padding: 40px;
font-size: 30px;
font-weight: var(--font-bold);
font-style: italic;
color: var(--white);
font-family: var(--font-montserrat);
}
.postimg22{margin-bottom: 10px;}
.postimg22 img{border-radius:25px 25px 0 0;}
.trustinfo .dbtitle h3{max-width:830px; margin: 0 auto; margin-bottom: 20px;}
.trustinfo .dbtitle p{max-width: 970px; font-size: var(--primary-size);}
.trustbox{margin-top:40px; text-align: center;}
.trustbox .postimg12{margin-bottom: 20px;}
.trustbox .postimg12 img{border-radius: 15px;}
.trustbox h3{font-size:var(--heading-5); color: var(--primary-one); font-weight: var(--font-bold);}
.customertxt {
padding-left:100px; padding-top: 50px;
}
.customertxt .dbtitle h3{text-align: left;}
.wedotext{padding-left: 30px;}
.wedotext .dbtitle{text-align: left;}
/******** Cart *********/
.cartTable .thead-light th{background: #f5f5f5; border-right: 1px solid #ddd;}
.cartTable .media-heading{margin-bottom: 0;}
.cartTable .media-heading a{font-size: 18px; color: var(--primary-one); text-decoration: none;}
.cartTable .subheading{font-size: 14px; margin-bottom: 0;}
.removeico{color: red;}
.cartbtns{border-top: 1px solid #ddd; padding-top:20px; margin-top: 15px; display: flex; justify-content:
space-between;}
.cartbtns .btn{padding: 10px 25px; font-weight: 700; background: #fff ; color: #000;}
.cartbtns .btn.primary{background: var(--primary-one); color: #fff;}
.cartbtns .btn:hover{background: #000; color: #fff;}
.pricebox{border: 1px solid #ddd; padding: 35px; background: #eee;}
.pricebox h5{font-size: 16px;}
.fc-dayGridMonth-view table th a, .fc-dayGridMonth-view table td a{text-decoration: none;}
.fc-col-header{background-color: #eee;}
.fc-col-header .fc-col-header-cell-cushion{color: #000; padding: 5px;}
.submodal{justify-content: normal;}
.submodal .btn{padding: 12px 25px;}
#card-element{border: 1px solid #ddd; padding: 15px; border-radius: 5px;}
.payment_success{background: #fff; padding: 50px; box-shadow: 0px 0px 50px rgba(30, 30, 30, 0.1); border-radius: 15px;
border: 1px solid var(--primary-one); max-width: 700px; margin: 40px auto;}
.payment_success p{font-size: 22px; margin-bottom: 0;}
.payment_success .scimg{max-width: 250px; position: relative; margin: 0 auto; margin-bottom: 30px;}
.payment_success a{color: var(--primary-one);}
.animated-check {
height: 6em;
width: 6em;
position: absolute;
right: 15px;
top: 24px;
}
.animated-check path {
fill: none;
stroke: #12af77;
stroke-width: 3;
stroke-dasharray: 20;
stroke-dashoffset: 20;
animation: draw 1s linear forwards;
stroke-linecap: round;
stroke-linejoin: round
}
@keyframes draw {
to {
stroke-dashoffset: 0
}
}
/* Chat */
.chatwraper{background: #f1f5f9; display: flex; margin:30px; border-radius: 20px;}
.activetaskslist{background: #e2e8f0; width:250px; padding:30px; border-radius: 20px 0 0 20px;}
.taskuserslist{width:350px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 3px 5px #0000000b; border-right:
none; border-radius: 0.6rem 0 0 0.6rem; margin: 30px 0; height:700px; padding-top: 150px; position: relative; overflow:
hidden; margin-left: 30px;}
.taskerchat{max-width: 100%; flex: 1 1 0%; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 3px 5px #0000000b;
border-radius:0 0.6rem 0.6rem 0; margin:30px 30px 30px 0; height: 700px;}
.activetaskslist h4{color: #000; font-weight: var(--font-bold); font-size: 18px; border-bottom: 1px solid
rgba(0,0,0,0.1); padding-bottom: 15px;}

.activetaslinks{height: 580px; margin-bottom: 0; overflow-y: auto;}

.activetaskslist .activetaslinks li a{display:block; color:#475569; padding:10px 15px 10px 0; border-radius:5px;
position: relative; margin-bottom: 0.25rem; border-bottom: 3px solid transparent;}
.activetaskslist .activetaslinks li a strong{display: block; font-size: 16px;}
.activetaskslist .activetaslinks li a span{display: block; font-size: 14px;}
.activetaskslist .activetaslinks li a:hover{background: #f1f5f9; border-bottom: 3px solid rgb(0 0 0 / 8%); padding-left:
15px;}
.activetaskslist .activetaslinks li a.active{background:#bfdcfb; color: #000; border-bottom: 3px solid rgb(0 0 0 / 8%);
padding-left: 15px;}
/* .activetaskslist .activetaslinks li a.active:after {
content: "";
width: 20px;
height: 80px;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin-top: auto;
margin-bottom: auto;
background-image:url(../images/navcurve.svg);
margin-right: -36px;
z-index: 1;
} */
.msgtabs{margin: 30px; margin-bottom: 0;}
.msgtabs a{display: inline-block; padding: 10px 30px; background: #eee; color: #333; font-weight: 700;
border-radius:7px; position: relative;}
.msgtabs a.active, .msgtabs a:hover{background: var(--primary-one); color: #fff;}
.msgtabs a.active:after{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid var(--primary-one);
content:'';
position: absolute;
left: 50%;
margin-left: -5px;
bottom: -10px;
}
.taskersearch .form-control{height: auto; line-height: normal; padding: 10px;}
.mesgslinks{margin-bottom: 10px; margin-top: 10px;}
.mesgslinks a{display: inline-block; color: #000; margin-right: 10px; position: relative;}
.mesgslinks a span{width: 24px; height: 24px; border-radius: 50%; padding: 0; line-height: 24px; font-size: 12px;}
.mesgslinks a.active{font-weight: 700;}
.taskchbox{position: absolute; top: 0; left: 0; right: 0; padding: 20px;}
.taskchbox h3{font-size: 20px; font-weight: 700; margin-bottom: 0; margin-right: auto;}
.taskchbox .viewtasklink{color: #777; width: 30px; height: 30px; background: #eee; border-radius:
50%; text-align: center; line-height: 30px; margin-left: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.taskchbox .viewtasklink:after{display: none;}
.taskchbox .viewtasklink:hover{background: var(--primary-one); color: #fff;}
.taskchbox p{margin-bottom: 0; font-size: 14px;}
.dropdown-menu{box-shadow: 0 3px 15px rgba(0,0,0,0.2); border-color: #ddd;}
.dropdown-menu a i{color: #ccc; width: 24px;}
.chatlist{padding: 20px; border-bottom: 1px solid #eee; display: flex; align-items: center; cursor: pointer;}
.chatlist:hover, .chatlist.active{background: #e2e8f0;}
.chatlist.unread{border-left: 4px solid var(--primary-one);}
.image-fit{width: 48px; height: 48px; margin-right: 15px; position: relative; flex: none;}
.image-fit>img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
top: 0;
width: 100%;
height: 100%;
border-radius: 9999px;
}
.userstatus{position: absolute; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; bottom: 0; right:
0;}
.userstatus.online{background: var(--success-color);}
.userstatus.away{background:#ec9b05;}
.userstatus.offline{background:#ddd;}
.usertitle{display: flex;}
.usertitle h6{font-size: 16px; margin-bottom: 0; font-weight:600;}
.timech{color: rgb(148 163 184); font-size: .75rem; margin-left: auto;}
.chuserinfo p{margin-bottom: 0; font-size: 13px; line-height: 16px;}
.chtaskbox{border-top: 1px solid #eee; height: 100%; overflow-y: auto;}
.chtaskbox::-webkit-scrollbar-track, .tskchatwrap::-webkit-scrollbar-track, .activetaskslist::-webkit-scrollbar-track,
.filtersidebar::-webkit-scrollbar-track{
background-color: transparent;
}
.chtaskbox::-webkit-scrollbar, .tskchatwrap::-webkit-scrollbar, .activetaskslist::-webkit-scrollbar,
.filtersidebar::-webkit-scrollbar{
width: 4px;
background-color:transparent;
}
.chtaskbox::-webkit-scrollbar-thumb, .tskchatwrap::-webkit-scrollbar-thumb, .activetaskslist::-webkit-scrollbar-thumb,
.filtersidebar::-webkit-scrollbar-thumb{
background-color: #444;
border: 2px solid transparent;
}
.taskerchatdata{flex-direction: column; display: flex; height: 100%;}
.taskerheader{flex-direction: row; display: flex; border-bottom: 1px solid #eee; padding:20px;align-items: center;}
.tskchatwrap{flex: 1 1 0%; overflow-y:scroll; padding: 20px;}
.chatform{border-top: 1px solid #eee; padding: 10px;}
.taskerheader .chatlist{padding: 0; border: none; cursor: auto;}
.taskerheader .chatlist:hover{background: none;}
.taskerheader .btn-primary{font-size: 14px; padding: 10px 20px;}
.chatform .btnchatfrm{display: flex; align-items: center; gap: 20px;}
.chatform .btnchatfrm textarea{border: none; width: 100%; height: 45px; padding: 0 10px; resize: none; line-height:
20px; overflow: hidden;}
.chatform .btnchatfrm textarea:focus{border: none; outline: none; box-shadow: none;}
.chatform .btnchatfrm .btn{width: 36px; height: 36px; background: var(--primary-one); color:var(--white); border-radius:
50%; text-align: center; padding: 0; flex: 0 0 36px;}
.mychatbox{display: flex; max-width: 59%; align-items: end; margin-bottom: 20px;}
.mychatbox .image-fit{width: 40px; height: 40px;}
.mychatbox .commentbox{background: #f1f5f9; border-radius: 5px; padding: 15px;}
.mychatbox .commentbox p{margin-bottom: 0; color: #2a3038; font-size: 16px; white-space: pre-wrap;}
.mychatbox .commentbox .comtdate{font-size: 13px; color: #677b97;}
.replychatbox{display: flex; max-width: 59%; align-items: end; margin-bottom: 20px; margin-left: auto; justify-content:
end;}
.replychatbox .image-fit{width: 40px; height: 40px; margin-right: 0; margin-left: 15px;}
.replychatbox .commentbox{background:var(--primary-one); border-radius: 5px; padding: 15px;}
.replychatbox .commentbox p{margin-bottom: 0; color: #fff; font-size: 16px; white-space: pre-wrap;}
.replychatbox .commentbox .comtdate{font-size: 13px; color: #adb6c2;}


.table tbody tr td{white-space: pre-wrap;}

/*************************************
Blog Start
*************************************/
.blogwposts{border-left: 1px solid #ddd; padding-left: 60px;}
.bloglist li{margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 40px;}
.bloglist li .post_title{font-size: 30px; font-weight: 700;}
.bloglist li .post_title a{color: #383838;}
.bloglist li .post_title a:hover{text-decoration: underline; color: #000;}
.bloglist li .postdate{margin-bottom: 10px; color: #888;}
.bloglist li .postimg{margin-bottom: 10px;}
.postbtn{margin-top: 10px;}
.postbtn a{display: inline-block; background: var(--primary-one); color: #fff; padding: 10px 25px; border-radius: 5px;}
.postbtn a:hover{background: #383838;}
.blogsidebar .widget{margin-bottom: 30px;}
.blogsidebar .widget .widget_title{font-size: 22px; font-weight: 700; color: #383838;}
.blogsidebar .widget .wdgtnav li{padding: 4px 0;}
.blogsidebar .widget .wdgtnav li a{color: #555;}
.blogsidebar .widget .wdgtnav li a:hover{color: #000;}
.sidebar-search-form {
position: relative;
}
.sidebar-search-form input[type="search"] {
border-radius: 4px;
border: 1px solid #ebedf5;
background: #f9fafc;
font-size: 16px;
padding: 10px 70px 10px 16px;
height: 60px;
width: 100%;
}
.sidebar-search-form button {
position: absolute;
right: 5px;
top: 5px;
bottom: 0px;
cursor: pointer;
border-radius: 4px;
background: var(--primary-one);
color: #ffffff;
border: 0;
font-size: 14px;
line-height: 50px;
height: 50px;
width: 52px;
}
.pagination .page-link{color: #383838;}
/*********************************************
faqs page start
**********************************************/
.faqs {
margin-bottom: 30px;
}
.faqcatetitle{font-size: 24px; font-weight: 600; color:var(--primary-one);}
.faqs .panel-default>.panel-heading {
background: none;
border: none;
padding: 0;
}
.panel-heading h4{margin-bottom: 0;}
.faqs h4 a {
padding:15px 55px 15px 15px;
display: block;
background:var(--primary-one);
color: #fff;
font-size: 18px;
position: relative;
text-decoration: none;
}
.accordion-item:not(:first-of-type){border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}
.accordion{margin-bottom: 40px;}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed{border-radius:
0;}
.accordion-collapse{border-width: 1px;}
.accordion-button.collapsed{border-bottom-width: 1px;}
.accordion-item{margin-bottom: 20px;}
.accordion-button:focus{border: none; box-shadow: none;}
.accordion-button:not(.collapsed){background: var(--primary-one); color:#fff;}
.panel-group h3{font-size:30px; margin-bottom:10px; margin-top:15px;}
.panel-group .panel {
border-radius: 0;
margin-bottom: 20px;
border:1px solid #eee;
}
.accordion-collapse .panel-body {
line-height: 24px;
color: #555;
padding:15px;
font-size: 14px;
}
.faqs h4 .collapsed:hover, .faqs h4 a:hover, .faqs h4 a:active {
text-decoration: none;
background:var(--primary-one);
color: #fff;
}
.faqs h4 a:before {
content: "\f068";
background: #fff;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 30px;
padding: 6px 0;
color:var(--primary-one);
position: absolute;
right: 15px;
top: 10px;
font-size: 16px;
display: inline-block;
text-align: center;
transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
line-height:18px;
border-radius:50%;
}
.faqs h4 .collapsed:before {
content: "\f067";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
background: #fff;
width: 30px;
padding: 6px 0;
color:var(--primary-one);
position: absolute;
right: 15px;
top: 10px;
font-size: 16px;
display: inline-block;
text-align: center;
transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
text-decoration: none;
}
.faqs h4 a.collapsed {
background: #fff;
color: #999;
text-decoration: none;
}



.cookiesbox{position: fixed; bottom: 30px; left: 0;  z-index: 100; width: 100%;}
.cookiesboxint{max-width: 1000px; margin:0 auto; display: flex; justify-content: space-between; gap: 30px; align-items: center; background: #202b58;  padding: 30px; border-radius: 10px; box-shadow: 0 0 40px rgba(0,0,0,0.4);}
.cookiebtns{flex-shrink: 0;}
.cookiesbox h4{color: #fff; font-size: 20px; font-weight: 700;}
.cookiesbox p{color: rgba(255,255,255,0.7);}
.cookiebtns a{display: block; padding: 10px 25px; color: #fff; font-size: 16px; margin: 5px 0; border-radius: 5px; text-align: center; font-weight: 600;}
.cookiebtns a.viewcp{background: var(--secondary-color);}
.cookiebtns a.accept{background: var(--primary-one);}
.cookiebtns a:hover{background: #fff; color: #000;}


.cmspages h4{font-size: 24px; font-weight: 700; color: #015b9c;}
.cmspages h5{font-size: 20px; font-weight: 600;}
.cmspages h6{font-size: 16px; font-weight: 600;}
.cmspages ul{list-style: disc; margin-left: 40px;}
.cmspages ul li ul{list-style: circle;}
.cmspages ul li{margin-bottom: 5px;}
.cmspages ol{list-style:decimal; margin-left: 40px;}
.cmspages ol li{margin-bottom: 5px;}


/*********************************************
Media Screen css
*********************************************/
@media screen and (max-width: 1320px) {
.connectbtn, .btn-white{padding: 12px 15px;}
.navbar-nav li{padding: 0 15px;}
}
@media screen and (max-width: 1290px) {
.navbar-nav li{padding: 0 15px;}
.btn-white, .connectbtn{padding: 10px 15px;}
.header-wrap{padding: 15px 0;}
.logo{margin-top: 10px;}
}
@media screen and (max-width: 1200px) {
.navbar-expand-lg .navbar-nav .nav-link{padding: 10px 0 10px 0;}
.header-wrap .phonewrp:first-child{margin-left: 0;}
.navbar-nav li {
padding: 0px 14px 0 14px;
}
}
@media screen and (max-width: 1150px) {
.navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}
}
@media screen and (max-width: 990px) {

.navbar-nav li.dropdown{padding-left: 0;}
.navbar-expand-lg .navbar-nav .nav-link{border-bottom: none;}
.navbar-collapse {
position: fixed;
top: 0px;
bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: rgba(0,0,0,0.8);
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
z-index: 10000;
}
.navbar-collapse.show {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.navbar-light .navbar-toggler{
display: block;
position: absolute;
top: 15px;
right: 30px;
background: #fff;
padding: 10px 14px;
font-size: 20px;
border-radius: 5px;
}
.close-toggler {
background: none;
color: #fff;
padding: 5px;
border: none;
margin-top: 10px;
font-size: 24px;
position: absolute; top: 0; right: 15px;
display: block;
}
.close-toggler i{font-size: 24px;}

.navbar-nav > li {
display: block;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
}
.navbar-nav{padding-top: 50px;}
.connectbtn{margin-left: 0; margin-top: 15px;}
.dropdown-menu a {color: #333 !important;}

.joinpioneer{padding-left: 0; padding-bottom: 30px;}

.slider-wrap{height: auto; padding: 200px 0;}
.slider-wrap h1{font-size: 60px;}
.contact-info ul li {
width: 100%;
border-bottom: 1px solid #eee;
}
.secimg{margin-top: 40px;}
.partnerslist li{width: 25%;}
.whywork:before{display: none;}
.whywork{background: #f4f6f8;}
.whworkbox{text-align: center; margin-top: 30px;}
.wedotext{padding-left: 0; margin-top: 40px;}
.postimg22{margin-top: 40px;}
.techlist li{width: 16.6%;}
.section{padding: 50px 15px;}
.customertxt{padding-left: 0; padding-top: 30px;}
.whowecontent{padding-right: 0;}
.txtsec1 .secimg{margin-top: 20px; margin-bottom: 30px;}
.postimg{margin-top: 40px;}
.sbimg{margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
.slider-wrap{padding: 50px 0; background: #ebebeb;}
.slider-wrap h2{padding: 10px 15px; font-size: 16px;}
.catebox{margin-top: 10px;}
.cateico{width:40px; height: 40px;}
.pioneertasker{padding: 15px;}
.pioneertasker h3{margin-bottom: 10px;}
.hmcourses .d-flex{flex-wrap: wrap;}
.hmcourses .d-flex .btn-white{margin-left: 0 !important;}
.choosebox{display: block;}
.chooseico{margin-bottom: 10px;}
.about-tagline{padding: 30px; font-size: 22px;}

.copy-right{text-align: center;}
.partnerslist li{width: 33%;}
.dbtitle h3{font-size: var(--heading-4);}
.techlist li{width: 20%;}
.quick-links{margin-bottom: 40px;}
.payments{margin-bottom: 40px;}
.discussbg h3{font-size: var(--heading-4);}
.servtext{padding-right:0; padding-top: 20px;}
.servpostimg{margin-top: 40px;}
.serviceslisting li:nth-child(2n) .servtext{padding-left: 0;}
.benefitbx{min-height: 125px;}
.pagestitle{padding: 30px 0;}
.pagestitle h1{font-size: 30px;}
.ctblock{margin-bottom: 30px;}
.dbtitle h3{font-size: var(--sub-size);}
.pioneertasker h3{font-size: var(--sub-size);}
.footer .btn-link{margin-bottom: 20px;}

.chatwraper{display: block;}
.taskerchat{margin:30px 0 0 0; border-radius: 15px;}
.activetaskslist{border-radius: 15px; width: auto; padding: 20px;}
.sortbtns{display: block;}
.tbsbtns{margin-bottom: 15px;}
.sortbtns .sortmenu{margin-bottom: 10px;}
.leadpostimg{margin-bottom: 10px;}
.estprice{text-align: left;}
.miles{text-align: left !important;}

}
@media screen and (max-width: 480px) {
.navbar-collapse{width: 100%;}
.partnerslist li{width:50%;}
.techlist li{width:33.3%;}
.pageheader{padding: 20px 0;}
.pageheader h1{font-size: var(--heading-5);}
.logo{padding-right: 90px;}
}
.iti {
position: relative;
display: block; }
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.iti__hide {
display: none; }
.iti__v-hide {
visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px; }
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555; }
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.iti__country-list {
white-space: normal; } }
.iti__flag-box {
display: inline-block;
width: 20px; }
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.iti__country {
padding: 5px 10px;
outline: none; }
.iti__dial-code {
color: #999; }
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
vertical-align: middle; }
.iti__flag-box, .iti__country-name {
margin-right: 6px; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.iti--container:hover {
cursor: pointer; }
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.iti__flag {
width: 20px; }
.iti__flag.iti__be {
width: 18px; }
.iti__flag.iti__ch {
width: 15px; }
.iti__flag.iti__mc {
width: 19px; }
.iti__flag.iti__ne {
width: 18px; }
.iti__flag.iti__np {
width: 13px; }
.iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px; } }
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("../images/flags.png");
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url("../images/flags@2x.png"); } }
.iti__flag.iti__np {
background-color: transparent; }
.select2-hidden-accessible {
display: none;
}
/* Set the width of the Select2 dropdown container to auto */
.select2-dropdown {
width: auto !important;
}
/* Reduce the width of the search box */
.select2-search__field {
width: 120px; /* Adjust the width as needed */
}
/* Style the Select2 options */
.select2-results__option {
padding: 8px 12px;
font-size: 14px;
color: #333;
}
/* Style the highlighted option */
.select2-results__option--highlighted {
background-color: #f2f2f2;
}
/* Style the Select2 options on hover */
.select2-results__option:hover {
background-color: #eaeaea;
cursor: pointer;
}
.invalid-feedback{
display: block;
}
.image-container{
display: flex;
}
.deleteIcon {
background-image: url(https://api.maydaytask.com//back/images/delete_icon.gif);
width: 16px;
height: 17px;
display: inline-block;
position: absolute;
margin-top: -13px !important;
border: 0px solid;
box-shadow: 0px 0px 0px;
cursor: pointer;
}
.modal-success-task-body{
text-align: center;
padding:20px;
}
.modal-success-task-body .first-title{
margin-top: 20px;
}
.modal-success-task-body .complete-message{
font-size: 16px;
margin-top: 10px;
}
/* .swal-button--purchase {
background-color: #28a745;
color: white;
padding: 10px 20px;
border-radius: 5px;
}
.swal-button--cancel {
background-color: #dc3545;
color: white;
padding: 10px 20px;
border-radius: 5px;
} */
.purchase-popup .swal-modal {
width: 600px !important;
height: auto !important;
}
.purchase-popup .swal-title {
font-size: 24px !important;
}
.purchase-popup .swal-text {
font-size: 18px !important;
}
.nothing_show{
display: none;
}
/* Pre-Loader CSS*/
#loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color:rgba(255,255,255,0.8);
z-index:999999;
}
.loadspin {
width: 48px;
height: 48px;
border: 3px solid #555;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
}
.loadspin:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border-radius: 50%;
border: 3px solid transparent;
border-bottom-color: #f16922;
}
@-webkit-keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.phone-drop .col-lg-5{padding-right: 0;}
.phone-drop .col-lg-7{padding-left: 0;}
.phone-drop .select2-selection__rendered{
display: block;
border: 1px solid #eee;
border-radius: 6px 0 0 6px;
padding: 13px 10px;
border-right: 0;
}
.phone-drop .form-control{border-radius:0 6px 6px 0;}
.select2-container--default.select2-container--open{
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.select2-search--dropdown{padding: 10px;}
.select2-search__field{width: 100%; border: 1px solid #ddd;}
.select2-results__options li{border-top: 1px solid #eee}
.select2-results__options li:empty{display: none;}
.select2-results{ display: block;
height: 300px;
overflow: auto;}
.select2-search{padding: 10px; display: block;}
.select2-search__field{
border: 1px solid #ddd;
padding: 7px 10px;
border-radius: 3px;
width: 100%;
}
.css-qbdosj-Input{
height: 40px;
}
.WorkDay{
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
    text-align: center;
}
.workday-item p{margin-bottom: 5px; font-weight: 600;}
.WorkDay .btn-toggle {
position: relative;
margin-top: 0;
width: 80px;
height: 36px;
padding: 5px 10px;
background-color: #fff;
border-radius:70px;
border: none;
box-shadow: 0 0 10px rgb(0 48 255 / 20%);
}
.WorkDay .btn-toggle .handle {
width:30px;
height: 30px;
background-color: #eee;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5px;
transition: left 0.3s ease;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(226,231,235,1) 57%, rgba(255,255,255,1) 64%, rgba(209,211,219,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(226,231,235,1) 57%, rgba(255,255,255,1) 64%, rgba(209,211,219,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(226,231,235,1) 57%, rgba(255,255,255,1) 64%, rgba(209,211,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d1d3db",GradientType=1);
}
.WorkDay .btn-toggle.active .handle {
left: calc(100% - 34px);
}
.WorkDay .btn-toggle.active {
background-color: #0977bc;
}
.document-verification .wt-panel-body {
padding: 30px 20px;
min-height: 150px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.document-verification .wt-card-wrap-2 {
text-align: center;
}
.document-verification .wt-card-icon-2 {
font-size: 40px;
margin-bottom: 10px;
}
.document-verification .wt-card-right h4 {
font-size: 18px;
}
.popular-searches {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 30px;
}
.popular-searches span {
font-weight: bold;
color: #333;
}
.search-tag {
display: inline-block;
padding: 5px 10px;
background-color: #c1e0ff;
color: #060606;
text-decoration: none;
border-radius: 15px;
font-size: 14px;
cursor: pointer;
}
.search-tag:hover {
background-color: #fff;
}
.see-more {
color: #007bff;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}
.see-more:hover {
text-decoration: underline;
}

.documentlistbox{
    background: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 30px;
}
.documentlistbox .wt-card-icon-2{position: static;}
.documentlistbox .wt-card-wrap-2{color: #5a5a5a;}
.documentlistbox .wt-card-right{margin-bottom: 0; text-align: center;}
.documentlistbox:hover{border-color:#f16922;}
.documentlistbox:hover .wt-card-wrap-2{color: #f16922;}


.chatform .attachedfile{cursor: pointer; display: flex; align-items: center;}
.chatform .attachedfile i {font-size: 20px; color: #555;}
.chatform .attachedfile #file-attach{display:none;}
.custom-textarea {
    font-size: 1.2rem;
    padding: 8px;
    line-height: 1.6;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
}

.custom-checkbox{
    line-height: 45px;
    font-size: large;
}


.myjobtable td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    overflow: visible;
}


.warning-message {
    background-color: #fff3cd;
    color: #856404;
    padding: 20px;
    border-left: 5px solid #ffecb5;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}