.heroBanner {
    /*  background: url('../images/services.webp'),linear-gradient(90deg, #3e3b3b  0%, #01070f  100%); */
    /* Add the background image */
    /* Ensure the background covers the entire element */
     background-size: cover;
    /* Set the background to be fixed (optional) */
     background-attachment: fixed;
}
 .fullBanner{
    min-height:100vh;
}


.dark-mode .navbar.about_navbar{background:var(--si-body-bg) !important;}


.heroBanner_child
{
    /* background: url('../images/home_hero_banner.svg');	 */
    position: absolute;
    z-index: 1000;
    height: 300px;
    width: 100%;
    bottom: 0;
	background-size: cover;
	z-index: 0;
}

body .heroBanner_child_extend
{
	 height: 700px !important;
	 background-size: contain !important;
	 z-index: 1 !important;
	     background-repeat: no-repeat;
}


.service_banner_padding
{
	padding-top: 5rem;
    padding-bottom: 5rem;
}

.z-index-1{z-index:1 !important;}
.z-index-2{z-index:2 !important;}

 .aboutBanner{
     /* background: url('../images/about/about_us_hero_image.webp'),linear-gradient(90deg, #3e3b3b  0%, #01070f  100%); */
    /* Add the background image */
    /* Ensure the background covers the entire element */
     background-size: cover;
    /* Set the background to be fixed (optional) */
     background-attachment: fixed;
}
 .blackBanner {
     /* background: url('../images/black_banner.jpg'),linear-gradient(90deg, #0b0f19 0%, #0b0f19 100%); */
    /* Add the background image */
    /* Ensure the background covers the entire element */
     background-size: cover;
    /* Set the background to be fixed (optional) */
}
 .blackBannerPattern {
     /* background: url('../images/black_bg_pattern.webp'),linear-gradient(90deg, #0b0f19 0%, #0b0f19 100%); */
     background-size: cover;
}
 .__how_we_work .step .step-number  {
     background-color:#fff !important;
	 overflow:hidden;
	 position:relative;
	 
}

 .__how_we_work .step .step-number  .bg-primary-light-section
 {
	 left:0;
	 z-index:-1;
 }

 .dark-mode .text-dark:not(.badge) {
     box-shadow: none !important;
}
 .dark-mode .dark-logo {
     display: block !important;
}
 .dark-mode .light-logo {
     display: none !important;
}
 .dark-logo {
    display:none;
}
 header.header.navbar-sticky .nav-item .nav-link {
      opacity:1;
}


.nav-link:hover
{

color:var(--secondaryColor) !important;	
opacity:1 !important;
}

.nav-link a:focus
{
	color: var(--dj-dark) !important;
}


.dark-mode header.header.navbar-sticky.navbar-stuck .nav-item .nav-link, .dark-mode header.header.navbar-sticky.headerTransparent .nav-item .nav-link
{
color:#fff;	
}


 header.header.navbar-sticky.navbar-stuck .nav-item .nav-link, header.header.navbar-sticky.headerTransparent .nav-item .nav-link {
     opacity:1;
}
 header.header.navbar-sticky .navbar-brand img.light-logo, header.header.navbar-sticky.navbar-stuck .navbar-brand img.dark-logo, header.header.navbar-sticky.headerTransparent .navbar-brand img.dark-logo, .dark-mode header.header.navbar-sticky .navbar-brand img.light-logo, .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-brand img.light-logo, .dark-mode header.header.navbar-sticky.headerTransparent .navbar-brand img.light-logo {
     display:none !important;
}
 header.header.navbar-sticky .navbar-brand img.dark-logo, header.header.navbar-sticky.navbar-stuck .navbar-brand img.light-logo, header.header.navbar-sticky.headerTransparent .navbar-brand img.light-logo, .dark-mode header.header.navbar-sticky .navbar-brand img.dark-logo, .dark-mode header.header.navbar-sticky.navbar-stuck .navbar-brand img.dark-logo, .dark-mode header.header.navbar-sticky.headerTransparent .navbar-brand img.dark-logo {
     display:block !important;
}
 header.header.navbar-sticky.headerTransparent .btn-transparent {
     color:#000 
}
 .dark-mode header.header.navbar-sticky.headerTransparent .btn-transparent {
     color:#fff 
}
 header.header.navbar-sticky .btn-transparent-white:hover, header.header.navbar-sticky.navbar-stuck .btn-transparent-white:hover {
     border: 2px solid transparent;
}
 header.header.navbar-sticky.headerTransparent .btn-transparent-white:hover {
     border: 2px solid transparent;
}
 header.header.navbar-sticky.headerTransparent .bshodow-dark:hover {
     color:#fff;
}
 .twitterXLogo{
    filter: invert(1);
}
 .dark-mode .twitterXLogo{
    filter: invert(0);
}
 .autoComplete-result .autoComplete-option:hover {
     color:var(--primaryColor);
    
}
 .autoComplete-result .autoComplete-option:hover .badge {
    color:#fff !important;
}
 .bshodow-dark {
     box-shadow: 2px 1000px 1px rgb(0 0 0 / 71%) inset;
     color:#fff;
}
 .bshodow-black {
     box-shadow: 2px 1000px 1px #0b0f19 inset;
     color:#fff;
}
 header.header.navbar-sticky.navbar-stuck .bshodow-dark:hover {
     color:#fff;
}
 header.header.navbar-sticky.navbar-stuck .bshodow-dark {
     box-shadow: 2px 1000px 1px #fff inset;
     color: var(--dj-dark);
}
 .dark-mode .hHead.btn-outline-primary.bshodow-dark {
     color:#fff;
}
 header.header.navbar-sticky.headerTransparent .bshodow-dark {
     box-shadow: 2px 1000px 1px rgb(248 249 255) inset;
     color: var(--dj-dark);
}
 .border-primary-theme {
     border:2px solid var(--primary-color);
}
 .popular_service .nav li.nav-item button:focus {
     background: rgb(149 97 214);
     color:#fff !important;
     -webkit-text-fill-color:#fff;
}
 .offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item {
     padding-top: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #c7c8cd;
     font-family: 'PJ-Medium';
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item:first-child {
     border-top: 1px solid #c7c8cd;
}
 .offcanvas.offcanvas-end.show {
     width: 75%;
}
 .offcanvas.offcanvas-end.show .btn-close {
     right: -60px;
     position: absolute;
     top: 15px;
     background: #fff;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     opacity: 1;
     line-height: normal;
}
 .offcanvas.offcanvas-end.show .btn-close i {
     font-size: 28px !important;
     line-height: normal;
}
 .offcanvas.offcanvas-end.show .offcanvas-footer {
     display:block;
}
 .offcanvas.offcanvas-end.show .btn-close{
    display:block
}
 .offcanvas.offcanvas-end .btn-close{
    display:none
}
 .offcanvas.offcanvas-end.show .offcanvas-body #mainav .nav-item::after {
     content: "\0279F";
    /* Unicode for fa-arrow-right */
     font-weight: 900;
     position:absolute;
     right:0;
     z-index:0;
}
 .blogSectionMain .card-img-top {
     height: 15em;
     object-fit: cover;
}
 .blog_date{
     background: #ffffff94;
     top: 8px;
     right: 6px;
     padding: 3px 9px;
     border-radius: 5px;
     font-weight: 500;
}
 .btn-transparent {
     border: 2px solid var(--primaryColor);
     color: #FFF;
}
 .btn-transparent2 {
     border: 2px solid var(--dj-dark);
}

.bg-dark .btn-transparent2 {
     border: 2px solid #fff;
}


.dark-mode a.autolinks:hover
{
color:#fff;	
}

.btn-transparent2:hover
{
	border: 2px solid var(--primaryColor);
}

 .btn-transparent:hover,.btn-transparent2:hover,.btn-transparent-white:hover,.btn-transparent2:focus-visible {
     border: solid 2px var(--primaryColor) !important;
     background-color: var(--primaryColor) !important;
     color:#000 !important;
}

 
 header.navbar-stuck .btn-transparent {
     color: #000;
}
 .dark-mode header.navbar-stuck .btn-transparent {
     color: #fff;
}
 .dark-mode .autoComplete-result {
     background-color: #000 !important;
}
 .w-close-icon.w-active {
     align-items: self-end;
     line-height: 14px;
}
 .btn-transparent-white {
     border: 2px solid #fff;
     color: #FFF;
}
 header.header.navbar-sticky.navbar-stuck .btn-transparent-white {
     color: var(--dj-dark);
     border: 2px solid var(--primaryColor);
}

.dark-mode header.header.navbar-sticky.navbar-stuck .btn-transparent-white,.dark-mode header.header.navbar-sticky .btn-transparent-white  {
   
     border: 2px solid var(--primaryColor) !important;
}

 .dark-mode header.header.navbar-sticky.navbar-stuck .btn-transparent-white {
     color: #fff;
}
 header.header.navbar-sticky.headerTransparent .btn-transparent-white {
     color: var(--dj-dark);
     border: 2px solid var(--dj-dark);
}
 .dark-mode header.header.navbar-sticky.headerTransparent .btn-transparent-white {
     color: #fff;
}
 .service_section_css a.btn{
    opacity:0;
}
 .service_section_css .col-parent:hover a.btn{
    opacity:1;
}
 .service_section_css .col-parent:hover{
    cursor:pointer;
}
 .service_section_css .col-parent:hover h3{
     color: var(--primary-color);
}
 .service_section_css .col-parent img {
     height: 250px;
     object-fit: cover;
}
 .our_service_style_1 .card-img-top{
    height:320px;
     object-fit:cover;
}
 .bg-pattern-1 img{
    height:100%;
    object-fit:cover;
}
 .dark-mode a.hHead.get_quote_link.btn-transparent2{
     color: var(--dj-dark);
}
 .dark-mode .__how_we_work .steps .step::before, .dark-mode .__how_we_work .steps .step::after{
     background-color: #736f6f;
	 opacity:0.6;
}

.dark-mode .__how_we_work .steps .step:nth-child(3)::after
{
	background:inherit;
	
}


.dark-mode .btn-transparent2
{
	border: 2px solid;
}

 .btn-scroll-top.show{
    bottom: 5.25rem;
}
 .blogSectionMain .card-body a:hover{
   opacity:0.8;
}
 .dark-mode .blogSectionMain .card-body .text-nav:not(.badge.bg-white):hover{
     opacity:0.8;
}


 .dark-mode footer a:hover{color:#fff;}


 .bottom90{
    bottom:90px !important;
}
 .bottom2em{
    bottom: 2rem !important;
}
 #msgboxxWidget {
     transition: bottom .4s cubic-bezier(.68, -.55, .265, 1.55),opacity .3s,background-color .25s ease-in-out;
}
 .whatsupBottom .wa-widget-send-button{
     bottom: 60px !important;
}
 .whatsupBottom .wa-chat-bubble{
     bottom: 90px !important;
}
 .dark-mode .inputSearchService::placeholder{
    color: var(--dj-dark) !important;
     opacity:0.7;
}
 .dark-mode a.hHead.get_quote_link.btn-transparent2.btn-style2{
    color:#fff;
}
 .dark-mode a.hHead.btn-transparent2.btn-style2{
    color:#fff;
}
 .form-switch.mode-switch input{
    cursor:pointer;
}
 .service_section_css .card.card-hover .btn-transparent-white{
    color:#fff;
}
 p:empty {
     display:none;
}
 .object-fit-cover{
    object-fit:cover;
}
 .-z-index1{
    z-index:-1
}
 .z-index{
    z-index:1
}
 .autoComplete-result div a:last-child{
    padding-bottom: 20px;
}
 .autoComplete-result div a{
    text-decoration:none;
     color: var(--dj-dark);
}
 .autoComplete-result div.child-parent-items {
     max-height: 200px;
}
 .__serviceContentEle a:hover{
    color: var(--g-color-two);
     background: linear-gradient(to right, var(--g-color-two), var(--g-color-one));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 #contact_fname {
     text-transform: capitalize;
}
 .dark-mode .border-theme-2{
     border: 2px solid var(--primaryColor) !important;
}
 footer a.btn:hover{
     background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one));
     border-color:inherit !important;
     box-shadow:inherit !important;
}
 footer a.btn:hover img{
    filter: invert(0);
}
 .contact_toast{
    position: fixed;
    top: 6rem;
    right: 1rem;
    z-index: 99;
}
 .category_list .flex a.btn, .area_list .flex a.btn, .area_list .cityloadmore{
     width: 32%;
     margin: 8px 8px;
     background: #f1f1f1 !important;
     background-color: #f1f1f1 !important;
     border: 1px solid #e2e5f1 !important;
     -webkit-appearance: none;
     box-sizing: border-box;
}
 .category_list .flex a.btn:hover, .area_list .flex a.btn:hover, .area_list .cityloadmore:hover{
    background: var(--primaryColor) !important;
     background-color: var(--primaryColor) !important;
     color: #ffffff;
}
 .dark-mode .category_list .flex a.btn, .dark-mode .area_list .flex a.btn, .dark-mode .area_list .cityloadmore{
    background: #151822 !important;
     background-color: #151822 !important;
     color: #ffffff;
     -webkit-appearance: none;
     box-sizing: border-box;
}
 .dark-mode .category_list .flex a.btn:hover, .dark-mode .area_list .flex a.btn:hover, .dark-mode .area_list .cityloadmore:hover{
    background: var(--primaryColor) !important;
     background-color: var(--primaryColor) !important;
     color: #ffffff;
}
 .area_list .cityloadmore, .dark-mode .area_list .cityloadmore{
    border: 1px solid var(--primaryColor) !important;
}
 .input-group a.hHead{
    text-decoration: none;
}
 .our_service_style_1 .btn-transparent2{
    display: block;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .input-group .bx-right-arrow-alt:before {
    font-size: 26px;
     position: absolute;
     bottom: 8px;
     display: flex;
}
 p.trust_pilot{
    font-size: 13px;
}
 .dark-mode .card.bg-dark{
    background-color: var(--si-secondary-bg) !important;
}
 .feedback_section .common-feedback p{
    font-size: 16px;
}
 .feedback_section .common-feedback img{
    width: 36px;
    padding: 8px;
    cursor: pointer;
}
 .feedback_section .common-feedback img.thumbs-down{
    transform: scaleX(-1);
}
 .feedback_section .common-feedback.active img{
    filter: invert(0.4) sepia(1) saturate(5) hue-rotate(175deg);
}
 .feedback_section .common-feedback img:hover{
    padding: 8px;
    background: #eee;
    border-radius: 50px;
}
 .dark-mode .feedback_section .common-feedback img{
    filter: invert(1);
}
 .dark-mode .feedback_section .common-feedback img:hover{
    background: rgb(11 15 25 / 20%);
}
 .dark-mode .white_box_ .hHead{
    color: #000;
}
 .dark-mode .contact_us_ .bg-light:not(.badge), .dark-mode .card.card-hover.bg-light{
    background-color: #151822 !important;
}
/*  .contact_us_ .position-absolute.bg-light{
    background-color: #f7f8fe !important;
} */


.bxl-whatsapp
{
color:#25D366	
}


.dark-mode .contact_us_form i.bx{color:var(--dj-dark)}


.section_for_content table tbody, td, tfoot, th, thead, tr
{
	border: 1px solid #e2e5f1;
    padding:10px 15px;	
}
.section_for_content table{
    width: 100%;
    overflow: auto;
    margin-bottom: 20px;
    display: block;
}
.section_for_content table caption{
    text-align: center;
    caption-side: top;
    color: #000;
    border: 1px solid #e2e5f1;
}
.dark-mode  .section_for_content table caption{
    color: #fff;
}
.theme-mode{font-size: 1px;}
 @media only screen and (max-width: 991.98px) {
     .category_list .flex a.btn, .area_list .flex a.btn, .area_list .cityloadmore{
         width: 47%;
         margin: 8px 8px;
    }
}
 @media only screen and (max-width: 767.98px) {
     .category_list .flex a.btn, .area_list .flex a.btn, .area_list .cityloadmore{
         width: 100%;
         margin: 8px 0px;
    }
     .input-group a.w100{
        width: 100%;
    }
}
 .dark-mode .card-portfolio {
    background-color:#000;
}
 .dark-mode .autoComplete-result div a {
     color:#fff 
}
 html {
     scroll-behavior: smooth;
}
 @media only screen and (max-width: 767.98px) {
     .contact_toast{
        right: 0.3rem;
    }
}
 body {
     -webkit-font-smoothing: antialiased !important;
}
/* For Mozilla Firefox */
 @-moz-document url-prefix() {
     body {
         -moz-osx-font-smoothing: grayscale !important;
    }
}
 .hHeadA{
     color: var(--dj-dark);
}
 .hHeadA:hover{
     background:var(--dj-brand-color-two);
     background: linear-gradient(to right, var(--dj-brand-color-two), var(--dj-brand-color-one));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .dark-mode .hHeadA{
    color:#fff;
}
 .overlay-bg {
     position: absolute;
     background: rgb(0 0 0 / 10%);
     width: 100%;
     height: 100vh;
}
 .theme-mode{
    color:#fff;
    opacity: 0;
}
 .inputSearchService::placeholder{
     color: var(--dj-dark);
     font-family: "PJ-semiBold", sans-serif;
     font-size:1rem;
     opacity:0.7;
}
 .inputSearchService {
     color:var(--dj-dark) !important;
     font-size:1.125rem;
}
 .zIndex2{
    z-index: 2;
}
 .placeholder_::-ms-input-placeholder {
    /* Edge 12-18 */
     font-family: "PJ-Regular", sans-serif;
     color:rgb(206 206 206);
}
 .placeholder_::placeholder {
     font-family: "PJ-Regular", sans-serif;
     color:rgb(206 206 206);
}
 .dark-mode .submitSearchService span{
    color:#fff;
}
 .dark-mode .inputSearchService::placeholder{
    color: var(--dj-dark);
}
 



/* autoCompleteParent */

.autoCompleteParent input{
     height: 70px;
     text-indent: 30px;
	     font-family: 'PJ-SemiBold';
		     z-index: 1;
}

.autoCompleteParent
{
    z-index: 1;
	
}
 .autoCompleteParent input:focus{
     box-shadow: none;
     /* border: 1px solid transparent; */
}


.AutoCompleteHeadSection  .autoCompleteParent .inputSearchService {     text-indent: 0px;}

body .zIndex5 {z-index:5 !important;}

.select_badge
{
    background: #f2f2f2;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #929292;
}

.autoCompleteParent  .results_list{left:1px;width: calc(100% - 1px) !important;}

 .autoCompleteParent i{
     top: 20px;
     left: 16px;
}
 .autoCompleteParent input[aria-expanded="true"] {
     border-bottom-left-radius:inherit !important;
     border-bottom-right-radius:inherit !important;
     border-bottom: 1px solid rgb(213 213 213);
}

  .results_list li mark {
     padding:0 !important;
     background-color:inherit !important;
}

 .autoCompleteParent  .results_list li:hover .select_badge
 {
	 color:var(--dj-dark);
 }


/* .dark-mode  .AutoCompleteHeadSection .autoCompleteParent .submitSearchService  span{color:#fff;} */
.dark-mode  .AutoCompleteHeadSection .autoCompleteParent .results_list li{background:#fff;}
.dark-mode  .AutoCompleteHeadSection .autoCompleteParent .results_list li a .select_badge{color:#929292;}
.dark-mode .AutoCompleteHeadSection .autoCompleteParent i{color:#fff;}

.inputSearchService[aria-expanded="false"]+ .results_list {display:none !important;}
.inputSearchService[aria-expanded="true"]+ .results_list {display:block !important;}

  .autoCompleteParent  .results_list li:hover a, .autoCompleteParent .results_list li:hover a mark
 {
	color:var(--primaryColor) !important; 
 }
 
 
 


.dark-mode .inputSearchService 
{
	background: #fff;
}

.dark-mode .autoCompleteParent i,.dark-mode .autoCompleteParent span{    color: var(--dj-dark);}



.dark-mode .heroBanner_child{filter: invert(1);}



.dark-mode .autoCompleteParent li:hover a mark{    color: var(--primaryColor) !important;}
.dark-mode .autoCompleteParent li:hover i{    color: var(--primaryColor) !important;}

 .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover {
    background: var(--primaryColor) !important;
    color: #fff !important;
}

.AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a,
.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a,
.dark-mode .AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a .text-ellipsis,
.AutoCompleteHeadSection .autoCompleteParent .results_list li:hover a mark
{
   color: var(--dj-dark) !important;
}

.AutoCompleteHeadSection .autoCompleteParent::before
{
    content: '\ebf8';
    font-family: 'boxicons';
    font-size: 25px;
    margin-left: 10px;
    color: #8A8A8A;
    position: absolute;
    left: 15px;
    z-index: 222;
    line-height: 76px;
}
 
 
    .AutoCompleteHeadSection .autoCompleteParent.loadingIcon::before
	{
	    transform: scaleY(-1);
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear;
    content: '\eab2';	
		
	}
	
 
 
 
 .AutoCompleteHeadSection .autoCompleteParent .inputSearchService 
 {
 text-indent: 26px;
 }


 .text-ellipsis {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}
 .results_list ul, .results_list ul {
     max-height: 200px;
     overflow-y: auto;
}

/* autoCompleteParent */


.bg-primary-light-section
{
	background:var(--primary-color-light-gray-v3) !important;
	position:absolute;
	height:100%;
	width:100%;
	top:0;

	    z-index: -1;
}

.bg-primary-theme-section
{
	background:var(--primaryColor) !important;
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	opacity: 20%;
	    z-index: -1;
		left:0;
}

body a.autolinks{color: var(--secondaryColor)}

.text-ellipsis
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mx-width-250
{
 max-width: 250px;
}

.mx-width-180
{
 max-width: 180px;	
}


.AutoCompleteHeadSection .autoCompleteParent
{
	border: 2px solid var(--dj-dark);
}

.AutoCompleteHeadSection .autoCompleteParent.error
{
	border: 2px solid red;
}



.AutoCompleteHeadSection .results_list::-webkit-scrollbar
{
    width: 8px; /* Set the width of the scrollbar for vertical scroll */
    height: 8px; /* Set the height of the scrollbar for horizontal scroll */
}

.AutoCompleteHeadSection .results_list::-webkit-scrollbar-track
{
    background: #f0f0f0; /* Set the background color of the scrollbar track */
}

.AutoCompleteHeadSection .results_list::-webkit-scrollbar-thumb
{
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 4px; /* Add rounded corners to the scrollbar thumb */
    border: 2px solid #f0f0f0; /* Add border to make the thumb look smaller */
}

.AutoCompleteHeadSection .results_list::-webkit-scrollbar-thumb:hover
{
    background-color: #858585; /* Darken the color when hovering over the scrollbar thumb */
}


.autoCompleteParent .inputSearchService::placeholder{font-size: smaller;}

.AutoCompleteHeadSection .autoCompleteParent .inputSearchService
{
  font-size: x-large;	
}


.AutoCompleteHeadSection .autoCompleteParent.open
{
	    border-bottom-left-radius: 0 !important;
		    border-bottom-right-radius: 0 !important;
}
  
 .AutoCompleteHeadSection  .results_list 
 {
	 
	width: calc(100% + 4px) !important;
    left: -2px !important; 
 }
 
 
 footer #footer-links ul li a{font-family: "PJ-Medium", sans-serif;font-weight:normal}
 
 .minHeightFull {
    -webkit-transition: min-height 1s ease-in-out, background 1s ease-in-out;
    -moz-transition: min-height 1s ease-in-out, background 1s ease-in-out;
    /* Standard transition for modern browsers */
    transition: min-height 1s ease-in-out, background 1s ease-in-out;
	
}
 
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
}


.modal.modal-fullscreen .__checkoutBtn 
{
    bottom: 20px;
    position: absolute;
    left: 0;
    width: 96% !important;
    right: 0;
    margin: 0 auto;
}

 
.review_section_2 .nav-tabs .nav-link.active:focus
{
    color: var(--si-nav-tabs-link-active-color);
    background-color: var(--si-nav-tabs-link-active-bg);
	 background: var(--si-nav-tabs-link-active-bg);
    border-color: var(--si-nav-tabs-link-active-border-color);
	-webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;

}


.banner_video_section .jarallax 
{

height:600px;	

	
}

.banner_video_section .jarallax-img
{
 /* background-image:url('../images/video_placeholder.webp'); */
}


.trustpilot_white
{
	display:none;
}

.dark-mode .trustpilot_white
{
		display:block;
}

.dark-mode .trustpilot_dark
{
		display:none;
}

 .cursor-default
 {
	 cursor:default;
 }
 
 .social-media-section .swiper-slide a
 {
	box-shadow:inherit; 
 }
 
 .seo_source_content {opacity:0}
 
 
 .review_section_2 blockquote p
 {
 overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
 }
 
 
 
 .twitter_section:hover img
 {
	filter: contrast(0); 
 }
 
 
 .service_section_css a:hover .card-body h3{
	 color:var(--secondaryColor);
	 opacity:1;
 }
 
 

 
 .bg-secondary
 {
	    background-color: rgb(250 250 250) !important;
 }
 
   .dark-mode .__how_we_work .step .step-number
   {
	   	 color:var(--dj-dark);
   }
   
   .dark-mode .twitter_section a img{
	       filter: invert(1);
   }
   
   
   .dark-mode .btn-twitter img{filter: invert(1);}
   
    .dark-mode .btn-twitter:hover img{filter: invert(0);}
 
 .dark-mode  .bg-primary-light-section
 {
	 background:rgb(21 24 34) !important;
 }
 
 .dark-mode body a.autolinks{color:var(--secondaryColor)}
 
  .dark-mode  .AutoCompleteHeadSection .autoCompleteParent
  {
	    border: 2px solid rgb(255 255 255);  
  }
  
  
 
   .dark-mode .slider_three_intro2 .card{background: var(--primaryColor);}
   

   
 .text-color-primary-dark
 {
	  color:var(--dj-dark);
 }
 
 
 .social-media-section .stretched-link:hover
 {
	 background:var(--primaryColor) !important;
	 box-shadow:inherit !important;
	 border:inherit !important;
	 color:var(--dj-dark) !important;
 }
 
  body .social-media-section .stretched-link:focus,  body  .social-media-section .stretched-link:active
  {
	  background:#000 !important;
	  border-color:inherit !important;
	  box-shadow:inherit !important;
  }
 
 
 .aLink
 {
	color:var(--dj-dark)  
 }
 
 a.aLink:hover
 {
	color:var(--secondaryColor); 
 }
 
 .dark-mode .aLink
 {
	color:#fff;  
 }
 
 
 .social_media_col:hover a.stretched-link{border:1px solid var(--primaryColor) !important;}
 
 
 .dark-mode .AutoCompleteHeadSection .autoCompleteParent i.loader_icon
 {
color: var(--dj-dark);	 
 }
 

 
.review_section_2 .trustpilot_white
 {
	 display:none;
 }
 
  .dark-mode .review_section_2 .trustpilot_white
 {
	 display:inline-block;
 }

  .dark-mode .review_section_2  .trustpilot_dark
 {
	 display:none;
 }

 
.aLink2:hover{color:var(--primaryColor)}


.dark-mode .slider_info_2  .bg-white .hHead
{
color: var(--dj-dark);	
}

	b, strong
	{
		 font-weight:normal !important;
		 font-family: "PJ-Bold", sans-serif; 
		
	}

p a{ font-weight:normal !important;}

.section_for_content a:hover{color:var(--primaryColor) !important; text-decoration:underline !important}
.section_for_content a{text-decoration:inherit !important}	


.whatsupBtn:hover i.bxl-whatsapp
{
	color:#fff !important
}

.contact_us_ form input
{
	    font-family: 'PJ-SemiBold';
}

.contact_us_ .form-control:focus
{
    border-color: rgb(101 101 101 / 35%);	
	box-shadow: inset 0 0 0 transparent, 0 .5rem 1.125rem -.5rem rgb(167 167 167 / 20%);
}

.contact_us_ .contact_us_form .rounded-circle
{
	box-shadow: 2px 0px 4px #d6d6d682;
    
}

.quote_circle
{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 24px;
}