*{margin:0; padding:0; box-sizing:border-box;}

@font-face {font-family: 'Poppins'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/Poppins-Regular.woff2') format('woff2')}
@font-face {font-family: 'Poppins'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Poppins-Medium.woff2') format('woff2');}
@font-face {font-family: 'Poppins'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');}
@font-face {font-family: 'Poppins'; font-weight: bold; font-style: normal; font-display: swap; src: url('../fonts/Poppins-Bold.woff2') format('woff2');}


body{font-family:'Poppins',sans-serif; font-weight: 400; background:#fff; color:#000; font-size: 14px; letter-spacing: .5px; scroll-behavior: smooth;}
a{text-decoration:none;}

.colorgray {color: #484848;}
.maincolor{color: #42d46a}
.myshadow{box-shadow: 0 1px 10px rgba(0, 0, 0, .15);}
.fw600{font-weight: 600;}
.mymt{margin-top: 60px;}
.mymt-40{margin-top: 40px;}
.mylinehright{line-height: 24px;}
.mybtn{padding:10px 14px; border-radius: 8px; background: #42d46a; color: #000; font-size: 15px; display: inline-block; border: none;}
.mybtn:hover{background: #000; color: #fff;}
.modalbtn {display: inline-block; margin-top: 5px; font-size: 14px; color: #01651D; font-weight: 500; border: none;}

.btn-gradient{background:linear-gradient(180deg, #42D46A 0%, #8FEBA8 100%); color:#000; border:none; font-weight:500;}
.btn-gradient:hover{color:#fff; opacity:.9;}
.btn-whitebg{border:1px solid #42d46a; color:#000; background:#fff;}
.btn-whitebg:hover{background:#000; color:#fff; border-color:#000;}
.btn-bordered {border: 1px solid #000; background: transparent;}
.btn-bordered:hover{background:#000; color:#fff; border-color:#000;}

.mymodal .modal-content .modal-body {position: relative;}
.mymodal .modal-content .modal-body .btnclose { position: absolute; right: 7px; top: 5px; color: #ff0000; opacity: 1; border: none; background: no-repeat;}
.mymodal .modal-content .modal-body .btnclose svg {width: 30px; height: 30px;}
.mymodal .modalcontent .modaltitle {margin-top: 22px; text-align: center; font-size: 18px; font-weight: 600;}

.datalist-dropdown {border-radius: 12px; max-height: 200px; overflow-y: auto; overflow-x: hidden; padding: 0; border-color:#00d475;}
.datalist-dropdown li {border-bottom: 1px solid #00d475; font-size:15px}
.datalist-dropdown li:last-child{border-bottom: none;}
.datalist-dropdown li .dropdown-item {padding: 13px 18px; background: #f6fff9;}
.datalist-dropdown li .dropdown-item:hover {background: #42d46a; color: #000;}

.ratingstar i {position: relative; top: -2px;}
.ratingstar i svg {color: #fbab0c;}
.ratingstar .ratingcount {font-weight: 500; font-size: 13px;}

.reqfieldstar{color:#dd1163; font-size: 13px;}
.input-error{border:1px solid red !important;}
.error-msg{color:red; font-size:13px; display:block; margin-top:10px;}

.btncenter{margin-top: 35px;}
.positionsticky{position: sticky; top: 30px;}

.mypagination {margin-top: 35px;}
.mypagination .pagination {justify-content: center; flex-wrap: wrap;}
.mypagination li.page-item {margin-right: 5px; font-weight: 500;}
.mypagination li.page-item .page-link {border-radius: 3px; display: flex; align-items: center; justify-content: center; border: 1px solid #000; color: #000;
    font-size: 14px; padding: 5px 10px; margin-left: 6px; width: 40px; height: 40px; border-radius: 100%;}
.mypagination li.page-item .page-link .bi:before {font-weight: bold !important;}   
.mypagination li.page-item.disabled .page-link {background: transparent;}
.mypagination li.page-item.active .page-link {background: #42d46a; border-color: #42d46a;}
.mypagination li.page-item .page-link.active{background-color: #42d46a; border-color: #42d46a;}
.mypagination li.page-item .page-link:hover {background-color: #42d46a; border-color: #42d46a;}


/*********** Mynavbar Section Css Start **************/
.mynavbar .logo img{width: 200px; height: 26px;}
.mynavbar .navbar-nav .nav-link{font-weight:500; color:#000; margin:0 8px; font-size: 15px; cursor: pointer; position: relative;}
.mynavbar .navbar-nav .nav-link:hover{color:#42d46a;}
.mynavbar .navbar-nav .mybtn {color: #000;} 
.mynavbar .navbar-nav .mybtn:hover{color: #fff;}
.mynavbar .navbar .mybtn{padding: 8px 12px; font-size: 14px;}
.mynavbar .navlogin .navreviewbtn {margin-right: 15px;}
.mynavbar .navlogin .user-login a {color: #42d46a;}
.mynavbar .navlogin .user-login .dropdown-menu {padding: 0;}
.mynavbar .navlogin .user-login .dropdown-menu li{border-bottom:1px solid #ccc;}
.mynavbar .navlogin .user-login .dropdown-menu li:last-child{border-bottom:none;}
.mynavbar .navlogin .user-login .dropdown-menu li a {color: #000; font-size: 14px; padding: 12px 15px;}
.mynavbar .navbar-toggler {background: #000;}
.mynavbar .navbar-toggler span {background-image: none; background-color: #fff; width: 18px; height: 1px; margin: 6px 0; display: block;}

.mynavbar .navbar-nav .dropdown-menu {border-radius: 15px; padding: 0; border: none; box-shadow: 0px 2px 8px -2px rgba(165, 40, 89, .5); margin-bottom: 8px;}
.mynavbar .navbar-nav .dropdown-menu li a {font-weight: 500; padding: 10px 15px; border-bottom: 1px solid #efefef; font-size: 14px;}
.mynavbar .navbar-nav .dropdown-menu li:last-child a {border: none;}
.mynavbar .navbar-nav .dropdown-menu li a:hover{background-color:transparent; color: #42d46a;}
.mynavbar .navbar-nav .dropdown-toggle::after{display: none;}

/* Only apply hover effects on desktop layouts */
@media (min-width: 992px) {
  .navbar-nav .nav-item.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
} 

/*********** Mynavbar Section Css End **************/


/*********** Searchbox Section Css Start **************/
.searchbox-sec{display:flex; align-items:center; background:#fff; padding:0 10px; border-radius:40px; box-shadow:0 1px 10px rgba(0,0,0,.2); margin:30px auto; 
    max-width:700px; position: relative; overflow: visible;}
.searchbox-sec i{font-size:18px; margin:0 10px 0 8px; color:#019129;}
.searchbox-sec i svg{width: 18px; height: 18px;}
.searchbox-sec input{border:none; flex:1; outline:none; font-size:15px; height: 65px;}
.searchbox-sec .mybtn{padding:10px 30px; border-radius:30px;}
/* .searchbox-sec .datalist-dropdown {position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -100px;} */
.searchbox-sec.searchbox-overflow {overflow: hidden;}

.countryautodropdown{position: relative;}
.countryautodropdown .datalist-dropdown {position: absolute; top: calc(100% + 2px); /* below search box */ left: 0; right: 0; width: 100%; margin: 0; z-index: 9999;
    display: none; max-height: 250px; overflow-y: auto;}
.countryautodropdown .datalist-dropdown.show {display: block;}
#companySuggestions .company-item.active {background-color: #42d46a; color: #fff;}
/*********** Searchbox Section Css End **************/


/*********** Breadcrumb Section Css Start **************/
.breadcrumb-sec {margin-top: 20px;}
.breadcrumb .breadcrumb-item{font-size: 13px;}
.breadcrumb .breadcrumb-item a {color: #000;}
.breadcrumb .breadcrumb-item a:hover{color: #42d46a; }
/*********** Breadcrumb Section Css End **************/

.sectionheading{font-size: 24px; font-weight: 600;}
.sectionheadinginner{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.main-heading {color: #000; font-size: 26px; font-weight: 600; margin-bottom: 35px; text-align: center;}
.section-head-info {text-align: center;  max-width: 800px; margin: 0 auto 30px;}
.section-head-info .section-title {display: inline-block; background: #42d46a; color: #000; padding: 4px 18px; border-radius: 22px; font-size: 14px; margin-bottom: 15px;}
.section-head-info .main-heading {margin-bottom: 12px;}
.section-head-info .section-subheading {color: #4b5563;}


.herosec{padding:60px 0 20px; background:#f9f0e3;}
.herosec h1{font-size:45px; font-weight:600;}
.herosec h1 span{color:#42d46a;}
.herosec .herosubheading{max-width:720px; margin:15px auto; font-size:16px; color:#666;}
.herosec-btn{display:flex; justify-content:center; gap:20px; margin-top:35px;}
.herosec .hero-btn .mybtn {width: 185px; margin-bottom: 10px;}

.totalrevies{margin-top:35px; display:grid; grid-template-columns:repeat(3,1fr); background:#fff; border-radius:20px; box-shadow:0 1px 10px rgba(0, 0, 0, .15); overflow:hidden;}
.totalrevies .totalreviesitem{padding:30px 15px; text-align:center;}
.totalrevies .totalreviesitem:nth-child(2){border-left:1px solid #ddd; border-right:1px solid #ddd;}
.totalrevies .totnum{font-size:25px; font-weight:600;}
.totalrevies p{margin:0; font-size:16px;}

.verconupto-sec{background:#f9f0e3; padding:18px 0;}
.verconupto-box{align-items:center;}
.verconupto-icon{ width:64px; height:64px; min-width:64px; background:#fff; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-right:14px;}
.verconupto-icon i{font-size:36px; color:#8d2953;}
.verconupto-content .titleverconupto{font-size:18px; font-weight:600; margin-bottom:6px;}
.verconupto-content p{margin:0; font-size:15px; color:#2a2a2a;}

.howcanhelp-sec .canhelp-content {padding: 15px;}
.howcanhelp-sec .canhelptype {border-left: 35px solid #42d46a; font-size: 13px;}
.howcanhelp-sec .canhelptype .sectionheading {font-size: 16px; margin-bottom: 8px;}
.howcanhelp-sec .canhelptype .modalbtn {padding: 0; font-size: 13px; display: flex; align-items: center;}
.howcanhelp-sec .canhelptype .modalbtn i {margin-left: 5px;}

.reviewsrow{display:flex; flex-wrap:wrap; gap: 30px 2%;}
.reviewsrow .reviewscol{width: 32%; padding: 15px;}
.reviewsrow .reviewlogoname {display: flex; align-items: center;}
.reviewsrow .reviewlogo {width: 50px; height: 50px; min-width: 50px; background: #42d46a; border-radius: 100%; display: flex; align-items: center; justify-content: center;
    margin-right: 14px; font-weight: 500;}

.reviewsrow .reviewname .reviewcompany {font-weight: 600; margin-bottom: 3px; display: block;}
.reviewsrow .reviewscol .reviewdesc {margin-top: 18px;}
.reviewsrow .reviewscol .ratingread-btn {display: flex; justify-content: space-between; gap: 1%; align-items: center; border-top: 1px solid #ebeaea; padding-top: 15px;
    margin-top: 25px;}
.reviewsrow .ratingread-btn .readmorebtn .mybtn {font-size: 13px; padding: 8px 8px;}

.btnright {text-align: right; margin-top: 25px;}
.btnright a {color: #1e1e1e; display: inline-block;}
.btnright a:hover{color: #42d46a;}


.comapnycategories-sec .rowcomapnycategories {display: flex; flex-wrap: wrap; justify-content: center; gap: 25px 2%;}
.comapnycategories-sec .rowcomapnycategories .colcomapnycategories{width: 23.4%; text-align: center; overflow: hidden;}
.comapnycategories-sec .comapnycategories-icon {margin-top: 20px;}
.comapnycategories-sec .comapnycategories-icon img{width: 75px; height: 75px;}
.comapnycategories-sec .comapnycategoriesname {background: #42d46a; margin-top: 15px; font-weight: 500; padding: 8px; font-size: 15px;}


.blogcol-row {display: flex; gap: 25px 2%; flex-wrap: wrap;} 
.blogcol-row .blogcol {width: 32%; padding: 15px;} 
.blogcol-row .blogcol a{color: #000;}
.blogcol-row .blogcol .blog-heading {font-weight: 600; font-size: 15px;}
.blogcol-row .blogcol .blog-date-category {display: flex; gap: 2%; font-size: 12px;}
.blogcol-row .blogcol .blog-date-category i {position: relative; top: -2px;}
.blogcol-row .blogcol .blog-readbtn {text-align: center;}
.blogcol-row .blogcol .blog-readbtn .mybtn {font-size: 13px; padding:8px 15px;}


/***************** CAT Banner Section Css Start **********************/
.ctabanner-row {background: #42d46a; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2%; padding: 30px 30px; align-items: center; border-radius: 15px; 
   margin: 0 auto;}
.ctabanner-row .ctabanner-leftcol{width: 50%;}
.ctabanner-leftcol p {font-size: 15px;}
.ctabanner-leftcol .cta-heading {font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.ctabanner-row .ctabanner-rightcol {width: 48%;}
.ctabanner-row .ctabanner-rightcol .mybtn {width: 185px; font-weight: 500; margin-top: 10px;}
.ctabanner-row .ctabanner-rightcol .btn-whitebg {border: none;}
.ctabanner-row .ctabanner-rightcol .btn-whitebg:hover {color: #fff;}

.ctabanner-gradient .ctabanner-row{background: linear-gradient(180deg, #42D46A 0%, #8FEBA8 100%);}
/*****************  CAT Banner Section Css End **********************/


/***************** Footer Css Start **********************/ 
footer{margin-top: 50px; box-shadow: 0px -2px 4px 0px rgb(231 231 231);}
.foot-logo, .foot-usefull-sec {margin-top: 22px;}
.foot-logo .footlogo-img {width: 200px; height: auto;}
.foot-logo p {margin-top: 12px; font-size: 14px; padding-right: 10%;}

footer h5, .foot-nav-head {font-size: 15px; font-weight: 600; margin-bottom: 12px; position: relative;}
footer ul {padding-left: 0; list-style: none; margin-top: 15px; font-size: 14px;}
footer ul li {margin: 10px 0;}
footer ul li a{text-decoration: none; color: #000; position: relative; padding-bottom: 6px;}
footer ul li a:before {content: ''; transition: all ease .5s; background: #42d46a; bottom: 1px; height: 1px; right: 100%; position: absolute;}
footer ul li a:hover {color: #42d46a; -webkit-transition: all ease .8s; transition: all ease .8s; text-decoration: none;}
footer ul li a:hover:before {left: 0; right: 0;}

footer .foot-social {display: flex; margin-top: 18px; background: #fff;}
footer .foot-social a {display: flex; align-items: center; justify-content: center; width: 35px; height: 35px;  border-radius: 50%; font-size: 16px; background: #000; color: #fff; margin-right: 10px; transition: 0.3s;}
footer .foot-social a:hover{background: #02912a;}
footer .foot-social a:last-child {margin-right: 0;}

footer .foot-copy-sec {background: #42d46a; text-align: center; font-size: 11px; font-weight: 500; padding: 8px; margin-top: 35px;}
footer .foot-copy-sec p{margin-bottom: 0;}

/***************** Footer Css End **********************/


/***************** Review Form page Css Start **********************/ 
.reviewform-sec {background: #f9f0e3; padding: 60px 0;}
.reviewform {max-width: 900px; margin: 0 auto; background:#fff; border-radius:22px; padding:30px 25px; box-shadow:0 3px 10px rgba(0,0,0,.15);}
.reviewform .form-label{font-size:15px; font-weight:600; margin-bottom:15px;}
.reviewform .form-label small{font-size:13px; color:#555;}
.reviewform .custom-input{height:58px; border-radius:14px; border:1px solid #ddd; box-shadow:0 2px 8px rgba(0,0,0,.12); font-size:15px; padding:12px 12px; font-style:italic;}
.reviewform .custom-textarea{height:220px; border-radius:14px; border:1px solid #ddd; box-shadow:0 2px 8px rgba(0,0,0,.12); font-size:15px; padding:15px 15px; resize:none;
     font-style:italic;}

/* Rating */

.reviewform .rating{display:flex; flex-direction:row-reverse; justify-content:flex-end;}
.reviewform .rating input{display:none;}
.reviewform .rating label{font-size:50px; color:#d5d5d5; cursor:pointer; margin-right:10px;}
.reviewform .rating label:hover,
.reviewform .rating label:hover~label,
.reviewform .rating input:checked~label{
    color:#42d46a;
}

/* Upload */
.reviewform .upload-box{border:2px dashed #bdbdbd; border-radius:12px; height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center;
    cursor:pointer; color:#666; transition:.3s; padding: 0 15px; text-align: center;}
.reviewform .upload-box.dragover{border-color:#42d46a; background:#fdf0f5;}
.reviewform .upload-box i{margin-bottom:15px; color:#aba6a6;}
.reviewform .upload-box .dragdroptext{font-size:13px; font-style:italic; font-weight:400; margin-bottom: 0;}

.reviewform .selected-files{margin-top:10px; font-size:13px; color:#42d46a; text-align:center; word-break:break-word;}
.reviewform .selected-files div{margin-top:3px;}

.reviewform .form-check .form-check-input{border: 1px solid #747474;}
.reviewform .form-check .form-check-label {color: #4a4a4a;}
.reviewform .btnreviewform .mybtn {padding: 10px 25px; font-size: 16px; letter-spacing: 0.5px;}
.reviewform .btnreviewform .mybtn i {position: relative; top: 0px;}


.reviewform .fileuploadfield .preview-container{display:flex; flex-wrap:wrap; gap:15px; margin-top:20px;}
.reviewform .fileuploadfield .preview-item{width:100px; position:relative; background: #fafafa; padding: 5px; font-size: 12px; border: 1px solid #ddd; border-radius: 10px;}
.reviewform .fileuploadfield .preview-item img, .fileuploadfield .preview-item video{width:80px; height:80px; object-fit:cover; border-radius:10px; padding: 5px;}
.reviewform .fileuploadfield .file-card{width:100px; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.reviewform .fileuploadfield .file-card i{font-size:36px; color:#42d46a;}
.reviewform .fileuploadfield .file-name{margin-top:0px; font-size:12px; text-align:center; word-break:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    width: 90px;}
.reviewform .fileuploadfield .remove-file{position:absolute; top:-10px; right:-10px; width:22px; height:22px; line-height:22px; border:none; border-radius:50%; background:#dc3545; color:#fff; cursor:pointer; font-size:18px;
    }

.captchadiv {display: flex; gap: 10px 1%; align-items: flex-start; flex-wrap: wrap;}
.captchadiv .custom-input{width: 200px;}
.captcha-box{background:#fdefda; padding:12px 20px; font-size:22px; font-weight:500; letter-spacing:4px; user-select:none; border-radius:5px; display: inline-block;}
.captchadiv .captcha-code {display: flex; align-items: center; gap: 4%;}
.captchadiv .captchabtnrefresh{padding: 12px 15px;}

.captchadiv .error-msg {flex: 0 0 100%;}

.writereviewpage footer{margin-top: 0;}

/***************** Review Form page Css End **********************/ 


.innertop-banner{background: #f9f0e3; padding: 40px 25px; color: #000; text-align: center; font-size: 15px;}
.innertop-banner h1{padding: 0; margin-bottom: 0; font-size: 30px; font-weight: 600; position: relative;  text-align: center; color: #000;}
.innertop-banner p {margin-top: 15px;}

.innertop-banner-twocols {text-align: left;}
.innertop-banner-twocols h1{text-align: left;}

.innertoprow {display: flex; gap: 15px 2%; flex-wrap: wrap;}
.innertoprow .innertopleftcol {width: 49%;}
.innertoprow .innertoprightcol {width: 49%;}


/***************************** static page css Start ***************************/
.static-content h1, .static-content h2, .static-content h3, .static-content h4, .static-content h5, .static-content h6{ margin-bottom: .8rem; font-weight: 600;}
.static-content h1{font-size: 24px;}
.static-content h2{font-size: 20px;}
.static-content h3{font-size: 18px;}
.static-content h4{font-size: 16px;}
.static-content h5{font-size: 15px;}
.static-content h6{font-size: 15px;}
.static-content ul, .static-content ol {padding-left: 25px;}
.static-content ul li, .static-content ol li {margin-bottom: 8px; font-size: 15px;}
.static-content p{line-height: 22px;}
/***************************** static page css End ***************************/



/***************************** contact page css Start ***************************/
.contactpage-sec {font-size: 15px;}
.contact-left-sec {padding-right: 40px;}
.contact-cols {margin-top: 15px;}
.contact-cols .sectionheading {font-size: 20px;}
.contact-cols .sectionheadinginner{margin-top: 30px; margin-bottom: 20px; font-size: 18px;}

.info-contact-details {display: flex; align-items: center; color: #42d46a; font-size: 16px; font-weight: 600; margin-bottom: 15px;}
.info-contact-details a {color: #000;}
.info-contact-details .icon {width: 45px; height: 40px; line-height: 36px; display: inline-block; background: #000; text-align: center; color: #fff; font-size: 20px;
    border-radius: 5px; margin-right: 8px}

.info-contact-details a:hover{color: #42d46a;}
.info-contact-details a:hover .icon{background: #42d46a;}

.socialmedia-icons a {display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 30px; border-radius: 5px; padding: 5px; color: #fff; font-size: 20px; margin-right: 5px;} 
.socialmedia-icons .instagram{background: #d13b71;}
.socialmedia-icons .facebook{background: #3078a9;}
.socialmedia-icons .twitter{background: #000;}
.socialmedia-icons .youtube{background: #FF0000;}
.socialmedia-icons .linkedin{background: #0077B5;}
.socialmedia-icons .pinterest{background: #cb2027;}
.socialmedia-icons a:hover{background: #b5396e !important;}

.contact-form .form-control {background: #f9f9f9;}
.contact-form label {color: #383838;}
.contact-form textarea.form-control {height: 100px;}
.contact-form  .captchadiv .captchainput {width: 200px; height: 58px; font-size: 14px;}
.contact-form .btncontactform .mybtn {width: 100%; font-size: 16px; font-weight: 600; padding: 14px 10px; letter-spacing: .5px; margin-top: 8px; background: #000;
    color: #fff;}

.contact-form .btncontactform .mybtn:hover{background: #42d46a; color: #000;}    

/***************************** contact page css End ***************************/


/***************** All Categories page Css Start **********************/ 
.browsesearch-sec .searchbox-sec {max-width: 600px; overflow: hidden;}
.rowcategorycard {display: flex; gap: 25px 2%; flex-wrap: wrap;}
.rowcategorycard .colcategorycard {width: 20%;}
.rowcategorycard .colcategorycard {width: 23.4%;}

.categorycard a{display: block; color: #000; padding: 15px;}
.categorycard a:hover{background: #f6fff9;}
.categorycard .iconcategorycard .caticon {background: #f9f0e3; border-radius: 100%; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center;}
.categorycard .iconcategorycard .caticon img {width: 50px; height: 50px;}
.categorycard .catcompanyname {font-size: 18px; font-weight: 600;}
.categorycard .catname {font-size: 16px; font-weight: 600; margin: 15px 0 10px;}


.categorycard .catbrowse {color: #000; display: inline-block;}
.categorycard .catbrowse i {display: inline-block; }
.categorycard .catbrowse:hover{color: #01651D;}
.categorycard a:hover .catbrowse i {animation: arrowMove 0.5s ease-in-out infinite alternate;}

@keyframes arrowMove {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(6px);
    }
}

/***************** All Categories page Css End **********************/ 


.rightcategorytabs {border: 1px solid #7a7a7a; border-radius: 10px; padding: 15px 15px;}
.rightcategorytabs ul {list-style: none; padding: 0; margin-bottom: 0; overflow-y: auto;  height: 300px;}
.rightcategorytabs ul li{border-bottom: 1px dotted #c5c5c5;}
.rightcategorytabs ul li a, .rightcategorytabs ul li .filterbtn {padding: 12px 8px 15px; display: block; border:none; color: #000; font-size: 15px; font-weight: 500; background-color: transparent; width: 100%; text-align: left; border-radius: 0; display: flex; justify-content: space-between; align-items: center;}
.rightcategorytabs ul li a:hover, .rightcategorytabs ul li .filterbtn:hover{color: #42d46a; border-color: #42d46a;}
.rightcategorytabs ul li .totalnumcount {font-size: 14px;}


/***************** Category Company List page Css Start **********************/ 
.flexheadingsearch {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flexheadingsearch .searchbox-sec {margin: 0; width: 375px;}
.flexheadingsearch .searchbox-sec .mybtn {padding: 10px 22px;}

.companylist-sec{margin-top: 40px;}

.companycatlistsec-row {display: flex; flex-wrap: wrap; gap: 3%;}
.companycatlistsec-row .colleftcatcompany {width: 67%;}
.companycatlistsec-row .rowcompanycard {display: flex; flex-wrap: wrap; gap: 25px 0;}
.companycatlistsec-row .rowcompanycard .companylistcard{width: 100%; padding: 15px;}

.companylistcard .d-flex {gap: 2%;}
.companylistcard .catcompanyname {margin-bottom: 0;}
.companylistcard .iconcompany .caticon {box-shadow: 0px 0px 4px rgba(0, 0, 0, .15); padding: 15px 0; background: #f9f0e3; border-radius: 100%; width: 75px;
    height: 75px; display: flex; align-items: center; justify-content: center;}
.companylistcard .iconcompany .caticon img{width: 60px; height: 60px;}
.companylistcard .iconcompany .caticon .companytwoletter {font-size: 24px; font-weight: 600;}
.companylistcard .catcompanyname {margin-bottom: 8px; font-size: 18px; font-weight: 600;}
.companylistcard .catname {margin: 8px 0;}

.companycatlistsec-row .colrightcatcompany {width: 30%;}
.compantaboutreview-btn .mybtn {font-size: 12px; margin-top: 5px;}
/***************** Category Company List page Css End **********************/ 


/***************** All Review page Css Start **********************/
.filtersearchselect {display: flex; justify-content: space-between; align-items: center; gap: 25px 5%; margin-top: 35px;}
.filtersearchselect .searchbox-sec {margin: 0; width: 400px;}
.filterselect-col select {height: 55px; background-color: transparent; border: 1px solid #000; color: #000; font-weight: 600; font-size: 15px; width: 200px;}

.reviewcardrow {display: flex; flex-wrap: wrap; gap: 25px 2%;}
.reviewcardrow .reviewcardcol {padding: 15px 20px; width: 100%;}
.reviewcardrow .reviewcardcol .companyname {margin-bottom: 20px; font-size: 18px; font-weight: 600;}
.reviewcardrow .reviewcardcol .companyname a {color: #000;}
.reviewcardrow .reviewcardcol .ratingtime {display: flex; flex-wrap: wrap; gap: 12px 2%; margin-top: 15px; font-size: 13px;}
.reviewcardrow .reviewcardcol .ratingtime .ratingstar {font-weight: 500;}
.reviewcardrow .reviewcardcol .ratingtime i.icon {position: relative; top: -1px; color: #000;}
.reviewcardrow .reviewcardcol .reviewdecscontent {margin-top: 25px; line-height: 24px;}
.reviewcardrow .reviewcardcol .reviewdecscontent .reviewtitle {font-weight: 600; font-size: 16px; margin-bottom: 10px;}
.reviewcardrow .reviewcardcol .reviewusercity {margin-bottom: 8px;}
.reviewcardrow .reviewcardcol .reviewusercity .username {display: block; margin-bottom: 4px; font-size: 14px; font-weight: 500; text-transform: capitalize;}
.reviewcardrow .reviewcardcol .reviewusercity .reviewusercity {margin-top: 25px;}
.reviewcardrow .reviewcardcol .reviewusercity .usercity{font-size: 12px;}

.reviewcardrow .usercitycommentbtn {display: flex; justify-content: space-between; gap: 2%; align-items: center;}
.reviewcardrow .commentbtn .mybtn {font-weight: 600; letter-spacing: .5px;}


.commentform {margin-top: 20px; background: #ffebf4; padding: 15px; border-radius: 10px;}
.commentform .infotextclose {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.commentform .infotextclose .btnclose {border: none; background: #dd0000; color: #fff; border-radius: 100%;}
.commentform .infotextclose .btnclose svg {width: 22px; height: 22px;}
.commentform .commentinfo {font-weight: 600; font-size: 16px; margin:0px;}
.commentform .mybtn {font-weight: 600; letter-spacing: .5px; padding: 10px 25px;}
.commentform .form-control {border-color: #a1a1a1;}
.commentform textarea.form-control {height: 100px;}
.commentform label {color: #444343;}
.commentform .success-msg {text-align: center; margin-top: 10px; color: #0e6000; font-size: 15px; font-weight: 600; margin-bottom: 0;}


.reviewcommentusers {margin-top: 30px; border-top: 1px solid #d7d7d7;}
.usercommentrow .usercommentcol {display: flex; gap: 1%; border-bottom: 1px solid #e7e7e7; padding: 20px 0 18px; margin-bottom: 5px;}
.usercommentrow .usercommentcol:last-child {border-bottom: none; margin: 0;}
.usercommentrow .usercommentcol .commentusericon i {color: #3e3d3d;}
.usercommentrow .usercommentcol .cusername {margin-bottom: 0; font-weight: 600; font-size: 15px;}
.usercommentrow .usercommentcol .cdate {margin-bottom: 5px; font-size: 13px;}
.usercommentrow .usercommentcol .cmsgcomment {margin: 12px 0  15px;}

.usercommentrow .commentreplybtns .replybtn {border: none; background: no-repeat; font-size: 15px; color: #00661D; letter-spacing: .5px;}
.usercommentrow .commentreplybtns .replybtn:hover {color: #000;}



/***************** All Review page Css End **********************/ 

/***************** Company Review page Css Start **********************/
.companytophead {margin-bottom: 25px; padding: 15px; display: flex; justify-content: space-between; align-items: center; gap: 2%;}
.companytophead .logoname {display: flex; gap: 2%; flex-wrap: wrap; align-items: center; flex: 1;}
.companytophead .logoname .companylogo {box-shadow: 0px 0px 4px rgba(0, 0, 0, .15); padding: 15px 0; background: #f9f0e3; border-radius: 100%; width: 75px; height: 75px;
    display: flex; align-items: center; justify-content: center;}
.companytophead .logoname .companylogo .companytwoletter {font-size: 24px; font-weight: 600;}
.companytophead .logoname .companyname{flex: 1;}
.companytophead .logoname .companytitlename, .companytophead .logoname .companyname h1 {margin-bottom: 8px; font-weight: 600; font-size: 18px;}
.companytophead .logoname .ratingstar {margin-bottom: 5px;}
.companytophead .logoname .ratingstar .ratingcount{font-size: 12px;}

.companyreview-row {display: flex; flex-wrap: wrap; gap: 2%;}
.companyreview-row .companyreview-leftcol {width: 70%;}
.companyreview-row .companyreview-rightcol {width: 28%;}

.companyreview-row .reviewcardrow .reviewcardcol .reviewdecscontent {margin-top: 8px;}
.companyreview-row .reviewcardrow .reviewcardcol .reviewdecscontent .reviewtitle {font-size: 18px;}

.companyinforight {padding: 15px 18px; margin-bottom: 30px;}
.companyinforight .headingcompanyinfo {font-size: 18px; font-weight: 600;}
.companyinforight ul {list-style: none; padding-left: 0;}
.companyinforight ul li {margin-bottom: 15px; font-size: 15px;}
.companyinforight ul li .infodetailhead {font-weight: 600; display: block; margin-bottom: 5px;}
.companyinforight ul li a {color: #000; display: inline-block;}
.companyinforight ul li a:hover{color: #42d46a;}
.companyinfobtn .mybtn {width: 100%; font-size: 15px; font-weight: 600; margin-top: 8px}


.writereviewmodal .modal-title {font-size: 20px; font-weight: 600;}
.writereviewmodal .reviewform {padding: 8px 0; box-shadow: none;}
.writereviewmodal .modal-header .btn-close{opacity: 1; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");}
/***************** Company Review page Css End **********************/


/***************** Company About page Css Start **********************/
.companyaboutpage .innertoprow {display: flex; gap: 15px 10%; flex-wrap: wrap; align-items: center;}
.companyaboutpage .innertoprow .innertopleftcol {width: 50%;}
.companyaboutpage .innertoprow .innertoprightcol {width: 40%;}
.companytophighlight {display: flex; gap: 10px 2%; flex-wrap: wrap;}
.companytophighlight .highlightcol {width: 49%; background: #fff; text-align: center; padding: 18px 10px; font-size: 14px;}
.companytophighlight .highlightcol .highlightnum {display: block; width: 100%; color: #42d46a; font-weight: 600; font-size: 22px; margin-bottom: 4px;}

.aboutcompany-sec .faqsec {background: transparent;}
.aboutcompany-sec .faqsec .faqheading{text-align: left;}
.aboutcompany-sec .faqsec .acc-head{padding: 5px 6px 12px;}
.aboutcompany-sec .faqsec .acc-head.active {border-bottom: none;}
.aboutcompany-sec .faqsec .acc{box-shadow: none; border-bottom: 1px solid #000; border-radius: 0;}
.aboutcompany-sec .faqsec .acc-content{padding: 0px 6px 8px;}
.aboutcompany-sec .faqsec .acc-content p {margin-bottom: 5px;}
.aboutcompany-sec .faqsec .acc-head::before{top: 8px;}

.quickcontact-row {display: flex; gap: 15px 2%; flex-wrap: wrap; margin-top: 30px;}
.quickcontact-row .quickcontactcol {width: 32%; padding: 15px 20px 65px; position: relative;}
.quickcontact-row .quickicon {display: inline-block; background: linear-gradient(180deg, #42D46A 0%, #8FEBA8 100%); padding: 12px; border-radius: 5px;}
.quickcontact-row .quickicon svg {width: 25px; height: 25px;}
.quickcontact-row .sectionheadinginner {margin: 15px 0 5px;}


.quickcontact-row ul {list-style: none; padding: 0;}
.quickcontact-row ul li .spanheadcontact {display: block; margin-bottom: 5px; font-weight: 400;}
.quickcontact-row ul li {margin-bottom: 10px;}
.quickcontact-row ul li a {color: #000; font-weight: 600; word-wrap: break-word;}
.quickcontact-row ul li a:hover{color: #42d46a;}
.quickcontact-row .quickcontactbtn {position: absolute; bottom: 12px; width: 95%; left: 0; right: 0; margin: 0 auto;}
.quickcontact-row .quickcontactbtn .mybtn {margin-top: 8px; width: 100%; font-weight: 600; font-size: 15px;}

.companyabout-faqsec .faqsec {background: no-repeat; margin-top: 30px;}
.companyabout-faqsec .faqsec .acc {box-shadow: 0px 1px 2px 1px rgba(48, 48, 48, .3);}

/***************** Company About page Css End **********************/



/***************** Faq section Css Start **********************/ 
.faqsec {background: #f9f0e3; border-radius: 10px; margin-top: 25px;}
.faqsec .faqheading {text-align: center; font-size: 24px; margin-bottom: 25px;}    
.faqsec .acc {margin-bottom: 18px; border-radius: 10px; box-shadow: 0px 1px 5px 1px rgba(48, 48, 48, .5); background: #fff;}
.faqsec .acc-head {padding: 15px 15px; font-size: 22px; position: relative; cursor: pointer;}
.faqsec .acc-head p, .faqsec .acc-head h3 {color: #000; font-weight: 600; margin: 0; font-size: 15px; padding-right: 35px; line-height: 24px;}
.faqsec .acc-head::before {content: ""; position: absolute; top: 18px; color: #000; transition: all .3s; right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");  width: 16px; height: 16px;}

.faqsec .acc-head.active p, .faqsec .acc-head.active h3 { color: #000;}
.faqsec .acc-head.active{border-bottom: 1px solid #000000;}
.faqsec .acc-head.active::before {transform: rotate(180deg);}
.faqsec .acc-content{ padding: 15px 15px 10px; display: none; line-height: 24px; font-size: 14px;}
/***************** Faq section Css End **********************/ 



/***************** Blog page Css Start **********************/ 
.bloglistingrow {display: flex; flex-wrap: wrap; gap: 2%;}
.bloglistingrow .leftblogcol {width: 70%;}
.bloglistingrow .rightblogcol {width: 28%;}


.blog-featured-articles .sectionheading {margin-bottom: 20px;}
.blog-featured-articles .blogcard .blogtitle {font-size: 18px;}
.blog-featured-articles .blogcard .blog-date-category{font-size: 13px;}


.bootsingle-slider .carousel {position: relative;}
.bootsingle-slider .custom-prev, .bootsingle-slider .custom-next {width: 40px; height: 40px; top: 50%; transform: translateY(-50%); opacity: 1;}
.bootsingle-slider .custom-prev {left: -50px;}
.bootsingle-slider .custom-next {right: -50px;}
.bootsingle-slider .slider-arrow {width: 38px; height: 38px; background: #e1e1e1; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #202020;}
.bootsingle-slider .slider-arrow:hover {background: #42d46a;}
.bootsingle-slider .slider-arrow i {font-size: 18px;}


.categorytabs-dropdown{margin-top: 40px;}
.categorytabs-dropdown .sectionheading {text-align: center; margin-bottom: 20px;}
.categorytabs-dropdown .categorytabs-menulist .btn.dropdown-toggle {display:none;}
.categorytabs-dropdown ul {list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 1%; justify-content: center; height: auto; border: none; position: static; background: #f9f0e3; padding: 10px 10px 15px; border-radius: 10px;}
.categorytabs-dropdown ul li{margin-top: 12px; margin-bottom: 8px;}
.categorytabs-dropdown ul li a {text-decoration: none; padding: 7px 20px; background: hsl(0, 0%, 100%); display: inline-block; color: #000; border-radius: 8px; font-weight: 500; font-size: 15px; white-space: normal; cursor: pointer;}
.categorytabs-dropdown ul li a:hover,.categorytabs-dropdown ul li a.active {background-color: #000; color: #fff;}


.blogcard-row {display: flex; gap: 20px 2%; flex-wrap: wrap;}
.blogcard {padding: 20px 25px; width: 100%;}
.blogcard:hover{background: #f6fff9;}
.blogcard a {color: #000;}
.blogcard .blogtitle {font-size: 16px; font-weight: 600;}
.blogcard .blog-date-category {display: flex; flex-wrap: wrap; align-items: center; gap: 2%; color: #383838; font-size: 12px; margin-bottom: 12px;}
.blogcard .blog-date-category i {position: relative; top: -1px;}
.blogcard .blog-description {margin: 18px 0 20px;}
.blogcard .blogreadore-btn {margin-top: 25px;}
.blogcard .blogreadore-btn .mybtn {padding: 8px 14px; font-size: 13px;}


.blogright-banner {padding: 10px 10px; text-align: center; border-radius: 10px; border-radius: 10px; box-shadow: rgb(159, 159, 159) 0px 0px 3px 0px;}
.blogright-banner.bgcolorblogright-banner{background-color: #fff;}
/* .bgcolorblogright-banner .blogright-imgbanner {background: #fff; padding: 5px; border-radius: 10px;} */
.blogright-banner .mainrightbanner{width: 100%; height: auto;  max-width: 280px;}
.blogright-banner .blogrightbanner-heading {margin: 15px 0 10px; font-size: 18px; font-weight: 600;}
.blogright-banner .mybtn {font-weight: 600; padding: 10px 28px; font-size: 14px;}
.bgcolorblogright-banner .mybtn {background: #42d46a; margin-bottom: 8px;}
.bgcolorblogright-banner .mybtn:hover{background: #000; color: #fff;}

.reletedblog-section .blogcard {padding: 10px 25px; border-bottom: 1px solid #ebebeb; margin-bottom: 8px;}
.reletedblog-section .blogcard .blogtitle {font-size: 15px;}
.reletedblog-section .blogcard .blog-description {margin: 10px 0 5px; font-size: 13px;}
.reletedblog-section .viewmorebtn {text-align: center; padding: 5px 0 18px;}
.reletedblog-section .viewmorebtn .mybtn {padding: 8px 22px; font-size: 13px; font-weight: 500;}

/***************** Blog page Css End **********************/ 


/***************** Blog Detail Css Strat **********************/
.detailspage-container .detailrow {display: flex; flex-wrap: wrap; gap: 3%;}
.detailspage-container .detailrow .detailcolleft {width: 72%;}
.detailspage-container .detailrow .detailcolright {width: 25%;}


.detailspage-container .detailsec {background: #fff; padding: 20px 20px; border-radius: 12px; font-size: 15px; box-shadow: 0px 1px 5px 1px rgba(159, 159, 159, .5);}
.detailsec .detail-category {background: #e3ffec; color: #000; border-radius: 18px; padding: 5px 15px; text-decoration: none; font-size: 14px; margin-bottom: 20px;
    display: inline-block;}
.detailsec .detail-category:hover{text-decoration: underline;}

.detailsec .datecategorytime {margin-top: 20px; display: flex; gap: 2%; font-size: 13px; color: #363636;}
.detailspage-container .detailsec h1 {font-size: 26px;}
.detailsec .datecategorytime i {position: relative; margin-right: 2px; top: -2px;}

.keytakeaways-sec {position: relative; background: #f7f7f7; border-radius: 10px; margin: 25px 0 30px; padding: 18px; border-left: 2px solid #000;}
.keytakeaways-sec .headingkeytakeaways {color: #000; margin-bottom: 20px;}
.keytakeaways-sec .aeocontentinner {height: 200px; overflow: hidden;  transition: all 0.3s ease;}
.keytakeaways-sec .aeocontentinner.active {height: auto;}
.keytakeaways-sec .aeoshowmore {position: absolute; bottom: -12px; left: 0; right: 0; margin: 0 auto; text-align: center;}
.keytakeaways-sec .aeoshowmore .btn{background: #42d46a; border-radius: 100%; width: 40px; height: 40px; color: #000; text-align: center; padding: 0; line-height: 40px;}
.keytakeaways-sec .aeoshowmore .btn:hover {background: #42d46a; color: #fff;}
.keytakeaways-sec .aeoshowmore .btn i {display: inline-block; animation: floatUpDown 5s ease-in-out infinite;}
.keytakeaways-sec .aeoshowmore .btn.showmoredown-btn svg {transform: rotate(180deg) !important;}

.blog-tableof-content {border: 1px solid #000; padding: 12px 20px 5px; border-radius: 10px; margin-bottom: 30px;}
.blog-tableof-content .tableof-head {position: relative; cursor: pointer;}
.blog-tableof-content .tableof-head .tableof-content-title {display: block; font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #000;}
.blog-tableof-content .tableof-head.active {border-bottom: 1px solid #000;} 
.blog-tableof-content .tableof-head::before{content: ""; font-family: bootstrap-icons !important; position: absolute; top: 3px; color: #000; transition: all .3s;
    right: 8px; width: 25px; height: 25px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23000000' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.blog-tableof-content  .home-faq-section .tableof-head.active::before {transform: rotate(180deg);}

.blog-tableof-content .tableofdropdown {margin-top: 15px; transition: all ease .4s;}
.blog-tableof-content .tableofdropdown.show {border-top: 1px solid #000; padding-top: 14px;}
.blog-tableof-content .tableofdropdown ol{list-style: disc;}
.blog-tableof-content .tableofdropdown ol li {color: #000; font-size: 15px; margin-bottom: 12px; font-weight: 500;}
.blog-tableof-content .tableofdropdown ol li a{color: #000; text-decoration: none;}
.blog-tableof-content .tableofdropdown ol li:hover, .blog-tableof-content .tableofdropdown ol li a:hover {color: #42d46a;}
.blog-tableof-content .tableofdropdown ol li.toch3 {margin-left: 20px;}
.blog-tableof-content .tableofdropdown ol li.toch4 {margin-left: 40px;}
.blog-tableof-content .tableofdropdown ol li.toch5 {margin-left: 60px;}
.blog-tableof-content .tableofdropdown ol li.toch6 {margin-left: 80px;}

.recentblog-sec .recentblog-row {display: flex; gap: 20px 2%; flex-wrap: wrap;}
.recentblog-sec .recentblog-row .blogcard {width: 23.5%; padding: 15px 20px;}
.recentblog-sec .recentpost-heading {text-align: center; margin-bottom: 25px;}
.recentblog-sec .blogcard .blogreadore-btn .mybtn{padding: 8px 14px; font-size: 12px; border-radius: 6px;}

.blogcomment-sec .commentformremovebg {background: transparent;}
.blogcomment-sec .sectionheadinginner {margin-bottom: 20px;}
.blogcomment-sec .reviewcommentusers{margin-top: 15px;}

.blog-content-table {margin-bottom: 20px;}
.blog-content-table table {width: 100% !important; margin-bottom: 10px; border: 1px solid #dee2e6;}
.blog-content-table table td {padding: 10px; border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6;}
.blog-content-table table caption {text-align: center; font-size: 12px; display: none;}
.blog-content-table table p {margin-bottom: 5px;}

/***************** Blog Detail Css End **********************/ 


/***************** Error pages Css Start **********************/ 
.pagenotfound-sec{height: 65vh;}
.pagenotfound-sec .mybtn {border-radius: 50px; padding: 10px 20px;}
.pagenotfound-sec .errortext {font-size: 65px;}
.pagenotfound-sec .lead {line-height: 30px; max-width: 800px;}
/***************** Error pages Css Start **********************/ 


/***************** Login pages Css Start **********************/ 

.cdloginpage footer, .cdsignuppage footer {margin-top: 2px;}

.userlogsignform-sec {display: flex; align-items: center; justify-content: center; background: #f9f0e3; padding: 50px 10px;}
.userformcard {width: 500px; max-width: 100%; background: #fff; border-radius: 18px; padding: 25px 30px; box-shadow:0 4px 8px rgba(0, 0, 0, 0.22); margin: 0 auto;}

.userformcard .login-icon {width: 110px; height: 110px; margin: 0 auto 25px; border-radius: 100%; background: #fff; border: 1px solid #ddd; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);display: flex; align-items: center; justify-content: center;}
.userformcard .login-icon i {color: #42d46a;}
.userformcard h1 {margin: 0 0 22px; font-size: 20px; line-height: 1.3; font-weight: 600; color: #555; text-align: center;}

.userformcard .form-floating label {font-size: 16px; color: #444; background: #fff; padding: 5px 5px; line-height: 22px; height: auto; left: 15px; top: 15px;}
.userformcard .form-floating>.form-control-plaintext~label, .userformcard .form-floating>.form-control:focus~label, .userformcard .form-floating>.form-control:not(:placeholder-shown)~label, .userformcard .form-floating>.form-select~label {
    transform: scale(.85) translateY(-2rem) translateX(0rem);}

.userformcard .inputfield-col {position: relative; margin-bottom: 22px;}
.userformcard .inputfield-col .form-control {height: 65px; border-radius: 0; border: 1px solid #efefef; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); padding: 12px 12px; font-size: 16px; color: #444;}
.userformcard .inputfield-col .form-control:focus {border-color: #e9e9e9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); outline: none;}

.userformcard .password-input .form-control {padding-right: 60px;}
.userformcard .password-toggle {position: absolute; right: 17px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; padding: 5px; color: #333; font-size: 20px; cursor: pointer;}
.userformcard .password-toggle svg{width: 20px; height: 20px;}
.userformcard .password-toggle:focus {outline: none;}
.userformcard .btnuserformcard {margin-top: 30px;}
.userformcard .btnuserformcard .mybtn {width: 150px; font-size: 17px; font-weight: 500; padding: 10px 12px;}

.userformcard .userformbottomlinks{display: flex; justify-content: space-between; align-items: center; margin-top: 24px;}
.userformcard .userformbottomlinks a {color: #555; font-size: 14px; font-weight: 500; text-decoration: none; letter-spacing: .5px;}
.userformcard .userformbottomlinks a:hover {color: #42d46a; text-decoration: underline;}
.userformcard .userformbottomlinks.userformbottomlinks-single {justify-content: center;}

/***************** Login pages Css End **********************/


/***************** Signup pages Css Start **********************/
.cdsignuppage .userformcard {width: 800px;}
.cdsignuppage .userformcard .btnuserformcard {margin-top: 10px;}

.phoneflaginput .iti {width: 100%;}
.phoneflaginput .iti .iti__country-list {z-index: 5;}
/***************** Signup Ppges Css End **********************/


/***************************** User Dashboard Page Css Start ***************************/
.user-account-sec {display: flex; letter-spacing: .5px; gap: 3%;}
.profilepage-heading {font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #000;}
/***************** User Account left sec Css Start ********************/
.user-account-sec .account-left-sec {width: 22%; background: #fff; color: #000; padding: 20px 0px 0; box-sizing: border-box; box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);}
.account-left-sec .useraccount-info .user-image {width: 70px; height: 70px; margin: 0 auto; border-radius: 100%; text-align: center; display: flex;
  justify-content: center; align-items: center; color: #42d46a; overflow: hidden;}

.account-left-sec .useraccount-info .user-image svg {width: 60px; height: 60px;}

.account-left-sec .username-info {text-align: center; margin-top: 10px; padding: 0 10px;}
.account-left-sec .username-info .account-username {display: block; font-size: 16px; font-weight: 600; word-break: break-word; margin-bottom: 6px;}
.account-left-sec .username-info .account-lastlogin span {display: block; margin-top: 6px;}
.account-left-sec .username-info .account-lastlogin {font-style: italic; font-size: 12px; color: #000;}

.account-left-sec .account-menu ul {list-style: none; padding-left: 0; margin: 20px 0 0;}
.account-left-sec .account-menu ul li a .menuicon {margin-right: 8px; font-size: 20px;}
.account-left-sec .account-menu ul li a {color: #000; text-decoration: none; padding: 16px 10px 16px 25px; display: block; border-bottom: 1px dashed #a9a9a9; font-size: 15px;}
.account-left-sec .account-menu ul li:last-child a{border-bottom: none;}
.account-left-sec .account-menu ul li a:hover, .account-left-sec .account-menu ul li a.active {background: #fff; color: #01651D;}
.account-left-sec .account-menu .account-menu-toggle{display: none;}
/***************** User Account left sec Css End ********************/


/***************** User Account Right sec Css Start ********************/
.user-account-sec .account-right-sec {width: 77%;}
.user-account-sec .guest-user {margin-right: 25px;}
.myorder-sec .paybtn {background: #af1e5b; color: #fff; padding: 5px 20px; font-size: 14px; border-radius: 5px;}
.myorder-sec .paybtn:hover {background: #006060;}
.myorder-sec .orderid-td {color: #054874; font-weight: 600;}
.vieworder-btn {color: #0d6efd; text-decoration: none;}
.vieworder-btn:hover {color: #054874;}

.personal-info .personal-info-row {display: flex; gap: 2%;}
.personal-info .personal-info-row .personal-info-col {width: 45%; margin-bottom: 20px;}
.personal-info .personal-info-row .personal-info-col label {font-weight: 600; font-size: 15px; display: block; margin-bottom: 10px;}
.personal-info .personal-info-row .personal-info-col p{font-size: 15px; word-wrap: break-word; margin-bottom: 5px;}
.personal-info .submit-btn {margin-top: 15px;}
.personal-info .submit-btn .mybtn {padding: 8px 15px; font-size: 13px; border-radius: 8px;}

.profile-change-password .userformcard {background: none; box-shadow: none; padding: 0; width: 100%;}
.profile-change-password .submit-btn{margin-top: 15px; text-align: right;}
.profile-change-password .submit-btn .mybtn {padding: 10px 40px; font-weight: 600; letter-spacing: .5px;}

/***************** User Account Right sec Css End *********************/



/***************************** User Dashboard Page Css End ****************************/


/* Responsive */


@media(max-width:1199px){
.mynavbar .navbar-nav .nav-link{margin: 0 5px; font-size: 14px;}
.mynavbar .navbar .mybtn{padding: 8px 8px; font-size: 13px;}
}


@media(max-width:991px){
.mymt {margin-top: 40px;}
.mymt-40 {margin-top: 30px;}
.mynavbar .navbar-brand.logo {margin-right: 5px;}

.mynavbar .navbar-nav{margin:8px 0;}
.mynavbar .navbar-nav .nav-link{margin: 3px 5px; font-size: 15px;}
.mynavbar .navbar-nav .nav-link i {position: absolute; right: 0;}
.mynavbar .navbar-nav .submitreviewtab {margin-top: 8px; width: 100%;}
.mynavbar .navbar-nav .submitreviewtab a {width: 100%; padding: 10px 8px; font-size: 14px;}
.mynavbar .navbar-nav .mybtn{text-align: center;}

.mynavbar .navbar-nav .dropdown-menu{box-shadow: none; background: #f7f7f7; max-height: 160px; overflow-y: scroll; border-radius: 10px;}

.mynavbar .navlogin .mybtn {padding: 7px 12px;}
.mynavbar .navlogin {width: calc(100% - 300px); text-align: right;}

.searchbox-sec input{width:100%; font-size: 15px;}
.searchbox-sec i {font-size: 16px; margin: 0 8px 0 5px;}
.searchbox-sec i svg{width: 16px; height: 16px;}
.searchbox-sec .mybtn{padding: 8px 20px;}

.herosec{padding:40px 0;}
.herosec h1{font-size:42px;}
.herosec p{font-size:17px;}
.herosec-btn{flex-direction:column; align-items:center;}

.verconupto-box{margin-bottom:10px;}
.verconupto-content .titleverconupto{font-size:22px;}
.verconupto-content p{font-size:16px;}
.verconupto-sec{padding:30px 0;}
.verconupto-box{justify-content:flex-start;}
.verconupto-icon{width:56px; height:56px; min-width:56px;}
.verconupto-icon img{width: 40px; height: 40px;}
.verconupto-content .titleverconupto{font-size: 16px; margin-bottom: 5px;}
.verconupto-content p{font-size:14px;}

.howcanhelp-sec .canhelp-content {margin-bottom: 20px;}
.reviewsrow .reviewscol {width: 49%;}

.blogcol-row .blogcol{width: 49%;}
.homeblog-sec .blogcol-row {display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 15px; scroll-behavior: smooth; padding: 4px 5px; }
.homeblog-sec .blogcol-row .blogcol {flex: 0 0 400px; width: 400px; padding: 15px; box-sizing: border-box;}

.ctabanner-row {text-align: center;}
.ctabanner-row .ctabanner-leftcol {width: 100%;}
.ctabanner-row .ctabanner-rightcol {width: 100%;}

footer .foot-copy-sec{margin-top: 15px;}

.rowcategorycard .colcategorycard { width: 49%;}
.reviewform-sec{padding:40px 0 60px;}

.categorytabs-dropdown{margin-top: 90px;}
.categorytabs-dropdown .categorytabsheading-row {display: flex; justify-content: space-between; align-items: center;}
.categorytabs-dropdown .sectionheading{margin-bottom: 0;}
.categorytabs-dropdown .categorytabs-menulist {border: 1px solid #000; border-radius: 5px; background: #f6fff9; width: 235px;} 
.categorytabs-dropdown .categorytabs-menulist .btn.dropdown-toggle {display: inline-block; width: 100%; height: auto; padding: 8px 8px; text-align: left; position: relative; color: #000; font-weight: 500;}
.categorytabs-dropdown .categorytabs-menulist .btn.dropdown-toggle:active {outline: 0; border: none;}
.categorytabs-dropdown .categorytabs-menulist .btn.dropdown-toggle:after {position: absolute; right: 8px; top: 18px; font-size: 19px;}

.categorytabs-dropdown ul {background: #f6fff9; display: none; border: 1px solid #42d46a; border-radius: 8px; right: 0 !important; top: 2px !important; left: initial !important; width: 260px; overflow-x: hidden; padding: 5px; height: 260px; }
.categorytabs-dropdown ul.show {display: block;}
.categorytabs-dropdown ul li {margin-top: 2px;}
.categorytabs-dropdown ul li a, .categorytabs-dropdown ul li a.active {border-radius: 0; color:#000 ; border-bottom: 1px solid #42d46a; padding: 4px 5px; margin-bottom: 5px; background: transparent; font-size: 14px;}
.categorytabs-dropdown ul li:last-child a {border-bottom: none; padding-bottom: 0;}


.detailspage-container .detailrow .detailcolleft {width: 100%;}
.detailspage-container .detailrow .detailcolright {width: 100%; margin-top: 35px;}

.companycatlistsec-row .colleftcatcompany{width: 100%;}
.companycatlistsec-row .colrightcatcompany{width: 100%; margin-top: 40px;}

.bootsingle-slider .custom-prev, .bootsingle-slider .custom-next {top: auto; bottom: -50px; width: 40px; height: 40px; transform: none;}
.bootsingle-slider .custom-prev {left: 50%; margin-left: -48px;}
/* Next button */
.bootsingle-slider .custom-next {right: 50%; margin-right: -48px;}
.bootsingle-slider .slider-arrow {width: 38px; height: 38px;}
.recentblog-sec .recentblog-row .blogcard{width: 49%;}

.companyreview-row .companyreview-leftcol {width: 100%;}
.companyreview-row .companyreview-rightcol {width: 100%; margin-top: 35px;}
.companytophead{flex-wrap: wrap;}
.companytophead .writereviewpopbtn {width: 100%; padding-left: 78px; margin-top: 5px;}
.companytophead .writereviewpopbtn .mybtn {padding: 10px 12px; font-size: 13px;}

.companyaboutpage .innertoprow .innertopleftcol {width: 100%;}
.companyaboutpage .innertoprow .innertoprightcol {width: 100%; margin-top: 25px;}

.quickcontact-row .quickcontactcol{width: 100%;}
.contact-right-sec.contact-cols {margin-top: 40px;}

.pagenotfound-sec{height: 50vh;}

.user-account-sec{flex-wrap: wrap;}
.user-account-sec .account-left-sec {width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 12px 8px;  position: relative; }

.user-account-sec .account-left-sec .useraccount-info {display: flex; align-items: center;}
.account-left-sec .username-info {text-align: left; margin-top: 5px; padding: 0 5px;}
.account-left-sec .useraccount-info .user-image {width: 60px; height: 60px;}
.account-left-sec .useraccount-info .user-image svg{width: 45px; height: 45px;}
.account-left-sec .username-info .account-username{margin-bottom: 0;}
.account-left-sec .username-info .account-lastlogin{margin-bottom: 5px;}
.account-left-sec .username-info .account-lastlogin span{display: inline-block; margin-top: 2px;}
.user-account-sec .account-left-sec .account-menu {width: 100%;}
.account-left-sec .account-menu .account-menu-toggle {display: block; padding: 5px 5px; border: 1px solid transparent; border-radius: 4px; background: #fff; position: absolute; top: 25px; right: 10px;}
.account-left-sec .account-menu .account-menu-toggle .icon-bar {display: block; width: 22px; height: 3px; background-color: #42d46a;}
.account-left-sec .account-menu .account-menu-toggle .icon-bar+.icon-bar {margin-top: 4px;}
.account-left-sec .account-menu ul{margin-top: 8px; border-top: 1px dotted #fff; display: none;}
.account-left-sec .account-menu ul.show {display: block;}
.account-left-sec .account-menu ul li a{padding: 12px 10px 12px 8px;}

.user-account-sec .account-right-sec {width: 100%;}


.contact-left-sec{padding-right: 0;}

}


@media(max-width:767px){
    .sectionheading{font-size: 22px;}
    .reviewsrow .reviewscol {width: 100%;}
    .comapnycategories-sec .rowcomapnycategories .colcomapnycategories{width: 49%;}
    .foot-logo p{padding-right: 0;}
    .foot-usefull-sec {margin-top: 10px;}
    .foot-usefull-sec.foot-implinks {margin-top: 30px;}

    .flexheadingsearch h1{width: 100%; text-align: center;}
    .flexheadingsearch .searchbox-sec {margin: 20px auto 0;}
    
    .companylistcard .d-flex{flex-wrap: wrap; text-align: center;}
    .companylistcard .iconcompany {width: 100%; margin-bottom: 15px;}
    .companylistcard .iconcompany .caticon{margin: 0 auto;}

    .innertop-banner h1 {font-size: 26px;} 

    .bloglistingrow .leftblogcol {width: 100%;}
    .bloglistingrow .rightblogcol{width: 100%; margin-top: 40px;}
    .bloglistingrow .rightblogcol .blogright-banner, .allcompaniesgpage .colrightcatcompany .blogright-banner {display: none;}
    .blogpage .rightblogcol {margin-top: 0;}

    .userformcard{padding: 25px 20px;}
}

@media(max-width:500px){
.mynavbar .logo img {width: 45px; height: auto;}
.mynavbar .navlogin{ width: calc(100% - 120px);}
.herosec h1{font-size:34px;}
.herosec p{font-size:15px;}

.totalrevies{grid-template-columns:1fr;}
.totalrevies .totalreviesitem{border:none !important; border-bottom:1px solid #ddd !important; padding: 20px 15px;}
.totalrevies .totalreviesitem:last-child{border-bottom:none !important;}

.rowcategorycard .colcategorycard {width: 100%;}

.captchadiv .captchainput, .contact-form .captchadiv .captchainput {width: 100%;}
.captchadiv .custom-input{width: 100%;}
.captcha-box{font-size: 20px; padding: 10px 18px;}
.captchadiv .captchabtnrefresh {padding: 10px 14px; margin-left: 5px;}


.filtersearchselect{flex-wrap: wrap;}
.filtersearchselect .searchbox-sec {margin: 0; width: 100%;}
.shortbyfilter {width: 100%;}
.filterselect-col select{width: 100%;}

.recentblog-sec .recentblog-row .blogcard{width: 100%;}

}


@media(max-width:414px){
    .categorytabs-dropdown .categorytabsheading-row {flex-wrap: wrap;}
    .categorytabs-dropdown .sectionheading {width: 100%;}
    .categorytabs-dropdown .categorytabs-menulist{width: 90%; margin: 18px auto 0;}

    .userformcard{padding: 25px 12px;}
    .userformcard .userformbottomlinks a{font-size: 13px;}
}