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

body {

    font-family: 'poppins', sans-serif;
    color: #000;
    overflow-x: hidden;
    font-size: 15px;

}

p {
    font-size: 15px;
    font-family: 'poppins', sans-serif;
    line-height: 28px;
    color: #505050;
}

a {
    font-size: 15px;
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'poppins', sans-serif;
}

a:hover {
    text-decoration: none;
    outline: none;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Oswald';
    margin: 0px;
}

p {
    margin: 0px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.justify-center {
    justify-content: center;
}

.mt-20 {
    margin-top: 20px;
}

.align-item-center {
    align-items: center;
}

.justify-content-space-between {
    justify-content: space-between;
}


/* Header */
.header-section {
    position: relative;
    z-index: 111;
    transition: 0.4s ease-out;
}

.header-main-wrap {
    display: flex;
    margin-top: 0px;
    align-items: center;
}

.logo-section {
    width: 96px;
    position: absolute;
    top: 0px;
    padding: 10px;
    background: #ffffff00;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; */
    z-index: 11;
    transition: 0.4s ease-in-out;
    filter: invert(4) brightness(4);
}

.logo-section img {
    width: 100%;
}

.main-navigation {
    margin: 10px auto;
    transition: 0.4s ease-in-out;
}

.main-navigation ul.menu-bar-ul {
    display: flex;
    position: relative;
    left: 35px;
}

.main-navigation ul li a.navlinks {
    padding: 18px 20px;
    display: block;
    color: #fff;
}
.header-section.sticky .main-navigation ul li a.navlinks {
    color: #2a2a2a;
}
.header-section.sticky .main-navigation ul li a.navlinks:hover {
    color: #000;
}
.main-navigation ul li a.navlinks:hover {
    color: #cbcbcb;
    letter-spacing: 0.1px;
}

.menu-has-child {
    position: relative;
}

.main-navigation ul li.menu-has-child:hover .drop-down {
    top: 60px;
    visibility: visible;
    opacity: 1;
}

.main-navigation ul li.menu-has-child a.navlinks i {
    transition: 0.4s ease-in-out;
}

.main-navigation ul li.menu-has-child:hover a.navlinks i {
    transform: scaleY(-1);
}

.drop-down {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 70px;
    width: 210px;
    background: #fff;
    padding: 4px 14px 4px 14px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}

.drop-down li a.sub-navlinks {
    display: block;
    line-height: 38px;
    border-bottom: 1px solid #ddd;
    color: #3d3e64;
}

.drop-down li:last-child a.sub-navlinks {
    border-bottom: none;
}

.drop-down li a.sub-navlinks i {
    margin-right: 5px;
    font-size: 14px;
}

.drop-down li a.sub-navlinks:hover {
    padding-left: 8px;
}

.toggle-btn {
    padding: 12px 6px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #fff;
    position: relative;
    z-index: 111;
    cursor: pointer;
}

.toggle-btn span {
    width: 26px;
    height: 3px;
    background-color: #464646;
    display: block;
    margin: 3px 3px;
    transition: 0.4s ease-out;
}

.toggle-btn span:nth-child(2) {
    width: 22px;
    margin-left: 6px;
}

.toggle-btn.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 6px;
    position: relative;
}

.toggle-btn.active span:nth-child(3) {
    transform: rotate(135deg);
    top: -5px;
    position: relative;
}

.toggle-btn.active span:nth-child(2) {
    opacity: 0;
}

.the-sider-bar {
    position: fixed;
    top: 0px;
    right: -100%;
    transition: 0.4s ease-in-out;
    width: 30%;
    height: 100vh;
    background: #242424e3;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}
.header-section.sticky .the-sider-bar {
    backdrop-filter: blur(8px);
}
.the-sider-bar.show {
    right: 0%;
    transition: 0.5s ease-out;
}

.side-wrapper {
    max-width: 80%;
    width: 100%;
    margin: auto;
    position: relative;
    top: 0px;
    bottom: 0px;
    height: fit-content;
}

.side-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.side-navigation {
    width: 100%;
}
.side-navigation ul li a {
    color: #fff;
    padding: 12px 0px;
    display: block;
    font-size: 18px;
    border-bottom: 1px dashed #dddddd1f;
    transition: 0.2s ease-in-out;
}
.side-navigation ul li a:hover {
    background: #00000017;
    padding-left: 3px;
}
.side-social-links {
    position: relative;
}


.side-drop-down {
    display: none;
}
.side-social-links ul {
    margin-top: 30px;
}
.side-social-links ul li {
    display: flex;
    justify-content: center;
}
.side-social-links ul li a {
    color: #fff;
}

.side-social-links ul li a i {
    display: block;
    padding: 10px;
}

.side-contanct-wrap {
    margin-top: 20px;
}

.side-contanct-wrap h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #9b9b9b;
}

.side-contanct-wrap ul {
    display: grid;
    justify-content: flex-start;
    align-items: center;
}

.side-contanct-wrap ul li {
    margin: 4px;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.side-contanct-wrap ul li i {
    color: #cbcbcb;
    margin-right: 6px;
}

.side-contanct-wrap ul li a {
    color: #fff;
}

.header-section.sticky{
    position: fixed;
    top: 0px;
    transition: 0.4s ease-out;
    width: 100%;
    background: #ffffffbd;
    padding: 0px 0px;
    padding-top: 0px;
    backdrop-filter: blur(13px);
}
.header-section.sticky .logo-section{
    position: absolute;
    width: 80px;
    top: 0px;
    filter: none;
}



/* Banenr */
.banner-carousel {
    position: relative;
    margin-top: -80px;
}

.banner-slider-wrapper {
    position: relative;
}

.banner-slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #000000ad, #0000005e);
    z-index: 1;
}

.banner-content-wrapper {
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.banner-content {
    text-align: center;
    max-width: 900px;
    margin: 70px auto 0;
    position: relative;
    /* background: radial-gradient(#00000080, transparent); */
}
.banner-content::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #00000066;
    filter: blur(42px);
}
.banner-content>*{
    position: relative;
    z-index: 3;
}
.banner-content h4 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 8px;
    /* text-transform: uppercase; */
    font-weight: 600;
    line-height: 53px;
    font-family: 'Poppins';
}

.banner-content p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 22px;
    font-weight: 600;
}
.banner-content .animated-button {
    margin-top: 20px;
}

.banner-carousel .owl-item .item .banner-img img {
    transition: 2s ease-out;
    transform: scale(1);
}
.banner-carousel .owl-item .item {
    overflow: hidden;
}
.banner-carousel .owl-item .item .banner-img img.active {
    transform: scale(1.1);
    transition: 15s ease-out;
}
/* .banner-carousel .owl-nav {
   position: absolute;
} */
/* @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.1, 1.1);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1,1);
    }
    to {
      transform: scale(1.1, 1.1);
    }
  }
.banner-carousel .owl-item.active  .item .banner-img img{
    -webkit-animation: zoom 15s;
    animation: zoom 15s;
    padding:0;
    width:100%;
} */

.banner-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 0.5%;
    font-size: 15px;
    background: #ffffff2e;
    width: 40px;
    height: 40px;
    line-height: 20px;
    visibility: hidden;
    transition: 0.4s ease-out;
}

.banner-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 0.5%;
    font-size: 15px;
    background: #ffffff2e;
    width: 40px;
    height: 40px;
    line-height: 20px;
    visibility: hidden;
    transition: 0.4s ease-out;
}

.banner-carousel:hover .owl-nav button.owl-next {
    visibility: visible;
}

.banner-carousel:hover .owl-nav button.owl-prev {
    visibility: visible;
}
.banner-carousel .owl-nav button.owl-next:hover {
    background: #000;
}

.banner-carousel .owl-nav button.owl-prev:hover {
    background: #000;
}

.btn-1 {
    text-align: center;
    transition: 0.4s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featureSlider {
    position: relative;
}
.featureSlider .item {
    padding: 20px 10px;
}
.featureCard {
    padding: 30px 20px;
    border: 1px dashed #464646;
    background: #fff;
    position: relative;
    border-radius: 20px;
    transition: 0.3s ease-in-out;
}
.featureCard::after {
    position: absolute;
    content: '';
    width: 101%;
    height: 102%;
    bottom: 0px;
    left: -1px;
    right: 0px;
    top: 0px;
    background: radial-gradient(#fff, #f0f0f0);
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease-in-out;
    border-radius: 20px;
    z-index: 1;
    background-position: center;
    border: 1px solid #dddddd6b;;
}
.featureCard::before {
    position: absolute;
    content: '';
    width: 82%;
    height: 5%;
    bottom: -19px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: #4d4d4d24;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
    border-radius: 100%;
    filter: blur(3px);
}

.featureCard:hover::after {
    visibility: visible;
    opacity: 1;
}
.featureCard:hover::before {
    visibility: visible;
    opacity: 1;
}
.featureCard:hover {
    transform: translateY(-5px);

}
.featureIcon {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    z-index: 2;
}
.featureIcon img {
    width: 100%
}
.feautureTitle {
    text-align: center;
    position: relative;
    z-index: 2;
}
.feautureTitle h4 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 30px 0px 10px;
}
.feautureTitle p {
    font-size: 14px;
    line-height: 24px;
}
.staffAugmentationImg {
    position: relative;
    /* top: -60px; */
    width: 100%;
    padding: 10px;
    float: right;
}
.staffAugmentationImg img{
    width: 100%;
}
.staffAugmentationImg .stagImgWrap {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.staffAugmentationImg .stagImgWrap:last-child {
    position: initial;
}
.staffAugmentation  {
    background: linear-gradient(180deg, #ffffffb3, #fffffff0), url(../img/bg/bg3.jpg);
    background-size: contain;
}
.staffAugmentationImg img.stagimg{
  transition: 0.4s ease-in-out;
}
.staffAugmentationImg img.stagimg.i {
    position: initial;
}
.staffAugmentationImg:hover img.stagimg.ii {
    transform: scale(1.05);
}
.staffAugmentationImg:hover img.stagimg.iv {
    transform: scale(1.05);
}
.about-us {
    position: relative;
    background: linear-gradient(90deg, #e2e2e299, #efefef99), url(../img/bg/about-bg.jpg);
    background-size: cover;
    background-position: center;
}

.about-img-sec {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.about-img-sec img {
    width: 100%;
}

.about-exp {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
}
.about-exp-wrapp {
    padding: 26px 20px;
    width: 170px;
    height: 170px;
    background: #3d3e64;
    border-radius: 100%;
    border: 5px solid #ddd;
    text-align: center;
    display: block;
}
.about-exp-wrapp::after{
    position: absolute;
    border: 10px solid #3c3e64d1;
    animation: zoomBig2 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 1;
}
@keyframes zoomBig2 {
    0% {
      transform: translate(0%, 0%) scale(0.9);
      opacity: 1;
      border-width: 3px;
    }
    40% {
      opacity: .5;
      border-width: 2px;
    }
    65% {
      border-width: 1px;
    }
    100% {
      transform: translate(-0%, -0%) scale(1.5);
      opacity: 0;
      border-width: 1px;
    }
}
.about-exp-wrapp h4 {
    color: #ffff;
    font-size: 48px;
    display: inline;
    font-weight: bold;
}

.about-exp-wrapp span {
    color: #fff;

}


.aboutImg {
    position: relative;
}
.aboutImg img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}
.aboutImg img:nth-child(1) {
    animation: spinReverse 20s infinite linear;
    z-index: 1;
}
.aboutImg img:nth-child(2) {
    z-index: 2;
    animation: spin 30s infinite linear;
}
.aboutImg img:nth-child(3) {
    z-index: 1;

}
.aboutImg img:nth-child(4) {
    z-index: 2;
}
.aboutImg img:nth-child(5) {
    position: relative;
    z-index: 2;
    animation: justspinNotFul 60s infinite linear;
}
.aboutImg img:nth-child(6) {
    z-index: 3;
}
@keyframes spinReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@keyframes justspinNotFul {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.spin {
    animation: spin 5000ms infinite linear;
}
.about-us-content-wrapper {
    margin-left: 20px;
}

.about-us-title h4 {
    color: #343434;
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.about-us-title h4 span {
    color: #b61515;
}

.about-exp-wrapp p {
    color: #fff;
    line-height: 19px;
    margin-top: 2px;
    text-transform: uppercase;
}

.about-us-strong p {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #505050;
}

.about-us-nor p {
    color: #505050;
    text-align: justify;
    margin-bottom: 10px;
}

.btn-2 {
    display: inline-block;
    padding: 10px 20px;
    border: 1.8px solid #3d3e64;
    color: #b61515;
    font-weight: 400;
    border-radius: 8px;
    margin-top: 20px;
}


.what-we-do {
    background: #3c3e640a;
}
.section-title {
    text-align: center;
    position: relative;
}
.section-title h4 {
    position: relative;
    display: inline-block;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: #343434;
    text-transform: uppercase;
}

.section-title::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 3px;
    background-color: #3c3e64;
    border-radius: 4px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background-color: #3c3e64;
    border-radius: 50%;
    border: 2px solid #fff;
}
.section-title h5 {
    color: #676767;
    text-transform: uppercase;
}
.section-title p {
    padding: 0 27%;
}

.canvastwo {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    top: 0px;
}
.section-title {
    position: relative;
    z-index: 2;
}
.whychooseWrapper {
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
.service-one-inner {
    display: flex;
    padding: 20px;
    position: relative;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.service-one-inner .thumbnail {
    margin-right: 20px;
    filter: brightness(3.5) invert(1);
}

.service-one-inner .thumbnail img {
    max-width: 50px;
}

.service-one-inner .service-details .title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 26px;
}

.service-one-inner .service-details p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 22px;
    color: #ddd;
}

.rts-read-more i {
    padding: 13px;
    background: #fff;
    border-radius: 50%;
    margin-right: 12px;
    color: #1C2539;
    line-height: 12px;
    font-size: 14px;
    transition: var(--transition);
    box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05);
}


.service-one-inner::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    background: #0001;
    right: -15px;
}

.service-one-inner.one::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0001;
    bottom: 0;
    left: 0px;
}

.service-one-inner.two::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0001;
    bottom: 0;
    left: 0;
}

.service-one-inner.three::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0001;
    bottom: 0;
    left: 0;
}
.service-one-inner.four::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #0001;
    bottom: 0;
    left: 0;
}



.service-one-inner.four::after {
   display: none;
}

.service-one-inner.five::after {
    position: absolute;
    content: "";
    height: 71%;
    width: 1px;
    background: #0001;
    right: -15px;
}

.service-one-inner.six::after {
    position: absolute;
    content: "";
    height: 71%;
    width: 1px;
    background: #0001;
    right: -15px;
    display: none;
}


.blogSwiperCard {
    background: linear-gradient(268deg, white, #f1f1f1), url(../img/texture/texture1.jpg);
    border-radius: 8px;
    /* overflow: hidden; */
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 2;
    margin: 15px 0px;
}

.blogSwiperCard::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    z-index: 1;
    transition: 0.4s ease-in-out;
    border-radius: 8px;
}

.blogSwiperCard:hover:before {
    height: 105%;
    width: 100.5%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
}

.blogCardImg {
    width: 100%;
    position: relative;
    z-index: 2;
}

.blogCardImg img {
    width: 100%;
    border-radius: 6px;
}

.blogSwiperCard:hover .blogCardImg:before {
    -webkit-animation: zoom-hover 0.75s;
    animation: zoom-hover 0.75s;
}

.blogCardImg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
}

@-webkit-keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}


.blogviewBtn {
    display: flex;
    padding-top: 10px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.blogviewBtn p {
    color: #464646;
    font-weight: 600;
    font-size: 15px;
}

.blogviewBtn a {
    font-weight: 600;
    width: 40px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 9px;
    color: #464646;
    text-align: center;
    line-height: 41px;
}

.blogviewBtn a:hover {
    background: #464646;
    color: #fff;
}
.blogHeader {
    position: relative;
    z-index: 2;
}

.blogHeader ul {
    display: flex;
    align-items: center;
    /* border-bottom: 1px solid #dddddd70;
    border-top: 1px solid #dddddd70; */
    padding: 0px 0px 0px;
    justify-content: space-between;
}

.blogHeader ul li {
    font-size: 13px;
    color: #626262;
}

.blogHeader ul li i {
    color: #343434;
}

.blogHeader h4 {
    font-size: 22px;
    color: #0c0c0c;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: 22px;
    font-weight: 600;
}


.blogCardContent p {
    text-align: justify;
    line-height: 22px;
    margin-bottom: 8px;
}

.blogs .serviceWrapper .swiper-slide.swiper-slide-active {
    box-shadow: rgba(0, 0, 0, 0) 0px 10px 50px;
}

.blogs .serviceBtn a {
    color: #2f075a;
}

.sftScreening  {
    background: linear-gradient(90deg, #f2f2f2a6, #f5f5f5b8), url(../img/bg/sft-screening-bg.png);
    background-size: 100%;
    background-position: center;
}
.sftScreening.bg2 {
    position: relative;
    background: linear-gradient(90deg, #e2e2e299, #efefef99), url(../img/bg/about-bg.jpg);
    background-size: cover;
    background-position: center;
} 
.screeningSlider .item {
    padding: 10px;
}
.sftScreeningCardWrapper {
    margin-top: 50px;
}
.col-reverse {
    flex-direction: row-reverse;
}
.normalList {
    margin-left: 10px;
}
.normalList li {
    background-image: url(../img/icons/arrow.png);
    background-size: 14px;
    background-position: left top 5px;
    padding-left: 21px;
    background-repeat: no-repeat;
    text-align: justify;
    color: #505050;
    line-height: 28px;
}
.studioSecImg {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.studioSecImg img {
    width: 100%;
}
.positionStickyImg {
    position: sticky;
    top: 100px;
}
.about-us-content-wrapper.studio {
    padding-right: 30px;
}
.about-us-content-wrapper.studio .normalList {
    margin: 0px;
}
.about-us-content-wrapper.studio .normalList li  {
    background-color: #49494940;
    margin-bottom: 12px;
    min-height: 69px;
    padding: 10px 10px 10px 38px;
    display: flex;
    align-items: center;
    line-height: 24px;
    border-radius: 10px;
    /* box-shadow: 0px 0px 10px #dddddd6e; */
    background-position: left 13px center;
    border-right: 3px solid #787878;
    color: #fff;
}
.about-us.sftStudio {
    position: relative;
    background: linear-gradient(90deg, #000000, #000000), url(../img/bg/about-bg.jpg);
    background-size: cover;
    background-position: center;
}
.about-us.sftStudio  .about-us-title h4 {
    color: #fff;
}
.about-us.sftStudio  .about-us-strong p {
    color: #fff;
}
.about-us.sftStudio  .about-us-nor p {
    color: #fff;
}
.galleryImgWrap.row {
    gap: 24px 0px;
}
.galleryImg  {
    padding: 20px 10px;
}
.galleryImg a {
    display: block;
    position: relative;
    height: 220px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    border: 4px solid #fff;
    overflow: hidden;
}
.galleryImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.galleryImg a {
    display: block;
    position: relative;
}

.galleryImg {
    text-align: center;
    overflow: hidden;
    border-radius: 8px;

}

.galViewer {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000021;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: 0.3s ease-in-out;
}

.galleryImg a:hover .galViewer {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.galViewer i {
    font-size: 24px;
    color: #fff;
}
.videoPlayerWrapper {
}






.wwd-icon {
    width: 165px;
    position: relative;
    margin: auto;
    transition: 0.5s ease-out;
 
}

.wwd-icon::before {
    content: '';
    position: absolute;
    top: 30px;
    bottom: 0;
    right: -30px;
    background: #fff;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    z-index: 1;

}

.wwd-icon img {
    width: 100%;
    position: relative;
    z-index: 11;
    -webkit-animation: mover 5s infinite  linear;
    animation: mover 5s infinite  linear;
}
.whatwedo-card:hover .wwd-icon {
    
    transition: 0.5s ease-out;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px);}
    100% { transform: translateY(-0px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px);}
    100% { transform: translateY(-0px); }
}


.wwd-text-content {
    margin-top: 48px;
    text-align: center;
}

.wwd-title h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #343434;
}

.wwd-btn {
    text-align: center;
}

.wwd-btn a {
    width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #3d3e64;
    color: #fff;
    margin-top: 10px;
}

.wwd-btn a:hover {
    background: #b61515;
}
.whatwedo-card 

.book-img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}
.book-img {
    overflow: hidden;
}
.our-book-card{
    cursor: pointer;
}
.our-book-card img {
    width: 100%;
    transition: 0.5s ease-out;
}
.our-book-card:hover .book-img img{
    transform: scale(1.1);
}
.our-book-content {
    text-align: center;
    margin: 10px 0px;
}

.our-book-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #343434;
}


#main {
    width: 100%;
}

#main:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#filter {
    margin: 0 auto;
}

#filter:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#filters {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}

#filters li {
    color: #3c3e64;
    cursor: pointer;
    display: inline-block;
    padding: 10px 22px;
    transition: all 0.5s ease;
    margin: 0px 14px 0px 0px;
    position: relative;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #ddd;
}
#filters li::after{
    /* content: ''; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    height: 2px;
    background: #b61515;
}
#filters li h4{
    font-size: 18px;
    font-weight: 600;
}
#filters li:hover {
    color: #b61515;
}

#containerfilter {
    width: 100%;
}

#containerfilter:after {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

#containerfilter .filter-item {
    visibility: visible;
    width: 100%;
    margin: 1%;
    float: left;
    transition: all 0.5s ease;
    border-radius: 5px;
}

#containerfilter .filter-item.hidden {
    width: 0;
    height: 0;
    margin: 0;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}
.videoPlayThumb {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    /* margin-bottom: 22px; */
    background: #fff;
    border: 1px solid #ddddddd9;
}

.videoPlayThumb img {
    width: 100%;
}

.video-player {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.pulse i {
    background-color: #000f2d94;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-size: 28px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    columns: #fff;
    -webkit-animation: video-pulse-presentation 2s linear infinite;
    animation: video-pulse-presentation 2s linear infinite;
}
.pulse i:hover {
    background-color: #FFF;
    color: #451e6d;
}
@-webkit-keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(171, 45, 255, 0.7), 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgba(171, 45, 255, 0.7), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

@keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(171, 45, 255, 0.7), 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgba(171, 45, 255, 0.7), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 rgba(171, 45, 255, 0.7);
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}


.testimonials{
    background: #3c3e640a;
}
.testimonial-section{
    width: 80%;
    margin: auto;
}
.testimonial-card{
    padding: 30px;
    text-align: center;
}
.testi-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-carousel .owl-item .testi-img img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}
.testi-img i{
    padding: 20px;
    margin: 0px 20px;
    color: #b61313;
}
.testi-content p{
    margin-top: 22px;
    margin-bottom: 10px;
}
.testi-author h4{
    font-size: 20px;
    font-weight: 600;
    color: #b30a0a;
}
.testi-author p{
    color: #919191;
    font-size: 15px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev{
    width: 30px;
    height: 30px;
    font-size: 28px;
    background: #ddd;
    line-height: 8px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next{
    width: 30px;
    height: 30px;
    font-size: 28px;
    background: #ddd;
    line-height: 8px;
}



.flex {
    display: flex;
    width: 100%;
    gap: 14px;
}

.form label {
    position: relative;
    width: 100%;
}

.form label .input {
    background-color: #ffffff;
    color: #fff;
    width: 100%;
    padding: 14px 10px 14px 16px;
    outline: 0;
    border: 1px solid rgb(177 177 177 / 23%);
    border-radius: 16px;
    position: relative;
    box-shadow: inset 0 0 12px 0px #c8d4de70;
}

.form label .input + span {
    color: #505050;
    position: absolute;
    left: 16px;
    top: 0px;
    font-size: 0.9em;
    cursor: text;
    transition: 0.3s ease;
    padding: 0px 6px;
}

.form label .input + span > span {
    position: relative;
    z-index: 2;
    padding: 5px;
}

.form label .input + span::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: rgb(192 192 192 / 54%);
    top: 8px;
    left: 0px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.form label .input:focus + span::after,
.form label .input:not(:placeholder-shown) + span::after {
    visibility: visible;
    opacity: 1;
}

.form label .input:placeholder-shown + span {
    top: 15px;
    font-size: 15px;
}

.form label .input:focus,
.form label .input:not(:placeholder-shown) {
    background-color: #d5d5d55e;
    color: #252525;
    border: 1px solid rgb(192 192 192 / 54%);
}
.form label .input:focus + span > span , .form label .input:not(:placeholder-shown) + span > span {
    background: linear-gradient(180deg, #fff, #f0f0f0);

}

.form label .input:focus + span,
.form label .input:not(:placeholder-shown) + span {
    color: #363636;
    top: -8px;
    font-size: 12px;
    font-weight: 600;
    left: 14px;
}


.input {
    font-size: medium;
}

.get-in-touch-form{
    padding: 30px;
}
.get-in-touch-row {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 15px;
    background: #fff;
}
.getintouch label{
    color: #34344e;
    position: relative;
    top: 36px;
    left: 11px;
    transition: 0.5s ease-out;
}
.getinput.position label{
    top: 0px;
    left: 0px;
}
.getintouch input{
    width: 100%;
    color: #222222;
    line-height: 1;
    padding: 13px 10px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #82b0bf;
    margin-bottom: 18px;
    max-width: 100%;
    font-size: 15px;
    transition: .3s ease;
    background: transparent;
}
.getintouch input:focus{
    box-shadow: none;
}
.getintouch input::placeholder{
    color: #cbcbcb;
    color: transparent;
}
.getintouch textarea{
    width: 100%;
    color: #222222;
    line-height: 1;
    padding: 13px 10px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #82b0bf;
    margin-bottom: 18px;
    max-width: 100%;
    font-size: 15px;
    transition: .3s ease;
    background: transparent;
}
.getintouch textarea::placeholder{
    color: #cbcbcb;
    color: transparent;
}
.getintouch textarea:focus{
    box-shadow:none;
}




.footer{
    background-color: #1e1e1e;
    background-image: url(../img/texture/footer-bg-1.png);
    background-size: contain;
}
.footer-logo {
    width: 125px;
}
.footer-logo img{
    width: 100%;
}
.footer-content:hover .footer-title h4::after{
    width: 100px;
    background: linear-gradient(87deg, #c6c6c6, transparent);
}
.footer-content-para p{
    text-align: justify;
    margin-top: 20px;
    margin-right: 20px;
    color: #d1d1d1;
}
.footer-title h4{
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
}
.footer-title h4::after{
    position: absolute;
    content: '';
    bottom: 12px;
    left: 0;
    width: 40px;
    height: 3px;
    background: linear-gradient(87deg, #c6c6c6, transparent);
    transition: 0.4s ease-in-out;
}
.footer-links a{
    color: #ffffff;
    line-height: 30px;
    
}
.footer-links a:hover{
    color: #d0d0d0;
}
.footer-address ul li{
    display: flex;
    align-items: baseline;
}
.footer-address ul li i{
    color:#d0d0d0;
    margin-right: 10px;
}
.footer-address ul li a{
    color: #fff;
    line-height: 30px;
}
.footer-address ul li a:hover {
    color: #d0d0d0;
}
.footer-social-links {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}
.footer-social-links li a i{
   position: relative;
}
.footer-social-links li a i.fa-x-twitter {
    color: #000;
}
.footer-social-links li a i.fa-facebook-f{
    color: #0075ea !important;
}
.footer-social-links li a {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    border: 1px solid #ddd;
}
.footer-social-links li a i.fa-instagram{
    background: -webkit-linear-gradient(#556db3, #ea3367, #ff4f28, #ffad57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 
.footer-social-links li a i.fa-instagram::after{
    background: #fff;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 50%;
    z-index: 1;
} */
.footer-social-links li a i.fa-linkedin-in{
    color: #0a66c2 !important;
}
.footer-social-links li a i.fa-twitter{
    color: #009feb !important;
}

.footer-social-links li p{
    color: #fff;
    margin-right: 10px;
}
.footer-copyright{
    background: #000000;
    padding: 10px 0px;
}
.aks-logo p{
    color: #fff;
}
.aks-logo p span{
    color: #bfbfbf;
}
.scrollToTop {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    color: #191919;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.15s ease;
}

.scrollToTop:after {
    content: "";
    border: solid #191919;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-135deg);
}

.scrollToTop.showBtn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#progress-bar {
    --scrollAmount: 0px;
}

#progress-bar svg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
    max-height: 50px;
    transform: rotate(90deg);
}

#progress-bar svg path {
    stroke-width: 0.2em;
    stroke-dasharray: 154;
    stroke-dashoffset: calc(-154px + var(--scrollAmount));
    animation-fill-mode: forwards;
}

.whyChooseUs.bg {
    background-color: #000;
}
.section-title.light h5 {
    color: #a4a4a4;
}
.section-title.light h4 {
    color: #f3f3f3;
}
.section-title.light p {
    color: #fff;
}
.section-title.title::before {
    
}


.inrbnr {
    position: relative;
    margin-top: -88px;
    min-height: 250px;
    background: linear-gradient(358deg, #000000a1, #000000e0), url(../img/bg/inner-bg.jpg);
    background-size: 100%;
    padding-top: 90px;

}

.inrbnrimg {
    width: 100%;
    height: 200px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 1;
}

.inrbnrimg img {
    width: 40%;
    position: relative;
}
.inrbnrtext {
    text-align: center;
}
.inrbnrContent {
    position: relative;
    z-index: 2;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inrbnrtext h2 {
    font-size: 52px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
}

.inrbrnNav {
    display: flex;
    align-items: center;
    margin-top: 3px;
    justify-content: flex-start;
    justify-content: center;
}



.inrbrnNav li a i {
    font-size: 13px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.inrbrnNav li {
    position: relative;
    border-right: 1px solid #ffffff;
    padding: 0px 10px;
}
.inrbrnNav li a {
    color: #fff;
}
.inrbrnNav li:last-child {
    border: none;
}

.inrbrnNav li:last-child a {
    color: #fff;
    font-weight: 600;
}
.bannerPara {
    padding: 0px 10%;
    color: #fff;
}
.ourTeam {
    background: #000000;
}

.teamCarousel {
    margin-top: 40px;
    position: relative;
}

.teamCarousel.owl-carousel .owl-nav button.owl-next {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    right: -18px;
    background: #fff;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #1b115b;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.teamCarousel.owl-carousel .owl-nav button.owl-prev {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: -18px;
    background: #fff;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #1b115b;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.teamCarousel.owl-carousel:hover .owl-nav button.owl-prev,
.teamCarousel.owl-carousel:hover .owl-nav button.owl-next {
    visibility: visible;
    opacity: 1;
}


.teamCarousel .item {
    padding: 10px;
}
.teamCard {
    width: 100%;
}
.teamImg {
    width: 300px;
    overflow: hidden;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 20px;
    height: 300px;
    border-radius: 100%;
}
.teamImg img {
    width: 100%;
    transition: 0.4s ease-in-out;
}
.teamCard:hover .teamImg img {
    transform: scale(1.05);
}
.teamContent {
    position: relative;
    padding: 0px 10px;
}
.teamContent h4 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    color: #fff;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-top: 11px;
    text-align: center;
}
.teamContent p {
    color: #c7c7c7;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.teamContent .prparaReadBtn {
    color: #75f3ffdd;
}
.teamDesi {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coreTeam .teamDesi {
    justify-content: space-between;
}
.teamDesi p {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-top: 0px;
}
.teamSocial {
    display: flex;
    align-items: center;
    gap: 10px;

}

.teamSocial li a {
    color: #fff;
    font-size: 12px;
}
.teamSocial li a  i {
    transition: 0.3s ease-in-out    ;
}
.teamSocial li a:hover i {
    transform: scale(1.1);
}

.featuresWrapper {
    max-width: 100%;
    margin: 0px auto;
}

.featuresCard {
    padding: 20px;
    background: linear-gradient(90deg, #f1f1f1, #f6f6f6);
    border-radius: 20px;
    border: 1px solid #59595929;
    min-height: 144px;
    box-shadow: rgb(0 0 0 / 4%) 0px 3px 12px;
    transition: 0.4s ease-in-out;
    display: flex;
    align-items: center;
    min-height: 350px;
    border-bottom: 3px solid #464646;
    flex-direction: column;
    text-align: center;
    gap: 20px;
}

.featuresCard:hover {
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.096) 0px 25px 20px -20px;
}

.fCardImg {
    width: 16%;
    margin: 0px auto;
}

.fCardImg img {
    width: 100%;
    /* filter: hue-rotate(255deg); */
}

.fCardContent {
    width: 100%;
    padding-left: 0;
}

.fCardContent h4 {
    font-size: 22px;
    font-weight: 700;
    color: #343434;
    margin-bottom: 16px;
}

.fCardContent p {
    text-align: justify;
    font-size: 14px;
}

.pastScreenings {
    position: relative;
    background: linear-gradient(90deg, #e2e2e299, #efefef99), url(../img/bg/about-bg.jpg);
    background-size: cover;
    background-position: center;
}

.featureContainer.inner .featureCard {
    margin-bottom: 20px;
}


.serviceHeader {
    width: 100%;
    display: flex;
    gap: 15px;
}
.serviceHeader .thumbnail {
    width: 170px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 20px;
    margin: auto;
    height: fit-content;
    opacity: 0.4;
}
.serviceHeader .thumbnail img{
    width: 100% ;
    filter: invert(1) brightness(1.5);

}
.lighthover {
    position: relative;
    transition: 0.3s ease-in-out;
    padding: 20px;
    border: 1px dashed #505050;
    border-radius: 15px;
}
/* .lighthover:hover {
    transform: translateY(-5px);
}
.lighthover::after{
    content: '';
    width: 80%;
    height: 10px;
    bottom: 15px;
    left: 0px;
    right: 0px;
    background-color: #f4ff0082;
    border-radius: 100%;
    position: absolute;
    margin: auto;
    z-index: 1;
    filter: blur(4px);
    visibility: hidden;
    opacity: 0;
    transition: 0.4s ease-in-out;
}
.lighthover:hover::after {
    visibility: visible;
    opacity: 1;
} */
.cards:hover .lighthover {
    background: radial-gradient(100rem circle at var(--xPos) var(--yPos), rgba(255, 200, 0, 0.4), transparent 15%);
}

.cards .lighthover:hover {
    transform: scale(0.97);
}

.cards .lighthover:hover::before {
    opacity: 1;
}

.cards .lighthover::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background: radial-gradient(60rem circle at var(--xPos) var(--yPos), rgba(255, 200, 0, 0.1), transparent 35%);
    opacity: 0;
    transition: all 0.15s ease-in-out;
}

.lighthover:hover::before {
    opacity: 1;
}


.serviceCardOne {
  
    position: relative;
    margin-bottom: 30px;
    z-index: 2;
    background-color: #000;
}
.serviceCardOne.cardI::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    right: -90px;
    bottom: 79px;
    background: transparent;
    border: 1px dashed #dddddd4f;

}
.serviceCardOne.cardI::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 24px;
    right: -90px;
    bottom: 80px;
    background: transparent;
    border: 1px dashed #dddddd4f;
}

/*  */
.serviceCardOne.cardII::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    right: -90px;
    bottom: 73px;
    background: transparent;
    border: 1px dashed #dddddd4f;

}
.serviceCardOne.cardII::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    right: -90px;
    bottom: 60px;
    background: transparent;
    border: 1px dashed #dddddd4f;
}
/*  */
.serviceCardOne.cardIII::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 1px;
    left: -120px;
    bottom: 79px;
    background: transparent;
    border: 1px dashed #dddddd4f;

}
.serviceCardOne.cardIII::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 24px;
    left: -120px;
    bottom: 80px;
    background: transparent;
    border: 1px dashed #dddddd4f;
}
/*  */
.serviceCardOne.cardIV::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    left: -90px;
    bottom: 67px;
    background: transparent;
    border: 1px dashed #dddddd4f;

}
.serviceCardOne.cardIV::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 17px;
    left: -90px;
    bottom: 50px;
    background: transparent;
    border: 1px dashed #dddddd4f;
}

.serviceHeader .title {
    position: relative;
    color: #fff;
    padding-bottom: 16px;
}
.serviceHeader .title::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 2px;
    background: #d1d1d1;
}
.serviceHeader .title::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: -2px;
    right: 0;
    margin: auto;
    width: 32px;
    height: 8px;
    background-color: #8b8b8b;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-left: 0px;
    z-index: 1;
}
/* .servicList {
    margin-top: 30px;
} */
.servicList ul li {
    background-color: none;
    margin-bottom: 5px;
    border-radius: 0px;
    background-image: url(../img/icons/bullet-point.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: left 2px top 6px;
    padding-left: 24px;
    text-align: justify;
    color: #c1c1c1;
    font-size: 13px;
    transition: 0.1s ease-in-out;
}
.serviceCardOne:hover .servicList ul li {
    color: #fff;
}
.pastScreenings .galleryWrapper {
    margin-top: 40px;
}
.videoPlayerWrapper {
    margin-top: 40px;
}
.clientCard {
    width: auto;
    padding: 16px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    height: 100px;
}
.owl-carousel .owl-item .clientCard img {
    width: auto;
    height: 100%;
    margin: auto;
}
.eventPartnerSection {
    background: linear-gradient(90deg, #f2f2f2a6, #f5f5f5b8), url(../img/bg/sft-screening-bg.png);
    background-size: 100%;
    background-position: center;
}
.venuePartners {
    margin-top: 40px;
}
.venuePartners .clientCard {
    background: #fff;
}
.clientSlider .item {
    padding: 10px;
}
/* .clientSlider {
    margin-top: 40px;
} */



.contactInfoWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

.contactInfoCard {
    margin-bottom: 20px;
    width: 100%;
    padding: 22px 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
    min-height: 108px;
}

.contactInfoCard h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
}

.contactInfoCard h4 i {
    font-size: 16px;
    color: #464646;
    margin-right: 1px;
}
.contactInfoCard a {
    color: #111;
}

.hctFromContainer.contactForm {
    background: #f6f6f6;
    box-shadow: none;
    border: 1px solid #dddddd73;
    margin-top: 0px;
    position: sticky;
    top: 100px;
} 
.hctFromContainer.contactForm .form-group span {
    color: #202020;
}
.hctFromContainer.contactForm  .form-control {
    border-radius: 30px;
    padding: 10px 20px;
    background: #ffffff;
    border: 1px solid #dcedff;
    color: #1f1f1fdd;
}

.enquiryFormHome {
    background: linear-gradient(180deg, #262626d1, #000000ab), url(../img/bg/form-bg.jpg);
    background-size: 100%;
    background-position: center;
}
.hctFromContainer {
    margin-top: 40px;
}
.hctFromContainer {
    padding: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 30px;
    background: #00000042;
    backdrop-filter: blur(5px);
}
.hctFromContainer .defaultBtn button{
    border: none;
}
.formWrapper {
    margin-top: 20px;
}

.formWrapper .form-control {
    border-radius: 30px;
    padding: 10px 20px;
    background: #2e2e2e69;
    border: 1px solid #7c7c7c;
    color: #dddd;
}

.formWrapper .form-control.form-select:focus {
    box-shadow: none;
    border-color: #060606;
}

.hctFromContainer .form-group {
    display: block;
    margin-bottom: 14px;
}

.hctFromContainer .form-group span {
    margin-bottom: 10px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    font-size: 15px;
}

.hctFromContainer .form-group input:focus {
    box-shadow: none;
    border-color: #ddd;
}

.hctFromContainer .form-group textarea:focus {
    box-shadow: none;
    border-color: #ddd;
}

.captchaimg {
    width: 170px;
    border: 1px solid #dddddded;
    border-radius: 30px;
    padding: 0px;
}

.animated-button.bgdrk {
    background-color: #464646;
}

.animated-button.bgdrk .text {
    color: #fff;
}

.animated-button.bgdrk svg {
    fill: #fff;
}

#tsparticlestwo {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
}
#tsparticlestwo canvas{
    position: unset !important;
}
.highlightedText {
    font-family: 'Poppins';
    background: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 9px;
    border-left: 3px solid #000;
    font-size: 16px;
    font-weight: 600;
}

/* Media */
@media screen and (max-width:1400px) and (min-width:1200px) {
    .serviceCardOne.cardIV::after {
        bottom: 105px;
    }
    .serviceCardOne.cardIV::before {
        bottom: 87px;
    }
    .serviceCardOne.cardII::after {
        bottom: 113px;
    }
    .serviceCardOne.cardII::before {
        bottom: 99px;
    }
}
@media screen and (max-width:1024px) and (min-width:768px){
    .logo-section{
        width: 90px;
    }
    .banner-content h4{
        font-size: 30px;
    }
    .banner-content p{
        font-size: 14px;
        line-height: 21px;
    }
    .btn-1{
        padding: 7px 15px;
        font-size: 14px;
    }
    .banner-content{
        top: 10%;
    }
    .main-navigation ul li a.navlinks{
        font-size: 14px;
        padding: 14px 15px;
    }
    .getintouch label{
        font-size: 13px;
    }
}

@media screen and (max-width:765px) and (min-width:425px){
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 20px;
    }
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content{
        width: 60%;
    }
    .about-us-content-wrapper{
        margin-left: 0px;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:424px) and (min-width:320px){
    .hctFromContainer.contactForm {
        margin-top: 30px;
    }
    .clientCard {
        height: auto;
    }
    .owl-carousel .owl-item .clientCard img {
        width: 100%;
        height: auto;
    }
    .section-title h4 {
        font-size: 16px!important;
    }
    .teamImg {
        width: 150px;
        height: 150px;
    }
    .fCardImg {
        width: 24%;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .fCardContent {
        width: 100%;
        padding: 0px;
        text-align: center;
        
    }
    .featuresCard {
        flex-direction: column;
        margin-bottom: 22px;
    }
    .inrbnrContent {
        height: 130px;
    }
    .inrbnr {
        padding-top: 109px;
        margin-top: -118px;
        min-height: 130px;
    }
    .inrbnrtext h2 {
        font-size: 20px;
    }
    .inrbnrtext p {
        font-size: 10px;
        line-height: normal;
        padding: 0px 10%;
    }
    .banner-carousel .owl-item .item{
        height: 216px;
    }
    .banner-slider-wrapper{
        height: 100%;
    }
    .banner-img{
        height: 100%;
    }
    .banner-img img{
        height: 100%;
    }
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 15px;
    }
    
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content{
        width: 60%;
    }
    .about-us-content-wrapper{
        margin-left: 0px;
    }
    .about-us-title h4{
        font-size: 28px;
        margin-top: 20px;
        text-align: center;
    }
    .about-us-strong p {
        text-align: center;
        font-size: 13px;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn-2{
        padding: 5px 13px;
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
        margin: 10px auto;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-2 i{
        margin-left: 5px;
    }
    .testi-img i{
        padding: 0px;
    }
    .testimonial-card{
        padding: 0px;
    }
    .testi-img{
        margin-top: 24px;
    }
}

@media screen and (max-width:319px){
    .banner-carousel .owl-item .item{
        height: 216px;
    }
    .banner-slider-wrapper{
        height: 100%;
    }
    .banner-img{
        height: 100%;
    }
    .banner-img img{
        height: 100%;
    }
    .main-navigation{
        display: none;
    }
    .logo-section{
        position: relative;
        width: 80px;
    }
    .header-main-wrap{
        justify-content: space-between;
    }
    .banner-carousel{
        margin-top: 0px;
    }
    .header-section.sticky .logo-section{
        position: relative;
        width: 60px;
    }
    .banner-content h4{
        font-size: 15px;
    }
    
    .banner-content p{
        font-size: 10px;
        line-height: 15px;
        margin-top: 8px;
    }
    .btn-1{
        padding: 4px 14px;
        font-size: 11px;
    }
    .banner-content{
        width: 60%;
    }
    .about-us-content-wrapper{
        margin-left: 0px;
    }
    .about-us-title h4{
        font-size: 28px;
        margin-top: 20px;
        text-align: center;
    }
    .about-us-strong p{
        text-align: center;
    }
    #filters li{
        margin: 10px 14px 0px 0px;
    }
    #containerfilter .filter-item{
        width: 100%;
        margin: 0px;
    }
    .testi-img i{
        margin: 0px 10px;
    }
    .get-in-touch-form{
        padding: 30px 0px;
    }
    .col-md-6.aks-logo{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn-2{
        padding: 5px 13px;
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
        margin: 10px auto;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-2 i{
        margin-left: 5px;
    }
    .testi-img i{
        padding: 0px;
    }
    .testimonial-card{
        padding: 0px;
    }
    .testi-img{
        margin-top: 24px;
    }
}



/* preloader Animation */
/* Preloader */
.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ebfdff;
    z-index: 99999999;
}

#preloader-logo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#preloader-logo img{
  width: 54px;
  -webkit-animation: breathing 2s ease-out infinite normal;
  animation: breathing 2s ease-out infinite normal;
}
.loading-msg {
    width: 100%;
    font-size: 0.75em;
    color: #555;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
}

.spinner {
    width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-top: 3px solid #2e3192;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: -2px;
    right: 0;
    margin: auto;
    animation: spin_loader 1s infinite ease;
}

@keyframes spin_loader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#loading-msg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: center;
    color: #333;
    font-size: 0.8em;
}
.spinner img{
    display: flex;
    justify-content: center;
    align-items: center;
}
@-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    25% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
    60% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
}

/* Go to top */

#button {
    display: inline-block;
    background-color: #b10404;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    text-decoration: none;
    font-size: 10px;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#button.show {
    opacity: 1;
    visibility: visible;
}



/* 08-09-2023 */
.bnrshape1{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    background: #ffffff38;
    margin: auto;
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
    opacity: 0.4;
    backdrop-filter: blur(4px);
    right: 0px;
}

@-webkit-keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
  
    100% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  
  @keyframes breathing {
    0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
  
    50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  
  
    100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
    }
}

.bnrshape1::after{
    position: absolute;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    border: 1px solid  #e4e4e452;
    border-radius: 100%;
    animation: zoomBig 5s linear infinite;
    animation-delay: 1.3s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.bnrshape1::before{
    position: absolute;
    content: '';
    margin: auto;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e452;
    border-radius: 100%;
    animation: zoomBig 5s linear infinite;
    animation-delay: 1.7s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
@keyframes zoomBig {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0.7;
      border-width: 3px;
    }
    40% {
      opacity: .5;
      border-width: 2px;
    }
    65% {
      border-width: 1px;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.5);
      opacity: 0;
      border-width: 1px;
    }
}

.bnrshape2{
    border: 1px solid #D9D9D9;
    width: 33px;
    height: 33px;
    position: absolute;
    left: 77px;
    bottom: 36px;
    border-radius: 50%;
    animation: zoomBig 3s linear infinite;
    visibility: visible;
    animation-delay: 1100ms;
}
.banner-content-wrapper{
    background-image: url(../img/icons/banner-bg-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* Buttons */
.animated-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 35px;
    border: 1px solid;
    font-size: 15px;
    border-radius: 30px;
    font-weight: 500;
    color: #464646;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button svg {
    position: absolute;
    width: 21px;
    fill: #464646;
    z-index: 9;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .arr-1 {
    right: 16px;
}

.animated-button .arr-2 {
    left: -25%;
}

.animated-button .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-color: #464646;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button .text {
    position: relative;
    z-index: 1;
    transform: translateX(-12px);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.animated-button:hover {
    box-shadow: 0 0 0 12px transparent;
    color: #212121;
    border-radius: 30px;
}

.animated-button:hover .arr-1 {
    right: -25%;
}

.animated-button:hover .arr-2 {
    left: 16px;
}

.animated-button:hover .text {
    transform: translateX(12px);
    color: #fff;
}

.animated-button:hover svg {
    fill: #ffffff;
}

.animated-button:active {
    scale: 0.95;
    box-shadow: 0 0 0 4px greenyellow;
}

.animated-button:hover .circle {
    width: 120%;
    height: 210%;
    opacity: 1;
}
/* Buttons end*/
.bg-img-1{
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    width: 100%;
    height: 77vh;
    z-index: -1;
}
.about-shape-1{
    position: absolute;
    right: 0;
    top: 36px;
    visibility: visible;
    animation-delay: 300ms;
    animation-name: zoomIn;
}
.about-shape-1 img{
    animation: rotated 20s infinite linear;
}
@keyframes rotated {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.bg-img-2{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    overflow: hidden;
}
.bg-img-2 img{
    width: 100%;
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
}
.testimonials{
    background-image: url(../img/texture/testimonial-bg-2.png);
    background-size: cover;
    background-position: center center;
}
.books{
    background-image: url(../img/bg/service-bg-2.jpg);
    background-size: contain;
}
.book-img{
    position: relative;
}
.book-img::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #00000078;
    transition: all 0.5s ease-in-out;
    opacity: 0;

}
.book-img-connect{
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    width: 40px;
    height: 40px;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    transform: rotate(45deg);
}
.our-book-card:hover .book-img:after{
    top: 0;
    opacity: 1;
}
.our-book-card:hover .book-img .book-img-connect{
    visibility: visible;
    top: 0px;
    opacity: 1;
    transform: rotate(0deg);
}
.get-in-touch {
    background-image: url(../img/texture/form-bg.png);
    background-size: contain;
}

.get-in-touch-form{
    background-color: #ffff;
}
.getintouch  {
    width: 100%;
}
.getintouch .flex {
    flex-direction: column;
}
.get-in-touch {
    padding: 0px 20px;
}
.clientSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    color: #fff;
    left: 0.5%;
    font-size: 13px;
    background: #3d3d3d;
    width: 30px;
    height: 30px;
    line-height: 20px;
    transition: 0.4s ease-out;  
    transform: translateY(-50%);
}

.clientSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    right: 0.5%;
    background: #3d3d3d;
    width: 30px;
    height: 30px;
    line-height: 20px;
    transition: 0.4s ease-out;
    transform: translateY(-50%);
    font-size: 13px;
    
}


.clientSlider .owl-nav button.owl-next:hover {
    background: #000;
}

.clientSlider .owl-nav button.owl-prev:hover {
    background: #000;
}


@media screen and (max-width:768px) {
    .header-section {
        background: #fff;
    }
    .animated-button {
        font-size: 10px;
        padding: 8px 30px;
    }
    .banner-content {
        width: 100%;
    }
    .banner-content p {
        margin: 0px;
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0px;
        text-transform: unset;
    }
    .the-sider-bar {
        width: 100%;
    }
    .logo-section {
        filter: none;
    }
    .footer-content {
        margin-top: 40px;
    }
    .getintouch  {
        margin-top: 40px;
    }
    .getintouch label {
        left: 0px;
        top: 0px;
    }
    .row.get-in-touch-row {
        box-shadow:unset;
        border-radius: unset;
        background: unset;
    }
    .about-us {
        overflow: hidden;
    }
    .aboutImg {
        width: 63%;
        margin: auto;
    }
    .about-shape-1 img {
        opacity: 0.3;
    }
    .about-us-title {
        text-align: center;
    }
    .about-us-content-wrapper .animated-button {
        margin: auto;
    }
    .section-title p {
        padding: 0px;
    }
    .section-title h4 {
        font-size: 30px;
    }
    .section-title h5 {
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .about-us-content-wrapper.studio {
        padding-right: 0px;
    }
    .about-shape-1 {
        right: 60px;
    }
}
 

.faqQ .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #000000;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #000000;
}

.faqQ .accordion-button:not(.collapsed)::after {
    background-image: url(../img/download.svg);
    transform: var(--bs-accordion-btn-icon-transform);
}

.faqQ .accordion-button:focus {
    z-index: 3;
    border-color: #000000;
    outline: 0;
    box-shadow: 0px 0px 0px 0.05rem rgb(0 0 0 / 10%);
}

.CorPro .section-title::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: auto;
    margin: auto;
    width: 80px;
    height: 3px;
    background-color: #3c3e64;
    border-radius: 4px;
}

.CorPro .section-title::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 33px;
    right: auto;
}

.CorPro ul {
    padding-left: 20px;
}

.CorPro ul li {
    list-style: disc;
    font-weight: 400;
    font-size: 15px;
    color: #505050;
}


 
.faqss .nav-pills .nav-link.active,
.faqss .nav-pills .show>.nav-link {
    color: #ffffff;
    background-color: #000000;
}

.faqss .nav-link {

    color: #464646;
    background-color: #f0f0f0;
    border: 1px solid #464646;
}

.faqss li.nav-item {
    padding: 0 5px;
}

.faqss li.nav-item .nav-link {
    font-size: 13px;
}


/*new css*/
.inrbnr2 {
    position: relative;
    margin-top: -88px;
    min-height: 250px;
    background: linear-gradient(358deg, #000000a5, #000000d0), url(../images/banner.jpg);
    background-size: 100%;
    height: 105vh;
    padding-top: 90px;

}

.inrbnrimg2 {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 1;
}

.inrbnrimg2 img {
    width: 40%;
    position: relative;
}
.inrbnrtext2 {
    text-align: center;
    
}
.inrbnrContent2 {
    position: relative;
    z-index: 2;
    height:700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inrbnrtext2 h2 {
    font-size: 52px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
    max-width: 60%;
    margin: auto;
}

.inrbnrtext2 p {
    font-size: 18spx;
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 10px;
    max-width: 60%;
    margin: auto;
}
.men-p2 {
    padding: 20px 0px 0px 0px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 10px;
    max-width: 60%;
    margin: auto;
}















 
@media screen and (max-width:424px) and (min-width:320px){
 
        /* new css strat */
.aks{
    padding: 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.men-p2 {
    padding: 0px 0px 0px 0px !important;
    font-size: 22px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 10px;
    max-width: 60%;
    margin: auto;
}
.data-new{
    padding: 10px 0px !important;
}
 
.orkro-theter img{
    max-width: 100% !important;
    padding-bottom: 15px;
}
.inrbnr2 {
    background-size:cover !important;
    height: 100% !important;
    padding-top: 100px !important;
}
.inrbnrContent2 {
    position: relative;
    z-index: 2;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
    .inrbnrtext2 h2 {
    font-size: 14px !important;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 8px !important;
    max-width: 90% !important;
    margin: auto;
}
 
.inrbnrtext2 p {
    font-size: 10px !important;
    line-height: 14px !important;
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 0px !important;
    max-width: 98% !important;
    margin: auto;
}
.footer-title h4 {
    font-size: 16px !important;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
}
 
 
 
        /* new css end */
 
 
}
 
.about-us.sftStudio  .about-us-strong p {
    color: #fff;
    text-align: justify;
}

.footer-title h4 {
    font-size: 16px !important;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
}




@media (min-width: 768px) {
 
.about-us-content-wrapper {
    margin-left: 60px;
}
}
 
 
 
 
 

   .about-us-title {
   
    color: #000;
    padding-top: 20px;
}




   .about-us-titless {
   
    color: #ffffff;
    padding-top: 20px;
}

 @media screen and (max-width: 424px) and (min-width: 320px) {
    .btn-1 {
        padding: 4px 4px 66px 4px;
        font-size: 11px;
    }
}
 
 
 
 
 
 
 @media screen and (max-width:768px){
 
 
.orkro-theter img{
    max-width: 100%;
}
 
.inrbnr2 {
    background-size:cover !important;
    height: 100% !important;
    padding-top: 110px !important;
    padding-bottom: 20px !important;
}
.menu-bar-ul ul{
    display: none !important;
}
.inrbnrContent2 {
    position: relative;
    z-index: 2;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .inrbnrtext2 h2 {
    font-size: 25px !important;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 8px !important;
    max-width: 80% !important;
    margin: auto;
}
.men-p2 {
    padding: 0px 0px 0px 0px !important;
    font-size: 19px !important;
}
.inrbnrtext2 p {
    max-width: 90% !important;
}
 
}