/*
Theme Name: Connaught CCTV Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*--------------------------------------------------------------
 # Root css
--------------------------------------------------------------*/
:root{
    --black: #000000;
    --text: #696969;
    --white: #FFFFFF;
    --darkblue: #091125;
    /* --lightblue:#e58b39; */
    --lightblue:#ff7f02;
    --transition: all 0.5s ease-in-out;
}
body::-webkit-scrollbar {
 width: 6px;
}
body::-webkit-scrollbar-track {
 background:var(--white);
 border-radius: 8px; 
}
body::-webkit-scrollbar-thumb {
 background:var(--black);
 border-radius: 8px;
}
body {
    overflow-x: hidden !important;
}
/*--------------------------------------------------------------
 # Header css
--------------------------------------------------------------*/
.black_btn a {
    position: relative;
    transition: all 500ms ease;
    overflow:hidden;
}
.black_btn a span{
    position:relative;
    z-index:2;
}
.black_btn a::before {
  webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 200%;
  content: "";
  bottom: 110%;
  left: 50%;
  background:var(--darkblue);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
}
.black_btn a:hover:before{
  bottom: -40%;
}
.social_media li a {
    background: var(--white);
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    transition: all 0.4s;
}
.social_media li a:hover{
    background: var(--black);
    color: var(--white);
}
.social_media li a svg {
    fill: var(--lightblue) !important;
    transition: all 0.4s;
    margin: 0px !important;
}
.social_media li a:hover svg {
    fill: var(--white) !important;
}
.social_media span.elementor-icon-list-text {
    display: none;
}
.social_media li a {
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.social_media span.elementor-icon-list-text {
    display: none !important;
}
div[data-elementor-type="header"]{
    position: sticky !important;
    z-index: 999;
    top: 0px;
}
div[data-elementor-type="header"].sticky .header_top{
    display: none !important;
}
/*--------------------------------------------------------------
 # Home css
--------------------------------------------------------------*/
 .owl-nav button {
     background-color: var(--white) !important;
     border: unset !important;
     outline: unset !important;
     width: 45px !important;
     height: 45px !important;
     border-radius: 50% !important;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: var(--black) !important;
     opacity: 0;
     transition: all 0.4s;
}
 .owl-nav {
     margin: 0px !important;
     position: absolute;
     top: 50%;
     width: 100% !important;
     transform: translate(-50%,-50%);
     max-width: calc(100% - 30px) !important;
     left: 50%;
}
 .owl-nav button.owl-next {
     right:30px;
}
 .owl-nav button.owl-prev {
     left:30px;
}
 .owl-carousel:hover .owl-nav button.owl-next {
     right:0px;
     opacity: 1;
}
 .owl-carousel:hover .owl-nav button.owl-prev {
     left:0px;
     opacity: 1;
}
.owl-dots {
    margin: 20px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100%;
}
.banner_slider .owl-dots{
    margin: 0px !important;
      position: absolute;
    bottom: 20px;
}
.owl-dots button {
    border: unset !important;
    outline: unset !important;
}
.owl-dots button span {
    background-color: transparent !important;
    border: 1px solid var(--darkblue);
}
.owl-dots button.active span {
    background-color: var(--darkblue) !important;
}
.banner_slider .owl-dots button span {
    border-color:var(--white);
}
.banner_slider .owl-dots button.active span {
    background-color: var(--white) !important;
}
.tab_list ul {
    justify-content: space-between !important;
}
.tab_list ul li {
    width: 50%;
    padding: 24px 0px !important;
    cursor: pointer;
    transition: all 0.4s;
    position: relative;
}
.tab_list li.active *{
    fill:var(--blue) !important;
    color:var(--blue) !important;
}
.tab_grid {
    background-image: linear-gradient(to right, var(--white) 50%, var(--darkblue) 50%);
    transition: all 0.4s linear;
}
.tab_grid.active {
    transition: all 0.4s linear;
    background-image: linear-gradient(to right, var(--darkblue) 50%, var(--white) 50%);
}
.img_box figure.elementor-image-box-img, .img_box figure.elementor-image-box-img img {
    margin: 0px !important;
    width: 70px;
    height: 70px;
    display: block;
    object-fit: contain;
    margin: 0px auto !important;
}
.img_box figure.elementor-image-box-img img{
    /* filter: brightness(0) invert(1); */
}
.img_box .elementor-image-box-wrapper::after,.tab_list ul li::before {
    content: "";
    background-image: url(images/down.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
    width: 24px;
    height: 24px;
    display: block;
    margin: 10px auto 0px;
    opacity: 0.5;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    transition: all 0.4s;
}
.img_box:hover .elementor-image-box-wrapper::after{
    transform: translateX(-50%) rotate(180deg);
}
.img_box .elementor-widget-container::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
    transition: all 500ms ease;
    border: 1px solid var(--lightblue);
}
.img_box .elementor-widget-container:hover:before {
    width: 100%;
    height: 100%;
    left: 0px;
    margin-left: 0px;
    border-radius: 5px;
}
.coomercial_grid{
    display: none !important;
}
.coomercial_grid.show{
    display: grid !important;
}
.tab_list ul li::before {
    margin: 0px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.4s;
    left: unset;
}
.tab_list ul li.active::before {
    filter: brightness(0);
    transform: translateY(-50%) rotate(0deg);
}
.coomercial_grid .img_box h3{
    margin-top: 16px !important;
}
.head_title > div,.white_title > div{
    max-width: fit-content !important;
}
.head_title > div h4,.white_title > div h4{
    padding: 7px 24px 3px 25px !important;
    position: relative;
}
.head_title > div h4::before,.white_title > div h4::before{
    right: 0px;
    border-bottom: 2px solid var(--lightblue);
    border-right: 2px solid var(--lightblue);
}
.head_title > div h4::before,.head_title > div h4::after,.white_title > div h4::before,.white_title > div h4::after{
    content: "";
    position: absolute;
    width: 24px;
    height: 100%;
    bottom: 0px;
}
.head_title > div h4::after,.white_title > div h4::after{
    left: 0px;
    border-top: 2px solid var(--lightblue);
    border-left: 2px solid var(--lightblue);
}
.white_title > div h4::after,.white_title > div h4::before{
    border-color: var(--white);
}
.counter_box h3 {
    margin: 0px;
    width: 122px;
    height: 122px;
    border: 6px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    background-color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
    position: relative;
}
.counter_box h3 span{
    font-size: 40px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 20px;
}
.counter_box {
    position: relative;
}
.counter_box p {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: rotate(30deg);
    transform-origin: center;
    font-size: 14px;
    color: #4A8522;
}
.message_box {
    position: relative;
}
.message_box figure.elementor-image-box-img {
    background-color: var(--lightblue);
    min-width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.message_box figure.elementor-image-box-img img {
    width: 24px !important;
    height: 24px !important;
    margin: 0px auto;
}
.message_box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid var(--lightblue);
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: -1;
}
.product_box  h3 {
    margin-top: 0px;
}
.product_box figure.elementor-image-box-img {
    width: 100px !important;
    height: 100px;
    margin: 0px !important;
    background-image: url(images/border-shape.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.product_box figure.elementor-image-box-img::before{
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(images/bg-shape-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}
.product_box figure.elementor-image-box-img img {
    width: 35px;
    height: 35px;
    z-index: 1;
}
.product_box .elementor-image-box-wrapper {
    display: grid !important;
    grid-template-columns: 100px auto;
    grid-gap: 24px;
    align-items: center;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 33px;
}
.product_box .elementor-image-box-content::before {
    position: absolute;
    content: '';
    background: #e0e0e0;
    width: 100px;
    height: 1px;
    left: 115px;
    bottom: 0px;
}
.product_box .elementor-image-box-wrapper:before,.product_box .elementor-image-box-wrapper:after,.product_box figure.elementor-image-box-img::after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 47px;
    background:var(--darkblue);
    content: "";
    display: block;
    
}
.product_box figure.elementor-image-box-img::after {
    bottom: -20px;
    left: 46.9px;
}
.product_box .elementor-image-box-wrapper:after {
    bottom: -17px;
}
.product_box .elementor-image-box-wrapper:before {
    bottom: -4px;
    width: 12px;
    height: 12px;
    left: 44.5px;
}
.product_box_grid .product_box:last-child .elementor-image-box-wrapper:before,.product_box_grid .product_box:last-child .elementor-image-box-content::before,
.product_box_grid .product_box:last-child .elementor-image-box-wrapper:after,.product_box_grid .product_box:last-child figure.elementor-image-box-img::after{
    display: none;
}
.product_box_grid .product_box:last-child .elementor-image-box-wrapper{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.solution_left .box_solution img {
    filter: brightness(0) invert(1);
}
.box_solution h3 {
    border-bottom: 3px solid var(--white);
    padding-bottom: 15px;
}
.arrow_btn a > span {
    position:relative;
}
.arrow_btn a > span span.elementor-button-icon {position: absolute;right: -24px;top: 0px;opacity: 0.5;transition: all 0.4s linear;}
.arrow_btn a > span span.elementor-button-icon svg {
    width: 18px;
    height: 18px;
}
.arrow_btn a > span span.elementor-button-icon::before {
    content: "";
    width: 15px;
    height: 2px;
    display: block;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 8px;
    right: 8px;
    transition: all 0.4s linear;
}
.arrow_btn a:hover > span span.elementor-button-icon::before {
    width: 40px;
}
.arrow_btn a:hover > span span.elementor-button-icon {
    right: -55px;
}
.range_item > div,.range_item > div figure,.range_item > div figure img {
    height: 350px !important;
    object-fit: cover !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden;
}
.range_item > div .elementor-image-box-wrapper {
    position: relative;
}
.range_item > div .elementor-image-box-content {
    position: absolute;
    width: 100%;
    padding: 20px;
    bottom: -80px;
    transition: all 0.5s;
}
.range_item > div{
    border-radius: 6px;
    overflow: hidden;
}
.range_item > div figure.elementor-image-box-img {
    position: relative;
}
.range_item > div figure.elementor-image-box-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--darkblue);
    opacity: 0;
    transition: all 0.4s linear;
}
.range_item > div:hover figure.elementor-image-box-img::before{
     opacity: 0.75;
}
.range_item > div:hover .elementor-image-box-content {
    bottom: 0px;
}
.list_box_cctv ul.elementor-icon-list-items li  span.elementor-icon-list-text {
    max-width: 300px;
}
.list_box_cctv ul.elementor-icon-list-items li span.elementor-icon-list-icon {
    min-width: 50px;
    height: 50px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}
.list_box_cctv ul.elementor-icon-list-items li span.elementor-icon-list-icon * {
    filter: brightness(0);
    margin: 0px !important;
}
.list_box_cctv ul.elementor-icon-list-items.elementor-inline-items {
    grid-gap: 30px;
}
.list_box_cctv ul.elementor-icon-list-items.elementor-inline-items li {
    grid-gap: 10px;
    width: calc(100%/3 - 60px);
}
.testimonial_box .elementor-testimonial-image {
    position: absolute;
    bottom: 20px;
    left: 50%;
    padding: 0px !important;
    transform: translateX(-50%);
}
.testimonials_sec .owl-dots {
    margin:10px 0px 0px !important;
}
.testimonial_box .elementor-testimonial-wrapper {
    display: grid;
}
.testimonial_box .elementor-testimonial-wrapper .elementor-testimonial-content {
    order: 1;
    margin-top: 20px !important;
}
.testimonial_box .elementor-testimonial-name {
    margin-bottom: 5px;
}
.testimonial_box .elementor-widget-container::before {
    content: var(--fa);
    --fa: "\f10d";
    --fa--fa: "\f10d\f10d";
    font-family: "Font Awesome 6 Pro";
    font-size: 32px;
    color: var(--white);
    text-align: center;
    background-color: var(--darkblue);
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 4px solid var(--white);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.testimonial_box {
    padding: 40px 16px 60px;
}
.testimonial_box .elementor-testimonial-name {
    text-align: center;
}
/*--------------------------------------------------------------
 # Post Section css
--------------------------------------------------------------*/
.post_grid article .elementor-post__card > a ~ div {
    padding: 0px 24px !important;
    width: 90%;
    margin: 0px auto 0px !important;
    display: block !important;
    padding-top: 20px !important;
}

.post_grid article .elementor-post__card > a {
    margin: 0px !important;
}

.post_grid article .elementor-post__card > a {
   margin: 0px !important;
}

.post_grid .elementor-post__card .elementor-post__avatar {
    height: 40px !important;
    padding-top: 0px !important;
    margin-top: 40px !important;
    z-index: 1;
    margin-bottom: 10px !important;
}

.post_grid .elementor-post__card .elementor-post__avatar img {
    transform: unset;
}
.post_grid .elementor-post__meta-data span.elementor-post-author, .post_grid .elementor-post__meta-data span.elementor-post-date {
    /* position: absolute; */
    /* top: calc(310px + 24px); */
    /* left: 100px; */
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 4px;
    z-index: 1;
}
.post_grid .elementor-post__meta-data span.elementor-post-date {
    /* top: calc(335px + 24px); */
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0px;
}
.post_grid .elementor-post__meta-data span.elementor-post-date::before,.post_grid .elementor-post__meta-data span.elementor-post-avatar::before {
    display: none;
}
.post_grid .elementor-post__meta-data span.elementor-post-avatar {
    position: absolute;
    bottom: 0px;
}
.post_grid article .elementor-post__card > a ~ div.elementor-post__meta-data {
    padding-top: 0px !important;
    border: unset;
    z-index: 1 !important;
    position: absolute;
    top: 305px;
    left: 80px;
    font-size: 16px;
    display: grid !important;
    width: calc(100% - 100px);
}
.post_grid .elementor-post__meta-data span.elementor-post-avatar {
    display: none;
}
.post_grid article .elementor-post__card > a ~ div.elementor-post__text {
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 20px !important;
    border-radius: 0px 0px 6px 6px;
    border-bottom: 2px solid var(--lightblue);
    background-color: var(--white);
    z-index: 1;
    position: relative;
}
.post_grid article .elementor-post__card > a ~ div.elementor-post__badge {
    padding: 0px !important;
    top: calc(288px + 24px);
}
.post_grid article .elementor-post__card > a ~ div.elementor-post__badge {
    top: 264px;
    width: 94px;
    padding: 4px 8px !important;
    transform: translateY(-19px);
    position: absolute !important;
    left: 41px !important;
    text-align: center;
    z-index: 1;
}
.footer_logo a img {
    filter: brightness(0) invert(1);
}
.footer_service ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0px 30px;
}
.category-blog {
    position: relative;
 overflow: hidden;
}
.category-blog::before {
    content: "";
    display: block;
    width: calc(100% - 43px);
    height: 228px;
    background-color: var(--white);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 260px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
}
.category-blog .elementor-post__thumbnail {
    height: 286px !important;
}
.category-blog .elementor-post__thumbnail__link:after {
    background-color: var(--darkblue) !important;
    opacity: 0 !important;
}
.category-blog:hover .elementor-post__card .elementor-post__thumbnail__link:after {
     opacity: 0.5 !important;!
}
.category-blog img.attachment-full {
    height: 290px;
    object-fit: cover;
}
.footer_box a {
    color: var(--white) !important;
}
.whatsapp_icon div.elementor-icon-wrapper a {
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #000000 !important;
    box-shadow: 0px 0px 10px 0px #000000cc;
    display: inline-block;
}
.servicesec_text .elementor-image-box-wrapper {
    height: 100% !important;
}

.testimonial_content .elementor-swiper-button {
    background: var(--lightblue);
}
.popup_sec::-webkit-scrollbar {
    width: 0px;
}
.popup_sec::-webkit-scrollbar-track {
    background:var(--white);
    border-radius: 0px 16px 0px 0px; 
}
.popup_sec::-webkit-scrollbar-thumb {
    background:var(--black);
    border-radius: 0px 16px 0px 0px;
}
.popup_sec .wpcf7.js {
    height: 577px;
}
.popup_sec {
    position: fixed !important;
    max-width: 600px;
    width: calc(100% - 30px) !important;
    width: 100%;
    left: 50%;
    top: 50%;
    background-color: var(--white);
    border-radius: 16px;
    transform: translate(-50%,-50%);
    z-index: 999;
    overflow-y: scroll;
}
.pop-overlay {
    background-color: rgba(0,0,0,0.5);
    position: fixed !important;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0px;
    left: 0px;
}
.pop_head {
    padding: 10px 20px 14px;
    text-align: end;
    font-size: 24px;
    line-height: initial;
}
.pop_head i {
    color: var(--black);
    cursor: pointer;
}
.booking_popop_form {
    padding: 0px 20px 0px;
}
.popup_sec .wpcf7.js form {
    padding-bottom: 20px;
}
.booking_popop_form .form_group p input.form_submit:hover {
    background-color: #FFFFFF;
    color: #000000;
}
.booking_popop_form > div.form_group.popup_submit_btn {
    width: fit-content !important;
}
.booking_popop_form .form_group p input,.booking_popop_form .form_group p textarea,.booking_popop_form .form_group p select {
    border-radius: 10px;
    border: 1px solid var(--black);
    padding: 12px 16px;
    color: var(--black);
    /* height: 48px; */
    font-size: 14px;
    font-family: 'Montserrat Alternates';
    outline: unset;
}
.booking_popop_form .form_group.popup_submit_btn p input {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
    color: var(--white);
    min-width: 120px;
}
.booking_popop_form .form_group p textarea {
    height: 120px;
}
.booking_popop_form .form_group p input,.booking_popop_form .form_group p textarea {
    border: 1px solid var(--black);
    color: var(--black);
}
.booking_popop_form .form_group.popup_submit_btn p input {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
    color: var(--white);
}
.booking_popop_form .form_group p select {
    background-color: transparent;
}
.booking_popop_form .form_group.message_box p  textarea {
    height: 100px;
    background-color: transparent;
    color: var(--white);
    resize: none;
    overflow: hidden;
}
.booking_popop_form .form_group.message_box p  textarea {
    background-color: var(--lightblue);
    color: var(--white);
}
.booking_popop_form .form_group p span.wpcf7-not-valid-tip {
    margin-top: 10px;
    font-size: 14px;
    color: var(--lightblue);
    font-family: 'Montserrat Alternates';
}
.booking_popop_form .form_group p span.wpcf7-not-valid-tip {
    color: var(--lightblue);
}
.booking_popop_form .wpcf7-response-output {
    border-color: var(--black) !important;
    color: var(--white);
    font-family: 'Montserrat Alternates';
    font-size: 16px;
    margin: 24px 0px 0px 0px !important;
}
.booking_popop_form .form_group p input:focus-visible,.booking_popop_form .form_group p textarea:focus-visible {
    outline: unset;
}
.booking_popop_form .form_group p input::placeholder,.booking_popop_form .form_group p textarea::placeholder {
    color: var(--black) !important;
}
.booking_popop_form > div.popop_form_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0px 20px;
}
.booking_popop_form .form_group.comment_box p input {
    padding: 8px;
}
.booking_popop_form > div.form_group.popup_submit_btn p {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    margin: 0px;
}
.booking_popop_form > div.form_group.popup_submit_btn p span.wpcf7-spinner {
    margin: 0px;
}
input.resume_file {
    display: none;
}
.cv-upload-btn {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid var(--black);
    width: 100%;
    color: var(--black);
    height: 48px;
    font-size: 14px;
    font-family: 'Montserrat Alternates';
}
.booking_popup_btn div.elementor-button-wrapper a {
    cursor: pointer;
    display: block;
}
.popup_sec .wpcf7.js form div.wpcf7-response-output {
    margin: 20px 20px 0px;
    border-color: var(--lightblue);
    font-family: 'Montserrat Alternates';
    font-size: 14px;
    color: var(--black);
}

.banner_slider .owl-nav button span::before {
    content: "";
    background-image: url(images/nexr-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: block;
    font-size: 24px;
}

.banner_slider .owl-nav button {
    margin: 0px !important;
}
.banner_slider .owl-nav button span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
}

.banner_slider .owl-nav button.owl-prev span::before {
    transform: rotate(180deg);
}
/*--------------------------------------------------------------
 # Reponsive css
--------------------------------------------------------------*/
 @media(min-width: 1280px){
     .banner_slider .owl-nav button.owl-next {
         right:60px;
    }
     .banner_slider .owl-nav button.owl-prev {
         left:60px;
    }
     .banner_slider.owl-carousel:hover .owl-nav button.owl-next {
         right:30px;
    }
     .banner_slider.owl-carousel:hover .owl-nav button.owl-prev {
         left:30px;
    }
}
@media(min-width: 1025px){
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu {
        min-width: 250px !important;
        position: absolute !important;
        padding: 8px 0 !important;
        z-index: 100;
        visibility: hidden;
        background-color: var(--white) !important;
        opacity: 0;
        box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
        transform: rotateX(-90deg);
        transform-origin: 0 0;
        display: block !important;
        transition: all 500ms linear 0ms;
        border-radius: unset !important;
    }
    div[data-elementor-type="header"] .elementor-nav-menu li:hover .sub-menu {
         visibility: visible !important;
         opacity: 1 !important;
         transform: rotateX(0) !important;
         z-index: 999;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a{
        padding: 10px 25px !important;
        display: flex;
        grid-gap: 4px;
        border: unset;
        align-items: center;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a:before{
        content: "";
        height: 1px;
        background-color: var(--black);
        transition: all 0.3s ease-out 0s;
        display: block;
        width:0px;
    }
    div[data-elementor-type="header"] .elementor-nav-menu .sub-menu li a:hover:before{
        width: 12px;
    }
    div[data-elementor-type="header"].sticky .hfe-site-logo-set img {
        height: 85px;
    }
}
@media(max-width: 1024px){
    .post_grid .elementor-post__card .elementor-post__avatar {
        /* margin-top: -10px !important; */
    }
    .popup_sec .wpcf7.js {
        height: 450px;
    }
}
@media(max-width: 991px){
    .header_menu {
        position: absolute !important;
        top: 85px !important;
        max-width: calc(100% - 210px) !important;
        right: 15px;
        background-color: transparent !important;
    }
    .header_menu li a {
        color: var(--darkblue) !important;
    }
    .header_menu  > .e-con-inner {
        justify-content: end !important;
    }
    .header_menu nav > ul > li > a {
        padding-right: 0px !important;
    }
    .list_box_cctv ul, .tab_grid ul {
        flex-flow: wrap !important;
    }
    .list_box_cctv ul li {
        width: calc(100% / 2 - 55px) !important;
    }
    .list_box_cctv ul li::after{
        display: none !important;
    }
    .tab_grid ul li{
        width: 100% !important;
        justify-content: left !important;
    }
    .tab_grid {
        background-image: linear-gradient(to bottom, #262D3F 50%, var(--darkblue) 50%);
    }
    .tab_grid.active {
        background-image: linear-gradient(to top, #262D3F 50%, var(--darkblue) 50%);
    }
    .tab_list li.active * {
        fill: var(--white) !important;
        color: var(--white) !important;
    }
    .tab_list ul li.active::before {
       filter: brightness(0) invert(1);
    }
    div[data-elementor-type="header"].sticky .header_menu {
        top: 30px !important;
    }
    .post_grid .elementor-post__card .elementor-post__avatar {
        margin-top: 42px !important;
    }
}
@media(max-width: 767px){
     div[data-elementor-type="header"] nav {
        position: fixed;
        width: 100%;
        top: 155px;
        left: 0px;
        margin: 0px !important;
        padding: 10px 0px 20px;
    }
    div[data-elementor-type="header"] nav ul li a{
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
   div[data-elementor-type="header"] nav > ul > li:last-child > a{
        border-bottom: unset;
    }
    .list_box_cctv ul li {
        width:100% !important;
    }
    .footer_box .elementor-icon-box-wrapper {
        display: flex !important;
        grid-gap: 20px;
        align-items: center;
    }
    .header_menu {
        top: 80px !important;
    }
}
@media(max-width: 484px){
    .booking_popop_form > div.popop_form_grid {
        grid-template-columns: repeat(1,1fr);
    }
}
@media(max-width: 360px){
    .header_menu {
        top: 100px !important;
    }
}