Gecko [ dp-client.com ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-xr-x
GCONV_PATH=.	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
customstyle.css	51.17 KB	-rw-r--r--
font-awesome.min.css	30.3 KB	-rw-r--r--
owl.carousel.min.css	4.23 KB	-rw-r--r--
owl.theme.default.min.css	1.25 KB	-rw-r--r--
pwnkit	10.99 KB	-rwxr-xr-x

Code Editor : customstyle.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600&display=swap');

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
/*
@font-face {
    font-family: "Poppins-Light";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: "Poppins-Regular";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: "Poppins-Medium";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: "Poppins-Bold";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: "Poppins-Italic";
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Poppins-Italic.ttf);
}
*/
/*
:root {
    --primary-colors: var(--bg);
    --secondary-colors: var(--productcolor);
    --white: var(--white);
    --textlightgrey: #838383;
    --black: var(--black);
    --lightgrey: var(--lightgrey);
    --backgroundcolor:var(--box-color);
}
*/
:root {

--white: #fff;
    --black: #000;
    --lightgrey: #A8A8A8;
    --productcolor: #ABC652;
    --bg: #39224E;
    --box-color: #231E1F;
}

::after,
::before {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

html {
    font-size: 100%;
   
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

html{
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

a {
    text-decoration: none;
    background-color: transparent;
    color: var(--black);
}

button,
select {
    text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
}

* {
    scrollbar-width: auto;
    scrollbar-color: var(--orange) var(--white);
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--white);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    border-radius: 10px;
    border: 3px solid var(--white);
}

/* cm class */

.dmfm-top img 
{
    width: 42px;
    height: 42px;
}

.dmfm-top{
    position: fixed;
    right: 15px;
    text-align: center;
    width: 35px;
    z-index: 999;
    font-size: 0;
    border-radius: 50%;
    bottom: 50px;
}

.img-responsive {
    max-width: 100%;
    width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.cst-container {
    max-width: 1260px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.cst-container-full {
    max-width: 1950px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.BlueBG {
    background: var(--bg);
}

.wm-flex,
.flx,
.flex-contact {
    width: 100%;
    display: flex;
}

.mtb-45 {
    margin: 45px 0;
}

.wedo,
.mb-45 {
    margin-bottom: 45px;
}

.max-53 {
    line-height: 53px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ico-txt a,
.color-wt {
    color: var(--white);
}

.ourhistory {
    padding: 60px 0;
}

.full-Graph {
    padding: 50px 0;
}

.pos-relative {
    position: relative;
}

.ourV,
.wedo,
.flex-SB {
    display: flex;
    justify-content: space-between;
}

.font-18 {
    font-size: 18px;
    line-height: 27px;
}

.font-16 {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.font-16-regular {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.font-22 {
    font-size: 22px;
    line-height: 33px;
}

.font-24 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
}

.font-32 {
    font-weight: 500;
    font-size: 32px;
    line-height: 52px;
}

.h2heading {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 45px;
    line-height: 116%;
}

.normaltxt {
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
}

.input-items,
.cst-Fm h2 {
    margin-bottom: 25px;
}

.Faq-ans,
.Faq-Q.active .addpus,
.addmin {
    display: none;
}

.Faq-Q.active .addmin {
    display: block;
}

.grids-2 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

.pd-50 {
    padding: 50px 0;
}

.flexQwerty li a,
.flexQwerty li p.font-24 {
    color: #ACC552;
}

.Full-container {
    max-width: 1755px;
    width: 100%;
    margin: auto;
}

.Grids-3 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

.Grids-2 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

.HtmlVid img,
.three-3d img {
    width: 100%;
}

.blockItems {
    display: flex;
}

.loc-img {
    max-width: 100%;
}

.story-About {
    display: flex;
    flex-direction: column;
    margin-top: 84px;
}

.vidSec-banner,
.story-txt {
    flex: 0 0 37.5%;
    width: 100%;
    position: relative;
}

.vidSec-img,
.story-imx {
    flex: 0 0 62.5%;
    width: 100%;
    position: relative;
}

.txt-lnk {
    display: flex;
    align-items: center;
}

.img-abs {
    flex: 0 0 41.5%;
    width: 100%;
}

.wedo-txt {
    flex: 0 0 49.3%;
    width: 100%;
}

/* header css */
.DskNav {
    background: var(--white);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
    position: relative;
    padding: 15px 0;
}

.dskNavi {
    position: relative;
    display: flex;
    gap: 50px;
    justify-content: flex-start;
    align-items: center;
    height: 54px;
}

.Count-Nav {
    display: flex;
    flex-basis: 100%;
    align-items: center;
}

.BrandLogo {
    padding: 31px 17px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    background: var(--white);
    z-index: 999;
}

.navLink {
    margin-right: auto;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-grow: 1;
}

.navLink li {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-right: 50px;
}

.HeaderBtn {
    padding: 15px 25px;
    background: var(--productcolor);
    border-radius: 5px;
    color: var(--white);
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1920px;
    height: 84px;
    z-index: 999;
}

.hamburger {

cursor: pointer;
    position: absolute;
    right: 0;
}

/*
.Count-Nav {
    position: fixed;
    left: -100%;
    top: 84px;
    flex-direction: column;
    background-color: var(--bg);
    width: 100%;
    height: 100vh;
    padding: 50px 100px;
    text-align: center;
    transition: 750ms;
}
*/
.Count-Nav.active {
    left: 0;
}

.bar {
    display: block;
    background-color: #39224e;
    width: 34px;
    height: 2px;
    margin: 6px auto;
    transition: all 300ms ease-in-out;
}

.hamburger.active .bar:nth-child(2) {
    opacity: 0
}

.hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* header css End */
/* footer css */
.cst-footer {
    padding: 50px 0;
}

.footerDiv li {
    margin-bottom: 27px;
}

.BottomTxt ul a,
.copyright,
.footerDiv,
.footerDiv a {
    color: var(--white);
}

.footerDiv h2 {
    font-weight: 600;
    margin-bottom: 35px;
    font-size: 22px;
}

.BottomTxt ul {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
}

.BottomTxt ul li:last-child {
    margin-left: 10px;
}

.BottomTxt {
    padding: 30px 0 20px 0;
    border-top: 1.5px solid var(--white);
}

/* end footer css */
.IndVid {
    display: flex;
    width: 100%;
    height: 805px;
    margin-top: 84px;
}

.vidSec-img img {
    max-width: 100%;
    height: 805px;
    width: 100%;
}

.vidSec-img .story-txtAbs {
    position: unset;
}

.vidSec-img .story-txtAbs .timeX {
    max-width: 550px;
    text-align: left;
    width: 100%;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vidSec-img .minibanner-h1 {
    font-size: 84px;
    line-height: 89px;
}

.HtmlVid {
    position: absolute;
    z-index: 99;
    right: -230px;
}

.BoxGrids {
    padding: 50px 0 0 0;
    border-top: 0.5px solid #838383;
}

.indexK-testi {
    padding: 50px 0;
    border-top: 0.5px solid #838383;
    border-bottom: 0.5px solid #838383;
}

/* barnd css */
.BarndData .h2heading {
    text-align: center;
}

.BrandValue {
    padding: 50px 0 0px 0;
    border-bottom: 0.5px solid #838383;
}

.autoBrand {
    padding: 60px 0;
    margin-top: 20px;
}

.autoBrand .slide-track.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

/* band css end */
/* Tab about css start */
.indexTabs {
    padding: 50px 0;
    border-bottom: 0.5px solid #838383;
}

.Flextabs {
    display: flex;
}

.rightTabs {
    max-width: 36.2%;
    width: 100%;
}

.EditorX {
    margin: 30px 0 20px 0;
}

.EditorX p {
    margin: 0 0 15px 0;
}

.TopEodtxt .alink {
    color: #ACC554;
}

.t-tabs {
    margin-top: 18px;
}

.t-tabs li {
    padding: 25px 10px;
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    border-bottom: 0.5px solid #838383;
}

.t-tabs li.active {
    background: #ABC553;
    border-bottom: 0.5px solid #838383;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.t-tabs li.active a {
    color: var(--white);
}

.rightDocument {
    max-width: 63.8%;
    width: 100%;
}

.fulltabimg {
    height: 980px;
    width: 100%;
    object-fit: cover;
}

.max-686 {
    max-width: 686px;
    width: 100%;
    position: absolute;
    height: 686px;
    background: rgba(172, 197, 81, 0.85);
    padding: 25px 25px 35px 25px;
    bottom: 0;
    color: var(--white);
    font-weight: 500;
}

.max-686 h2 {
    color: var(--white);
    margin-bottom: 35px;
}

.max-686 .knowmore {
    color: var(--white);
    position: absolute;
    bottom: 35px;
}

/*Tab about css end */
/* nav K */
.width-225 {
    display: flex;
    max-width: 14.5%;
    width: 100%;
}

.rightQ-list {
    display: flex;
    max-width: 85.5%;
    gap: 1%;
    width: 100%;
    border-right: 0.5px solid #838383;
}

.imgKp {
    max-width: 56%;
    width: 100%;
}

.text-view {
    max-width: 41%;
    width: 100%;
}

.text-view .smallView {
    color: #686868;
}

.TestiHeading {
    padding: 20px 0;
    font-weight: 600;
}

.imgKp img.main-test-image {
    max-width: 100%;
    height: auto;
}

.text-view .alink {
    color: #ACC554;
    margin-top: 20px;
    display: inline-block;
}

.imgKp::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #3C254E 3.43%, rgba(60, 37, 78, 0.90583) 19.99%, rgba(60, 37, 78, 0.748523) 33.82%, rgba(60, 37, 78, 0.500975) 51.64%, rgba(60, 37, 78, 0) 77.41%);
}

.cstcustom-testi .imgKp .kmPs {
    position: absolute;
    max-width: 235px;
    left: 35px;
    bottom: 35px;
}

.knsX {
    max-width: 45px;
    width: 45px;
    margin-left: auto;
    margin-right: auto;
    color: #838383;
    text-align: center;
}

.knsX span {
    font-weight: 500;
    font-size: 45px;
    line-height: 116%;
}

.pb-40 {
    padding: 0 0 40px 0;
}

.TestiList .owl-nav {
    max-width: 155px;
    width: 100%;
    display: flex;
    gap: 15%;
    position: absolute;
    right: 2%;
    bottom: 0px;
}

/* usm k */
/* boxes css start here */
.row-top {
    display: flex;
}

.itemrow1 {
    background: var(--box-color);
    padding: 50px;
    color: var(--white);
    height: 480px;
    animation: timer 5s linear infinite;
}

.dmX {
    max-width: 261px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.itemrow1 {
    flex: 0 0 25%;
}

.dmDis {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.other75 {
    flex: 0 0 75%;
    padding: 50px;
    text-align: right;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
}

.h2black {
    color: #ABC553;
}

.dm-MoreTxt {
    max-width: 500px;
    width: 100%;
    margin-top: 25px;
}

.Grids-4 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
}

.flex3 .itemrow1:nth-child(2n),
.RowGrids .itemrow1:nth-child(4n-3) {
    background: var(--bg);
}

.flex3 .itemrow1:nth-child(3n),
.RowGrids .itemrow1:nth-child(3n) {
    background: var(--white);
}

.flex3 .itemrow1:first-child,
.RowGrids .itemrow1:nth-child(4n) {
    background: var(--lightgrey);
    color: #000;
}

.flex3 {
    display: flex;
}

.flex3 .itemrow1:first-child {
    flex: 0 0 50%;
    color: var(--black);
}

.flex3 .itemrow1:first-child h2 {
    font-weight: 500;
    font-size: 45px;
    line-height: 68px;
}

.flex3 .itemrow1:first-child .dmX {

max-width: 500px;
    width: 100%;
    margin-top: 60px;
}

.Rx-show {
    background: var(--box-color);
    padding: 50px;
    color: var(--white);
    height: 480px;
    transform-style: preserve-3d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wnx-box {
    flex: 0 0 25%;
    height: 480px;
    position: relative;
}

.wnx-box:hover .df-hide {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    left: 0;
}

/* 
.wnx-box .df-hide {
    position: absolute;
    right: 0;
    left: -100%;
    bottom: 0;
    top: 0;
    transform-style: preserve-3d;
    transform: rotateY(90deg);   transition: 0.3s;
    transform-origin: 50% 100% 0;
    -webkit-transition: 0.3s;
   
    padding: 20px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
     animation: mymove 3s infinite;
    animation-timing-function: linear;

}
@keyframes mymove {
  from {
        transform: rotateY(90deg);
        left: -100%;
      
  }
  to {
      
       transform: rotateY(0deg);
      left: 0;
      
      
  }
}
*/

.wnx-box .df-hide {
    position: absolute;
    right: 0;
    left: -100%;
    bottom: 0;
    top: 0;
    transform-style: preserve-3d;
    transform: rotateY(90deg);
    transform-origin: 50% 100% 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 20px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.wnx-box:hover .Rx-show {
    position: absolute;
    left: -100%;
    bottom: 0;
    top: 0;
    transform: rotateY(90deg);
    transform-origin: 50% 100% 0;

}

.dm-text {
    font-size: 70px;
    line-height: 120px;

}

.dm-text span {
    font-size: 200px;
    line-height: 120px;

}

.dmHideDiv {
    max-width: 70%;
    width: 100%;
    color: #fff;

}

.comTxt {
    font-size: 24px;
    line-height: 40px;
}

.wnx-box .wx-qwerty {
    background: var(--lightgrey);
}

.wnx-box .wx-qwerty {}

.wnx-box:hover .Rx-show.wx-qwerty {
    position: absolute;
    bottom: -100%;
    right: 0;
    left: 0;
    transform: rotateX(-90deg);
    transform-origin: 50% 100% 0;
}

.wnx-box.itemrow11 .df-hide {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -100%;
    top: 0;
    transform: rotateX(90deg);
}

.wnx-box.itemrow11:hover .df-hide {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    bottom: 0;
}

.wnx-box.itemrow11 .dmHideDiv {
    max-width: 100%;
}

.wnx-box.itemrow11 .dm-text {

font-size: 224px;
    line-height: 230px;
    text-align: center;

}

.wnx-box.itemrow11 .comTxt {
    max-width: 50%;
}
.flex3 .wnx-box.itemrow11 .wx-qwerty,
.RowGrids.Grids-4 .wnx-box.itemrow11:nth-child(1) .wx-qwerty
{
background: #39224E;
}

.RowGrids.Grids-4 .wnx-box.itemrow11:nth-child(2) .wx-qwerty
{
    background: #232323;
}

.RowGrids.Grids-4 .wnx-box.itemrow11:nth-child(3) .df-hide,
.RowGrids.Grids-4 .wnx-box.itemrow11:nth-child(3) .wx-qwerty
{
   display:none;
}

/* boxes css END here */
/* bottom txt */
.BottomLst {
    padding: 50px 0 0 0;
}

.loc-flex {
    background: #ececec;
    display: flex;
    align-items: center;
    display: flex;
    gap: 2%;
}

.wp-bottom img {
    width: 100%;
    height: 468px;
    object-fit: cover;
}

.kwp-connect .HeaderBtn {
    display: inline-block;
    margin: 20px 0 50px 0;
}

.spacer-div {
    height: 250px;
    background: var(--bg);
    position: relative;
    margin-top: 250px;
}

.wp-bottom {
    position: absolute;
    z-index: 9;
    max-width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    /*left: 0;*/
}

/* bottom section index */
/* only about us */
.story-txtAbs {
    flex: 0 0 37.5%;
    position: absolute;
    height: 659px;
}

.timeX {
    max-width: 690px;
    width: 100%;
    position: absolute;
    color: var(--white);
    text-align: right;
    right: 70px;
    top: 150px;
    z-index: 99;
}

.story-txtAbs::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    min-height: 659px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--bg);
    /* background-blend-mode: hard-light; */
    z-index: 9;
    opacity: 0.5;
}

.aboutUs {
    padding: 60px 0 30px 0;
    border-bottom: 0.5px solid #000000;
}

.full-partner {
    padding: 50px 0 85px 0;
}

.partner-img {
    display: flex;
    gap: 125px;
    align-items: center;
    justify-content: center;
}

.partner-img img {
    height: 100px;
    object-fit: contain;
}

.director-section {
    padding: 50px 0 270px 0;
}

.bg-section {
    background: var(--bg);
    height: 733px;
    width: 100%;
    position: absolute;
    top: 0;
}

.partnerD {
    gap: 116px;
}

.us-dir {
    z-index: 9;
    position: relative;
}

.partner-Info img {
    width: 100%;
    height: 555px;
    object-fit: cover;
}

.Name-D {
    padding: 30px;
    background: #D9D9D9;
}

.am-history img {
    background: rgba(217, 217, 217, 0.8);
    height: 370px;
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
}

.historyTrack.owl-carousel .owl-item.active:nth-child(2)
{

}

/*
.historyTrack.owl-carousel .owl-item.active:nth-child(2) .Content-info
{
    display: block;
}
*/
.historyTrack.owl-carousel .owl-item .Content-info
{
    display:none;
}

.historyTrack.owl-carousel .owl-item.active.center.highlighted

{

}

.historyTrack.owl-carousel .owl-item.active.center .am-history:after

{
    content: unset;
}

.historyTrack.owl-carousel .owl-item.active.center .Years

{
    background-color: #ACC552;
}

.historyTrack.owl-carousel .owl-item.active.center  .Content-info

{
    display:block;
}

.historyTrack.owl-carousel .owl-item  .am-history:after
{
    background: rgba(217, 217, 217, 0.8);
    border-radius: 25px;

content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 370px;
    z-index: 1;
    opacity: .7;
}

.historyTrack.owl-carousel .owl-item .Years
{
    background-color: rgba(217, 217, 217, 0.8);
    border-radius: 25px;
}

.Years {
    position: relative;
    background: #ACC552;
    border-radius: 25px;
    color: var(--white);
    padding: 15px 25px;
    display: inline-block;
    max-width: max-content;
    top: -36px;
}

.Content-info {
   /* margin-top: 34px;*/
}

.ourHistory-sl .owl-nav {
    position: absolute;
    right: 0;
    top: -85px;
    display: flex;
    gap: 10px;
}

.ourHistory-sl .owl-nav button svg,
.ourHistory-sl .owl-nav button {
    width: 39px;
    height: 39px;
}

/* nonly about us */
/* only Contact us page */
.top-connect {
    padding: 128px 0 71px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
}

.minibanner-h1 {
    font-weight: 500;
    font-size: 84px;
    line-height: 126px;
    color: var(--white);
}

.call-section {
    padding: 0 0 72px 0;
}

.call-fm {
    display: flex;
    align-items: center;
    max-width: 63.8%;
    width: 100%;
    padding: 100px 71px;
    background-color: #ACC552;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: var(--white);
}

.xline {
    margin: 0 50px;
    width: 0.5px;
    background: var(--white);
}

.txt-lnk li {
    display: flex;
    gap: 18px;
}

.txt-lnk .ico-txt p {
    margin: 15px 0 30px 0;
}

.cst-Fm {
    max-width: 50.5%;
    width: 100%;
}

.form-controlJ {
   /* height: 56px;*/
    padding: 15px 0 15px 10px;
    background: var(--white);
    border: 1px solid #838383;
    border-radius: 5px;
    width: 100%;
    outline: none;
    font-size: 18px;
}

.input-items textarea::placeholder,
.input-items input::placeholder { 
    font-weight: 500;
    font-size: 24px;
     line-height: 36px;
    color: #D1D1D1;
    opacity: 1; /* Firefox */
  }
  .input-items textarea:-ms-input-placeholder,
  .input-items input:-ms-input-placeholder { 
    font-weight: 500;
    font-size: 24px;
     line-height: 36px;
    color: #D1D1D1;
  }
  .input-items textarea::-ms-input-placeholder,
  .input-items input::-ms-input-placeholder { 
    font-weight: 500;
    font-size: 24px;
     line-height: 36px;
    color: #D1D1D1;
  }

.ico-img svg {

position: relative;
    top: 6px;
}

.submit-button-wrapper input {
    text-align: center;
    font-size: 16px;
}

.contact-fm {
    display: flex;
    justify-content: flex-end;
    margin-top: -245px;
    z-index: 9;
    position: relative;
}

.contact-fm textarea {
    height: 245px;
    resize: none;
}

.am-faq {
    background-color: var(--bg);
    padding: 71px 0 90px 0;
    color: var(--white);
}

.Qtop {
    max-width: 435px;
    width: 100%;
    margin: auto;
}

.searchbox-container .searchbox {
    height: 57px;
    background: var(--white);
    border-radius: 5px;
    width: 100%;
    border: 0;
    padding: 16px 0 16px 72px;
    outline: none;
}

.searchbutton {
    position: absolute;
    background: transparent;
    border: 0;
    outline: none;
    width: 18px;
    height: 18px;
    left: 20px;
    top: 17px;
}

.Qtop .txt-center p {
    margin: 25px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
}

.Faq-list {
    padding: 60px 0;
}

.Faq-list li {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    border-bottom: 0.5px solid var(--white);
}

.Faq-list .Faq-Q {
    position: relative;
    font-weight: 500;
    width: 100%;
    padding-right: 25px;
    cursor: pointer;
}

.Faq-ans {
    margin-top: 8px;
}

.icons-sm {
    position: absolute;
    right: 0;
    top: -2px;
    transition: .3s ease;
}

.office-List {
    border-bottom: 0.5px solid #838383;
}

.loc-Grids {
    padding: 47px 0 0 0;
    gap: 50px 6%;
}

.itemsAddress {
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid #838383;
}

.listX,
.img-Address {
    flex: 0 0 40%;
    display: flex;
}

.listX-Data,
.more-Address {
    flex: 0 0 54%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.flexQwerty li {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.teamRow {
    padding: 47px 0 0 0;
    gap: 50px 2%;
}

.Team-list {
    display: flex;
    gap: 10px;
}

.Team-list .flexQwerty li {
    margin-bottom: 5px;
}

.Team-list .flexQwerty li:nth-child(2n) {
    margin-bottom: 25px;
}

/* contact us end */
/* how */
.max-Dont {
    height: 605px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
    max-height: 605px;
    margin-top: 84px;
}

.absEls {
    position: absolute;
    top: 0;
    right: 0;
    height: 606px;
    width: 303px;
}

.absDigi {
    /*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 205px;
    line-height: 52px;
    color: var(--white);
    /*
    -webkit-linear-gradient(left, rgba(118, 84, 228, 0) 0, rgba(118, 84, 228, 0.8) 20%, #FF3E81 53%, rgba(118, 84, 228, 0.8) 79%, rgba(118, 84, 228, 0) 100%);
    */
}

.TopStory .minibanner-h1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
}

.hw-txt {
    padding: 50px 0;
}

.dloop,
.ContentHow {
    display: flex;
    justify-content: space-between;
}

.contentImg-how {
    flex: 0 0 47%;
    width: 100%;
}

.contenttxt-how {
    flex: 0 0 49.3%;
    width: 100%;
}

.hr-1 {
    display: block;
    width: 100%;
    height: 0.5px;
    background-color: #838383;
}

.itemtxt {
    flex: 0 0 63.8%;
    width: 100%;
}

.items-contentimg {
    flex: 0 0 34.3%;
    width: 100%;
}

.midxtext {
    padding: 50px 0 100px 0;
}

.DM-loop .dloop:nth-child(2n) {
    flex-direction: row-reverse;
    margin-top: 50px;
}

.DM-loop .font-32 {
    margin-bottom: 15px;
}

.nextpv {
    display: flex;
    margin: 50px 0;
}

.prevx {
    flex: 0 0 29%;
    padding: 25px 0 25px 52px;
    background: var(--box-color);
}

.nextx {
    background: #AAC653;
    flex: 0 0 71%;
    padding: 25px 52px 25px 0px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.nextpv svg {
    width: 16px;
    fill: var(--white);
    color: var(--white);
    display: inline-block;
    margin: 0 10px;
}

.nextpv a {
    color: var(--white);
}

/* xxd how it */
.dmSty-banner {
    height: 500px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: 60px 0 0 0;
}

.w-596 {
    max-width: 597px;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 50px;
}

.Im-X {
    max-width: 200px;
    width: 100%;
    height: 200px;
    background: rgba(35, 30, 31, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 147px;
    top: 50px;
}

.Im-X img {
    width: 125px;
    height: 100px;
    object-fit: cover;
}

.w-596 .minibanner-h1 {
    line-height: 89px;
}

.full-max {
    display: flex;
    margin: 0 0 79px 0;
    justify-content: space-between;
}

.sm-redtime {
    color: #838383;
    margin: 16px 0 27px 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.sm-redtime span.dotsz {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #838383;
    border-radius: 50%;
    margin-left: 10px;
}

.EditorTxt h2 {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 45px;
    line-height: 52px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 25px;
}

.com-xY {
    display: flex;
    margin-bottom: 10px;
}

.com-xY a {
    display: flex;
    gap: 20px;
    color: #A3A3A3;
    width: 100%;
    align-items: center;
}

.lineXy {
    max-width: 91px;
    width: 100%;
    height: 2.5px;
    background: transparent;
}

.com-xY.active .lineXy {
    background: #000000;
}

.Testimonials-Section {
    padding: 95px 0;
}

.testiWrap {
    display: flex;
    gap: 29px;
}

.brandNm {
    display: flex;
    justify-content: end;
    gap: 15px;
    align-items: center;
    margin-top: 20px;
    font-size: 16px;
}

.brandNm span {
    font-style: italic;
    font-weight: 300;
}

.Solution-Section {
    padding: 50px 0;
}

.wd-78 {
    max-width: 78.4%;
    width: 100%;
}

.webItems {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.webItems:nth-child(2n) {
    flex-direction: row-reverse;
}

.smTxt {
    flex: 0 0 60%;
}

.unsKm {
    flex: 0 0 81%;
}

.smImg {
    flex: 0 0 35.4%;
}

.maxTxtP {
    flex: 0 0 93%;
}

.maxrt-list {
    flex: 0 0 14.67%;
}

.maxlf-content {
    flex: 0 0 78.4%;
}

.EditorTxt h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 15px;
}

.Sec-chall {
    display: flex;
    justify-content: space-between;
    flex: 0 0 78.4%;
    background: #ACC553;
    padding: 50px 0 0 0;
    max-width: 78.4%;
    width: 100%;
}

.flex-bottom {
    background: var(--box-color);
    padding: 25px;
    width: 100%;
    flex: 0 0 72%;
}

.wm-list {
    display: flex;
    justify-content: space-between;
    color: var(--white);
    margin-bottom: 25px;
}

.webItems:last-child,
.wm-list:last-child {
    margin-bottom: unset;
}

.wm-list span img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    margin-right: 30px;
}

.Sec-chall h2 {
    flex: 0 0 21.4%;
    color: var(--white);
    padding: 32px 0 0 15px;
}

.Highlights-Section .Sec-chall {
    padding: 0px 0 50px 0px;
}

.Highlights-Section .flex-bottom ul {
    list-style: disc;
    list-style-type: disc;
    padding-left: 25px;
}

.Highlights-Section .flex-bottom ul .wm-list {
    display: list-item;
}

.dottsicons {
    width: 204px;
}

.txtright {
    text-align: right;
}

.hamburger {
    display: none;
}

.story-About .wm-flex {
    justify-content: end;
}

.story-About .story-txt {
    position: absolute;
    left: 0;
    z-index: 9;
}

/* responsive 1440px */
@media (max-width: 1650px) {

.absEls {

width: 200px;
    }

.absDigi {

font-size: 145px;

}

.HtmlVid {
        right: -170px;
    }

.story-txtAbs::before {
        min-height: unset;
    }

.IndVid,
    .story-txtAbs::before,
    .vidSec-img img {
        height: 650px;
    }

.story-imx img {
        height: 650px;
        width: 100%;
        object-fit: cover;
    }

.timeX {
        top: 80px;
        right: 40px;
        max-width: 530px;
    }

.story-About .story-txtAbs::before,
    .story-About .story-txtAbs img {
        height: 554px;
    }

.img-abs {
        flex: 0 0 45%;
    }

.wedo-txt {
        flex: 0 0 50%;
    }

.director-section {
        padding: 50px 0 170px 0;
    }

.story-txt .story-txtAbs {
        max-width: 660px;
        width: 100%;
    }

.HeaderBtn {
        padding: 10px 25px;
    }

.Rx-show {
        padding: 40px;
        height: 360px;
    }

.itemrow1,
    .wnx-box {
        height: 360px;
    }

.dm-text {
        font-size: 65px;
        line-height: 100px;

}

.dm-text span {
        font-size: 150px;
        line-height: 99px;
    }

.comTxt {
        font-size: 16px;
        line-height: 24px;
        margin-top: 2px;
    }

.wnx-box.itemrow11 .dm-text {
        font-size: 150px;
        line-height: 230px;

}

.rightQ-list {

max-width: 83.5%;

}

.width-225 {

max-width: 16.5%;

}

.flex3 .itemrow1:first-child .dmX {

margin-top: 50px;
    }

}

@media (max-width: 1440px) {

.font-16-regular,
    .font-16 {
        font-size: 14px;
        line-height: 21px;
    }

.font-18,
    .normaltxt {
        font-size: 16px;
        line-height: 24px;
    }

.font-24,
    .font-22 {
        font-size: 18px;
        line-height: 33px;
    }

.Qtop .txt-center p {
        font-size: 23px;
    }

.EditorTxt h3,
    .font-32 {
        font-size: 28px;
        line-height: 42px;
    }

.EditorTxt h2,
    .h2heading {
        font-size: 34px;
    }

.full-max,
    .footerDiv li {
        margin-bottom: 20px;
    }

.BottomTxt {
        padding: 20px 0 20px 0;
    }

.BottomTxt img.responsive-img {
        max-width: 220px;
    }

.Testimonials-Section,
    .am-faq,
    .Faq-list,
    .autoBrand {
        padding: 50px 0;
    }

.t-tabs li {
        padding: 20px 10px;
        font-size: 24px;
        line-height: 27px;
    }

.fulltabimg {
        height: 728px;
    }

.max-686 {
        max-width: 477px;
        height: 477px;
        padding: 20px 20px 25px 20px;
    }

.max-686 .knowmore {
        bottom: 25px;
    }

.TestiList .owl-nav button svg {
        width: 42px;
    }

.TestiList .owl-nav {
        align-items: center;
        justify-content: center;
    }

/* contact us */
    .vidSec-img .minibanner-h1,
    .minibanner-h1 {
        font-size: 60px;
    }

.contact-fm {
        margin-top: -200px;
    }

.call-fm {
        padding: 80px 65px;
    }

.IndVid,
    .story-txtAbs::before,
    .vidSec-img img {
        height: 550px;
    }

.HtmlVid {
        right: -140px;
        height: 490px;
    }

.HtmlVid img {
        width: 95%;
        height: 100%;
        object-fit: cover;
    }

}

/* responsive 1240px */
@media (max-width: 1240px) {}

/* responsive 992px */
@media (max-width: 992px) {

.Highlights-Section .Sec-chall,
    .Sec-chall {
        padding: unset;
    }

.Count-Nav {
        justify-content: center;
        gap: 40px;
    }

.timeX {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.xline,
    .story-imx,
    .flex3 .itemrow1:nth-child(3n),
    .RowGrids .itemrow1:nth-child(3n) {
        display: none;
    }

.hamburger {
        display: block;
    }

.BrandLogo {
        padding: 0px 0px;
        box-shadow: unset;
    }

.navLink li {

margin-right: unset;
    }

.BrandLogo img {
        max-width: 160px;
    }

.wd-78,
    .Sec-chall,
    .cst-Fm,
    .txt-lnk,
    .BottomTxt img.responsive-img,
    .text-view,
    .imgKp,
    .rightTabs,
    .rightDocument {
        max-width: 100%;
    }

.autoBrand {

margin-top: unset;
    }

.DM-loop .dloop:nth-child(2n),
    .dloop,
    .ourV,
    .Flextabs {
        flex-direction: column-reverse;
    }

.DM-loop .dloop:nth-child(2n),
    .dloop,
    .loc-Grids,
    .teamRow,
    .partnerD,
    .Flextabs {
        gap: 30px;
    }

.story-txtAbs .timeX .mtb-45 {
        margin: 15px 0 0 0;
    }

.itemrow1,
    .other75 {
        padding: 30px;
    }

.cst-footer {
        padding-bottom: 20px;
    }

.wedo,
    .mb-45,
    .flex3 .itemrow1:first-child .dmX {
        margin-top: 30px;
    }

.Content-info,
    .footerDiv li,
    .text-view {
        margin-top: 10px;
    }

.Qtop,
    .BottomTxt img.responsive-img {
        max-width: 100%;
    }

.footerDiv.txt-center {
        text-align: left;
    }

.Team-list .flexQwerty li .font-18,
    .copyright {
        font-size: 12px;
    }

.Team-list .flexQwerty li {

word-wrap: break-word;
        white-space: normal;
        word-wrap: break-word;
        gap: 5px;
    }

.itemsAddress,
    .wedo,
    .wm-flex,
    .rightQ-list,
    .flex3,
    .row-top,
    .IndVid {
        flex-direction: column;
    }

.loc-Grids,
    .teamRow,
    .Grids-2,
    .Grids-4 {

grid-template-columns: repeat(1, 1fr);
    }

.img-Address,
    .more-Address {
        flex: unset;

}

.maxlf-content,
    .maxrt-list,
    .contentImg-how,
    .wedo-txt,
    .img-abs,
    .story-imx,
    .story-txt,
    .flex3 .itemrow1:first-child,
    .other75,
    .itemrow1,
    .vidSec-banner,
    .vidSec-img {
        flex: 0 0 100%;
    }

.HtmlVid img {
        width: 100%;
        height: auto;

}

.director-section {
        padding: 50px 0 50px 0;
    }

.top-connect {
        margin-top: 84px;
        padding: 70px 0 70px 0;
        background-position: center;
        background-size: cover;
    }

.call-fm {
        padding: 50px 15px;
        max-width: 100%;
    }

.contact-fm {
        margin-top: -50px;
    }

.HtmlVid img,
    .am-history img,
    .wp-bottom img,
    .story-imx img,
    .itemrow1,
    .vidSec-img img,
    .story-txtAbs,
    .IndVid {
        height: auto;
    }

.story-About,
    .HtmlVid,
    .vidSec-banner {
        position: unset;
        height: auto;
    }

.story-About {
        position: unset;
        height: 350px;
    }

.max-Dont,
    .partner-Info img,
    .story-About .story-txtAbs img,
    .story-About .story-txtAbs::before,
    .story-txt .story-txtAbs,
    .HtmlVid img,
    .story-txtAbs::before,
    .vidSec-img img {
        height: 350px;
    }

.EditorTxt h2,
    .font-32,
    .flex3 .itemrow1:first-child h2,
    .h2heading,
    .vidSec-img .minibanner-h1,
    .minibanner-h1 {
        font-size: 24px;
        line-height: 34px;
    }

.vidSec-img .story-txtAbs .timeX {
        padding: 0 30px;
    }

.story-txtAbs .mtb-45 {
        margin: 45px 0 0 0;
    }

.max-686 {
        max-width: 100%;
        height: 350px;
        padding: 20px 20px 25px 20px;
    }

.fulltabimg {
        height: 550px;
    }

.t-tabs li {
        padding: 8px 10px;
        font-size: 18px;
        line-height: 27px;
    }

.dmX {
        position: initial;
        transform: unset;
        margin-top: 20px;
    }

.cstcustom-testi .imgKp .kmPs {

max-width: 100px;
        left: 15px;
        bottom: 15px;
    }

.ourHistory-sl .owl-nav button svg,
    .ourHistory-sl .owl-nav button,
    .TestiList .owl-nav button svg {
        width: 24px;
        height: 24px;
    }

.TestiList .owl-nav {
        align-items: center;
        justify-content: end;
        gap: 2px;
    }

.spacer-div {
        height: unset;
        margin-top: unset;
    }

.Count-Nav a {
        color: #fff;
    }

.wp-bottom {
        padding-right: unset;
        margin-bottom: -35px;
        position: unset;
    }

.flex-SB a {
        flex: 0 0 35%;
    }

.flex-SB ul {
        flex: 0 0 59%;
        gap: 5px;
    }

.footerDiv h2 {
        margin-bottom: 35px;
        font-size: 24px;
        margin-top: 10px;
    }

.kwp-connect .HeaderBtn {
        margin: 20px 0 20px 0;
    }

.HeaderBtn {
        padding: 10px 25px;
    }

.knsX span {

font-size: 32px;

}

.Count-Nav .navLink {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        flex-grow: inherit;
        margin: unset;
        margin-bottom: 20px;
        padding: 0;
    }

.Count-Nav {
        position: fixed;
        left: -100%;
        top: 84px;
        flex-direction: column;
        background-color: var(--bg);
        width: 100%;
        height: 100vh;
        padding: 50px 100px;
        text-align: center;
        transition: 750ms;
    }

.p-img {
        flex: 0 0 44%;
    }

.partner-img {
        gap: 4%;
        flex-wrap: wrap;
    }

.ourHistory-sl .owl-nav {

right: 15px;
        top: -73px;

}

.webItems:nth-child(2n),
    .webItems,
    .Sec-chall,
    .ContentHow,
    .flex-contact {
        flex-direction: column;
        gap: 30px;
    }

.full-max {
        flex-direction: column-reverse;
        gap: 30px;
    }

.absEls {
        height: 220px;
        width: 80px;
    }

.casebanner,
    .TopStory {
        margin-top: 84px;

}

.dmSty-banner,
    .max-Dont {
        height: 220px;
        background-size: cover;
        background-position: 100% 100%;
    }

.absDigi {
        right: 30px;
        font-size: 32px;
        line-height: 42px;
    }

.prevx {
        flex: 0 0 40%;
        padding: 20px 0 20px 20px;
        align-items: center;
        display: flex;
    }

.nextx {
        background: #AAC653;
        flex: 0 0 60%;
        padding: 20px 0 20px 20px;
    }

.Im-X {
        max-width: 80px;
        height: 80px;
        right: 15px;
        top: 15px;
    }

.Im-X img {
        width: 70px;
        height: 60px;

}

.w-596 {
        max-width: 100%;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
    }

.flex-bottom {

padding: 25px 15px;
        flex: 0 0 100%;
    }

.wm-list span img {
        width: 20px;
        height: 20px;
        margin-right: 25px;
    }

.maxTxtP {
        font-size: 16px;
        line-height: 21px;
    }

.wm-list {
        margin-bottom: 15px;
    }

.Testimonials-Section {
        padding: 50px 0;
    }

.unsKm {
        flex: 0 0 70%;
    }

.dottsicons {
        flex: 0 0 27%;
    }

.dottsicons svg {
        width: 100%;
        top: 10px;
        position: relative;
        height: 70px;
    }

.testiWrap {
        gap: 3%;
    }

}

/* responsive 992px */
@media (max-width: 767px) {
    
    .flex-SB.moreFooter
    {
        gap:1%;
        flex-wrap: wrap;

}
    
    .footerDiv.txt-center {
  
     flex:0 0 49.5%;
   }
   
   .flex-SB ul {
  flex: 0 0 100%;
  gap: 10px;
  justify-content: center;
}
.BottomTxt {
  flex-wrap: wrap;
  flex-direction: column;
  gap: 15px;
}

.footerDiv li{
   margin-top: 5px;
}
    
 .font-18, .normaltxt {
  font-size: 14px;
  line-height: 21px;
}

.flex-SB.BottomTxt a {
  flex: 0 0 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.flex-SB.BottomTxt a img{
  max-width:220px;
}

/*
    .Highlights-Section .Sec-chall,
    .Sec-chall {
        padding: unset;
    }

.Count-Nav {
        justify-content: center;
        gap: 40px;
    }

.xline,
    .story-imx,
    .flex3 .itemrow1:nth-child(3n),
    .RowGrids .itemrow1:nth-child(3n) {
        display: none;
    }

.hamburger {
        display: block;
    }

.BrandLogo {
        padding: 0px 0px;
        box-shadow: unset;
    }

.navLink li {

margin-right: unset;
    }

.BrandLogo img {
        max-width: 160px;
    }

.wd-78,
    .Sec-chall,
    .cst-Fm,
    .txt-lnk,
    .BottomTxt img.responsive-img,
    .text-view,
    .imgKp,
    .rightTabs,
    .rightDocument {
        max-width: 100%;
    }

.autoBrand {

margin-top: unset;
    }

.DM-loop .dloop:nth-child(2n),
    .dloop,
    .ourV,
    .Flextabs {
        flex-direction: column-reverse;
    }

.DM-loop .dloop:nth-child(2n),
    .dloop,
    .loc-Grids,
    .teamRow,
    .partnerD,
    .Flextabs {
        gap: 30px;
    }

.story-txtAbs .timeX .mtb-45 {
        margin: 15px 0 0 0;
    }

.itemrow1,
    .other75 {
        padding: 30px;
    }

.cst-footer {
        padding-bottom: 20px;
    }

.wedo,
    .mb-45,
    .flex3 .itemrow1:first-child .dmX {
        margin-top: 30px;
    }

.Content-info,
    .footerDiv li,
    .text-view {
        margin-top: 10px;
    }

.Qtop,
    .BottomTxt img.responsive-img {
        max-width: 100%;
    }

.footerDiv.txt-center {
        text-align: left;
    }

.Team-list .flexQwerty li .font-18,
    .copyright {
        font-size: 12px;
    }

.Team-list .flexQwerty li {

word-wrap: break-word;
        white-space: normal;
        word-wrap: break-word;
        gap: 5px;
    }

.itemsAddress,
    .wedo,
    .flex-SB.moreFooter,
    .wm-flex,
    .flex-SB.moreFooter,
    .rightQ-list,
    .flex3,
    .row-top,
    .IndVid {
        flex-direction: column;
    }

.loc-Grids,
    .teamRow,
    .Grids-2,
    .Grids-4 {

grid-template-columns: repeat(1, 1fr);
    }

.img-Address,
    .more-Address {
        flex: unset;

}

.HtmlVid img {
        width: 100%;
        height: auto;

}

.director-section {
        padding: 50px 0 50px 0;
    }

.top-connect {
        margin-top: 84px;
        padding: 70px 0 70px 0;
        background-position: center;
        background-size: cover;
    }

.call-fm {
        padding: 50px 15px;
        max-width: 100%;
    }

.contact-fm {
        margin-top: -50px;
    }

.HtmlVid img,
    .am-history img,
    .wp-bottom img,
    .story-imx img,
    .itemrow1,
    .vidSec-img img,
    .story-txtAbs,
    .IndVid {
        height: auto;
    }

.story-About,
    .HtmlVid,
    .vidSec-banner {
        position: unset;
        height: auto;
    }

.story-About {
        position: unset;
        height: 350px;
    }

.EditorTxt h2,
    .font-32,
    .flex3 .itemrow1:first-child h2,
    .h2heading,
    .vidSec-img .minibanner-h1,
    .minibanner-h1 {
        font-size: 24px;
        line-height: 34px;
    }

.vidSec-img .story-txtAbs .timeX {
        padding: 0 30px;
    }

.story-txtAbs .mtb-45 {
        margin: 45px 0 0 0;
    }

.max-686 {
        max-width: 100%;
        height: 350px;
        padding: 20px 20px 25px 20px;
    }

.fulltabimg {
        height: 550px;
    }

.t-tabs li {
        padding: 8px 10px;
        font-size: 18px;
        line-height: 27px;
    }

.dmX {
        position: initial;
        transform: unset;
        margin-top: 20px;
    }

.cstcustom-testi .imgKp .kmPs {

max-width: 100px;
        left: 15px;
        bottom: 15px;
    }

.ourHistory-sl .owl-nav button svg,
    .ourHistory-sl .owl-nav button,
    .TestiList .owl-nav button svg {
        width: 24px;
        height: 24px;
    }

.TestiList .owl-nav {
        align-items: center;
        justify-content: end;
        gap: 2px;
    }

.spacer-div {
        height: unset;
        margin-top: unset;
    }

.Count-Nav a {
        color: #fff;
    }

.wp-bottom {
        padding-right: unset;
        margin-bottom: -35px;
        position: unset;
    }

.flex-SB a {
        flex: 0 0 35%;
    }

.flex-SB ul {
        flex: 0 0 59%;
        gap: 5px;
    }

.footerDiv h2 {
        margin-bottom: 35px;
        font-size: 24px;
        margin-top: 10px;
    }

.kwp-connect .HeaderBtn {
        margin: 20px 0 20px 0;
    }

.HeaderBtn {
        padding: 10px 25px;
    }

.knsX span {

font-size: 32px;

}

.Count-Nav .navLink {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        flex-grow: inherit;
        margin: unset;
        margin-bottom: 20px;
        padding: 0;
    }

.p-img {
        flex: 0 0 44%;
    }

.partner-img {
        gap: 4%;
        flex-wrap: wrap;
    }

.ourHistory-sl .owl-nav {

right: 15px;
        top: -73px;

}

.webItems:nth-child(2n),
    .webItems,
    .Sec-chall,
    .ContentHow,
    .flex-contact {
        flex-direction: column;
        gap: 30px;
    }

.full-max {
        flex-direction: column-reverse;
        gap: 30px;
    }

.absEls {
        height: 220px;
        width: 80px;
    }

.casebanner,
    .TopStory {
        margin-top: 84px;

}

.dmSty-banner,
    .max-Dont {
        height: 220px;
        background-size: cover;
        background-position: 100% 100%;
    }

.absDigi {
        right: 30px;
        font-size: 32px;
        line-height: 42px;
    }

.prevx {
        flex: 0 0 40%;
        padding: 20px 0 20px 20px;
        align-items: center;
        display: flex;
    }

.nextx {
        background: #AAC653;
        flex: 0 0 60%;
        padding: 20px 0 20px 20px;
    }

.Im-X {
        max-width: 80px;
        height: 80px;
        right: 15px;
        top: 15px;
    }

.Im-X img {
        width: 70px;
        height: 60px;

}

.w-596 {
        max-width: 100%;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
    }

.flex-bottom {

padding: 25px 15px;
        flex: 0 0 100%;
    }

.wm-list span img {
        width: 20px;
        height: 20px;
        margin-right: 25px;
    }

.maxTxtP {
        font-size: 16px;
        line-height: 21px;
    }

.wm-list {
        margin-bottom: 15px;
    }

.Testimonials-Section {
        padding: 50px 0;
    }

.unsKm {
        flex: 0 0 70%;
    }

.dottsicons {
        flex: 0 0 27%;
    }

.dottsicons svg {
        width: 100%;
        top: 10px;
        position: relative;
        height: 70px;
    }

.testiWrap {
        gap: 3%;
    }
*/

}

${this.title}

Code Editor : customstyle.css