@font-face {
    font-family: montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-family: notoserif;
    src: url(../fonts/NotoSerif-Regular.ttf);
}

/* custom CSS */
html {
    scroll-behavior: smooth;
}
body {
    font-family: montserrat;
    color: #888888;
    line-height: 21.94px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #4b4747;
}
h1,h2,h3,h4,h5,h6 {
    color: #000000;
}
a {
    text-decoration: none;
    transition: all 0.3s ease;
    color: #000000;
}
img {
    max-width: 100%;
}
span.clr-blue {
    color: #0089C7;
    font-weight: 700;
}
.section {
    padding: 90px 0px;
}
.bg-grey {
    background-color: #F5F5F5 !important;
}
/*-- Preloader css start --*/
#preloader {
    background-image: linear-gradient( to bottom, #164469, #0f5b89 , #1d72a6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
    width: 100%;
    height: 100%;
  }
  #status {
      background-position: center center;
      background-repeat: no-repeat;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
    color:#2ec8a6;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
  }
h2.section_title {
    margin-bottom: 10px !important;
}
/* name tag */
.name-tag.ntdn {
    display: none;
}
.name-tag .nametage-text {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    width: 50%;
    padding: 13px 84px;
    color: #fff;
    transition: 0.3s ease;
	display: flex;
}
.name-tag .nametage-text:before {
    content: '';
    position: absolute;
    bottom: -37px;
    /* top: 0; */
    left: -98px;
    width: 62px;
    height: 136px;
    background: #000000;
    clip-path: polygon(100% 0,0 100%,100% 100%);
    transform: rotate(270deg);
    transition: 0.3s ease;
}
.name-tag .nametage-text h1,.name-tag .nametage-text h2 {
    font-size: 15px;
    font-weight: 600;
	color:#fff;
}
.nametage-container {
    display: flex;
    width: 100%;
    max-width: 565px;
    justify-content: end;
}
/* navbar start*/
nav {
    transition: 0.3s ease;
}
nav.black {
    background: #000;
}
nav.black .navbar-brand img {
    width: 135px;
/*    width: 60px;*/
    margin-left: 0px;
}
nav.black .navbar-collapse {
    margin-top: unset;
}
.navbar {
    position: fixed;
    width: 100%;
    z-index: 6;
    padding: 0px;
}
.navbar .navbar-brand img {
/*    width: 165px;*/
    width: 300px;
    transition: 0.3s ease;
    margin-left: 130px;
    margin-top: 10px;
}
.navbar .navbar-nav .nav-link {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    padding: 0px;
    margin-left: 40px;
    color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:active {
    color: #0089C7;
}
.navbar .navbar-nav .nav-link:after {
    content: "";
    position: absolute;
    background-color: #0089C7;
    height: 3px;
    width: 0px;
    left: 0;
    bottom: -7px;
    transition: 0.3s ease;
    border: none;
    margin-left: 0px;
}
.navbar .navbar-nav .nav-link.dropdown-toggle:after {
    bottom: 2px;
}
.navbar .navbar-nav .nav-link:hover:after,
.navbar .navbar-nav .nav-link.active:after {
    width: 100%;
}
.navbar-dark .navbar-toggler {
    /* color: none; */
    border-color: unset;
    border: unset;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #000;
    margin-bottom: 20px;
    transition: 0.3s ease;
}
.dropdown-menu li {
    border-bottom: 1px solid #1d1d1d;
}
button:focus:not(:focus-visible) {
    border: none;
}
.dropdown-item {
    color: #fff;
    padding: 8px 1rem;
}
.dropdown li:last-child {
    border-bottom: unset;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.dropdown-toggle::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    position: relative;
    left: 80px;
    border: 3px solid;
    border-color: #fff;
    transform: translateY(-197%) rotate(-45deg) skewX(0deg);
    border-top: unset !important;
    border-right: unset;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #0089c7;
}
.navbar .navbar-nav .nav-link:hover::before {
    border-color: #0089C7;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #171717;
}
.dropdown-menu[data-bs-popper] {
    margin-top: unset !important;
}
/********************** navbar end ********************/



/************************************************/
/*************** Home page start ****************/
/************************************************/

/************************************************/
/************** hero section start **************/
.hero-section {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/executive\ protection-service.jpg);
    padding: 280px 0px 190px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
.hero-section .hero h2 {
    font-family: notoserif;
    color: #0089C7;
    font-size: 58px;
    text-shadow: 1px 0 4px #fffffff5, 0px 0 4px #ffffffe6, 0 1px 4px #ffffffe6, 0 1px 4px #ffffffe6, 0px 0px 4px #ffffffe6, -1px 1px 4px #ffffffe6, 1px -1px 5px #ffffffe6, -1px 0px 4px #ffffffe6;
    text-align: center;
    margin-bottom: 18px;
}
.hero-section .hero p {
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 36px;
}
.hero-section .hero .btn {
    background-color: #0089C7;
    color: #fff;
    font-size: 18px;
    padding: 8px 59px;
    border-radius: 10px;
    font-weight: 600;
    border: none;
}
.hero-section .hero .btn:hover {
    box-shadow: 0px 0px 6px 3px #fff;
}
.btn-check:focus+.btn, .btn:focus {
    box-shadow: unset;
}

/**************** hero section end ********************/

/***********************************************************/
/*************** seven-service-section start****************/
.seven-service-section .sss .row {
    padding: 16px;
    /* border: 1px solid #000; */
    box-shadow: 0px 0px 15px #f5f5f5;
    border-radius: 10px;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    width: 87%;
    margin-top: -103px;
}
.seven-service-section .sss .sss-box img {
    margin-bottom: 14px;
    background-color: #f9f9f9;
    width: 85px;
    border-radius: 10px;
    padding: 8px;
}
.seven-service-section .sss .sss-box h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transition: 0.4s ease;
}
.seven-service-section .sss .sss-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 187px;
    transition: 0.4s ease;
}
.seven-service-section .sss .sss-box:hover {
    border: 1px solid rgb(221 221 221);
    box-shadow: 0px 0px 10px 5px rgb(222 222 222);
    border-radius: 10px;
    background-color: #f9f9f9;
}
.seven-service-section .sss .sss-box:hover h3 {
    color: #0089c7;
}
/*************** seven-service-section end ****************/

/***********************************************************/
/***************** about-section start ********************/
.about-section {
    background-color: #F5F5F5;
    padding-top: 240px;
}
.about-section .about h1,.about-section .about h2.section_title {
        font-size: 36px;
    font-weight: 600;
}
.about-section .about p {
    margin-bottom: 32px;
}
.about-section .about h2 {
    font-size: 24px;
    font-weight: 600;
}
.about-section .about .about-img img {
    position: absolute;
    width: 678px;
    right: 0;
}
/***************** about-section end ********************/

/***********************************************************/
/************** our-services-section start **************/
.our-services-section {
    position: relative;
}
.our-services-section .security-man {
    max-width: 210px;
    position: absolute;
    right: 70px;
    top: 190px;
}
.our-services-section .our-services h1,.our-services-section .our-services h2.section_title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 115px;
}
.our-services-section .our-services .our-services-box {
    padding: 30px;
    border: 1px solid rgba(221, 221, 221, 0);
    transition: 0.3s ease;
    height: 295px;
}
.our-services-section .our-services .our-services-box:hover {
    border: 1px solid rgb(221 221 221);
    box-shadow: 0px 0px 10px 5px rgb(222 222 222);
    border-radius: 10px;
    background-color: #f9f9f9;
}
.our-services-section .our-services .our-services-box:hover .our-services-top .our-services-head {
    color: #0089C7;
}
.our-services-section .our-services .our-services-box .our-services-top {
    display: flex;
    align-items: center;
}
.our-services-section .our-services .our-services-box .our-services-top .our-services-icon img {
    width: 60px;
}
.our-services-section .our-services .our-services-box .our-services-top .our-services-head {
    margin-left: 43px;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    transition: 0.3s ease;
}
.our-services-section .our-services .our-services-box .our-services-top .our-services-icon {
    border-right: 1px solid;
    padding-right: 33px;
}
.our-services-section .our-services .our-services-box .our-services-bottom {
    padding-top: 30px;
}
/************** our-services-section end **************/

/***********************************************************/
/*************** why choose us section start ************/
.whycu-section {
    background-color: #F5F5F5;;
    padding-bottom: 10px;
}
.whycu-section .why-chooseus h1,.whycu-section .why-chooseus h2.section_title {
    margin-bottom: 79px !important;
    font-size: 36px;
    font-weight: 600;
}
.whycu-section .why-chooseus .wcu-box h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.whycu-section .why-chooseus .wcu-box h2::before {
    content: url(../images/icons/vector.png);
    position: relative;
    margin-right: 41px;
    top: 4px;
}
.whycu-section .why-chooseus .wcu-box p {
    padding-left: 63px;
    margin-bottom: 66px;
}
/*************** why choose us section end ************/

/*************** Other CMS Security Services section start ************/
.other-cms-securities-section {
    background-color: #FFF;
    padding-bottom: 10px;
}
.other-cms-securities-section .other-cms-security h1,.other-cms-securities-section .other-cms-security h2.section_title {
    margin-bottom: 79px !important;
    font-size: 36px;
    font-weight: 600;
}
.other-cms-securities-section .other-cms-security .cms-security-box h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.other-cms-securities-section .other-cms-security .cms-security-box h2::before {
    content: url(../images/icons/vector.png);
    position: relative;
    margin-right: 41px;
    top: 4px;
}
.other-cms-securities-section .other-cms-security .cms-security-box p {
    padding-left: 63px;
    margin-bottom: 66px;
}
/*************** why choose us section end ************/

/***********************************************************/
/*************************** footer start *********************/
.footer-section {
background-color:  #164469;
color: #fff;
}
.footer-section .footer .footer-links h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 23px;
}
.footer-section .footer .footer-links ul {
    list-style: none;
    padding-left: 0px;
}
.footer-section .footer .footer-links ul li {
    margin-bottom: 12px;
    transition: 0.3s ease;
    cursor: pointer;
}
.footer-section .footer .footer-links ul li:hover {
   color: #727376;
}
.footer-section .footer .footer-links ul li a {
    color: #fff;
}
.footer-section .footer .footer-links ul li a:hover {
    color: #a2a3a7;
}
.footer-section .footer .footer-logo img {
    width: 150px;
}
.footer-section .footer .footer-links .fl-4 {
    margin-top: 54px;
}
.footer-section .footer .footer-links .fl-5 li {
display: flex;
}
.footer-section .footer .footer-links .fl-5 li i {
    margin-right: 9px;
}
.footer-section .footer .footer-links .fl-5 li a {
    color: #fff;
}
.footer-section .footer .footer-links .fl-5 li a:hover {
    color: #727376;
}
/*************************** footer end*********************/

/************************************************************/
/******************** copyright section start*********************/
.copyright {
    background-color: #0f5b89;
    color: #fff;
    padding: 24px 0px;
}
.copyright ul {
    margin-bottom: 0px;
    display: flex;
    list-style: none;
    justify-content: flex-end;
}
.copyright ul li a{
    color: #fff;
    margin-left: 15px;
}
.copyright ul li:nth-child(1) {
    border-right: 1px solid #fff;
    padding-right: 15px;
}
.copyright ul li a:hover {
    color: #727376;
    cursor: pointer;
}
/******************** copyright section end*********************/

/**** icons start****/
.icon1 {
    position: fixed;
    z-index: 999;
    top: 214px;
    background-color: #0089c7;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.icon2 {
    position: fixed;
    z-index: 999;
    background-color: #0089c7;
    padding: 10px;
right: 0;
top: 534px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.icon3 {
    position: fixed;
    z-index: 999;
    top: 214px;
    background-color: #0089c7;
    padding: 10px;
    right: 0;
top: 605px;
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.icon1 a,.icon2 a,.icon3 > a {
    color: #fff;
    font-size: 36px;
}
/**** icons end****/

/********************************************************/
/****************** back-to-top-btn start***************/
#back-to-top-btn {
    display: none; 
    position: fixed;
    bottom: 20px;
    text-align: center;
    line-height: 60px;
    right: 20px;
    font-size: 26px;
    width: 60px;
    height: 60px;
    background-color: rgba(22, 68, 105, 0.17);
    color: #164469;
    cursor: pointer;
    outline: none;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-property: background-color, color;
      }
      #back-to-top-btn:hover, #back-to-top-btn:focus {
        background-color: #164469;
        color: #fff;
      }
      @media(max-width: 992px) {
        #back-to-top-btn { font-size: 22px; width: 40px; height: 40px; bottom: 15px; right: 15px; }
      }
      @media(max-width:768px) {

        #back-to-top-btn { font-size: 18px; width: 40px; height: 40px; line-height: 40px; bottom: 90px;
            right: 30px; }
      }
      
/* Animations */
.btnEntrance {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: btnEntrance;
  }
/* fadeInUp */
@keyframes btnEntrance {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  .btnExit {
    animation-duration: 0.25s;
    animation-fill-mode: both;  
    animation-name: btnExit;
  }

  /* fadeOutDown */
  @keyframes btnExit {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  }
  /****************** back-to-top-btn ,end***************/

/************************************************/
/*************** Home page end ****************/
/************************************************/

/************************************************/
/*********** security services page start *************/
/************************************************/


/**************************************************************/
/*************** security services banner start****************/
.security-services-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/guard-services.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
/*************** security services banner end****************/

/************************************************************/
/************** client-security-section start ***************/
.client-protection-section {
    background-color: #F5F5F5;
}
.client-protection-section .cps .cps-number {
    font-size: 40px;
    margin-bottom: 20px;
}
.client-protection-section .cps h1,.client-protection-section .cps h2.section_title {
    font-size: 36px;
    font-weight: 600;
}
.client-protection-section .cps .cps-para {
    margin-bottom: 60px;
}
.client-protection-section .cps .cps-para1 {
    margin-bottom: 40px;
}
.client-protection-section .cps p {
    margin-bottom: 100px;
    font-size: 16px;
    font-weight: 500;
}
.client-protection-section .cps h2 {
    font-size: 20px;
    font-weight: 600;
}
.client-protection-section .cps .cps-img img {
    position: absolute;
    width: 620px;
    left: 0;
}
.client-protection-section.sample-page .cps .cps-img img {
    position: absolute;
    /* width: 620px; */
    width:550px;
    left: 0;
    top: 5%;
}
.client-protection-section .cps h1::before,.client-protection-section .cps h2.section_title::before {
    content: "|";
    font-weight: 400;
    color: #0089c7;
    position: absolute;
    margin-left: -40px;
    margin-top: -2px;
}
/************** client-security-section end ***************/

/************************************************************/
/************** security guard section start ***************/
.security-guards-section .sgs h1,.security-guards-section .sgs h2.section_title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 46px;
}
.security-guards-section .sgs p {
    margin-bottom: 80px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 70px;
}
.security-guards-section .sgs .sgs-img img {
    position: absolute;
    width: 600px;
    right: 0;
}
.security-guards-section .sgs h1::before,.security-guards-section .sgs h2.section_title::before {
    content: "|";
    font-weight: 400;
    color: #0089c7;
    position: absolute;
    margin-left: -40px;
    margin-top: -2px;
}
.security-guards-section .sgs ul {
    list-style: none;
    padding-left: 0px;
}
.security-guards-section .sgs ul li {
    display: flex;
    font-weight: 500;
    margin-bottom: 68px;
    font-size: 16px;
    color:#4b4747;;
    margin-right: 80px;
}
.security-guards-section .sgs ul li::before {
    content: url(../images/icons/tick.png);
    position: relative;
    margin-right: 24px;
}
/************** security guard section end ***************/

/**********************************************************/
/************** more services section start ***************/
.more-services-section {
    background-color: #F5F5F5;
}
.more-services-section .more-services h1,.more-services-section .more-services h2.section_title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 75px !important;
}
.more-services-section .more-services .more-services-box {
    padding: 24px 16px;
    background-color: #fff;
    min-height: 295px;
    border: 1px solid rgba(221, 221, 221, 0);
    transition: 0.3s ease;
    height: 100%;
}
.more-services-section .more-services .more-services-box:hover {
    box-shadow: 0px 0px 10px 5px rgb(222 222 222);
    border: 1px solid rgb(221 221 221);
}
.more-services-section .more-services .more-services-box:hover .more-services-top .more-services-head {
    color: #0089c7;
}
.more-services-section .more-services .col-4 {
    padding: 0px 25px;
}
.more-services-section .more-services .more-services-box .more-services-top {
    display: flex;
    align-items: center;
}
.more-services-section .more-services .more-services-box .more-services-top .more-services-icon img {
    width: 60px;
}
.more-services-section .more-services .more-services-box .more-services-top .more-services-head {
    margin-left: 41px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    transition: 0.3s ease;
}
.more-services-section .more-services .more-services-box .more-services-top .more-services-icon {
    border-right: 1px solid;
    padding-right: 33px;
}
.more-services-section .more-services .more-services-box .more-services-bottom {
    padding-top: 30px;
}
/************** more services section end ***************/

/************************************************/
/*********** security services page end *************/
/************************************************/


/************************************************/
/*********** Executive Protection page start *************/
/************************************************/

/**************************************************************/
/*************** Executive Protection banner start****************/
.executive-protection-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/executive-protection-banner.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
/*************** security services banner end****************/

/************************************************/
/*********** Executive Protection page end *************/
/************************************************/

/************************************************/
/*********** Crowd Control Event Security page start *************/
/************************************************/

/**************************************************************/
/*************** Crowd Control Event Security banner start****************/
.crowd-control-event-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/crowd-control-event-security.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
/*************** Crowd Control Event Security banner end****************/

/************************************************/
/*********** Crowd Control Event Security page end *************/
/************************************************/
/************************************************/
/*********** Loss Prevention page start *************/
/************************************************/

/**************************************************************/
/*************** Loss Prevention banner start****************/
.loss-prevention-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/loss-prevention.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
/*************** Loss Prevention banner end****************/

/************************************************/
/*********** Loss Prevention page end *************/
/************************************************/

/************************************************/
/*********** cctv monitoring page start *************/
/************************************************/

/**************************************************************/
/*************** cctv monitoring banner start****************/
.cctv-monitoring-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/cctv-monitoring.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
/*************** cctv monitoring banner end****************/

/************************************************/
/*********** cctv monitoring page end *************/
/************************************************/

/************************************************/
/*********** security consulting services page start *************/
/************************************************/

/**************************************************************/
/*************** security consulting services banner start****************/
.security-consulting-services-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/security-consulting-services.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
/*************** security consulting services banner end****************/

/************************************************/
/*********** security consulting services page end *************/
/************************************************/

/************************************************/
/*********** screening x-ray operations page start *************/
/************************************************/

/**************************************************************/
/*************** screening x-ray operations banner start****************/
.screening-x-ray-operations-banner {
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/screening-x-ray-operations.jpg);
    padding:280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
/*************** screening x-ray operations banner end****************/

/************************************************/
/*********** screening x-ray operations page end *************/
/************************************************/




/* All Page Desktop and Mobile Design issue */
.seven-service-section .sss .row{
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    margin-top: unset !important;
}
body .about-section .about .about-img img{
    right: -100px;
    position: relative;
}
body .whycu-section{
    padding-bottom: 30px;
}


@media screen and (max-width: 1440px){
    .seven-service-section .sss .sss-box h3{
        font-size: 15px;
    }
    .seven-service-section .sss .row{
        width: 90%;
    }
}

@media screen and (max-width: 1200px){
    .more-services-section .more-services .more-services-box .more-services-top .more-services-head{
        margin-left: 31px;
        font-size: 14px;
    }
    .more-services-section .more-services .more-services-box .more-services-top .more-services-icon{
        padding-right: 23px;
    }
    .hero-section .col-4.text-center {
        width: 100%;
        margin-bottom: 30px;
    }
    .seven-service-section .sss .sss-box h3{
        font-size: 12px;
    }
    body .about-section .about .about-img img{
        position: absolute;
            width: 43%;
            right: 0;
    }
}

@media screen and (max-width: 1024px){
    .hero-section{
        padding: 280px 0px 110px;
    }
   body .seven-service-section .sss .col{
        flex:unset;
        width: 33.3%;
    }
   body .seven-service-section .sss .row{
        transform: unset;
        position: unset;
        width: 100%;
        margin: 0;
    }
    .seven-service-section {
        padding-top: 40px;
    }
}

@media screen and (max-width: 768px){
    .our-services-section .our-services h1,.our-services-section .our-services h2.section_title{
        margin-bottom: 25px;
    }
    body .about-section .about .about-img img{
        position: unset;
        width: auto;
    }
}

@media screen and (max-width: 600px){
    body .whycu-section .why-chooseus .wcu-box h2{
        font-size: 17px;
    }
    body .seven-service-section .sss .col{
        flex:unset;
        width: 50%;
    }
    body .about-section,
    body .our-services-section{
        padding-top: 70px;
    }
    .about-section .about h1,
    .our-services-section .our-services h1,
    .whycu-section .why-chooseus h1,
    .client-protection-section .cps h1,
    .client-protection-section .cps .cps-number,
    .more-services-section .more-services h1,
    .security-guards-section .sgs h1,.about-section .about h2.section_title,
    .our-services-section .our-services h2.section_title,
    .whycu-section .why-chooseus h2.section_title,
    .client-protection-section .cps h2.section_title,
    .client-protection-section .cps .cps-number,
    .more-services-section .more-services h2.section_title,
    .security-guards-section .sgs h2.section_title{
        font-size: 30px;
    }
    .whycu-section .why-chooseus h1,.whycu-section .why-chooseus h2.section_title{
        margin-bottom: 50px;
    }
    body .footer-section .footer .footer-links h2{
        font-size: 22px;
    }
    .more-services-section .more-services h1,.more-services-section .more-services h2.section_title{
        margin-bottom: 25px;
    }
    .section {
        padding: 70px 0px;
    }
}
.mission-card-wrap {
    right: -100px;
    position: relative;
    margin-top: 30px;
}

@media screen and (max-width: 1200px){
    .mission-card-wrap{
        position: unset;
        width: 100%;
    }
    body .about-section .about .about-img img{
        position:relative;
        width:100%
    }
}
body .about-wrap p {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    line-height: 200%;
    text-align: center;
    margin-right: 0 !important;
}
body .about-wrap h1:before,body .about-wrap h2.section_title:before {
    display: none;
}
.about-us-banner{
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/security-consulting-services.jpg);
    padding: 280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
body .contact-wrap p {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    line-height: 200%;
    text-align: center;
    margin-right: 0 !important;
}
body .contact-wrap h1,body .contact-wrap h2.section_title:before {
    display: none;
}
.contact-us-banner{
    background: linear-gradient(0deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 49%)), url(../images/security-consulting-services.jpg);
    padding: 280px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
.client-protection-section .cps .cps-number{
    display: flex;
    align-items: center;
}
.client-protection-section .cps h2{
    margin: 0 0 0 10px;
}
.security-guards-section .contact-details ul li::before{
    display: none !important;
}
.security-guards-section .contact-details ul li, .security-guards-section .contact-details p,
.security-guards-section .contact-details h5, .right-services li{
    margin-bottom: 1rem !important;
}
.right-services li::before{
    content:"\f061" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all .3s;
}
.right-services li:hover::before, .right-services li:hover a{
    color:#0089C7
}
.security-guards-section .contact-details p, .security-guards-section .contact-details ul li{
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #4b4747;
}
/* .security-guards-section .contact-details ul li a{
    display: block;
    margin-top:.5rem
} */
.security-guards-section .contact-details p{
    font-size: 18px !important;
    margin-bottom: 2rem !important;
    line-height: 28px;
}
.security-guards-section .contact-details h5, .right-services h5{
    font-size: 24px;
    font-weight: 600;
}
.sample-index .even-para, .sample-index .odd-para{
    padding: 10px 15px;
    background-color: #fff;
    border-left: 2px solid #0089C7;
}
.sample-index .odd-para{
    background-color: #e9e9e9;
    border-left-color: #164469;
}
.contact-wrap .col-lg-6.mt-4.mt-lg-0.ps-lg-5.position-relative::before {
    content: "";
    width: 2px;
    height: 68%;
    background: #0089c7;
    position: absolute;
    left: 10px;
    top: 5%;
}
@media(max-width: 991px){
.contact-wrap .col-lg-6.mt-4.mt-lg-0.ps-lg-5.position-relative::before {
    display:none
}
}

.contact-wrap.about-wrap .col-lg-6.mt-4.mt-lg-0.ps-lg-5.position-relative::before{
    height:100%
}
.no-left-border.contact-wrap .col-lg-6.mt-4.mt-lg-0.ps-lg-5.position-relative::before{
    display: none !important;
}
.left-content-form {
    background: #efefef;
}
.left-content-form .contact-details {
    padding: 20px 10px;
    background: #1e5389;
    text-align: center;
}
.security-guards-section .contact-details h5 {
    margin-bottom: 0 !important;
    color: #fff;
}
.contact-wrap .left-content-form p {
    text-align: left;
}
.left-contact-form-container{
    padding: 1rem 25px 10px;
}
.security-guards-section1 .sgs h1,.security-guards-section1 .sgs h2.section_title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 46px;
}
.security-guards-section.contact-wrap .right-services ul li{
margin-right:0 !important
}
.contact-wrap iframe{
    height:850px
}

@media(min-width:991.5px) and (max-width: 1200px){
    .contact-wrap iframe{
        height: 1130px !important;
    }
}
@media(max-width: 529.5px){
    .contact-wrap iframe{
        height: 1160px !important;
    }
}
/* #preloader{
    text-align: center;
}
#preloader img{
    max-width:50%
} */