.about-button a:nth-child(2),
.cctv-block:nth-child(2),
.contactlistSm,
.enquiry_btn_cover span br,
.lg-none,
.link-cover ul li:first-child,
.logo-fff,
.logo-fixed,
.navCover,
.navigationFixed .logo-nornal,
.show-xs,
.sm-button-cover,
.sm__logo,
.theam_col span h5 br,
.toggleBtn,
.top__scroll {
    display: none;
}
.bannerRow img,
.btnCoverBlock,
.button_cover_panel,
.center_oparagraph,
.footerLogo img,
.navCover,
.serviceBlock_sm aside:nth-child(2) img,
.serviceBlock_sm_h aside:nth-child(2) img,
.service_block_lg aside img,
.service_list ul li aside img,
.wrapper_about_round aside,
.wrapper_about_round span img,
header,
header nav,
img {
    width: 100%;
}
.dropBox li a,
.dropBox li a:hover,
.i_color i,
.navigationFixed .dropBox li a,
.pf-fff p,
.text-fff h1,
.text-fff h2,
.text-fff h3,
.text-fff h4,
.text-fff h5,
.text-fff h6,
.text-fff p {
    color: #b7b7b8 !important;
}
.dropBox li a,
.topLinks ul li a,
a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
}
.small-title{
    font-weight:bold;
}
.topLinks ul li a,
.wrapper__home__content h3,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
}
.whatwedo:hover img,
.wrapper_flex_content:hover img {
    transform: scale(1.5);
}
p {
    font-size: 14px;
    font-family: Inter, serif;
}
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", serif;
}
.Sira-Logo-round{
    width: 100px;
    position:absolute;
    bottom:0;
    left:15px;
    z-index:10;
    padding:15px;
    display:none;
}
.Sira-Logo-round img{
    width:100%;
}
.position-relative{
    position:relative;
}
.container {
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 1.3125rem;
}
button {
    font-family: Barlow, sans-serif;
}
.row-panel {
    margin: 0;
}
.navCover {
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.849);
    position: fixed;
    top: 0;
    left: 0;
}
header {
    position: absolute;
    left: 0;
    z-index: 100;
}
.dropdown-panel,
.img-position-control,
.relative-position,
.serviceBlock_sm:hover aside .btnCoverBlock,
.serviceBlock_sm:hover aside h3,
.serviceBlock_sm_h:hover aside .btnCoverBlock,
.serviceBlock_sm_h:hover aside h3,
.service_block_lg:hover aside .btnCoverBlock,
.service_block_lg:hover aside h3 {
    position: relative;
}
.dropdown-panel:hover .dropBox {
    height: 331px;
    transition-duration: 0.2s;
}
.dropdown-panel:hover .drop1 {
    height: 180px !important;
}
.dropdown-panel .drop-link {
    padding-right: 20px !important;
    position: relative;
}
.dropdown-panel .drop-link .dropArrow {
    position: absolute;
    right: 0;
    top: 30px;
    width: 7px;
    height: 7px;
    display: block;
    transform: rotate(47.2deg);
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
}
.dropBox {
    position: absolute;
    width: 200px !important;
    top: 72px;
    left: 0;
    background-color: #1e173a;
    display: flex;
    flex-direction: column;
    height: 0;
    transition-duration: 0.2s;
    z-index: 10;
    overflow: hidden;
}
.dropBox li,
.footer-social-media-sm ul li,
.link-cover ul li,
.navBlock .wrapper_flex ul li,
.topLinks ul li {
    list-style-type: none;
}
.dropBox li a {
    padding: 5px 1em !important;
    font-size: 11px !important;
    border-bottom: 1px solid rgba(71, 163, 218, 0.18) !important;
}
.button_cover_panel a::before,
.dropBox li a::before {
    content: "";
    background-color: #261d48;
}
.dropBox li:last-child a,
.topLinks ul li:nth-child(3) a {
    border: none;
}
.wrapper_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.count_block ul,
.emailPhone,
.topLinks,
.topLinks ul {
    width: -moz-fit-content;
    display: flex;
}
.topLinks {
    width: fit-content;
}
.topLinks .audit {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: #1e173a;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    margin-right: 10px;
    font-weight: 700;
}
.count_block ul,
.topLinks ul {
    padding: 0;
    margin: 0;
    width: fit-content;
}
.topLinks ul li a {
    padding: 0 5px;
    color: #dbdbdb;
    font-size: 11px;
    border-right: 1px solid #dbdbdb;
}
.button_cover_panel a:hover,
.emailPhone span:hover,
.fff-text h1,
.fff-text h2,
.fff-text h3,
.fff-text h4,
.fff-text h5,
.fff-text h6,
.fff-text p,
.footer-overlay aside h4,
.footer-overlay aside h5,
.table_row,
.topLinks ul li a:hover,
.why-choose-contents h1,
.why-choose-contents h2,
.why-choose-contents h3,
.why-choose-contents h4,
.why-choose-contents h5,
.why-choose-contents h6 {
    color: #b7b7b8;
}
.topSocialMedia {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    right: 0;
    height: 100%;
    z-index: 100;
}
.topSocialMedia aside {
    overflow: hidden;
    border-radius: 15px 0 0 15px;
}
.emailPhone span a,
.infoBox aside a,
.navBlock .wrapper_flex ul li a,
.topSocialMedia aside a {
    text-decoration: none;
    border: none;
    color: #fff;
    outline: 0;
    box-shadow: none;
}
.topSocialMedia aside a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1e173a;
    width: 50px;
    height: 50px;
    margin-bottom: 2px;
    font-size: 25px;
}
.topSocialMedia aside a:hover:first-child {
    background-color: #3b5998 !important;
    color: #fff;
}
.topSocialMedia aside a:hover:nth-child(2) {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}
.topSocialMedia aside a:hover:nth-child(3) {
    background-color: #0a66c2;
    color: #fff;
}
.topSocialMedia aside a:hover:nth-child(4) {
    background-color: #00acee;
    color: #fff;
}
.topSocialMedia aside a:hover:nth-child(5) {
    background-color: #c4302b;
    color: #fff;
}
.topSocialMedia aside a svg {
    width: 20px;
    fill: #fff;
}
.contactlistSm ul li:last-child,
.margin-bottom-none,
.topSocialMedia aside a:nth-child(4) {
    margin-bottom: 0;
}
.emailPhone {
    width: fit-content;
    padding: 2px 0;
}
.emailPhone span {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
}
.emailPhone span:first-child {
    padding-right: 10px;
    position: relative;
}
.emailPhone span:first-child::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.emailPhone span i {
    margin-right: 5px;
    color: #fff;
}
.emailPhone span a {
    background: 0 0;
}
.infoBox {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}
.infoBox aside {
    width: -moz-fit-content;
    width: fit-content;
    line-height: 19px;
}
.infoBox aside a {
    background: 0 0;
    font-size: 14px;
    text-transform: lowercase !important;
}
.infoBox aside a span {
    font-size: 21px;
    font-weight: 700;
}
.logo-nornal,
.navigationFixed .logo-fixed {
    display: block;
}
.navigationFixed {
    position: fixed;
    width: 100%;
    top: -90px;
    margin-top: 90px;
    transition-duration: 1.2s;
    left: 0;
    z-index: 200;
    background-color: #fff;
    box-shadow: 0 0 64px -34px;
}
.navigationFixed .navBlock .wrapper_flex .infoBox aside a,
.navigationFixed .navBlock .wrapper_flex ul li a,
.why-choose-contents h3 span {
    color: #1e173a;
}
header .topBar {
    width: 100%;
    height: 20px;
    background-color: #47a3da;
}
.navBlock {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navBlock .logo {
    width: 240px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navBlock .wrapper_flex {
    display: flex;
    align-items: center;
}
.navBlock .wrapper_flex ul {
    padding: 0;
    margin: 0;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
}
.navBlock .wrapper_flex ul li a {
    background: 0 0;
    padding: 2em 1em;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    font-weight: 700;
}
.navBlock .wrapper_flex ul li a:hover,
footer .footer_list_item ul li a:hover {
    color: #47a3da;
    transition-duration: 0.2s;
}
.navBlock .wrapper_flex ul li a i {
    margin-left: 5px;
    font-size: 18px;
}
.navBlock .wrapper_flex .get-a-quote {
    width: -moz-fit-content;
    width: fit-content;
    background-color: #47a3da;
    color: #fff;
    text-transform: uppercase;
    padding: 8px;
    border-radius: 6px;
    font-size: 14px;
    transition-duration: 0.2s;
    margin-left: 20px;
}
.navBlock .wrapper_flex .get-a-quote:hover {
    box-shadow: 0 8px 16px -8px #000;
    transition-duration: 0.2s;
}
.contact__section,
.homeSection,
.latest-story-section,
.portfolioSection,
.training__section {
    padding: 50px 0;
}
.footer_row_padding_top,
.project__carousel,
.rowpadingTop,
footer {
    padding-top: 30px;
}
.indexWrapper {
    width: 100%;
    height: 429px;
    border-radius: 10px;
    box-shadow: -30px -31px #1e173a;
    position: relative;
}
.indexWrapper::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -13px;
    width: 50px;
    height: 50px;
    border-radius: 7px;
    background-color: #1e173a;
    z-index: 10;
}
.indexWrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}
.wrapper__home__content {
    width: 100%;
    padding-left: 50px;
}
.wrapper__home__content h6 {
    font-size: 24px;
    text-transform: capitalize;
}
.wrapper__home__content h3 {
    font-size: 44px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 900;
    color: #2a2b2a;
}
.buttonCover a,
.gridflexBox aside span h4 {
    font-weight: 700;
    text-transform: capitalize;
}
.wrapper__home__content p {
    font-size: 15px;
    text-align: justify;
    font-family: Poppins, sans-serif;
}
.gridflexBox {
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin-bottom: 30px;
}
.gridflexBox aside {
    width: 100%;
    height: 200px;
    position: relative;
}
.gridflexBox aside img,
.shadow-effect aside img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.gridflexBox aside:nth-child(2) {
    padding-top: 10px;
    height: auto;
}
.gridflexBox aside span {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(229, 229, 229, 0) 18%, rgba(125, 125, 125, 0) 49%, rgba(0, 0, 0, 0.6) 86%, rgba(0, 0, 0, 0.83) 100%);
}
.buttonCover a,
.count_block ul li,
footer {
    background-color: #261d48;
}
.gridflexBox aside span h4 {
    text-align: center;
    font-size: 21px;
    color: #fff;
}
.gridflexBox aside a {
    font-size: 14px;
}
.gridflexBox aside a span {
    background: 0 0;
}
.gridflexBox aside p {
    font-size: 13px;
    text-align: justify;
}
.buttonCover a {
    display: block;
    padding: 5px 9px;
    color: #fff !important;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
}
.buttonCover a span {
    position: relative;
    z-index: 1;
}
.buttonCover a:hover::before {
    content: "";
    bottom: -30px;
}
.mainCaption h3 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    color: #261d48;
}
.mainCaption h5 {
    font-size: 24px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.bannerCover .welcomeText .buttonCover,
.flexBox_center,
.flex_center,
.inner-banner-text .buttonCover,
.number,
.wrapper__list_colmn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.center_oparagraph p {
    text-align: center;
    font-size: 15px;
    color: #7a7a7a;
}
.flexDirection {
    flex-direction: column;
}
.contact_form,
.footerLogo,
footer .footer_list_item {
    width: 100%;
    margin-bottom: 30px;
}
.footer_logo_underline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    margin-bottom: 30px;
}
footer .footer_paragraph p {
    font-size: 12px;
    color: #a9a9a9;
}
footer .footer_list_item h4 {
    text-transform: capitalize;
    color: #b7b7b8;
    font-size: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 700;
}
footer .footer_list_item ul li {
    position: relative;
    padding: 5px 5px 5px 20px;
    color: #b7b7b8;
    font-size: 14px;
    text-transform: capitalize;
}
footer .footer_list_item ul li a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    position: relative;
    padding: 5px 5px 5px 20px;
    color: #b7b7b8;
    font-size: 11px;
    text-transform: uppercase;
}
footer .footer_list_item ul li a::before {
    content: "\f138";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 12px;
}
footer .footer_list_item p {
    color: #a9a9a9;
    font-size: 12px;
    text-align: justify;
}
footer .address li {
    position: relative;
    padding-left: 20px;
    color: #fff;
    font-size: 14px !important;
}
footer .address li a {
    font-size: 13px !important;
}
footer .address li a::before {
    content: "";
    display: none !important;
}
footer .address li i {
    position: absolute;
    left: 0;
    top: 8px;
}
.flooter_logo_content {
    padding-bottom: 20px;
    border-bottom: 1px solid #a9a9a9;
}
.bannerContainer {
    margin: auto;
    max-width: 90%;
}
.bannerRow {
    background: #dde8ff;
    background: linear-gradient(to bottom, #dde8ff 0, #f3f6fe 100%);
    overflow: hidden;
    position: relative;
}
.bannerCover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.531);
}
.bannerCover aside {
    width: 100%;
    padding: 0 14%;
    position: relative;
}
.bannerCover aside h1 {
    font-size: 2.9vw;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    position: relative;
    top: -2em;
    opacity: 0;
}
.bannerCover aside h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    position: relative;
    bottom: -2em;
    opacity: 0;
}
.bannerCover aside h4 {
    font-size: 2.9vw;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    position: relative;
    bottom: -2em;
    opacity: 0;
}
.bannerCover aside h5,
.bannerCover aside h6 {
    font-size: 18px;
    letter-spacing: 16px;
    text-transform: capitalize;
    font-weight: 300;
    bottom: -2em;
    opacity: 0;
    color: #fff;
    position: relative;
}
.bannerCover aside h6 {
    text-align: center;
}
.bannerCover aside p {
    font-size: 1em;
    position: relative;
    bottom: -8em;
    opacity: 0;
}
.bannerCover aside .buttonCover {
    width: 100%;
    display: flex;
    position: relative;
    bottom: -9em;
    opacity: 0;
}
.bannerCover aside .buttonCover a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    padding: 12px 36px;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.bannerCover aside .buttonCover a:hover,
.container_gradient,
.wrapper-stu-col aside:nth-child(2) {
    background-color: #fff;
}
.bannerCover aside .buttonCover a:first-child {
    margin-right: 15px;
    background-color: #261d48;
}
.bannerCover aside .buttonCover a:nth-child(2) {
    margin-right: 15px;
    background-color: #fff;
    color: #1e173a !important;
}
.bannerCover .welcomeText h1 {
    font-size: 4.9vw;
    margin-bottom: 0;
    text-align: center;
}
.bannerCover .welcomeText h3 {
    font-size: 37px;
    margin-bottom: 0;
    text-align: center;
}
.bannerCover .welcomeText h4 {
    letter-spacing: 10px;
    font-weight: 700;
    text-align: center;
}
.bannerCover .welcomeText h5 {
    letter-spacing: 11px;
    font-weight: 700;
    text-align: center;
}
.bannerCover .welcomeText h2 {
    font-size: 60px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
}
.bannerCover .welcomeText h2 span {
    font-weight: 900;
}
.active .bannerCover {
    padding-top: 20px;
}
.active .bannerCover aside h1 {
    top: 0;
    opacity: 1;
    transition-duration: 1.2s;
}
.active .bannerCover aside h3,
.active .bannerCover aside h4,
.active .bannerCover aside h5,
.active .bannerCover aside h6,
.active .bannerCover aside p {
    bottom: 0;
    opacity: 1;
    transition-duration: 1.2s;
}


.active .bannerCover aside .buttonCover {
    bottom: 0;
    transition-duration: 1.2s;
    opacity: 1;
}
.active .bannerCover aside .buttonCover a:first-child:hover {
    background-color: #fff !important;
    color: #47a3da !important;
    transition-duration: 0.2s;
}
.active .bannerCover aside .buttonCover a:nth-child(2):hover {
    background-color: #1e173a !important;
    color: #fff !important;
    transition-duration: 0.2s;
}
.siteMinCaption h2 {
    width: 100%;
    text-transform: uppercase;
    font-size: 40px;
    color: #1e173a;
    font-weight: 800;
}
.siteMinCaption h4 {
    text-transform: capitalize;
    font-size: 26px;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.siteMinCaption h4 span {
    color: #47a3da;
    font-weight: 500;
}
.it-training aside p,
.justify_paragraph p,
.pannel_content p,
.siteMinCaption p {
    font-size: 15px;
    text-align: justify;
}
#brands .owl-nav,
#clients .owl-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    left: 0;
    top: 20px;
}
#brands .owl-nav button,
#clients .owl-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #261d48;
    color: #fff;
    border-radius: 100%;
    position: relative;
}
.client_logo,
.count_block ul li {
    align-items: center;
    display: flex;
}
#brands .owl-nav button:first-child,
#clients .owl-nav button:first-child {
    left: -50px;
}
#brands .owl-nav button:nth-child(2),
#clients .owl-nav button:nth-child(2) {
    right: -50px;
}
.client_section {
    padding: 40px 0;
}
.client_block {
    background-color: #261d48;
    padding: 30px 0;
    border-radius: 10px;
}
.client_logo {
    justify-content: center;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    height: 81px;
    margin-bottom: 30px;
    border: 1px solid rgba(119, 119, 119, 0.18);
}
.client_logo img {
    width: 133px !important;
    margin: 0 !important;
}
.client_logo:hover img {
    filter: grayscale(0%);
}
.row_padding {
    padding: 30px 0 0;
}
.count_block {
    width: 96%;
    padding-top: 20px;
}
.count_block ul li {
    list-style-type: none;
    justify-content: center;
    flex-direction: column;
    padding: 5px 12px;
    margin: 5px;
    border-radius: 10px;
    width: 25%;
    height: 128px;
}
.count_block ul li h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #fff;
}
.count_block ul li p {
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.btnCoverBlock a,
.service_list ul li h4 {
    text-transform: uppercase;
    font-size: 12px;
}
.chooseusContent ul,
.contactAddress ul,
.listProperty ul,
.whatwedo aside ul,
.why-choose-contents ul,
.wrapper_content_point ul {
    padding: 0;
    margin: 0;
}
.listProperty ul li {
    list-style-type: none;
    position: relative;
}
.services_section {
    background-color: #261d48;
    padding: 50px 0;
}


.contactlistmain ul li aside,
.servicesCaption h3 {
    color: #b7b7b8;
}





.contactlistSm ul li aside,
.servicesCaption h3 {
    color: #b7b7b8;
}
.service_block_lg {
    width: 100%;
    height: 100%;
    background-color: #47a3da;
    display: flex;
    overflow: hidden;
    position: relative;
}
.serviceBlock_sm::before,
.serviceBlock_sm_h::before,
.service_block_lg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    top: 500px;
    transition-duration: 0.2s;
}
.serviceBlock_sm:hover::before,
.serviceBlock_sm_h:hover::before,
.service_block_lg:hover::before {
    content: "";
    top: 0;
}
.service_block_lg aside {
    width: 50%;
}
.service_block_lg aside:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-direction: column;
    padding: 30px;
}
.service_block_lg aside:first-child h3 {
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
}
.btnCoverBlock a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: #fff;
    padding: 7px 20px;
    color: #1e173a;
    transition-duration: 0.2s;
    font-weight: 600;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}
.btnCoverBlock a:hover {
    background-color: #1e173a;
    color: #fff;
}
.serviceBlock_sm {
    width: 100%;
    height: 151px;
    margin-bottom: 22px;
    display: flex;
    position: relative;
    overflow: hidden;
}
#recentWorks,
.col-block,
.company_title,
.contactRow,
.recent__work_grid,
.services_row {
    margin-bottom: 30px;
}
.serviceBlock_sm aside {
    padding: 10px;
}
.serviceBlock_sm aside:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 90%;
}
.serviceBlock_sm aside:first-child h3 {
    text-transform: capitalize;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
}
.serviceBlock_sm aside:nth-child(2) {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.serviceBlock_sm:first-child {
    background-color: #4a5573;
}
.serviceBlock_sm:nth-child(2) {
    background-color: #bfbfbf;
    margin-bottom: 0;
}
.serviceBlock_sm_h {
    width: 100%;
    height: 100%;
    background-color: #1e173a;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.serviceBlock_sm_h aside {
    width: 100%;
    padding: 15px;
}
.serviceBlock_sm_h aside h3 {
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.download_brochure a:hover,
.light-bg,
.serviceBlock_sm_h aside a:hover {
    background-color: #47a3da;
}
.service_list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.service_list ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #1e173a;
    padding: 10px;
    border-radius: 10px;
    width: 18%;
    height: 160px;
    box-shadow: 0 2px 5px -2px #000;
    margin: 7px;
    transition-duration: 0.2s !important;
}
.service_list ul li:hover {
    transform: scale(1.1) !important;
    transition-duration: 0.2s !important;
}
.service_list ul li aside {
    width: 50px;
    margin-bottom: 20px;
}
.service_list ul li aside svg {
    width: 100%;
    fill: #1e173a;
}
.service_list ul li h4 {
    text-align: center;
    color: #fff;
}
.aboutSection {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    background-color: #fff;
}
.who-we-are-section {

    padding: 50px 0;
    background-color: #1e173a;
}
.wrapper_about_round {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wrapper_about_round span {
    position: absolute;
    top: -8px;
    left: -25px;
    display: block;
    width: 119%;
    height: 100%;
    z-index: 10;
    transition-duration: 0.2s;
}
.wrapper_about_round aside:hover img,
.wrapper_about_round:hover aside img {
    transform: scale(1.2);
    transition-duration: 1.2s;
}
.wrapper_about_round aside img {
    width: 100%;
    transition-duration: 1.2s;
    border-radius: 100%;
}
.about_wrapper {
    width: 100%;
    padding-right: 30px;
}
.about_wrapper p,
.panel_block aside p {
    font-size: 15px;
    text-align: justify;
    color: #7a7a7a;
}
.about_wrapper h3,
.about_wrapper h6 {
    margin-bottom: 20px;
    color: #1e173a;
    font-weight: 700;
    text-align: left;
}
.about_wrapper h6 {
    text-transform: capitalize;
    font-size: 18px;
}
.about_wrapper h3 {
    text-transform: capitalize;
    font-size: 30px;
    text-transform: capitalize;
}
.about_wrapper h6 {
    text-transform: capitalize;
}
.contact_list_block h4,
.copyright p {
    text-transform: capitalize;
    color: #fff;
}
.contactRow {
    background-color: #101115;
    border-radius: 20px 20px 0 0;
    padding: 20px;
}
.contact_list_block {
    width: 100%;
    position: relative;
    padding-left: 30px;
}
.contact_list_block::before {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #666;
}
.contact_list_block h4 {
    text-align: left;
    font-size: 18px;
}
.contact_list_block p {
    color: #fff;
    font-size: 14px;
}
.contact_list_block i {
    position: absolute;
    left: 0;
    font-size: 16px;
}
.block:nth-child(4) .contact_list_block::before {
    content: "";
    display: none;
}
.footer__socialmedia {
    display: flex;
}
.footer__socialmedia a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #fff;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 5px;
    color: #fff;
}
.footer__socialmedia a i {
    position: static;
    font-size: 13px !important;
}
.footer__socialmedia a:hover {
    border: 1px solid #47a3da;
    transition-duration: 0.2s;
}
.footer__socialmedia a:first-child:hover {
    background-color: #3b5998 !important;
    color: #fff;
}
.footer__socialmedia a:nth-child(2):hover {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}
.footer__socialmedia a:nth-child(3):hover {
    background-color: #0a66c2;
    color: #fff;
}
.footer__socialmedia a:nth-child(4):hover {
    background-color: #00acee;
    color: #fff;
}
.footer__socialmedia a:nth-child(5):hover {
    background-color: #c4302b;
    color: #fff;
}
.strip {
    background-color: #1e173a;
}
.copyright {
    display: flex;
    justify-content: space-between;
}
.copyright p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 6px;
    margin-bottom: 0;
}
.copyright p a {
    text-decoration: none;
    color: #fff;
    text-transform: capitalize !important;
}
.button_cover_panel a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: #1e173a;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 20px;
    overflow: hidden;
}
.recent_work {
    background-color: #f7f7f7;
    padding: 50px 0;
}
.work__panel {
    padding: 30px 0;
}
.recent__work_grid {
    width: 100%;
    background-color: #fff;
}
#customers-testimonials .shadow-effect span img,
.imageProperty,
.image_flex_box img,
.it-training aside,
.metaHash_coreArias span img,
.recent__work_grid aside,
.recent__work_grid aside img,
.wrapper__content {
    width: 100%;
}
.recent__work_grid aside:nth-child(2) {
    padding: 17px;
}
.recent__work_grid aside:nth-child(2) h5 {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.addvance_digitalMarketing aside h3,
.recent__work_grid aside:nth-child(2) h6,
.whatwedo aside h4,
.whatwedo aside ul li,
.wrapper_flex_content aside h4 {
    text-transform: capitalize;
    text-transform: capitalize;
}
.recent__work_grid aside:nth-child(2) h5 img {
    width: 20px;
    fill: #000;
}
.recent__work_grid aside:nth-child(2) h5 a:hover img {
    fill: red;
}
.recent__work_grid aside:nth-child(2) h6 {
    color: #777;
    font-size: 14px;
}
.training {
    background-color: #fff;
    padding-top: 50px;
}
.addvance_digitalMarketing {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    flex-direction: column;
}
.addvance_digitalMarketing aside {
    margin-bottom: 20px;
}
.addvance_digitalMarketing aside h3 {
    font-size: 34px;
    text-align: left;
    font-weight: 500;
    color: #fff;
}
.addvance_digitalMarketing aside h3 span {
    font-weight: 300;
}
.addvance_digitalMarketing aside p {
    font-size: 15px;
    text-align: justify;
    color: #fff;
}
.image_flex_box {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    width: 80%;
}
.wrapper_flex_content {
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-left: -4px;
    margin-right: -4px;
}
.whatwedo img,
.wrapper_flex_content img {
    width: 100%;
    transition: transform 0.2s;
}
.wrapper_flex_content aside {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0.08) 0, rgba(33, 89, 157, 0.08) 26%, #2b60a9 100%);
    flex-direction: column;
    padding: 10px;
    z-index: 10;
}
.wrapper_flex_content aside h4 {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.wrapper_flex_content aside span {
    display: block;
    width: 40px;
    margin-bottom: 10px;
}
.achievement_pan span svg,
.chooseusContent ul li span svg,
.why-choose-contents ul li span svg,
.wrapper_flex_content aside span svg {
    width: 100%;
    fill: #b7b7b8;
}
.whatwedo {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.whatwedo:hover img {
    transition: transform 0.2s;
}
#projects .owl-nav button:hover,
.metaHash_coreArias,
.metaHash_coreArias:hover,
.portfolio_wrapper aside,
.portfolio_wrapper:hover aside,
.topAnimate,
.topAnimate:hover,
.wrapper-stu-col,
.wrapper-stu-col:hover,
.wrapper_grid_and_icon {
    transition-duration: 0.2s;
}
.whatwedo aside {
    padding: 20px;
    background: linear-gradient(to right, rgba(40, 95, 170, 0.83) 0, rgba(81, 193, 80, 0.59) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 10;
}
.whatwedo aside h4 {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.whatwedo aside ul li {
    list-style-type: none;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    color: #fff;
}
.whatwedo aside ul li:before {
    content: "\f005";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 12px;
}
.row_height,
.wrapperServicesImg {
    height: 100%;
}
.gradient_panel {
    background: #2d70a4;
    background: linear-gradient(to bottom, #2d70a4 0, #148485 100%);
    border-radius: 10px;
    margin: 0;
    padding: 20px;
}
.enquiry_btn_cover a,
.joinUs__team_content a {
    border: none;
    box-shadow: none;
    text-decoration: none;
    outline: 0;
}
.top_padd {
    padding-top: 86px;
}
.enquiry_btn_cover {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}
.enquiry_btn_cover a {
    background: #4bc253;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    color: #fff;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
}
.enquiry_btn_cover a i {
    margin-right: 10px;
}
.enquiry_btn_cover span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    padding: 0 10px;
    font-weight: 700;
}
.enquiry_btn_cover span div {
    width: 1px;
    height: 20px;
    background-color: #000;
    margin: 0 5px;
}
.joinUssection {
    background-color: #fff;
    padding: 50px 0;
}
.joinUs-block {
    background-position: fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-image: url(../images/choosebg.jpg);
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.joinUs-block::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #261d48;
    opacity: 0.8;
}
.bg-img aside,
.joinUs-block .container {
    position: relative;
    z-index: 10;
}
.joinUs__team_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 0;
    position: relative;
    z-index: 10;
}
.joinUs__team_content h3 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.joinUs__team_content p {
    text-align: center;
    font-size: 15px;
    color: #b7b7b8;
}
.joinUs__team_content a {
    background: #1e173a;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 7px 20px;
    overflow: hidden;
}
.joinUs__team_content a::before {
    content: "";
    background-color: #fff;
}
.joinUs__team_content a:hover {
    color: #000;
}
.chooseusSection {
    background-color: #261d48;
    padding: 50px 0;
}
.choose_img {
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0 0 107px;
    position: relative;
}
.choose_img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #47a3da;
    opacity: 0.2;
}
.choose_img img,
.wrapperServicesImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    margin: 0;
}
.chooseusContent {
    width: 100%;
    padding: 49px;
}
.chooseusContent h3 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.aboutBanner aside a,
.aboutBanner aside p,
.metaHash_coreArias h3,
.shadow-effect h5,
.shadow-effect h6 {
    text-transform: capitalize;
}
.chooseusContent ul li,
.why-choose-contents ul li {
    list-style-type: none;
    padding: 10px 10px 10px 35px;
    color: #b7b7b8;
    text-align: justify;
    position: relative;
}
.chooseusContent ul li span,
.why-choose-contents ul li span {
    display: block;
    position: absolute;
    left: 0;
    width: 19px;
}
.shadow-effect {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ececec;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02);
}
.shadow-effect aside {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    border: 5px solid #f7f7f7;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shadow-effect aside::before {
    content: "\f2be";
    font-family: fontAwesome;
    font-size: 50px;
}
.shadow-effect h5 {
    font-weight: 700;
    color: #1e173a;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}
.shadow-effect h6 {
    color: #5c5c5c;
    font-size: 10px;
    text-align: center;
}
#customers-testimonials .shadow-effect p {
    text-align: center;
    font-size: 11px;
}
#customers-testimonials .shadow-effect span {
    display: block;
    padding-top: 20px;
    width: 70px;
}
#customers-testimonials .item {
    text-align: center;
    margin-bottom: 80px;
    opacity: 0.2;
    transform: scale3d(0.8, 0.8, 1);
    transition: 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
.testimonial-name {
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: #1e173a;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
    font-size: 12px;
}
#seo-keyword,
.aboutBanner,
.wrapper-stu-col {
    margin-bottom: 30px;
}
#seo-keyword,
.pannel_content,
.row-margin-top {
    margin-top: 30px;
}
.aboutBanner aside,
.metaHash_coreArias,
.metaHash_coreArias aside,
.metaHash_coreArias span,
.topAnimate,
.whatsapp-round {
    display: flex;
    display: flex;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #1e173a;
    transform: translate3d(0, -50%, 0) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #1e173a;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0, -50%, 0) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: 250ms ease-out;
    width: 20px;
}
.cctv__in__dubai,
.core__arias_section,
.seo_section,
.testimonialSection {
    padding: 50px 0;
    background-color: #fff;
}
.metaHash_coreArias {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 24px 34px -38px;
}
.metaHash_coreArias span {
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #1e173a;
    padding: 17px;
    margin-bottom: 20px;
    border: 5px solid #fff;
    box-shadow: 0 5px 9px -7px;
}
.metaHash_coreArias h3 {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 17px;
}
.metaHash_coreArias p {
    text-align: justify;
    color: #5c5c5c;
    font-size: 13px;
}
.metaHash_coreArias aside {
    justify-content: space-around;
    width: 86%;
}
.metaHash_coreArias aside a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    padding: 6px;
    border-radius: 5px;
}
.metaHash_coreArias aside a:first-child {
    background-color: #25d366;
}
.metaHash_coreArias aside a:nth-child(2),
.why-bmec {
    background-color: #1e173a;
}
.aboutBanner,
.aboutBanner aside a,
.about__img,
.topAnimate {
    background-color: #47a3da;
}
.topAnimate {
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 40px;
    bottom: 100px;
    border-radius: 100%;
    z-index: 100;
}
.topAnimate:hover {
    background-color: #000;
    color: #fff;
}
.about__img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.about__img img,
.projectsItems img,
.relative-position img,
.serviceWrapper img,
.why-choose-image-panel aside div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-title-content,
.inner-banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.aboutBanner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.aboutBanner aside {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 13%;
    background: rgba(0, 0, 0, 0.49);
}
.aboutBanner aside p {
    color: #fff;
    font-size: 19px;
    text-align: center;
}
.aboutBanner aside a {
    display: block;
    padding: 4px 11px;
    color: #fff !important;
    text-align: center;
    width: -moz-fit-content;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
    width: fit-content;
}
.aboutBanner aside a::before {
    content: "";
    background-color: #1e173a;
}
.aboutBanner aside h3 {
    font-size: 24px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 300;
    color: #999;
}
.wrapper__content aside h4,
.wrapper__content h3 {
    font-weight: 700;
    color: #47a3da;
    margin-bottom: 20px;
}
.aboutBanner aside h1 {
    text-transform: capitalize;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 47px;
    color: #fff;
    line-height: 47px;
    margin-bottom: 0;
    text-align: center;
}
.aboutBanner aside h1 span {
    color: #777;
    font-weight: 300;
    font-size: 42px;
}
.about_wrapper_img {
    width: 100%;
    height: 100%;
    position: relative;
}
.about_wrapper_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}
.wrapper__content h3 {
    text-transform: capitalize;
    font-size: 30px;
    text-transform: uppercase;
}
.wrapper__content p {
    text-align: justify;
    color: #000;
    font-size: 15px;
}
.wrapper__content aside {
    width: 100%;
    padding: 10px 0;
}
.wrapper__content aside h4 {
    text-transform: capitalize;
    font-size: 22px;
    text-transform: uppercase;
}
.wrapper__content aside p {
    text-align: justify;
    color: #000;
    font-size: 15px;
}
.whatsapp-round {
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #25d366;
    border-radius: 100%;
    position: fixed;
    bottom: 50px;
    right: 40px;
    z-index: 50;
}
.whatsapp-round a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    font-size: 30px;
    color: #fff;
}
.sm_banner_wrapper {
    width: 100%;
    height: 80vh;
    background-color: #1e173a;
    display: none;
}
.best-digital-marketing {
    padding: 60px 0;
    background: #2d70a4;
    background: linear-gradient(to bottom, #2d70a4 0, #148485 100%);
}
.digital-marketing-padding-left {
    padding-left: 40px;
}
.digitalmarketing-img-box {
    width: 100%;
    position: relative;
    border-radius: 40px;
}
.digitalmarketing-img-box span {
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    border-radius: 6px;
}
.digitalmarketing-img-box span img {
    width: 100%;
    position: relative;
    z-index: 10;
    left: 0;
}
.digitalmarketing-img-box .morphin {
    right: 0;
    bottom: 0;
    background: #f6f6f6;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    animation: 10s infinite morphin;
    margin: 0 auto;
}
.digitalmarketing-img-box .shake-x,
.digitalmarketing-img-box .shake-y {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
@keyframes morphin {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    }
}
.digitalmarketing-img-box .shake-x {
    animation-name: shake-x;
}
@keyframes shake-x {
    16.65% {
        transform: translateX(8px);
    }
    33.3% {
        transform: translateX(-6px);
    }
    49.95% {
        transform: translateX(4px);
    }
    66.6% {
        transform: translateX(-2px);
    }
    83.25% {
        transform: translateX(1px);
    }
    100% {
        transform: translateX(0);
    }
}
.digitalmarketing-img-box .shake-y {
    animation-name: shake-y;
}
@keyframes shake-y {
    16.65% {
        transform: translateY(8px);
    }
    33.3% {
        transform: translateY(-6px);
    }
    49.95% {
        transform: translateY(4px);
    }
    66.6% {
        transform: translateY(-2px);
    }
    83.25% {
        transform: translateY(1px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes pulse-anim {
    25% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    75% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
@keyframes up-down {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
    }
}
@keyframes left-right {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    100% {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
    }
}
.digitalmarketing-img-box .rotate {
    animation: 5s linear infinite rotate;
    -webkit-animation: 5s linear infinite rotate;
}
@keyframes rotate {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@keyframes waving-line {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -200px 0;
    }
}
.weOffer {
    padding-top: 100px;
    background-color: #47a3da;
}
.wrapper_grid_and_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding-bottom: 30px;
}
.wrapper_grid_and_icon:hover {
    transform: scale(1.1);
}
.wrapper_grid_and_icon aside {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 100%;
    margin-bottom: 20px;
    box-shadow: 0 5px 29px -9px rgba(125, 125, 125, 0.78);
}
.wrapper_grid_and_icon aside svg {
    width: 40px !important;
    fill: #1e173a;
}
.wrapper_grid_and_icon h4 {
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    color: #000;
}
.wrapper_grid_and_icon p {
    text-align: justify;
    font-size: 14px;
    color: #777;
}
.wrapper_grid_and_icon a {
    border: none;
    outline: 0;
    box-shadow: none;
    background: #25d366;
    display: block;
    padding: 2px 9px;
    color: #fff !important;
    text-transform: capitalize;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0;
}
.top-padding {
    padding-top: 50px;
}
.owl-img-with-content {
    width: 100%;
    background-color: #f5f5f5;
    padding-bottom: 20px;
}
.modalImg,
.owl-img-with-content aside {
    width: 100%;
    position: relative;
}
.brandLogo img,
.owl-img-with-content aside img {
    width: 100%;
    margin: 0 !important;
}
.owl-img-with-content aside:nth-child(2) {
    padding-bottom: 10px;
}
.owl-img-with-content aside h4 {
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
.owl-img-with-content aside h5 {
    font-size: 24px;
    text-transform: capitalize;
    background-color: #1e173a;
    color: #fff;
    text-transform: lowercase;
    padding: 5px;
}
.owl-img-with-content aside h5 a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.owl-img-with-content aside ul {
    padding: 0 20px;
    margin: 0;
}
.owl-img-with-content aside ul li {
    list-style-type: none;
    position: relative;
    padding: 6px 70px 6px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #777;
}
.owl-img-with-content aside ul li:first-child {
    padding-right: 5px;
}
.owl-img-with-content aside ul li h5 {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    background: 0 0;
    padding: 0;
}
.owl-img-with-content aside ul li p {
    margin: 0;
    font-size: 12px;
}
.owl-img-with-content aside ul li span {
    width: 20px;
    height: 20px;
    background-color: #1e173a;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 5px;
}
.check__box,
.it-training {
    align-items: center;
    display: flex;
}
.wrapper_block_panel {
    width: 100%;
    position: relative;
    z-index: 10;
    padding: 30px;
}
.wrapper_block_panel h4 {
    text-transform: capitalize;
    font-size: 18px;
    text-align: left;
    color: #47a3da;
    text-transform: uppercase;
    font-weight: 700;
}
.wrapper_block_panel p {
    font-size: 15px;
    text-align: justify; 
    color: #000;
}
.it-training {
    width: 100%;
    height: 100%;
}
.it-training aside h1 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: left;
}
.wrapper-stu-col aside h4,
.wrapper-stu-col aside h6 {
    color: #777;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 0;
}
.it-training aside ul {
    padding: 40px 0 0;
    margin: 0;
    width: 100%;
}
.it-training aside ul li {
    list-style-type: none;
    padding: 5px 5px 5px 30px;
    position: relative;
    font-size: 15px;
    text-align: justify;
}
.heading h4,
.list__wrapper ul li h5 {
    font-size: 18px;
    font-weight: 700;
}
.it-training aside ul li::before {
    content: "\f14a";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #1e173a;
}
.webdesign_section {
    padding: 50px 0;
    background-color: #f5f5f5;
}
.wrapper__image__box {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 20px;
}
.contact_form form,
.list__wrapper,
.wrapper-stu-col aside,
.wrapper__image__box img {
    width: 100%;
}
.modal_body_padding_none,
.topPaddnone {
    padding: 0 !important;
}
.cover-bg,
.cover-bg span {
    background-color: #efefef;
}
.wrapper-stu-col {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.wrapper-stu-col aside img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    border: 3px solid #fff;
}
.wrapper-stu-col aside h4 {
    font-size: 12px;
    padding: 5px 0;
}
.wrapper-stu-col aside h6 {
    font-size: 9px;
    padding-bottom: 10px;
}
.wrapper-stu-col:hover {
    transform: scale(1.2);
}
.relative {
    position: relative;
    z-index: 15;
}
.theam_col {
    background-color: #1e173a !important;
}
.theam_col span h5 {
    color: #fff;
    text-transform: uppercase;
}
.theam_col span h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
.list__wrapper ul li,
.list__wrapper ul li h5 {
    text-transform: capitalize;
    text-align: center;
    color: #fff;
}
.contactlistSm ul li aside:nth-child(2) p span i,
.table_row td,
.table_row th {
    margin-left: 5px;
}
.table_row th:first-child {
    font-size: 12px;
}
.table_row:first-child,
.table_row:nth-child(3),
.table_row:nth-child(5),
.table_row:nth-child(7) {
    background-color: #0070cb;
}
.table_row:nth-child(2),
.table_row:nth-child(4),
.table_row:nth-child(6),
.table_row:nth-child(8) {
    background-color: #208fe9;
}
.check__box {
    justify-content: center;
    color: #fff;
}
.title-box {
    text-align: center;
    position: relative;
}
.title-box span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #0075ff;
}
.amount-box {
    position: relative;
    text-align: center;
    color: #fff;
    border-radius: 0 0 10px 10px;
    background: #0070cb;
    background: linear-gradient(to bottom, #0070cb 0, #208fe9 100%);
}
.bg-img,
.count {
    background-repeat: no-repeat;
    background-size: cover;
}
.amount-box .rate {
    font-weight: 700;
}
table thead tr th {
    border: 1px solid #fff;
}
table tbody tr td {
    border: 1px solid #fff !important;
}
.list__wrapper ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
}
.list__wrapper ul li {
    list-style-type: none;
    position: relative;
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}
.list__wrapper ul li h5 {
    text-transform: uppercase;
    margin: 0;
    text-transform: uppercase;
}
.list__wrapper ul li:first-child {
    background-color: #282828;
}
.list__wrapper ul li:nth-child(2),
.list__wrapper ul li:nth-child(4),
.list__wrapper ul li:nth-child(6),
.list__wrapper ul li:nth-child(8) {
    background-color: #0070cb;
}
.list__wrapper ul li:nth-child(3),
.list__wrapper ul li:nth-child(5),
.list__wrapper ul li:nth-child(7),
.list__wrapper ul li:nth-child(9) {
    background-color: #208fe9;
}
.list__wrapper ul li:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282828;
    border: none;
    position: relative;
}
.list__wrapper ul li:last-child span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
.list__wrapper ul li:last-child p {
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    text-align: left;
    padding-left: 10px;
}
.flexEndverticalCenter {
    justify-content: flex-end !important;
}
.contactbanner aside {
    justify-content: center !important;
}
.contactbanner aside h1 {
    text-align: center;
    color: #fff;
}
.contact_form p {
    text-transform: uppercase;
    font-weight: 600;
}
.contactAddress h6,
.contactAddress ul aside h6 {
    text-transform: capitalize;
    font-size: 18px;
    text-align: left;
}
.contact_form form input,
.contact_form form textarea {
    border: 1px solid #c7c7c7;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #777;
    border-radius: 6px;
    margin-bottom: 20px;
}
.contact_form form input::-webkit-inner-spin-button,
.contact_form form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.contact_form form button {
    text-decoration: none;
    font-size: 14px;
    border: none;
    outline: 0;
    box-shadow: none;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;
    background-color: #1e173a;
    color: #fff;
    border-radius: 6px;
}
.contact_form form button:hover {
    background-color: #101115;
    transition-duration: 0.2s;
}
.contactAddress,
.wrapper_content_point {
    width: 100%;
    padding-top: 30px;
}
.contactAddress h6 {
    font-weight: 700;
    position: relative;
    padding-left: 40px;
}
.contactAddress h6 .icons {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 12px;
    color: #fff;
    width: 23px;
    height: 23px;
    background-color: #1e173a;
    border-radius: 100%;
}
.contactAddress ul li {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
}
.contactAddress ul li .icon {
    position: absolute;
    left: 0;
    color: #ff4500;
    font-size: 20px;
}
.contactAddress ul aside {
    padding-top: 20px;
    padding-left: 20px;
}
.contactAddress ul aside h6 {
    font-weight: 700;
}
.contactAddress ul aside li {
    list-style-type: none;
    position: relative;
    padding-left: 0;
    display: flex;
    font-size: 14px;
}
.contactAddress ul aside li span {
    padding-right: 20px;
    color: #777;
    display: block;
    width: 150px;
}
.contactAddress ul aside li a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    color: #000;
    font-weight: 700;
}
.wrapper_image__block {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.wrapper_image__block img {
    width: 100%;
}
.wrapper_content_point ul li {
    list-style-type: none;
    position: relative;
    padding: 5px 5px 5px 20px;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 10px;
}
.projectsItems aside h5,
.wrapper__wrapp_content h3 {
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #fff;
}
.wrapper_content_point ul li::before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #1e173a;
}
.wrapper__wrapp_img {
    width: 100%;
    padding: 0;
}
.modalImg img,
.portfolio_wrapper img,
.sira-logo img,
.smallBanner img,
.wrapper__wrapp_img img {
    width: 100%;
}
.wrapper__wrapp_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    height: 100%;
}
.wrapper__wrapp_content h3 {
    font-size: 30px;
    font-weight: 900;
}
.wrapper__wrapp_content p {
    font-size: 15px;
    text-align: justify;
    color: #fff;
}
.count {
    padding: 50px 0;
    background-position: fixed;
    background-attachment: fixed;
    background-image: url(../images/about/count-bg.jpg);
    position: relative;
}
.count::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: hsla(0, 0%, 0%, 0.702);
}
.count .container {
    position: relative;
    z-index: 11;
}
.achievement_pan {
    display: flex;
    flex-direction: column;
}
.achievement_pan span {
    display: flex;
    margin: auto;
    width: 50px;
    font-size: 44px;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.achievement_pan .counter {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    color: #1e173a;
}
.achievement_pan h6 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.owlCarouselSection,
.projectsSection {
    padding: 50px 0;
    background-color: #47a3da;
}
.projectsItems {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: 10px;
}
.projectsItems aside {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0, rgba(116, 116, 116, 0) 24%, rgba(0, 0, 0, 0.92) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 10;
}
.projectsItems aside h5 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
#projects .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 120px;
    left: 0;
}
#projects .owl-nav button {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    font-size: 25px;
    position: relative;
}
#projects .owl-nav button:first-child {
    left: -30px;
}
#projects .owl-nav button:nth-child(2) {
    right: -30px;
}
#projects .owl-nav button:hover {
    background-color: #1e173a;
    color: #fff;
}
.download_brochure {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    height: 100%;
    z-index: 10;
    top: 0;
    left: -62px;
}
.brandLogo,
.wrapper_grid {
    align-items: center;
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}
.download_brochure a {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;
    background-color: #1e173a;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    transform: rotate(-90deg);
    display: block;
}
.wrapper_grid {
    justify-content: center;
    flex-direction: column;
    padding: 14px;
    background-color: #fff;
    border-radius: 10px;
}
.wrapper_grid aside {
    width: 50px;
    margin-bottom: 10px;
}
.wrapper_grid aside svg {
    width: 100%;
    fill: #47a3da;
}
.wrapper_grid h5 {
    text-align: center;
    color: #1e173a;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 0;
}
.gridBlock {
    padding: 0 30px 30px;
}
.grid:first-child .wrapper_grid h5 {
    margin-bottom: 13px;
}
.brandSection,
.servicesSectionBlock,
.systemSection {
    padding: 50px 0;
    background-color: #f9f9f9;
}
.brandLogo {
    justify-content: center;
    background-color: #f9f9f9;
    overflow: hidden;
    padding: 2px;
    border: 1px solid rgba(119, 119, 119, 0.1215686275);
}
.testimonial_owl {
    display: flex;
    border-radius: 20px;
}
.testimonial_owl .user_block aside {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50px 50px 10px;
    background-color: #fff;
    border: 5px solid #fff;
    margin-bottom: 10px;
    font-size: 100px;
    color: #47a3da;
    box-shadow: 0 0 8px -6px #000;
    overflow: hidden;
}
.testimonial_owl .user_block aside img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
}
.testimonial_owl .user_block aside svg {
    width: 50px;
    fill: #47a3da;
}
.pannel__block {
    width: 100%;
    padding: 0 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.pannel__block p {
    text-align: justify;
    color: #777;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
}
.pannel__block .test-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.pannel__block .test-content h4 {
    text-transform: uppercase;
    color: #47a3da;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    margin: 0 15px 0 0 !important;
    width: -moz-fit-content;
    width: fit-content;
}
.pannel__block .test-content h6 {
    font-size: 12px;
    color: #8d8d8d;
    margin: 0 !important;
    font-weight: 700;
}
.pannel__block .thank {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    bottom: -19px;
    left: 0;
    position: absolute;
}
.pannel__block .thank h5 {
    width: -moz-fit-content;
    width: fit-content;
    background-color: #47a3da;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 6px;
    position: relative;
}
#testimonial .owl-dots,
.banner-sm-display-block {
    display: none !important;
}
.footerParagraph p {
    text-align: justify;
    color: #fff;
    font-size: 15px;
    font-weight: 200;
}
.panel_block {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 15px;
    display: flex;
}
.panel_block span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #261d48;
    border-radius: 100%;
    border: 5px solid #fff;
}
.panel_block span svg {
    fill: #fff;
    width: 35px;
}
.panel_block aside {
    width: 80%;
    padding: 10px;
}
.panel_block aside h3 {
    text-transform: capitalize;
    color: #1e173a;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
}
.wrapperServicesContent {
    width: 100%;
    padding: 20px;
}
.wrapperServicesContent p {
    font-size: 15px;
    text-align: justify;
    line-height: 24px;
}
.wrapperServicesContent h3 {
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: 800;
    text-transform: capitalize;
    color: #1e173a;
}
.wrapperServicesContent h4 {
    font-size: 19px;
    margin-bottom: 5px;
    font-weight: 800;
    text-transform: capitalize;
    color: #101143;
}
.modalImg h4,
.portfolio_wrapper aside h3 {
    margin-bottom: 0;
    text-transform: capitalize;
}
.inner-banner-text h2,
.modalImg h4,
.portfolio_wrapper aside h3 {
    font-weight: 700;
    text-align: center;
}
.servicesRow {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 12px -11px #000;
}
#servicesItems .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 150px;
    left: 0;
}
#servicesItems .owl-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #1e173a;
    color: #fff;
    font-size: 18px;
    position: relative;
}
#servicesItems .owl-nav button:first-child {
    left: -15px;
}
#servicesItems .owl-nav button:nth-child(2) {
    right: -15px;
}
.serviceWrapper {
    height: 290px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.46);
    overflow: hidden;
    border-radius: 20px;
}
.serviceWrapper aside {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 30px;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0, rgba(0, 0, 0, 0.96) 100%);
}
.serviceWrapper aside h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    opacity: 0.5;
    text-align: center;
}
.serviceWrapper aside:hover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.81) 100%);
}
.serviceWrapper aside:hover h4 {
    opacity: 1;
}
.bg-img {
    background-position: center;
    position: relative;
}
.bg-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0.5;
}
.centerBlock {
    justify-content: center;
}
.portfolio_wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}
.portfolio_wrapper aside {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.739);
    bottom: -540px;
}
.portfolio_wrapper aside h3 {
    color: #fff;
    font-size: 22px;
    width: 100%;
}
.portfolio_wrapper:hover aside {
    bottom: 0;
}
.modalImg button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    z-index: 10;
    background: #000 !important;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff !important;
}
.modalImg button::before {
    content: "\f00d";
    font-family: fontAwesome;
}
.modalImg h4 {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #47a3da;
    font-size: 16px;
}
.smallLetter a,
.wrapper__list_colmn aside h6 a {
    text-transform: lowercase !important;
}
.contactGoogleMap {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.smallBanner {
    background-color: #47a3da;
    position: relative;
    display: none;
}
.position-right {
    position: relative;
    right: 25px;
}
.relative-position .position-block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 13px;
}
.relative-position .position-block .service_block_lg {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.687);
}
.img-position-control .service_block_lg {
    position: absolute;
    left: 0;
    top: 0;
}
.img-position-control img {
    position: absolute;
}
.imgControl {
    overflow: hidden;
}
.position-order img {
    position: relative;
    right: 20px;
}
.about__image_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.about__image_wrapper aside {
    width: 48%;
    height: 214px;
    background-color: #47a3da;
    overflow: hidden;
}
.about__image_wrapper aside img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.2s;
}
.about__image_wrapper aside:hover img {
    transform: scale(1.2);
}
.inner-banner-text h1,
.inner-banner-text h2,
.inner-banner-text h3,
.inner-banner-text h4,
.inner-banner-text h5,
.inner-banner-text h6 {
    color: #fff;
    text-transform: capitalize !important;
}
.inner-banner-text h2 {
    font-size: 48px;
}
.inner-banner-text h6 {
    letter-spacing: normal !important;
    font-size: 17px !important;
}
.footer-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 140px;
    margin-bottom: 50px;
}
.footer-overlay aside {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 90%;
    background-color: #1e173a !important;
    border-radius: 20px;
    position: relative;
    top: -56px;
    padding: 50px 15px;
}
.footer-overlay aside a,
.link-cover ul li a {
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
}
.footer-overlay aside h5 {
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.footer-overlay aside a {
    background: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 7px 20px;
    transition-duration: 0.2s;
    color: #000;
}
.footer-overlay aside a i {
    margin-right: 15px;
}
.footer-overlay aside a:hover {
    background-color: #faded9;
    color: #47a3da;
}
.contactlistSm h4 {
    text-align: center;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
    margin: 0;
}
.cctv_in_dubai__UAE h3,
.paragraph-content h4,
.why-choose-contents h6 {
    text-transform: capitalize;
}
.contactlistSm ul {
    padding: 20px 0 0;
    margin: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -27px;
}
.contactlistSm ul li {
    width: 82%;
    display: flex;
    padding: 0 10px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.251);
}
.contactlistSm ul li aside:first-child {
    width: 40px;
    height: auto;
    padding: 10px;
    font-size: 19px;
    position: relative;
}
.contactlistSm ul li aside:first-child i {
    position: absolute;
    top: 0;
    left: 0;
}
.contactlistSm ul li aside:first-child img {
    width: 20px;
}
.contactlistSm ul li aside:first-child a {
    font-weight: 300 !important;
}
.contactlistSm ul li aside:nth-child(2) {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contactlistSm ul li aside:nth-child(2) h6 {
    color: #47a3da;
    text-transform: capitalize;
    font-family: "Zona Pro", sans-serif;
    font-size: 14px;
    text-align: left;
}
.contactlistSm ul li aside:nth-child(2) p {
    color: #b7b7b8;
    margin: 0;
    font-size: 14px;
    text-align: left;
    font-weight: 300;
}
.contactlistSm ul li aside:nth-child(2) p a {
    color: #b7b7b8;
    text-decoration: none;
}
.contactlistSm ul li aside:nth-child(2) p span {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    color: #b7b7b8;
    margin-top: 5px;
    align-items: center;
    font-weight: 100;
}
.contactlistSm ul li aside:nth-child(2) p span img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.blink-soft {
    animation: 1.5s linear infinite blinker;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.service-section-sm {
    padding: 50px 0;
    background-color: #261d48;
    display: none;
}
.link-cover {
    width: 46px;
    position: fixed;
    right: 40px;
    bottom: 50px;
    z-index: 10;
}
.link-cover ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.link-cover ul li a {
    background: #5c40c9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 7px;
    color: #fff;
    font-size: 19px;
    border-radius: 100%;
    box-shadow: 0 0 1px 0 #fff;
}
.link-cover ul li a:hover {
    transition-duration: 0.3s;
    background-color: #000;
    color: #fff;
    transform: scale(1.2);
    box-shadow: 0 0 1px 23px rgba(255, 255, 255, 0);
}
.button-block {
    display: block !important;
}
.why-choose-contents {
    width: 100%;
    padding: 30px;
}
.why-choose-contents h3 {
    font-size: 47px;
    font-weight: 800;
}
.why-choose-contents p {
    color: #b7b7b8;
    text-align: justify;
}
.why-choose-image-panel {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    position: relative;
    padding-top: 20%;
}
.why-choose-image-panel aside {
    border-radius: 10px;
    background-color: #777;
    width: 70%;
    height: 80%;
    position: relative;
}
.why-choose-image-panel aside img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    border: 5px solid #fff;
}
.why-choose-image-panel aside div {
    width: 66%;
    height: 250px;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
    border-radius: 10px;
    bottom: -70px;
    right: -60px;
    border: 3px solid #fff;
}
.career-content p,
.cctv_in_dubai__UAE p {
    text-align: justify;
}
.wrapper__list_colmn ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.wrapper__list_colmn ul li {
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 15px;
    background-color: #1e173a;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin: 8px;
    text-align: center;
    border-radius: 6px;
    font-family: "Plus Jakarta Sans", serif !important;
}
.wrapper__list_colmn aside {
    margin-top: 20px;
    padding: 11px;
    border-radius: 6px;
    border: 2px solid #d9d9d9;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
}
.wrapper__list_colmn aside h5 a,
.wrapper__list_colmn aside h6 a {
    border: none;
    color: #1e173a;
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    background: 0 0;
}
.wrapper__list_colmn aside h6 {
    text-align: center;
    color: #1e173a;
    font-weight: 900;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
}
.wrapper__list_colmn aside h5 {
    text-align: center;
}
.wrapper__list_colmn aside h5 a {
    font-size: 16px;
    text-transform: lowercase;
}
.cctv_in_dubai__UAE h3 {
    font-size: 27px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 800;
    color: #1e173a;
}
.cctv_in_dubai__UAE h3 span {
    color: #1e173a;
}
.text-conterol-left h3 {
    text-align: left !important;
}
.sira-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.paragraph-content {
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
}
.paragraph-content p {
    text-align: justify;
    padding: 0;
}
.paragraph-content h4 {
    font-size: 19px;
    margin-bottom: 5px;
    font-weight: 800;
    color: #1e173a;
}
.footer-social-media-sm {
    margin-bottom: 20px;
    display: none;
}
.footer-social-media-sm ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.footer-social-media-sm ul li a {
    text-decoration: none;
    border: 1px solid #fff;
    outline: 0;
    box-shadow: none;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    margin: 5px;
}
.footer-social-media-sm ul li a svg {
    fill: #fff;
    width: 20px;
}






.faq-section {
  max-width: 900px;
  margin: 0 auto;
}

header {
  margin-bottom: 70px;
}

header > p {
  font-size: 22px;
  color: #fff;
}

h2 {
  font-size: 32px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: bold;
}

details {
  cursor: pointer;
}

summary:focus-visible {
  outline: 2px solid orange;
  outline-offset: 8px;
  border-radius: 4px;
}

h4 {
  width: 900px;
}

summary {
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-item: space-between;
  align-items: left;
  margin-bottom: 25px;
}

summary::marker {
  display: none;
  content: "";
}

span {
  margin-top: 4px;
  color: #f4f4f6;
}

details > p {
  max-width: 900px;
  color: #fff;
  font-size: 14px;
  line-height: 155%;
  letter-spacing: .1px;
  margin-bottom: 40px;
  padding-left: 10px;
}

hr {
  border: 1px solid #404E5C;
  margin-block-end: 30px;
}