/*=========================== Developed BY: Ayan & Sudipta ============================*/

/*@charset "utf-8";*/

/*..............embedded fonts..............*/

@font-face {
    font-family: "Gilroy-Bold";
    src: url("../fonts/Gilroy-Bold.eot");
    src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype"), url("../fonts/Gilroy-Bold.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gilroy-ExtraBold";
    src: url("../fonts/Gilroy-ExtraBold.eot");
    src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("../fonts/Gilroy-ExtraBold.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gilroy-Light";
    src: url("../fonts/Gilroy-Light.eot");
    src: url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.ttf") format("truetype"), url("../fonts/Gilroy-Light.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gilroy-Medium";
    src: url("../fonts/Gilroy-Medium.eot");
    src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy-Medium.ttf") format("truetype"), url("../fonts/Gilroy-Medium.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gilroy-Regular";
    src: url("../fonts/Gilroy-Regular.eot");
    src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype"), url("../fonts/Gilroy-Regular.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gilroy-SemiBold";
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../fonts/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy-SemiBold.ttf") format("truetype"), url("../fonts/Gilroy-SemiBold.svg#clarasansuploaded_file") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*..............embedded fonts..............*/

/*..............custom fonts..............*/

/*..............common styles..............*/

html {
    scroll-behavior: smooth;
    overflow-x: hidden !important;
}

img {
    max-width: 100%;
}

a,
img {
    border: 0;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}
b, strong {
   font-family: "Gilroy-Bold";
   font-weight: normal !important;
}

input,
textarea,
select {
    font-family: "Gilroy-Medium";
    font-weight: 300;
    outline: none;
}

input[type="submit"] {
    font-family: "Gilroy-Medium";
    font-weight: 300;
    transition: all 0.3s ease 0s;
    outline: none;
}

select {
    appearance: none;
    -webkit-appearance: none;
    height: 50px !important;
    padding-right: 40px !important;
    background-image: url(../images/select-arw.png);
    background-repeat: no-repeat;
    background-position: 96% center;
}

/* --- for placeholder color --- */

/* .form-control::-moz-placeholder{color:#505873;opacity:1;} .form-control:-ms-input-placeholder{color:#505873;} .form-control::-webkit-input-placeholder{color:#505873;} */

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */

.alignleft,
.alignnone {
    float: left;
    margin: 0 15px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 15px;
}

.aligncenter {
    margin: 10px auto;
    display: block;
}

/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */

.btn {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    border: 1px solid #000;
    letter-spacing: 1px;
    /* font-family: "Gilroy-Medium"; */
    display: inline-block;
    vertical-align: top;
    background: #000000;
    color: #fff !important;
    padding: 20px 30px;
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
    border-radius: 0;
    letter-spacing: 0;
}

.btn:hover {
    border: 1px solid #000;
    background: #ffffff !important;
    color: #000 !important;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

.btn.btn-transfrnt {
    background: transparent;
    color: #000 !important;
    border: 1px solid #000;
}

.btn.btn-transfrnt:hover {
    background: #000 !important;
    color: #fff !important;
}

.btn.btn-white {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

.btn.btn-white:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

/* --- Button Styles --- */

/*row with equal height column*/

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label {
    font-weight: normal;
}

.builder_radiobox ul li input[type="radio"] {
    opacity: 0;
}

.builder_radiobox ul li input[type="radio"]:empty~label {
    position: relative;
    float: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 0 0 22px;
}

.builder_radiobox ul li input[type="radio"]:empty~label:before {
    position: absolute;
    display: block;
    top: 2px;
    bottom: 0;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/radiobutton.png) left top no-repeat;
}

.builder_radiobox ul li input[type="radio"]:checked~label:before {
    background: url(../images/radiobutton.png) left bottom no-repeat;
}

/* --- checkbox and radio button Styles --- */

.common-padd {
    padding-top: 50px;
    padding-bottom: 50px;
}

.common-padd-small {
    padding-top: 50px;
    padding-bottom: 50px;
}

.common-padd-lt-rt {
    padding-left: 85px;
    padding-right: 85px;
}

.common-padd-big {
    padding-top: 120px;
    padding-bottom: 120px;
}

.common-padd-bottom {
    padding-bottom: 50px;
}

.form-control {
    height: 50px;
    padding: 12px 15px;
}

.black-bg {
    background-color: #231f20;
}

.reletive-section {
    position: relative;
}

.section-header-cntr {
    text-align: center;
    margin-bottom: 80px;
}

.insta-sec .section-header-cntr h2 a {
    color: #0057ff;
}

/*..............common styles..............*/

/*for header css*/

/* .main-header {
    padding: 10px 0px;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    position: relative;
} */

.header-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.call-portal {
    padding: 0 0 18px;
    margin-right: -20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.call-portal a.call-link {
    color: #ce222b;
    font-weight: 900;
    font-style: italic;
    margin-right: 10px;
}

.call-portal a.call-link svg {
    color: #686868;
}

.call-portal a.portal-btn {
    background: #ce222b;
    color: #fff;
    padding: 9px;
    line-height: 1;
    display: block;
    font-size: 14px;
}

.main-menu {}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-menu ul li {
    list-style: none;
    font-family: "Gilroy-Medium";
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

.main-menu ul li:not(:last-child) {
    margin-right: 28px;
}

.main-menu ul li a,
.main-menu ul li {
    display: block;
    color: #000;
    padding: 8px 0;
    position: relative;
    font-family: "Gilroy-Medium";
    cursor: pointer;
    font-size: 20px;
}

.main-menu ul li a:hover,
.main-menu ul li.current-menu-item a {
    color: #b800d2;
}

.main-menu ul li.talk-btn a {
    background: #cd0b03;
    color: #fff !important;
    padding: 14px 35px !important;
    line-height: 1;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
}

.main-menu ul li.talk-btn a:hover {
    background: #b800d2;
}

/*.nav_btn { color: #000; font-size: 22px; text-align: right; display: none; } .nav_close { display: none; color: #000; cursor: pointer;}*/

/*.main-header.fixed {
    background: #fffbfd;
    padding: 10px 0px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    animation: slide-down 0.7s;
    -ms-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
}*/
.main-header.fixed {
    background: #fffbfd;
    padding: 10px 10px;
    left: 0;
    position: fixed;
    top: 7px;
    width: 100%;
    box-shadow: 0 0 12px rgb(0 0 0 / 11%);
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    animation: slide-down 0.7s;
    -ms-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    max-width: 1170px;
    margin: 0 auto;
    border-radius: 200px;
}
.main-header.fixed .logo > a {
    display: none;
}
.main-header .short-logo {
    display: none;
}
.main-header.fixed .short-logo {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50pc;
    overflow: hidden;
}
header.main-header.fixed .user-sec ul li a.btn {
    font-size: 18px;
    padding: 13px 12px;
    min-width: 115px;
        border-radius: 37px;
}
header.main-header.fixed .short-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header.main-header.fixed .logo {
    min-width: auto;
    max-width: 0;
}
header.main-header.fixed .container.header-row {
    padding-left: 10px;
    padding-right: 10px;
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

/*for header css*/

header ul.sub-menu {
    display: none;
    background-color: #fff;
    /*box-shadow: 0 13px 10px #00000017;*/
    padding: 15px 0;
    position: absolute;
    width: 500px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    filter: drop-shadow(0px 4px 34px rgba(142, 142, 142, 0.25));
    /*background-image: url('../images/banner-prtcl.png'); background-position: left center;background-size: cover;background-repeat: no-repeat;*/
    margin-top: 13px;
    z-index: 1;
    flex-wrap: wrap;
}

header ul.sub-menu:before {
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
}

header ul.sub-menu:after {
    position: absolute;
    content: "";
    background: url("../images/submenu-icon.png") no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 13px;
    left: 24px;
    top: -12px;
}

header ul.sub-menu li {
    width: 50%;
    margin: 0 !important;
    padding: 0 15px 5px;
    cursor: auto;
}

header ul li:hover ul.sub-menu {
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    z-index: 1;
}

header .user-sec ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

header .user-sec ul li:first-child {
    margin: 0;
}

header .user-sec ul li {
    list-style: none;
    margin-left: 20px;
}

header.main-header.fixed .logo img {
    max-width: 140px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

header.main-header .logo img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

header.main-header .logo {
    min-width: 150px;
    max-width: 150px;
}

/*header.main-header.fixed .btn {-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; padding: 15px 30px;}*/

header ul.sub-menu li a {
    font-family: "Gilroy-SemiBold";
    font-weight: 600;
    font-size: 16px;
}

header ul.sub-menu li a span {
    display: inline-block;
    margin-right: 10px;
    min-width: 20px;
    text-align: center;
    float: none;
}

header ul.sub-menu li p {
    font-size: 12px;
    display: -webkit-box;
    height: 48px;
    line-height: 16px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-family: "Gilroy-Regular";
    padding-left: 30px;
}

header ul.sub-menu li:hover a {
    color: #b800d2;
}

.banner-section .banner-content h1 {
    line-height: 100px;
    margin-left: -10px;
    margin-top: 35px;
    margin-bottom: 40px;
}

.banner-section .banner-content h6 {
    font-family: "Gilroy-Medium";
    font-size: 24px;
}

.banner-section .banner-content ul li:last-child {
    margin: 0;
}

.banner-section .banner-content ul li {
    list-style: none;
    margin-right: 20px;
}

.banner-section .banner-content ul {
    padding: 0;
    margin: 0;
    display: flex;
    margin-top: 50px;
}

/*-----------home banner circle section start-------------*/

.crcl-sec {
    background-image: url("../images/banner-circle-prtical.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.crcl-sec .main {
    margin: 0px auto;
    width: 480px;
    height: 480px;
    position: relative;
}

.crcl-sec .big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}

.crcl-sec .icon-block {
    width: 73px;
    height: 73px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-image: linear-gradient(180deg, #304afd 0%, #304afd 100%);
    -webkit-background-image: linear-gradient(180deg, #4967e6 0%, #627bf4 100%);
    box-shadow: 0 2px 4px 0 #3e5ada;
    -webkit-box-shadow: 0 2px 4px 0 #3e5ada;
}

.crcl-sec .circle .icon-block {
    width: 10px;
    height: 10px;
}

.crcl-sec .icon-block img {
    margin: 0px auto;
    width: 30px;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
    height: 30px;
    object-fit: contain;
}

.crcl-sec .icon-block:first-child {
    top: 0;
    left: 109%;
    transform: translate(-153%, 101%);
    -webkit-transform: translate(-153%, 101%);
    background: #b800d2;
    box-shadow: 9px 8px 15px rgb(184 0 210 / 35%);
}

.crcl-sec .icon-block:nth-child(2) {
    top: 67%;
    right: 0;
    transform: translate(30%, -50%);
    -webkit-transform: translate(30%, -50%);
    background: #304afd;
    box-shadow: 15px 17px 30px rgb(48 74 253 / 29%);
}

.crcl-sec .icon-block:nth-child(3) {
    bottom: 0;
    left: 85%;
    transform: translate(-174%, 32%);
    -webkit-transform: translate(-174%, 32%);
    background: #00ff66;
    box-shadow: 15px 17px 30px rgb(0 255 102 / 29%);
}

.crcl-sec .icon-block:nth-child(4) {
    top: 49%;
    left: 0;
    transform: translate(-57%, -31%);
    -webkit-transform: translate(-57%, -31%);
    background: #ffc700;
    box-shadow: 15px 17px 30px rgb(255 199 0 / 29%);
}

.crcl-sec .icon-block:nth-child(5) {
    top: 4%;
    left: 19%;
    transform: translate(187%, -81%);
    -webkit-transform: translate(187%, -81%);
    background: #00dbff;
    box-shadow: 9px 8px 15px rgb(0 219 255 / 35%);
}

.crcl-sec .icon-block:nth-child(6) {
    top: 85%;
    left: 0;
    transform: translate(85%, -6%);
    -webkit-transform: translate(85%, -6%);
    background: #231f20;
    box-shadow: 15px 17px 30px rgb(0 0 0 / 25%);
}

/* circle content */

.crcl-sec .circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 75%;
    height: 75%;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    z-index: -1;
}

.crcl-sec .circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite;
}

/* center logo */

.crcl-sec .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 190px;
    height: 190px;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 30px rgb(0 0 0 / 6%);
    backdrop-filter: blur(5px);
    border-radius: 200px;
    overflow: hidden;
    padding: 25px;
    z-index: 2;
}

.crcl-sec .center-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.crcl-sec .icon-block:nth-child(7) {
    top: 29%;
    left: -4%;
    transform: translate(29%, -45%);
    -webkit-transform: translate(29%, -45%);
    background: #ffffff;
    box-shadow: none;
    width: 160px;
    height: 160px;
    z-index: 2;
    box-shadow: 0px 0px 30px #d5d3d33d;
}

.crcl-sec .icon-block h5 {
    margin: 0px auto;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;
}

.crcl-sec .icon-block h5 {
    text-align: center;
    color: #304afd;
    font-size: 14px;
    font-family: "Gilroy-SemiBold";
}

.crcl-sec .icon-block h5 span {
    display: block;
    font-size: 40px;
}

.crcl-sec .circle .icon-block:nth-child(2) {
    top: -15px;
    right: 8px;
    transform: translate(30%, -50%);
    -webkit-transform: translate(30%, -50%);
}

.crcl-sec .circle .icon-block:first-child {
    top: 39%;
    left: -17%;
    transform: translate(-153%, -101%);
    -webkit-transform: translate(-153%, 101%);
}

.crcl-sec .circle .icon-block:nth-child(3) {
    bottom: -7%;
    left: 97%;
    transform: translate(-174%, 32%);
    -webkit-transform: translate(-174%, 32%);
}

/* keyframe animation */

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

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(405deg);
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg);
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg);
    }
    to {
        transform: rotate(-405deg);
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg);
    }
    to {
        -webkit-transform: rotate(-405deg);
    }
}

/*-----------home banner circle section end-------------*/

.banner-section .btm-crcl-sec .lft-side-text {
    text-align: right;
}

.banner-section .btm-crcl-sec .btm-crcl-sec {
    margin-top: 80px;
}

.banner-section .btm-crcl-sec .lft-side-text h6 {
    text-transform: uppercase;
    color: #304afd;
    font-size: 14px;
    font-family: "Gilroy-SemiBold";
    margin-bottom: 10px;
}

.banner-section .btm-crcl-sec .right-side-text h6 {
    text-transform: uppercase;
    color: #b800d2;
    font-size: 14px;
    font-family: "Gilroy-SemiBold";
    margin-bottom: 10px;
}

.banner-section .btm-crcl-sec ul {
    display: flex;
    padding: 0;
    margin: 0;
}

.banner-section .btm-crcl-sec ul li {
    list-style: none;
    text-transform: uppercase;
}

.banner-section .btm-crcl-sec .right-side-text ul li:last-child {
    margin: 0;
}

.banner-section .btm-crcl-sec .right-side-text ul li {
    color: rgba(184, 0, 210, 0.9);
    font-size: 12px;
    margin-right: 15px;
}

.banner-section .btm-crcl-sec .lft-side-text ul li {
    font-size: 12px;
    margin-left: 15px;
    color: rgba(48, 74, 253, 0.9);
}

.banner-section .btm-crcl-sec .lft-side-text ul {
    justify-content: flex-end;
}

.banner-section .btm-crcl-sec .right-side-text {
    position: relative;
}

.banner-section .btm-crcl-sec .right-side-text::before {
    content: "";
    width: 1px;
    height: 255px;
    position: absolute;
    left: -12px;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(48, 74, 253, 1) 29%, rgba(48, 74, 253, 1) 48%, rgba(48, 74, 253, 1) 69%, rgba(255, 255, 255, 0) 100%);
}

.banner-section .btm-crcl-sec {
    margin-top: 80px;
    z-index: -1;
    position: relative;
}

.banner-section .banner-btm-logo-sec ul li:last-child {
    margin-right: 0;
}

.banner-section .banner-btm-logo-sec ul li {
    list-style: none;
    margin-right: 25px;
}

.banner-section .banner-btm-logo-sec ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.banner-section .banner-btm-logo-sec ul.right-img li {
    font-size: 20px;
    color: #000;
    font-family: "Gilroy-SemiBold";
    width: 20%;
}

.banner-section .banner-btm-logo-sec ul.right-img li iframe { border: 0;height: 100%; max-height: 100px; }

.banner-section .banner-btm-logo-sec ul.right-img {
    position: relative;
    justify-content: flex-end;
    padding-left: 10px;
}

.banner-section .banner-btm-logo-sec ul.right-img::before {
    content: "";
    background-color: #dddddd;
    height: 100px;
    width: 2px;
    position: absolute;
    left: 0;
}

.banner-section .banner-btm-logo-sec {
    margin-top: 145px;
}

.banner-section {
    background-image: url(../images/banner-prtcl.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom -100px left;
}

.second-carasol-sec .images-box {
    width: 100px;
    height: 100px;
    background-color: #000;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 30px;
}

.second-carasol-sec .images-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.second-carasol-sec .user-dtls {
    display: flex;
    align-items: center;
}

.second-carasol-sec .images-contnt h4 {
    margin-bottom: 0px;
    color: #fff;
}

.second-carasol-sec .images-contnt {
    width: calc(100% - 130px);
}

.second-carasol-sec .content p,
.second-carasol-sec .images-contnt p {
    margin: 0;
    color: #fff;
}

.second-carasol-sec .images-contnt p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
}

.second-carasol-sec .sngl-box {
    padding: 0 30px;
}

.second-carasol-sec {
    margin-top: 160px;
    padding-top: 30px;
}

.second-carasol-sec:before {
    position: absolute;
    content: "";
    background-image: url(../images/bg-new-blk.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 160px;
    width: 100%;
    top: -159px;
    left: 0;
}

/* .second-carasol-sec .owl-theme .owl-dots .owl-dot span {
    background: #444444;
}

.second-carasol-sec .owl-theme .owl-dots .owl-dot.active span,
.second-carasol-sec .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
} */

.second-carasol-sec .container-fluid::before {
    content: "";
    position: absolute;
    left: 0;
    width: 295px;
    height: 114%;
    top: -15px;
    z-index: 2;
    background: rgb(35, 31, 32);
    background: linear-gradient(90deg, rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 1) 27%, rgba(35, 31, 32, 0) 100%);
}

.second-carasol-sec .container-fluid::after {
    content: "";
    position: absolute;
    right: 0;
    width: 295px;
    height: 114%;
    top: -15px;
    z-index: 2;
    background: rgb(35, 31, 32);
    background: linear-gradient(280deg, rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 1) 27%, rgba(35, 31, 32, 0) 100%);
}

.second-carasol-sec button.slick-prev {
    position: absolute;
    /* top: 21%; */
    left: 15%;
    width: 45px;
    height: 30px;
    background-image: url("../images/lft-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 25px !important;
    z-index: 1;
}

.second-carasol-sec button.slick-arrow::before {display: none;}


/* .second-carasol-sec button span {
    color: transparent !important;
} */

.second-carasol-sec button.slick-next {
    position: absolute;
    /* top: 21%; */
    right: 15%;
    width: 45px;
    height: 30px;
    background-image: url("../images/right-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 25px !important;
}

/* .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
} */

/* .second-carasol-sec .owl-dots {
    margin-top: 50px;
} */

.agriment-sec {
    padding-top: 0;
}

.agriment-sec::before {
    content: "";
    width: 100%;
    height: 50%;
    background-color: #241f20;
    position: absolute;
    top: 0;
    z-index: -1;
}

.agriment-sec .section-header h2,
.agriment-sec .section-header p {
    color: #fff;
}

.agriment-sec .section-header {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
}

.agriment-sec .sngl-box-wraper {
    flex: 0 0 auto;
    width: 20%;
}

.agriment-sec .agriment-wraper .sngl-box-wraper:first-child {
    background: linear-gradient(180deg, #fdffec 0%, #f4ff98 100%);
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
}

.agriment-sec .agriment-wraper .sngl-box-wraper:nth-child(2) {
    background: linear-gradient(180deg, #fdefff 0%, #f6b8ff 100%);
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
}

.agriment-sec .agriment-wraper .sngl-box-wraper:nth-child(3) {
    background: linear-gradient(180deg, #ecf9ff 0%, #b8eaff 100%);
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
}

.agriment-sec .agriment-wraper .sngl-box-wraper:nth-child(4) {
    background: linear-gradient(180deg, #ffece8 0%, #ffbdae 100%);
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
}

.agriment-sec .agriment-wraper .sngl-box-wraper:nth-child(5) {
    background: linear-gradient(180deg, #ecfff3 0%, #a8ffcb 100%);
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
}

/*.agriment-sec .content-box h4 {min-height: 132px; }*/

.agriment-sec .content-box a img {
    width: 20px;
}

.agriment-sec .content-box .btn {
    padding: 12px 20px;
}

/*.agriment-sec .content-box a {width: 35px !important; height: 35px !important; background-color: #000; border-radius: 30px; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }*/

.agriment-sec .content-box:hover a img {
    margin-right: -40px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.agriment-sec .agriment-wraper .sngl-box-wraper {
    transform: scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.agriment-sec .agriment-wraper .sngl-box-wraper:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    z-index: 1;
}

.agriment-sec .agriment-wraper .sngl-box-wraper {
    padding: 50px 30px !important;
}

.agriment-sec .vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    margin-bottom: 30px;
}

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

.services-sec {
    z-index: 1;
    background-image: url("../images/servise-bg.png");
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.services-sec .sngl-box.reletive-section a {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.services-sec .sngl-box.reletive-section:hover a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    top: -15px;
    right: -15px;
}

.services-sec .sngl-box.reletive-section h4 a {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    color: #000;
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
}

.services-sec .lft-side-text {
    padding-right: 150px;
}

.services-sec .sngl-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 40px;
    padding-right: 60px;
}

.services-sec .right-side-text .sngl-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.tech-sec {
    transform: rotate(-4deg);
}

.tech-sec .heading-name h2 {
    margin: 0;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #007dfe4d;
    color: #0000 !important;
    font-size: 200px;
}

.tech-sec .heading-name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 57%;
    position: absolute;
}

.tech-sec .content-box h3 {
    text-align: center;
    font-size: 80px;
    margin: 0;
    font-family: "Gilroy-ExtraBold";
    line-height: 1.2;
}

.tech-sec .yellow-red-gradiant h3 {
    background: linear-gradient(103.22deg, #ffd101 8.25%, #ff2c02 59.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .green-blue-gradiant h3 {
    background: linear-gradient(105.39deg, #57bc51 44.35%, #1041e1 85.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .blue-prpl-gradiant h3 {
    background: linear-gradient(125.01deg, #0e4cff 15.98%, #510cec 73.53%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .orange-blue-gradiant h3 {
    background: linear-gradient(92.18deg, #f8960a 15.72%, #0d39e3 82.07%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .green-sky-gradiant h3 {
    background: linear-gradient(180deg, #00f991 0%, #01c3f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .prpl-blue-gradiant h3 {
    background: linear-gradient(102.31deg, #b800d2 16.67%, #007dfe 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .red-prpl-gradiant h3 {
    background: linear-gradient(91.29deg, #ff4101 22.92%, #fe00b0 83.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tech-sec .top-logo-carasol {
    margin-bottom: 60px;
}

.tech-sec .bgimg {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.our-industry-sec .right-text .images-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.our-industry-sec .right-text .images-box:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.our-industry-sec .right-text .images-box {
    height: 600px;
    overflow: hidden;
}

.our-industry-sec .right-text .image-text h4 {
    margin: 0;
    color: #fff;
}

.our-industry-sec .right-text .image-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8631827731092436) 0%, rgba(0, 0, 0, 0.7595413165266106) 23%, rgba(0, 0, 0, 0) 100%);
}

.our-industry-sec .owl-dots {
    display: none;
}

.our-industry-sec button.slick-next {
    width: 60px;
    height: 60px;
    background-color: #fff !important;
    border-radius: 60px !important;
    position: absolute;
    top: 42%;
    right: 13%;
    background-image: url("../images/black-arrow-nxt.svg") !important;
    background-position: center center !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important; 
}

/* .our-industry-sec button span {
    color: transparent !important;
} */

.our-industry-sec button.slick-arrow::before { display: none;}

.our-industry-sec button.slick-prev {
    width: 60px;
    height: 60px;
    background-color: #fff !important;
    border-radius: 60px !important;
    position: absolute;
    top: 42%;
    left: 13%;
    background-image: url("../images/black-arrow-prev.svg") !important;
    background-position: center center !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.our-industry-sec button.slick-prev.slick-disabled{opacity: 0;}

.our-industry-sec .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #e9e5e5 !important;
}

.our-industry-sec button.disabled {
    display: none !important;
}

.our-industry-sec .lft-text {
    padding-left: 25%;
}

.trst-sec .lgo-box {
    text-align: center;
    margin-bottom: 50px;
}

.trst-sec .lft-text {
    padding-right: 120px;
}

.trst-sec .lft-text h2 {
    text-transform: capitalize;
}

.trst-sec {
    background: rgb(217, 249, 255);
    background: linear-gradient(45deg, rgba(217, 249, 255, 1) 0%, rgba(244, 230, 244, 1) 50%, rgba(255, 247, 217, 1) 100%);
}

.trst-sec .btm-img {
    position: absolute;
    top: 0;
    width: 100%;
}

.trst-sec .btm-img img,
.trst-sec .top-img img {
    width: 100%;
}

.trst-sec .top-img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.portfoli-sec .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.portfoli-sec .image-box {
    height: 450px;
    overflow: hidden;
}

.portfolio-page-sec .portfoli-sec .image-box {
    height: 350px;
}

.portfoli-sec .content-box ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #d9d9d9;
}

.portfoli-sec .content-box ul li {
    list-style: none;
    position: relative;
}

.portfoli-sec .content-box ul li a {
    font-size: 18px;
    color: #000;
    font-family: "Gilroy-SemiBold";
    padding-right: 50px;
}

.portfoli-sec .content-box ul li img {
    width: 15px;
    margin-left: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.portfoli-sec .sngl-work:hover .content-box ul li img {
    width: 15px;
    margin-left: 10px;
    position: absolute;
    top: -5px;
    right: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.portfoli-sec .content-box h5 {
    margin: 0;
}

.portfoli-sec .sngl-work {
    margin-bottom: 10px;
}

.who-we-sec .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.who-we-sec .image-box {
    height: 600px;
    overflow: hidden;
    transition: box-shadow 0.1s, transform 0.1s;
    padding: 30px;
}

.who-we-sec .lft-text {
    padding-right: 0px;
}

/*.who-we-sec h2 {position: absolute; top: 0;z-index: 1; }*/

.who-we-sec {
    background-image: url("/wp-content/uploads/2023/08/who-we-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-size: 50%;
}

.google-review-sec .g-rating ul li {
    list-style: none;
    margin: 0 13px;
}

.google-review-sec .g-rating ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.google-review-sec .g-rating ul li:last-child {
    background: linear-gradient(102.31deg, #b800d2 16.67%, #007dfe 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-family: "Gilroy-SemiBold";
}

.google-review-sec .rating-str ul li svg {
    color: #ffbd3a;
}

.google-review-sec .rating-str ul li:last-child {
    margin-left: 10px;
    margin-right: 1px;
}

.google-review-sec .rating-str ul li {
    list-style: none;
    margin-right: 5px;
}

.google-review-sec .rating-str ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-spiclze-sec {
    background: rgb(202, 0, 203);
    background: linear-gradient(135deg, rgba(202, 0, 203, 1) 0%, rgba(62, 110, 245, 1) 100%);
}

.our-spiclze-sec .btm-img {
    position: absolute;
    top: 0;
    width: 100%;
}

.our-spiclze-sec .top-img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.our-spiclze-sec .top-img img,
.our-spiclze-sec .btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-spiclze-sec .counter-right .card {
    background-color: transparent;
    border: none;
    position: relative;
    margin-bottom: 80px;
    padding-right: 50px;
}

.our-spiclze-sec .counter-right .card h3 {
    color: #fff;
    font-size: 80px;
    margin-bottom: 15px;
}

.our-spiclze-sec .counter-right .card h6 {
    color: #fff;
    margin: 0;
    font-size: 24px;
    font-family: "Gilroy-Medium";
}

.our-spiclze-sec .counter-right .card:last-child {
    margin-bottom: 0;
}

.our-spiclze-sec .text-left {
    padding-right: 15%;
}

.our-spiclze-sec .text-left h2,
.our-spiclze-sec .text-left p {
    color: #fff;
}

.our-spiclze-sec .counter-right .card::before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 25px;
}

.our-spiclze-sec .counter-right .col-lg-6:last-child .card::before {
    display: none;
}

.blog-sec .sngl-blog .img-box {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.blog-sec .sngl-blog .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-sec .sngl-blog .content-box h3 {
    padding: 30px 0;
    padding-bottom: 0;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 140px;
    line-height: 1.05;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-sec .sngl-blog .content-box a span {
    position: absolute;
    top: 4px;
    width: 20px;
    right: -30px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.blog-sec .sngl-blog .content-box a {
    align-items: center;
    color: #000;
    font-size: 18px;
    font-family: "Gilroy-Bold";
    position: relative;
    text-decoration: underline;
}

.blog-sec .sngl-blog:hover .content-box a span {
    top: -10px;
    right: -50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.blog-sec .blog-header {
    margin-bottom: 50px;
}

.blog-sec button span {
    color: transparent !important;
}

.blog-sec button.owl-next {
    position: absolute;
    top: -15%;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #000 !important;
    border-radius: 50px !important;
    background-image: url("../images/right-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 20px !important;
}

.blog-sec button.owl-prev {
    position: absolute;
    top: -15%;
    right: 65px;
    width: 50px;
    height: 50px;
    background-color: #000 !important;
    border-radius: 50px !important;
    background-image: url("../images/lft-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 20px !important;
}

.blog-sec .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #000 !important;
}

.get-touch-sec {
    background: linear-gradient(180deg, #fff9e5 0%, #fff 85.42%);
}

.get-touch-sec .btm-img {
    position: absolute;
    top: 0;
    width: 100%;
}

.get-touch-sec .btm-img img,
.get-touch-sec .top-img img {
    width: 100%;
}

.get-touch-sec .top-img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.get-touch-sec .lft-content {
    padding-right: 80px;
}

.get-touch-sec input.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    height: 70px;
    padding-left: 0;
    padding-right: 0;
}

.get-touch-sec textarea.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    height: 150px;
    resize: none;
    padding-left: 0;
    padding-right: 0;
}

.form-control:focus {
    box-shadow: none !important;
}

.get-touch-sec button.btn.btn-transfrnt {
    color: #fff !important;
    border-color: #fff;
    margin-top: 50px;
}

.get-touch-sec button.btn.btn-transfrnt:hover {
    background-color: #fff !important;
    color: #000 !important;
}

footer {
    padding-bottom: 0 !important;
    background: #231f20;
}

footer .col-lg-4:nth-child(2) .footer-menu {
    max-width: 200px;
    margin: 0 auto;
}

footer .logo-box {
    margin-bottom: 20px;
    max-width: 240px;
}

footer .footer-menu h6 {
    font-family: "Gilroy-Bold";
}

footer .footer-menu ul.flag li:last-child,
footer .footer-menu ul.social-media li:last-child {
    margin: 0;
}

footer .footer-menu ul.flag li,
footer .footer-menu ul.social-media li {
    list-style-type: none;
    /*width: 35px; height: 35px; border-radius: 35px; overflow: hidden;*/
    margin-right: 10px;
}

footer .footer-menu ul.flag,
footer .footer-menu ul.social-media {
    padding: 0;
    display: flex;
}

footer .footer-menu ul li {
    list-style: none;
}

footer .footer-menu ul {
    padding: 0;
}

footer .footer-menu ul li {
    margin-bottom: 15px;
    color: #fff;
}

footer .footer-menu ul li a {
    color: #fff;
}

/* footer .footer-end ul li a {
    color: #fff;
} */

footer .footer-end ul li:first-child {
    margin: 0;
}

footer .footer-end ul li {
    list-style: none;
    margin-left: 20px;
}

footer .footer-end ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

footer .footer-end p {
    margin: 0;
}

footer .footer-end .row {
    margin-top: 50px;
    padding: 50px 0;
}

footer .footer-end .container:after {
    content: "";
    position: absolute;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    /*background: linear-gradient(120deg, #fe00ff, #ffe500, #0027ff); background-size: 300% 300%; clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%); animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;*/
    background: #fff;
}

footer .footer-menu h6 {
    position: relative;
    color: #fff;
    font-size: 20px;
}

/*footer .footer-menu h6:after{content: ''; border-radius: 30px; position: absolute; height: 2px; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(120deg, #fe00ff, #ffe500, #0027ff); background-size: 300% 300%; clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%); animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite; width: 80px; height: 4px; bottom: -7px; top: unset;}*/

footer .footer-menu ul.social-media img {
    width: 20px;
}

/* motion */

@keyframes gradient-animation {
    0% {
        background-position: 15% 0%;
    }
    50% {
        background-position: 85% 100%;
    }
    100% {
        background-position: 15% 0%;
    }
}

@keyframes frame-enter {
    0% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
    }
    25% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }
    50% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);
    }
    75% {
        -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);
    }
    100% {
        -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);
    }
}

/*===================industries page===================*/

.industry-banner-crcl {
    background-image: url("../images/srcl.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 113%;
    width: 500px;
    height: 500px;
    margin: 0 auto;
}

.industry-banner-crcl::before {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    z-index: -1;
    background-image: url("../images/industry-banner-prtcl.png");
    background-repeat: no-repeat;
}

.industry-banner-crcl .big-iocn {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff5e5e;
    border-radius: 8px;
}

.industry-banner-crcl .big-iocn img {
    max-width: 35px;
}

.industry-banner-crcl .small-iocn {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 10px rgb(178 178 178 / 25%);
    border-radius: 40px;
    position: absolute;
    background-color: #fff;
    bottom: -20px;
    right: -20px;
}

.industry-banner-crcl .small-iocn img {
    max-width: 20px;
}

.industry-banner-crcl .box-iocns {
    position: absolute;
    animation: zoom-in-zoom-out 3s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(4) {
    bottom: 32%;
    left: -50px;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(4) .big-iocn {
    background: linear-gradient(180deg, #fdefff 0%, #f6b8ff 100%);
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(3) {
    bottom: 32%;
    right: -50px;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(3) .big-iocn {
    background: linear-gradient(180deg, #ffece8 0%, #ffbdae 100%);
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(3) .small-iocn {
    left: -20px;
    right: unset;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(2) {
    top: 0;
    right: 0;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(2) .big-iocn {
    background: linear-gradient(180deg, #ecfff3 0%, #a8ffcb 100%);
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(2) .small-iocn {
    left: -20px;
    right: unset;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(1) {
    top: 0;
    left: 0;
}

.industry-banner-crcl .outer-icon .box-iocns:nth-child(1) .big-iocn {
    background: linear-gradient(180deg, #ecf9ff 0%, #b8eaff 100%);
}

.industry-banner-crcl .round-small-crcl {
    position: relative;
    margin: 20px;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    margin: 0 auto;
}

.industry-banner-crcl .round-small-crcl:before {
    position: absolute;
    content: "";
    height: 250px;
    width: 250px;
    border: 3px dashed #e400ff;
    top: 0;
    left: 0;
    border-radius: inherit;
    animation: spin 20s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}

.industry-banner-crcl .round-big-crcl {
    position: absolute;
    height: 340px;
    width: 340px;
    border-radius: 50%;
    margin: 0 auto;
}

.industry-banner-crcl .round-big-crcl:before {
    position: absolute;
    content: "";
    height: 340px;
    width: 340px;
    border: 3px dashed #0080ff;
    top: -4px;
    left: 0;
    border-radius: inherit;
    animation: spintwo 20s linear infinite;
}

@keyframes spintwo {
    100% {
        transform: rotateZ(-360deg);
    }
}

.industry-banner-crcl .circle-section {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.industry-banner-crcl .hand-icon img {
    max-width: 65px;
}

.industry-banner-crcl .hand-icon {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    top: 0;
}

.industry-banner-crcl .circle-inner-text .text-content {
    position: absolute;
}

.industry-banner-crcl .circle-inner-text .text-content h6 {
    margin: 0;
    color: #fff !important;
    font-size: 14px;
    text-transform: capitalize;
}

.industry-banner-crcl .circle-inner-text .text-content h6 img {
    margin-right: 10px;
    width: 20px;
}

.industry-banner-crcl .circle-inner-text .text-content:first-child {
    background-color: #304afd;
    top: 89px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    padding: 15px 5px;
    border-radius: 30px;
}

.industry-banner-crcl .circle-inner-text .text-content:nth-child(2) {
    background-color: #e400ff;
    top: 38%;
    left: unset;
    right: -45px;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    padding: 15px 5px;
    border-radius: 30px;
}

.industry-banner-crcl .circle-inner-text .text-content:nth-child(3) {
    background-color: #0080ff;
    top: 38%;
    left: -50px;
    right: unset;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    padding: 15px 5px;
    border-radius: 30px;
}

.industry-banner-crcl .text-content {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
    -webkit-animation: float 5s ease-in-out infinite;
    animation: float 5s ease-in-out infinite;
}

@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
    50% {
        box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
        transform: translatey(-20px);
    }
    100% {
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        transform: translatey(0px);
    }
}

.inner-banner .banner-content {
    padding-right: 80px;
}

.reletive-section.agriment-sec-industry {
    padding-top: 90px;
}

.reletive-section.agriment-sec-industry .section-header h2,
.reletive-section.agriment-sec-industry .section-header p {
    color: #000;
}

.reletive-section.agriment-sec-industry::before {
    display: none;
}

.industry-bst-sec-wraper .box-content {
    padding: 35px;
    min-height: 317px;
    margin-bottom: 60px;
    padding-right: 150px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.industry-bst-sec-wraper .green-white-grd {
    background: linear-gradient(0deg, #ffffff 0%, #a8ffcb85 100%);
}

.industry-bst-sec-wraper .blue-white-grd {
    background: linear-gradient(0deg, #ffffff 0%, #b8eaff85 100%);
}

.industry-bst-sec-wraper .pink-white-grd {
    background: linear-gradient(0deg, #ffffff 0%, #f6b8ff85 100%);
}

.industry-bst-sec-wraper .yellow-white-grd {
    background: linear-gradient(0deg, #ffffff 0%, #f4ff9885 100%);
}

.industry-bst-sec {
    background-image: url("../images/business-bg.png");
    background-repeat: no-repeat;
    background-position: top -20% right;
}

.industry-bst-sec .end-btn {
    text-align: center;
    margin-top: 50px;
}

.industry-df-sec .sngl-box {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 40px 0;
    position: relative;
}

.industry-df-sec .sngl-box::before {
    content: "";
    border-radius: 30px;
    position: absolute;
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    /*background: linear-gradient(120deg, #fe00ff, #ffe500, #0027ff); background-size: 300% 300%; clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%); animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;*/
    background: #d9d9d9;
    width: 100%;
    height: 1px;
    bottom: -7px;
    top: 0;
}

.industry-df-sec .sngl-box .icon {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 40px;
    animation: zoom-in-zoom-out 4s ease-out infinite;
}

.industry-df-sec .sngl-box .content-box {
    padding-left: 60px;
}

.industry-df-sec .sngl-box .content-box h6 {
    margin-bottom: 15px;
    font-family: Gilroy-Bold;
    font-size: 24px;
}

.industry-df-sec .right-content {
    padding-left: 40px;
}

.industry-df-sec .sngl-box .content-box p:last-child {
    margin-bottom: 0;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.industry-df-sec {
    background-image: url("../images/banner-prtcl.png");
    background-repeat: no-repeat;
    background-position: top -20% left;
}

.industry-ttwu-sec {
    background: rgb(202, 0, 203);
    background: linear-gradient(90deg, rgba(202, 0, 203, 1) 0%, rgba(60, 114, 247, 1) 100%);
}

.industry-ttwu-sec .top-img {
    position: absolute;
    top: 0;
    width: 100%;
}

.industry-ttwu-sec .btm-img {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.industry-ttwu-sec .btm-img img,
.industry-ttwu-sec .top-img img {
    width: 100%;
}

.industry-ttwu-sec-wraper table th {
    color: #fff;
    font-size: 25px;
    padding: 15px 0 !important;
    vertical-align: middle !important;
}

.industry-ttwu-sec-wraper table td {
    vertical-align: middle !important;
    color: #fff;
    font-size: 18px;
    padding: 15px 18px !important;
    position: relative;
}

.industry-ttwu-sec-wraper table td::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 10px;
    transform: translateY(-50%);
}

/*==============ui ux page===================*/

.inner-banner .ui-ux-banner-crcl .circle-box {
    position: relative;
    width: 400px;
    height: 400px;
    background: #f4faff;
    box-shadow: 0px 4px 40px rgb(222 222 222 / 25%);
    border-radius: 400px;
    margin: 0 auto;
}

.inner-banner .ui-ux-banner-crcl .circle-two {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #ffffff;
    box-shadow: 0px 4px 40px rgb(222 222 222 / 25%);
    border-radius: 400px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 45px;
}

.inner-banner .ui-ux-banner-crcl .circle-three {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 400px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 95px;
    background: #fbfcfd;
    box-shadow: 0px 4px 40px rgb(173 173 173 / 25%);
}

.inner-banner .ui-ux-banner-crcl .circle-logo {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    border-radius: 100px;
    padding: 20px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-banner .ui-ux-banner-crcl .left-line {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 1;
}

.inner-banner .ui-ux-banner-crcl .right-line {
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 1;
}

.inner-banner .ui-ux-banner-crcl ul.lft-item li {
    list-style: none;
    width: 100px;
    height: 100px;
    background: #ffffff;
    box-shadow: 0px 4px 7px rgb(168 168 168 / 25%);
    border-radius: 24px;
    margin: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    animation: mid-zoom-uiux 4s ease-out infinite;
}

@keyframes mid-zoom-uiux {
    0% {
        transform: scale(0.8, 0.8);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.8, 0.8);
    }
}

.inner-banner .ui-ux-banner-crcl ul.lft-item {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -95px;
    z-index: 1;
    left: -10px;
}

.inner-banner .ui-ux-banner-crcl ul.right-item li {
    list-style: none;
    width: 100px;
    height: 100px;
    background: #ffffff;
    box-shadow: 0px 4px 7px rgb(168 168 168 / 25%);
    border-radius: 24px;
    margin: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    animation: mid-zoom-uiux 4s ease-out infinite;
}

.inner-banner .ui-ux-banner-crcl ul.right-item {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -95px;
    z-index: 1;
    right: -10px;
}

.inner-banner .ui-ux-banner-crcl .circle-logo img {
    max-width: 100px;
}

.inner-banner .ui-ux-banner-crcl .radius {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

.inner-banner .ui-ux-banner-crcl .place {
    background: #fbfcfd;
    box-shadow: 0px 4px 40px rgba(173, 173, 173, 0.25);
    z-index: 2;
}

.inner-banner .ui-ux-banner-crcl .radius .border-animation,
.inner-banner .ui-ux-banner-crcl .place {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
}

.inner-banner .ui-ux-banner-crcl .radius .border-animation {
    z-index: 1;
}

.inner-banner .ui-ux-banner-crcl .ba1 {
    animation: rounder1 2s linear 2s infinite alternate;
    background: #c2cdd76b;
    box-shadow: 0px 4px 40px rgb(222 222 222 / 25%);
}

@keyframes rounder1 {
    from {
        transform: scale(1.1);
    }
    to {
        transform: scale(1.39);
    }
}

.inner-banner .ui-ux-banner-crcl .ba2 {
    animation: rounder2 2s linear 2s infinite alternate;
    background: #c5d2dd5c;
    box-shadow: 0px 4px 40px rgb(222 222 222 / 25%);
}

@keyframes rounder2 {
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1.69);
    }
}

.inner-banner .ui-ux-banner-crcl .ba3 {
    animation: rounder3 2s linear 2s infinite alternate;
    background: #dbefff80;
    box-shadow: 0px 4px 40px rgb(222 222 222 / 25%);
}

@keyframes rounder3 {
    from {
        transform: scale(1.3);
    }
    to {
        transform: scale(1.99);
    }
}

.inner-banner .ui-ux-banner-crcl .wrap {
    position: relative;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transform-style: preserve-3d;
    perspective: 1000px;
    animation: rotate 14s infinite linear;
    z-index: 3;
}

@keyframes rotate {
    100% {
        transform: rotateY(360deg) rotateX(360deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    opacity: 0.8 !important;
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(1) {
    animation: orbit1 14s infinite;
    animation-delay: 0.01s;
    background-color: #e400ff;
}

@keyframes orbit1 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-124deg) rotateY(210deg) translateX(100px) rotateZ(124deg);
    }
    80% {
        transform: rotateZ(-124deg) rotateY(210deg) translateX(100px) rotateZ(124deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-124deg) rotateY(210deg) translateX(300px) rotateZ(124deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(2) {
    animation: orbit2 14s infinite;
    animation-delay: 0.02s;
    background-color: #0080ff;
}

@keyframes orbit2 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-27deg) rotateY(272deg) translateX(100px) rotateZ(27deg);
    }
    80% {
        transform: rotateZ(-27deg) rotateY(272deg) translateX(100px) rotateZ(27deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-27deg) rotateY(272deg) translateX(300px) rotateZ(27deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(3) {
    animation: orbit3 14s infinite;
    animation-delay: 0.03s;
    background-color: #000;
}

@keyframes orbit3 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-253deg) rotateY(198deg) translateX(100px) rotateZ(253deg);
    }
    80% {
        transform: rotateZ(-253deg) rotateY(198deg) translateX(100px) rotateZ(253deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-253deg) rotateY(198deg) translateX(300px) rotateZ(253deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(4) {
    animation: orbit4 14s infinite;
    animation-delay: 0.04s;
    background-color: #0080ff;
}

@keyframes orbit4 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-29deg) rotateY(14deg) translateX(100px) rotateZ(29deg);
    }
    80% {
        transform: rotateZ(-29deg) rotateY(14deg) translateX(100px) rotateZ(29deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-29deg) rotateY(14deg) translateX(300px) rotateZ(29deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(5) {
    animation: orbit5 14s infinite;
    animation-delay: 0.05s;
    background-color: #e400ff;
}

@keyframes orbit5 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-233deg) rotateY(348deg) translateX(100px) rotateZ(233deg);
    }
    80% {
        transform: rotateZ(-233deg) rotateY(348deg) translateX(100px) rotateZ(233deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-233deg) rotateY(348deg) translateX(300px) rotateZ(233deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(6) {
    animation: orbit6 14s infinite;
    animation-delay: 0.06s;
    background-color: #000;
}

@keyframes orbit6 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-174deg) rotateY(107deg) translateX(100px) rotateZ(174deg);
    }
    80% {
        transform: rotateZ(-174deg) rotateY(107deg) translateX(100px) rotateZ(174deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-174deg) rotateY(107deg) translateX(300px) rotateZ(174deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(7) {
    animation: orbit7 14s infinite;
    animation-delay: 0.07s;
    background-color: #e400ff;
}

@keyframes orbit7 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-123deg) rotateY(280deg) translateX(100px) rotateZ(123deg);
    }
    80% {
        transform: rotateZ(-123deg) rotateY(280deg) translateX(100px) rotateZ(123deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-123deg) rotateY(280deg) translateX(300px) rotateZ(123deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(8) {
    animation: orbit8 14s infinite;
    animation-delay: 0.08s;
    background-color: #0080ff;
}

@keyframes orbit8 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-9deg) rotateY(7deg) translateX(100px) rotateZ(9deg);
    }
    80% {
        transform: rotateZ(-9deg) rotateY(7deg) translateX(100px) rotateZ(9deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-9deg) rotateY(7deg) translateX(300px) rotateZ(9deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(9) {
    animation: orbit9 14s infinite;
    animation-delay: 0.09s;
    background-color: #000;
}

@keyframes orbit9 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-238deg) rotateY(199deg) translateX(100px) rotateZ(238deg);
    }
    80% {
        transform: rotateZ(-238deg) rotateY(199deg) translateX(100px) rotateZ(238deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-238deg) rotateY(199deg) translateX(300px) rotateZ(238deg);
    }
}

.inner-banner .ui-ux-banner-crcl .c:nth-child(10) {
    animation: orbit10 14s infinite;
    animation-delay: 0.1s;
    background-color: #0080ff;
}

@keyframes orbit10 {
    20% {
        opacity: 1;
    }
    30% {
        transform: rotateZ(-298deg) rotateY(63deg) translateX(100px) rotateZ(298deg);
    }
    80% {
        transform: rotateZ(-298deg) rotateY(63deg) translateX(100px) rotateZ(298deg);
        opacity: 1;
    }
    100% {
        transform: rotateZ(-298deg) rotateY(63deg) translateX(300px) rotateZ(298deg);
    }
}

.ui-ux-banner-crcl .bg-img {
    position: absolute;
    top: -100%;
}

.section-header-left {
    margin-bottom: 80px;
    max-width: 80%;
}

.ui-ux-srvc-sec .sngl-srvc h6 {
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #00000052;
}

.ui-ux-srvc-sec .sngl-srvc {
    margin-top: 50px;
}

.ui-ux-srvc-sec {
    background-image: url("../images/business-bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.ui-ux-work-mthod-wraper ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-ux-work-mthod-wraper ul li {
    padding-top: 20px;
    padding-left: 20px;
    position: relative;
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.ui-ux-work-mthod-wraper ul li .number-sec {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.ui-ux-work-mthod-wraper ul li .number-sec h6 {
    margin: 0;
    font-size: 16px;
}

.ui-ux-work-mthod-wraper ul li .work-sngl {
    position: relative;
    background-color: #fff;
    padding: 20px;
    padding-bottom: 0;
}

.ui-ux-work-mthod-wraper ul li .work-sngl::before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.ui-ux-work-mthod-wraper ul li:nth-child(even) {
    margin-top: 40px;
}

.ui-ux-work-mthod-wraper ul li.yellow .work-sngl::before {
    background-color: #fff7d2;
}

.ui-ux-work-mthod-wraper ul li.yellow .work-sngl .number-sec {
    background-color: #fff7d2;
}

.ui-ux-work-mthod-wraper ul li.yellow .work-sngl .number-sec h6 {
    color: #ff9d00;
}

.ui-ux-work-mthod-wraper ul li.green .work-sngl::before {
    background-color: #ddffdb;
}

.ui-ux-work-mthod-wraper ul li.green .work-sngl .number-sec {
    background-color: #ddffdb;
}

.ui-ux-work-mthod-wraper ul li.green .work-sngl .number-sec h6 {
    color: #339f00;
}

.ui-ux-work-mthod-wraper ul li.pink .work-sngl::before {
    background-color: #fad6ff;
}

.ui-ux-work-mthod-wraper ul li.pink .work-sngl .number-sec {
    background-color: #fad6ff;
}

.ui-ux-work-mthod-wraper ul li.pink .work-sngl .number-sec h6 {
    color: #df00ff;
}

.ui-ux-work-mthod-wraper ul li.blue .work-sngl::before {
    background-color: #d5e8ff;
}

.ui-ux-work-mthod-wraper ul li.blue .work-sngl .number-sec {
    background-color: #d5e8ff;
}

.ui-ux-work-mthod-wraper ul li.blue .work-sngl .number-sec h6 {
    color: #0077ff;
}

.ui-ux-work-mthod-wraper ul li.red .work-sngl::before {
    background-color: #ffded2;
}

.ui-ux-work-mthod-wraper ul li.red .work-sngl .number-sec {
    background-color: #ffded2;
}

.ui-ux-work-mthod-wraper ul li.red .work-sngl .number-sec h6 {
    color: #ff4400;
}

.ui-ux-we-do-sec .we-do-sngl .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    animation: ui-we-icon 2s ease-out infinite;
    filter: brightness(0);
}

.ui-ux-we-do-sec .we-do-sngl .icon {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
}

.ui-ux-we-do-sec .we-do-sngl {
    padding: 35px;
    height: 100%;
}

@keyframes ui-we-icon {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.ui-ux-we-do-sec .we-do-sngl {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.ui-ux-we-do-sec .we-do-sngl:hover {
    box-shadow: 0 0 50px #00000021;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.ui-ux-we-do-sec {
    background-image: url("../images/business-bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

/*===========about us============*/

.about-banner-crcl .grid {
    margin: 50px auto;
    position: relative;
    width: 400px;
    height: 50vh;
}

.about-banner-crcl .f {
    border-top: 10px dashed #e400ff;
    border-bottom: 10px solid #e400ff;
    border-left: 10px dashed #0080ff;
    border-right: 10px solid #0080ff;
    border-radius: 50%;
    width: 420px;
    height: 420px;
    position: absolute;
    top: 33px;
    left: 4px;
    animation: ani 55s linear infinite;
}

.about-banner-crcl .g {
    border: 3px dashed #7a9efbad;
    border-radius: 50%;
    width: 480px;
    height: 480px;
    position: absolute;
    top: 5px;
    left: -25px;
    animation: anim 45s linear infinite;
}

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

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

.about-banner-crcl .top-img img,
.about-banner-crcl .btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-banner-crcl .top-img {
    box-shadow: 0 0 29px #00000045;
    position: absolute;
    top: -10%;
    width: 300px;
    height: 300px;
    border-radius: 350px;
    overflow: hidden;
    animation: swing ease-in-out 1.5s infinite alternate;
}

.about-banner-crcl .btm-img {
    box-shadow: 0 0 29px #00000045;
    position: absolute;
    bottom: -10%;
    right: 0;
    width: 300px;
    height: 300px;
    border-radius: 350px;
    overflow: hidden;
    animation: swing ease-in-out 1.5s infinite alternate;
}

@keyframes swing {
    0% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}

.about-banner-crcl {
    background-image: url("../images/industry-banner-prtcl.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.about-wwr-sec .top-img,
.career-d-apply.frontent-src-lst .top-img {
    position: absolute;
    top: -8px;
}

.about-wwr-sec .top-img img,
.career-d-apply.frontent-src-lst .top-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-wwr-sec {
    padding-top: 150px;
}

.about-wwr-sec .lft-text {
    padding-right: 100px;
}

.about-wwr-sec .lft-text h6 {
    line-height: 1.5;
    background: linear-gradient(102.31deg, #b800d2 16.67%, #007dfe 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.about-wwr-sec {
    background-image: url("../images/banner-prtcl.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom -100px left;
}

.about-awc-sec .left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-awc-sec .left-img {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.about-awc-sec .right-text {
    padding-left: 50px;
}

.about-awc-sec .right-text-wraper {
    margin-left: -30%;
    margin-top: 80px;
}

.about-awc-sec .box-text {
    background-color: #fff;
    box-shadow: 0px 4px 57px rgb(180 180 180 / 25%);
    padding: 30px;
    height: 100%;
}

.about-awc-sec .box-text h3 {
    position: relative;
    margin: 0;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000000;
    color: #0000 !important;
    font-size: 80px;
    margin-bottom: 10px;
}

.about-awc-sec .box-text p {
    margin-bottom: 0;
    font-size: 15px;
}

.about-awc-sec .box-text h3::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    opacity: 0.2;
}

.about-awc-sec .right-text-wraper .col-lg-4:first-child .box-text h3::before {
    background-color: #00ff66;
}

.about-awc-sec .right-text-wraper .col-lg-4:nth-child(2) .box-text h3::before {
    background-color: #304afd;
}

.about-awc-sec .right-text-wraper .col-lg-4:nth-child(3) .box-text h3::before {
    background-color: #b800d2;
}

.about-wcu-sec .sngl-box .iocn-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-wcu-sec .sngl-box h5 {
    margin-bottom: 15px;
}

.about-wcu-sec .sngl-box {
    padding: 20px;
}

.about-wcu-sec .sngl-box:hover {
    box-shadow: 0 0 25px #00000017;
}

.about-wcu-sec .sngl-box .iocn-box {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-animation: about-icon-up-down 1.5s infinite alternate;
    animation: about-icon-up-down 1.5s infinite alternate;
}

@-webkit-keyframes about-icon-up-down {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(15px);
    }
}

.about-team-sec .overlay-logo-animaton {
    width: 100%;
    height: 660px;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.about-team-sec .overlay-logo-animaton img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.about-team-sec .image-box {
    width: 100%;
    height: 660px;
    overflow: hidden;
}

.about-team-sec .image-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-team-sec .about-team-wraper {
    cursor: none;
}

.awrd-banner-crcl .fire-work-sec {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.awrd-banner-crcl .fire-work-sec svg:first-child {
    position: absolute;
    top: 0;
    left: 31%;
    color: #ff9393;
}

.awrd-banner-crcl .fire-work-sec svg:last-child {
    position: absolute;
    bottom: 31px;
    right: 18px;
    font-size: 59px;
    color: #fb8f33;
}

.awrd-banner-crcl .blinking-star.fa-star {
    font-size: 100px;
}

.blinking-star {
    -webkit-animation: blink-animation 1s infinite;
    animation: blink-animation 1s infinite;
}

@-webkit-keyframes blink-animation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes blink-animation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.star2 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.blinking-star {
    -webkit-animation: blink-animation 1s infinite, scale-animation 1s infinite;
    animation: blink-animation 1s infinite, scale-animation 1s infinite;
}

.star2 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes scale-animation {
    0% {
        transform: scale(0.5, 0.5);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.5, 0.5);
    }
}

@keyframes scale-animation {
    0% {
        transform: scale(0.5, 0.5);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.5, 0.5);
    }
}

.awrd-secton-page .top-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.awrd-secton-page .top-img {
    position: absolute;
    top: -8px;
    width: 100%;
}

.awrd-secton-page .sngl-awrd {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 50px 0;
    align-items: center;
    margin-bottom: 30px;
    padding-right: 50px;
}

.awrd-secton-page .award-imge {
    width: 400px;
    height: 400px;
    margin-right: 70px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    border-radius: 400px;
    box-shadow: 0 0 35px #0000001c;
}

.awrd-secton-page .award-imge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.awrd-secton-page .award-content {
    width: calc(100% - 470px);
}

.awrd-secton-page .award-content ul li svg {
    color: #ffb100;
}

.awrd-secton-page .award-content ul li {
    list-style: none;
    display: inline-block;
}

.awrd-secton-page .award-content ul {
    padding: 0;
}

.awrd-secton-page .award-content h4 span {
    font-size: 60px;
    font-weight: bold;
}

.awrd-secton-page .sngl-awrd::before {
    content: "";
    background: radial-gradient(118.02% 400.62% at 96.09% 16.63%, #ffc700 0%, #fabf0e 13.12%, #bf65a4 54.27%, #b252c5 67.55%, #7f79d5 80.04%, #00dbff 100%);
    width: 88%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0.15;
    right: 0;
    top: 0;
}

.awrd-secton-page .awrd-secton-wraper .sngl-awrd:nth-child(even) {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 50px;
}

.awrd-secton-page .sngl-awrd:nth-child(even)::before {
    right: unset;
    left: 0;
}

.awrd-secton-page .sngl-awrd:nth-child(even) .award-imge {
    margin-right: 0;
    margin-left: 50px;
}

.awrd-secton-page {
    background-image: url("../images/banner-prtcl.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}

.awrd-crtifct-sec .box-content {
    text-align: center;
    padding: 30px;
    height: 100%;
}

.awrd-crtifct-sec .box-content .icon {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 160px;
    margin-bottom: 30px;
}

.awrd-crtifct-sec .box-content .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.awrd-crtifct-sec .yellow-bg {
    background-color: #fcffd8;
}

.awrd-crtifct-sec .pink-bg {
    background-color: #fdecff;
}

.awrd-crtifct-sec .grn-bg {
    background-color: #e8fff0;
}

.awrd-crtifct-sec {
    background-image: url("../images/business-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*==========blog================*/

.crcl-sec.blog-srcl-banner .icon-block:first-child {
    top: -64px;
    left: 112%;
    transform: translate(-153%, 101%);
    -webkit-transform: translate(-153%, 101%);
    background: #b800d2;
    box-shadow: 9px 8px 15px rgb(184 0 210 / 35%);
    clip-path: polygon(50% 1%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    overflow: hidden;
    border-radius: 0;
    width: 100px;
    height: 100px;
}

.crcl-sec.blog-srcl-banner .icon-block:first-child img {
    width: 55px;
}

.crcl-sec.blog-srcl-banner .circle .icon-block:first-child {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    top: 6%;
    left: 105%;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(3) {
    bottom: 41%;
    left: 18%;
    transform: translate(-153%, 101%);
    -webkit-transform: translate(-153%, 101%);
    background: #b800d2;
    box-shadow: 9px 8px 15px rgb(184 0 210 / 35%);
    clip-path: polygon(50% 1%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    overflow: hidden;
    border-radius: 0;
    width: 80px;
    height: 80px;
    background-color: #72b62b;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(3) img {
    width: 40px;
}

.crcl-sec.blog-srcl-banner .circle .icon-block:nth-child(3) {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    bottom: -12%;
    left: 79%;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(4) {
    top: -21%;
    left: 38%;
    transform: translate(-153%, 101%);
    -webkit-transform: translate(-153%, 101%);
    background: #b800d2;
    box-shadow: 9px 8px 15px rgb(184 0 210 / 35%);
    clip-path: polygon(50% 1%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    overflow: hidden;
    border-radius: 0;
    width: 90px;
    height: 90px;
    background-color: #007dfe;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(4) img {
    width: 40px;
}

.crcl-sec.blog-srcl-banner .circle .icon-block:nth-child(4) {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    top: 79%;
    left: -7%;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(2) {
    top: 59%;
    right: -64%;
    transform: translate(-153%, 101%);
    -webkit-transform: translate(-153%, 101%);
    box-shadow: none;
    border-radius: 0;
    width: 200px;
    height: 100px;
    background-color: transparent;
}

.crcl-sec.blog-srcl-banner .icon-block:nth-child(2) img {
    width: 100%;
}

.crcl-sec.blog-srcl-banner .circle .icon-block:nth-child(2) {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    top: -4%;
    right: 91%;
    background-color: #7f13de;
}

.crcl-sec.blog-srcl-banner .bg-clr-chnagecrcl {
    animation: changeBackgroundColor 7s infinite;
    position: absolute;
    top: 15%;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    opacity: 0.5;
}

@keyframes changeBackgroundColor {
    0% {
        background-color: #1920fe;
    }
    50% {
        background-color: #00d1ff;
    }
    100% {
        background-color: #f700ff;
    }
}

.blog-listing-sec div#nav-tab {
    border: none;
    justify-content: center;
}

.blog-listing-sec .card {
    border: none;
}

.blog-listing-sec div#nav-tab button:last-child {
    /*margin: 0;*/
}

.blog-listing-sec div#nav-tab button {
    background-color: #fff;
    border-radius: 30px;
    color: #cccccc;
    font-size: 22px;
    padding: 9px 35px;
    margin: 0 7.5px 15px 7.5px;
    border: 1px solid #cccccc;
}

.blog-listing-sec div#nav-tab button.active {
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    border-color: #000;
}

.blog-listing-wraper .blog-cart .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-listing-wraper .blog-cart .image-box {
    width: 100%;
    overflow: hidden;
}

.blog-listing-wraper .sngl-listing-box .row .col-lg-3 {
    margin-top: 25px;
}

.blog-listing-wraper .blog-cart {
    border: 1px solid #0000003d;
    height: 100%;
}

.blog-listing-wraper .conttext-box {
    padding: 30px;
}

.blog-listing-wraper .conttext-box h6 {
    margin: 0;
    background-color: #d4ffe5;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 14px;
}

.blog-listing-wraper .conttext-box h5 {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 72px;
    margin: 0 auto;
    line-height: 35px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.blog-listing-wraper .conttext-box ul li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.blog-listing-wraper .conttext-box ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #0006;
    color: #777777;
    padding-right: 10px;
    margin-right: 10px;
}

.blog-listing-wraper .conttext-box ul {
    padding: 0;
}

.blog-listing-wraper .conttext-box {
    padding: 30px;
}

.blog-listing-wraper .conttext-box p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 90px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.blog-listing-wraper .sngl-listing-box .col-lg-4:first-child {
    width: 100%;
}

.blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart {
    display: flex;
    align-items: center;
}

.blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart .image-box {
    width: 600px;
    height: 500px;
    margin-right: 30px;
}

.blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .conttext-box {
    width: calc(100% - 630px);
}

.blog-listing-wraper .end-btn {
    text-align: center;
    margin-top: 50px;
}

.blog-listing-sec {
    background-image: url("../images/black-partical.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 150px;
}

.blog-listing-sec .tab-content {
    margin-top: 10px;
}

.blog-listing-sec div#nav-tab button:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

/*=========blog details==========*/

.blog-details-wraper h3 {
    /*padding-right: 10%;line-height: 110px;font-size: 100px;*/
}

.blog-details-wraper .image-box {
    width: 100%;
    height: 700px;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 50px;
}

.blog-details-wraper .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-details-wraper .detls-action ul li a {
    color: #aaaaaa;
}

.blog-details-wraper .detls-action ul li {
    list-style: none;
    margin-left: 17px;
    font-size: 18px;
    color: #aaaaaa;
}

.blog-details-wraper .detls-action ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

.blog-details-wraper .detls-action ul li a:hover {
    color: #000;
}

.blog-details-wraper .detls-action {
    margin-top: 50px;
}

.blog-details {
    background-image: url("../images/banner-prtcl.png"), url("../images/business-bg.png"), url("../images/industry-banner-prtcl.png");
    background-position: center left, top right, bottom right;
    background-repeat: no-repeat, no-repeat, no-repeat;
}

/*=========carrer==========*/

.carrer-banner-crcl .round-one {
    position: absolute;
    top: 0;
    width: 500px;
    height: 500px;
    border: 1px solid #d600ff4f;
    border-radius: 500px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: carrer-big-crcl 3s ease-out infinite;
}

@keyframes carrer-big-crcl {
    0% {
        transform: scale(0.8, 0.8);
    }
    50% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(0.8, 0.8);
    }
}

.carrer-banner-crcl .round-Two {
    position: absolute;
    top: 0px;
    width: 500px;
    height: 500px;
    border: 1px solid #0068ff42;
    border-radius: 500px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: carrer-small-crcl 3s ease-out infinite;
}

@keyframes carrer-small-crcl {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.8, 0.8);
    }
    100% {
        transform: scale(1, 1);
    }
}

.carrer-banner-crcl .girl-img {
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 320px;
    margin: 0 auto;
}

.carrer-banner-crcl .top-img {
    position: absolute;
    top: 0;
    z-index: -1;
    transform: translatey(0px);
    -webkit-animation: carrer-image-one 6s ease-in-out infinite;
    animation: carrer-image-one 6s ease-in-out infinite;
}

@keyframes carrer-image-one {
    0% {
        transform: translatey(0px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
    50% {
        transform: translatey(80px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        transform: translatey(0px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
}

.carrer-banner-crcl .btm-img {
    position: absolute;
    bottom: 0;
    right: -55px;
    z-index: 1;
    transform: translatey(0px);
    -webkit-animation: carrer-image-two 6s ease-in-out infinite;
    animation: carrer-image-two 6s ease-in-out infinite;
}

@keyframes carrer-image-two {
    0% {
        transform: translatey(0px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
    50% {
        transform: translatey(-80px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        transform: translatey(0px);
        box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.1);
    }
}

.carrer-banner-crcl {
    background-image: url("../images/industry-banner-prtcl.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.carrer-banner-crcl .round-box {
    position: relative;
    z-index: -1;
}

.career-open-sec .search-section {
    border: 1px solid #cbcbcb;
    padding: 65px;
    margin-bottom: 120px;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 15px 30px 0px rgba(9, 11, 68, 0.05);
}

.career-open-sec .search-section button.btn {
    width: 100%;
    height: 60px;
}

.career-open-sec .search-section select.form-select {
    height: 60px !important;
    border-radius: 0 !important;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button::after {
    position: absolute;
    top: 27px;
    right: 25px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button {
    display: block;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button {
    position: relative;
    font-size: 35px;
    color: #000 !important;
    background-color: #fff;
    padding: 60px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button p {
    font-size: 20px;
    margin-top: 15px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button ul {
    padding: 0;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 140px;
}

/*.career-open-sec .frontent-src-lst-wraper .accordion-button ul li:last-child {margin: 0;}*/

.career-open-sec .frontent-src-lst-wraper .accordion-button ul li {
    list-style: none;
    margin-right: 15px;
    border: 1px solid #0000002b;
    font-size: 18px;
    position: relative;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button ul li span {
    width: 23px;
    height: 23px;
    display: flex;
    margin-right: 13px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button a.btn {
    position: absolute;
    right: 60px;
    bottom: 60px;
    padding: 14px 40px;
}

.accordion-button {
    box-shadow: none !important;
    outline: 0 !important;
    border: none !important;
}

.accordion-body {
    padding: 20px 41px;
    padding-top: 0;
    padding-right: 65px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-item {
    border: 1.5px solid #cccccc;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 4px 49px 0px rgba(181, 181, 181, 0.25);
}

/*.career-open-sec .frontent-src-lst-wraper button.accordion-button::after{content: "";width: 25px;height: 25px;background-image: url('../images/minus.png');background-repeat: no-repeat;background-size: contain;background-position: center center;} .career-open-sec .frontent-src-lst-wraper button.accordion-button.collapsed::after{content: "";width: 25px;height: 25px;background-image: url('../images/psl.png');background-repeat: no-repeat;background-size: contain;background-position: center center;}*/

.career-open-sec .frontent-src-lst-wraper button.accordion-button ul li span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.career-open-sec .frontent-src-lst {
    margin-bottom: 80px;
}

/*.career-open-sec{padding-top: 150px;background-image: url('../images/banner-prtcl.png'), url('../images/business-bg.png'), url('../images/industry-banner-prtcl.png');background-position: center left, top right, bottom right;background-repeat: no-repeat, no-repeat, no-repeat;}*/

.career-open-sec {
    padding-top: 150px;
    background-image: url("../images/career-bn.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.career-open-sec .top-img {
    position: absolute;
    top: -8px;
}

.career-open-sec .top-img img {
    width: 100%;
}

/*==========contact==========*/

.contact-banner-crcl .round-box {
    width: 480px;
    height: 480px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.carrer-banner-crcl.contact-banner-crcl .top-img,
.carrer-banner-crcl.contact-banner-crcl .btm-img {
    box-shadow: none !important;
}

.carrer-banner-crcl.contact-banner-crcl .top-img {
    margin-left: -65px;
}

.contact-banner-crcl .dot-roted {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0px;
    right: 0;
    z-index: -9;
    opacity: 0.2;
}

.contact-banner-crcl .image-with-dot-ani {
    position: absolute;
    bottom: 0;
}

.contact-banner-crcl .threedotloader {
    position: absolute;
    top: 42px;
    right: 75px;
}

.contact-banner-crcl .threedotloader .dot {
    width: 13px;
    height: 13px;
    border-radius: 1.4em;
    background-color: #304afd;
    transform: scale(0);
    display: inline-block;
    animation: dotanim 1.6s infinite ease-in-out;
}

.contact-banner-crcl .threedotloader .dot:nth-child(1) {
    animation-delay: 0s;
}

.contact-banner-crcl .threedotloader .dot:nth-child(2) {
    animation-delay: 0.25s;
}

.contact-banner-crcl .threedotloader .dot:nth-child(3) {
    animation-delay: 0.5s;
}

.contact-banner-crcl .threedotloader .dot:nth-child(4) {
    animation-delay: 0.75s;
}

@keyframes dotanim {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    90% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}

.contact-page-dtls-sec .sngl-dtls h5 i {
    font-style: inherit;
    color: #666666;
    font-size: 22px;
}

.contact-page-dtls-sec .sngl-dtls h5 span {
    position: absolute;
    left: 0;
    top: 21px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.contact-page-dtls-sec .sngl-dtls h5 {
    position: relative;
    margin-bottom: 20px;
    padding-left: 55px;
    font-size: 80px;
}

.contact-page-dtls-sec .sngl-dtls p {
    margin-bottom: 30px;
}

.contact-page-dtls-sec .sngl-dtls a {
    color: #000;
    margin-bottom: 10px;
    display: block;
    font-size: 30px;
}

.contact-page-dtls-sec .sngl-dtls {
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

/*.contact-page-dtls-sec .sngl-dtls:after {content: ''; border-radius: 30px; position: absolute; height: 2px; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; background: linear-gradient(120deg, #fe00ff, #ffe500, #0027ff); background-size: 300% 300%; clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%); animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite; width: 100%; height: 4px; bottom: -7px; top: unset; }*/

.contact-page-dtls-sec .contact-address-sec {
    padding-right: 50px;
}

.contact-page-dtls-sec .contact-address-sec .sngl-dtls:last-child {
    padding: 0;
    margin: 0;
}

.contact-page-dtls-sec .contact-address-sec .sngl-dtls:last-child::after {
    display: none;
}

.contact-page-dtls-sec .contact-frm-sec input.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    height: 70px;
    padding-left: 0;
    padding-right: 0;
}

.contact-page-dtls-sec .contact-frm-sec textarea.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    height: 150px;
    resize: none;
    padding-left: 0;
    padding-right: 0;
}

.contact-page-dtls-sec .contact-frm-sec button.btn.btn-transfrnt {
    margin-top: 40px;
}

.contact-page-dtls-sec .contact-frm-sec .contatc-hd {
    margin-bottom: 40px;
}

.contact-page-dtls-sec .top-img {
    position: absolute;
    top: -2px;
}

.contact-page-dtls-sec .top-img img {
    width: 100%;
}

/*.contact-page-dtls-sec{padding-top: 150px; background-image: url('../images/banner-prtcl.png'), url('../images/industry-banner-prtcl.png'); background-position: top left, bottom right; background-repeat: no-repeat, no-repeat;}*/

.contact-page-dtls-sec {
    background-image: url(../images/career-bn.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.map-sec {
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.map-sec iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*==========team=================*/

.inner-banner .crcl-sec.team-crcl-banner .center-logo {
    width: 320px;
    height: 320px;
}

.crcl-sec.team-crcl-banner .icon-block img {
    width: auto;
    width: 100%;
    height: 100%;
}

.crcl-sec.team-crcl-banner .icon-block:nth-child(5) {
    top: 7%;
    left: 0%;
    width: 123px;
    height: 123px;
}

.crcl-sec.team-crcl-banner .icon-block:nth-child(2) {
    top: 68%;
    right: -2%;
    width: 100px;
    height: 100px;
}

.crcl-sec.team-crcl-banner .icon-block:nth-child(6) {
    top: 51%;
    left: -29%;
    width: 100px;
    height: 100px;
}

.crcl-sec.team-crcl-banner .icon-block:nth-child(3) {
    bottom: 0%;
    left: 48%;
    width: 20px;
    height: 21px;
}

.crcl-sec.team-crcl-banner .icon-block:first-child {
    top: 23%;
    left: 100%;
    width: 20px;
    height: 20px;
}

.crcl-sec.team-crcl-banner .icon-block:nth-child(4) {
    top: 18%;
    left: 12%;
    width: 20px;
    height: 20px;
}

.tim-wraper .img-box {
    width: 315px;
    height: 315px;
    margin-bottom: 30px;
    border-radius: 350px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px;
}

.tim-wraper .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tim-wraper .contant h5 {
    margin-bottom: 5px;
}

.tim-wraper .contant p {
    margin-bottom: 15px;
}

.tim-wraper ul li ul {
    justify-content: center;
}

.tim-wraper .contant {
    text-align: center;
}

.tim-wraper ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tim-wraper .contant ul li {
    margin: 0 10px;
    -webkit-box-flex: 0;
    -ms-flex: inherit;
    flex: inherit;
    max-width: initial;
    padding: 0 0px;
}

.tim-wraper .contant ul li svg {
    color: #000;
}

.tim-wraper ul li {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
}

.tim-wraper ul li {
    list-style: none;
}

.tim-wraper .sngl-prsn .img-box {
    width: 265px;
    height: 265px;
}

.tim-wraper .owl-nav {
    display: none;
}

.tim-wraper .owl-theme .owl-dots .owl-dot.active span,
.tim-wraper .owl-theme .owl-dots .owl-dot:hover span {
    background: #000000;
}

.tim-wraper .owl-theme .owl-dots {
    margin-top: 10px;
}

.full-team-sec .founder-sec {
    margin-bottom: 80px;
}

.full-team-sec .founder-sec:last-child {
    margin-bottom: 0px;
}

.full-team-sec {
    padding-top: 150px;
    background-image: url("../images/banner-prtcl.png"), url("../images/industry-banner-prtcl.png"), url("../images/industry-banner-prtcl.png");
    background-position: top left, bottom left, center right;
    background-repeat: no-repeat, no-repeat;
}

.full-team-sec .top-img {
    position: absolute;
    top: -2px;
}

.full-team-sec .top-img img {
    width: 100%;
}

/*==============portfolio=================*/

.portfolio-crcl-banner .pc-img {
    text-align: center;
    -webkit-animation: por-dk-img 2s infinite alternate;
    animation: por-dk-img 2s infinite alternate;
}

@keyframes por-dk-img {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-30px);
    }
}

.portfolio-crcl-banner .mobo-img {
    position: absolute;
    bottom: -65px;
    right: 0;
    -webkit-animation: por-md-img 2s infinite alternate;
    animation: por-md-img 2s infinite alternate;
}

@keyframes por-md-img {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

.portfolio-crcl-banner .p-crcl {
    animation: por-zoom-inout 2s ease-out infinite;
}

@keyframes por-zoom-inout {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

.portfolio-crcl-banner .p-crcl-one.p-crcl {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-color: #fff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.portfolio-crcl-banner .p-crcl-two.p-crcl {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 145px;
    height: 145px;
    background-color: #fff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.portfolio-crcl-banner .p-crcl-three.p-crcl {
    position: absolute;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    background-color: #fff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    top: -50px;
    left: -60px;
}

.portfolio-crcl-banner .p-crcl-four.p-crcl {
    position: absolute;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background-color: #1e1e1e;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    top: 34%;
    left: -60px;
}

.portfolio-crcl-banner .p-crcl-five.p-crcl {
    position: absolute;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    background-color: #fff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    top: -50px;
    right: 0;
}

.portfolio-crcl-banner .p-crcl-six.p-crcl {
    position: absolute;
    margin: 0 auto;
    width: 65px;
    height: 65px;
    background-color: #fff;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 15%);
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px;
    top: 49%;
    right: 0;
}

.portfolio-crcl-banner {
    background-image: none;
}

.portfolio-crcl-banner .bg-img {
    position: absolute;
    z-index: -1;
    max-width: 87%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.portfolio-page-sec {
    padding-top: 150px;
    background-image: url("../images/banner-prtcl.png"), url("../images/industry-banner-prtcl.png"), url("../images/industry-banner-prtcl.png");
    background-position: top left, bottom left, center right;
    background-repeat: no-repeat, no-repeat;
    min-height: 100vh;
}

.portfolio-page-sec .top-img {
    position: absolute;
    top: -2px;
    width: 100%;
}

.portfolio-page-sec .top-img img {
    width: 100%;
}

.portfolio-page-sec div#nav-tab {
    border: none;
}


@keyframes blink-shadow {
  100% {
    box-shadow: 0 0 3px #fff, 0 0 35px #fff, 0 0 0px #fff, 0 0 40px #0ba9ca,
      0 0 22px #b800d2, 0 0 50px #007dfe;
  }
}

.portfolio-page-sec div#nav-tab button.active {
    background-color: #000;
    color: #fff;
    border-color: #000;
    box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 5px #0ba9ca, 0 0 5px #0ba9ca, 0 0 2px #0ba9ca, 0 0 50px #0ba9ca;
    animation: blink-shadow 1.5s infinite alternate;
}

.portfolio-page-sec div#nav-tab button {
    background-color: #fff;
    border-radius: 30px;
    color: #999999;
    font-size: 22px;
    padding: 9px 35px;
    margin-right: 15px;
    border: 1px solid #999999;

}

.portfolio-page-sec div#nav-tab button:last-child {
    margin: 0;
}

.portfolio-page-sec .card {
    border: none;
    background: transparent;
}

.portfolio-page-sec .sngl-portflio .big-img {
    width: 100%;
    height: 1000px;
    overflow: hidden;
    margin-bottom: 30px;
}

.portfolio-page-sec .sngl-portflio .big-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio-page-sec .sngl-portflio .content-box h5 {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 91px;
    margin: 0 auto;
    line-height: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.portfolio-page-sec .sngl-portflio .content-box ul li:last-child {
    margin-right: 0;
}

.portfolio-page-sec .sngl-portflio .content-box ul li {
    list-style: none;
    border: 1px solid #000;
    margin-right: 15px;
    padding: 5px 20px;
    border-radius: 30px;
    color: #000;
}

.portfolio-page-sec .sngl-portflio .content-box p {
    color: #000;
}

.portfolio-page-sec .sngl-portflio .content-box ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.portfolio-page-sec .sngl-portflio .content-box {
    padding-right: 30%;
    position: relative;
}

.portfolio-page-sec .sngl-portflio .arrow-img {
    position: absolute;
    top: 15px;
    right: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.portfolio-page-sec .sngl-portflio:hover .arrow-img {
    top: 0px;
    right: 00px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.portfolio-page-sec .sngl-portflio .content-box p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 100px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portfolio-page-sec .sngl-portflio.for-small-box .content-box {
    padding-right: 25%;
}

.portfolio-page-sec .sngl-portflio .small-img {
    height: 325px;
    margin-bottom: 20px;
    overflow: hidden;
}

.portfolio-main-wrap .sngl-portflio.for-small-box {
    margin-bottom: 50px;
}

.portfolio-main-wrap .sngl-portflio.for-small-box:last-child {
    margin-bottom: 0;
}

.portfolio-page-sec .tab-content .portfolio-main-wrap {
    margin-bottom: 50px;
}

.portfolio-page-sec .tab-pane .portfolio-main-wrap:last-child {
    margin-bottom: 0px;
}

.portfolio-page-sec .tab-pane .portfolio-main-wrap:nth-child(even) .row {
    flex-direction: row-reverse;
}

/*-----about banner circle animaton------*/

.crcl-sec.about-crcl-bnr .icon-block:nth-child(3) {
    bottom: -1%;
    left: 58%;
}

.crcl-sec.about-crcl-bnr .icon-block:nth-child(5) {
    top: 7%;
    left: 6%;
}

.crcl-sec.about-crcl-bnr .icon-block:nth-child(2) {
    top: 84%;
    right: 8%;
}

.crcl-sec.about-crcl-bnr .circle .icon-block:first-child {
    top: 50%;
    left: 3%;
}

.crcl-sec.about-crcl-bnr .circle .icon-block:nth-child(2) {
    top: 62%;
    right: 1%;
}

.crcl-sec.about-crcl-bnr .circle .icon-block:nth-child(4) {
    top: 3%;
    left: 32%;
}

.crcl-sec.about-crcl-bnr .circle .icon-block:nth-child(5) {
    top: 13%;
    left: 76%;
}

.crcl-sec.about-crcl-bnr .center-logo {
    box-shadow: 0px 0px 71px rgb(241 227 162 / 33%);
    width: 260px;
    height: 260px;
    background: #e400ff;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.crcl-sec.about-crcl-bnr .center-logo img {
    width: 80px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.crcl-sec.about-crcl-bnr .center-logo h6 {
    margin: 0;
    color: #fff;
    text-transform: capitalize;
    padding: 0 20px;
    text-align: center;
    margin-top: 15px;
}

/*---13-07-23:-Ayan-paul---*/

header.main-header .logo {
    position: relative;
}

header.main-header .logo .we-hire {
    position: absolute;
    display: inline-block;
    border-radius: 0px 17px 17px 17px;
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    text-align: center;
    font-size: 16px;
    padding: 9px;
    min-width: 160px;
    color: #fff;
    line-height: 16px;
    bottom: -17px;
    left: 120px;
}

header.main-header .logo .we-hire:before {
    border-radius: 0px 17px 17px 17px;
    background: #b600cf;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: -2px;
    right: -1px;
    z-index: -1;
}

.main-header.fixed .logo .we-hire {
    left: 70px;
    bottom: -30px;
}

header .user-sec ul li a.btn {
    font-size: 18px;
    padding: 16px 24px;
    min-width: 175px;
    font-weight: 500;
}

.Schedule-meeting {
    position: fixed;
    bottom: 33.33%;
    right: 0;
    transform: rotate(-90deg);
    width: 58px;
    z-index: 9;
}

.Schedule-meeting .btn {
    min-width: 245px;
}

.banner-section {
    position: relative;
}

.banner-section:before {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, rgba(248, 226, 246, 0) 1.56%, #f8e2f6 35.94%, rgba(248, 226, 246, 0.61) 66.15%, #e2f6ff 100%);
    width: 100%;
    height: 470px;
    bottom: -160px;
    left: 0;
    z-index: -1;
}

.agriment-sec .agreement-btm-sec {
    margin-top: 65px;
}

.portfoli-sec .sngl-work .pt-text-wrap {
    margin-top: 50px;
    padding-right: 60px;
    position: relative;
}

.portfoli-sec .sngl-work .pt-text-wrap h5 a {
    color: #000;
}

.portfoli-sec .sngl-work .pt-text-wrap h6 {
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Gilroy-Bold";
    font-size: 16px;
    letter-spacing: 1.6px;
    margin-bottom: 15px;
}

.portfoli-sec .sngl-work .pt-text-wrap ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 10px;
}

.portfoli-sec .sngl-work .pt-text-wrap ul li {
    list-style: none;
    text-align: center;
    font-family: Gilroy-SemiBold;
    margin-right: 10px;
    margin-bottom: 10px;
}

.portfoli-sec .sngl-work .pt-text-wrap ul li a {
    border-radius: 50px;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    padding: 5px 20px;
}

.portfoli-sec .sngl-work .pt-text-wrap ul li a:hover {
    background: #000;
    color: #fff;
}

.portfoli-sec .sngl-work .pt-text-wrap .pt-arrow {
    position: absolute;
    right: 10px;
    top: 0;
}

.portfoli-sec .portfoli-wraper-sec .row {
    margin-left: -50px;
    margin-right: -50px;
}

.portfoli-sec .portfoli-wraper-sec .col-lg-6,
.portfoli-sec .portfoli-wraper-sec .col-lg-12 {
    padding-left: 50px;
    padding-right: 50px;
}

.portfoli-sec .sngl-work:hover .pt-text-wrap .pt-arrow {
    filter: contrast(0.1);
}

.portfoli-sec .sngl-work:hover .image-box img {
    transform: scale(1.1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.single-client-say {
    position: relative;
}

.single-client-say figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
}

.single-client-say figcaption h5 {
    margin-bottom: 10px;
    color: #fff;
}

.single-client-say figcaption h6 {
    margin-bottom: 0;
    color: #fff;
}

.single-client-say .cs-play {
    position: absolute;
    top: 30px;
    right: 30px;
}

.single-client-say .cs-play a {
    width: 78px;
    height: 78px;
    display: inline-block;
}

.single-client-say figure img {
    filter: brightness(0.5);
}

.our-client-say.blog-sec button.owl-prev,
.our-client-say.blog-sec button.owl-next {
    top: -105px;
}

.our-client-say {
    background: #fff9f3;
    position: relative;
    margin-top: 187px;
    margin-bottom: 97px;
}

.our-client-say:before {
    position: absolute;
    content: "";
    background: url("../images/yellow-abstrack-top.png") no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 187px;
    left: 0;
    top: -186px;
    z-index: -1;
}

.our-client-say:after {
    position: absolute;
    content: "";
    background: url("../images/yellow-abstrack-bottom.png") no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 97px;
    left: 0;
    bottom: -96px;
    z-index: -1;
}

.cs-btm-sec {
    margin-top: 80px;
}

.get-touch-sec .right-frm .d-flex,
.contact-page-dtls-sec .contact-frm-sec .d-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.get-touch-sec .right-frm .d-flex .wpcf7-form-control-wrap,
.contact-page-dtls-sec .contact-frm-sec .d-flex .wpcf7-form-control-wrap {
    width: 49%;
}

.get-touch-sec .right-frm .d-flex select.form-select,
.contact-page-dtls-sec .contact-frm-sec .d-flex select.form-select {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    height: 70px !important;
    border-radius: 0;
    padding-left: 0;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
}

.common-background {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.lets-discuss-sec {
    margin-top: 132px;
    margin-bottom: 69px;
    background-size: 100% 100% !important;
}

.lets-discuss-sec:before {
    position: absolute;
    content: "";
    background: url("../images/dp=abstrack-top.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 132px;
    left: 0;
    top: -131.5px;
    z-index: -1;
}

.lets-discuss-sec:after {
    position: absolute;
    content: "";
    background: url("../images/dp=abstrack-bottom.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 69px;
    left: 0;
    bottom: -69px;
    z-index: -1;
}

.region-serve-sec .sub-heading {
    margin-bottom: 65px;
}

.region-serve-sec .map-region figcaption {
    border-radius: 39px 39px 39px 0px;
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    box-shadow: 0px 4px 24px 0px rgba(141, 141, 141, 0.25);
    position: absolute;
    top: 3%;
    max-width: 350px;
    right: 6%;
    padding: 45px 25px 25px;
}

.region-serve-sec .map-region figcaption h4 {
    color: #e9e9e9;
    opacity: 0.20000000298023224;
    position: absolute;
    font-size: 40px;
    margin: 0;
    top: 35px;
    font-family: Gilroy-Bold;
}

.region-serve-sec .map-region figcaption h5 {
    position: relative;
    color: #fff;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: Gilroy-Bold;
}

.region-serve-sec .map-region figcaption ul {
    padding: 0;
    margin: 0;
}

.region-serve-sec .map-region figcaption ul li {
    font-size: 16px;
    color: #fff;
    list-style: none;
    margin-bottom: 10px;
}

.region-serve-sec .map-region figcaption ul li a {
    color: #fff;
}

.region-serve-sec .map-region figcaption ul li a span {
    display: inline-block;
    margin-right: 10px;
}

.region-serve-sec .map-region figcaption ul li a:hover {
    text-decoration: underline;
}

.region-serve-sec:before {
    position: absolute;
    content: "";
    background: url("../images/region-abstrack.svg") no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center center;
    z-index: -1;
}

footer:before {
    position: absolute;
    content: "";
    background: url("../images/foo-abstrack.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 67px;
    left: 0;
    top: -66px;
    background-position: center center;
}

.main-menu ul li {
    padding: 20px 0;
}

header ul.sub-menu li a small {
    display: inline-block;
    width: 45px;
    margin-right: 10px;
}

.banner-section .banner-content h1.border-bottom {
    border-bottom-color: rgba(0, 0, 0, 0.2);
    padding-bottom: 35px;
}

.second-carasol-sec.for-industry-pg:after {
    position: absolute;
    content: "";
    background: url(../images/second-btm-abstrack.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 56px;
    left: 0;
    bottom: -52px;
    background-position: center center;
    z-index: 1;
}

.second-carasol-sec.for-industry-pg {
    margin-bottom: 56px;
}

.industry-bst-sec .industry-bst-sec-wraper .row {
    margin-left: -50px;
    margin-right: -50px;
}

.industry-bst-sec .industry-bst-sec-wraper .row .col-lg-6 {
    padding-left: 50px;
    padding-right: 50px;
}

.industry-bst-sec-wraper .box-content {
    transition: all 0.3s ease 0s;
}

.industry-bst-sec-wraper .box-content:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transform: translateY(-10px);
    transition: all 0.3s ease 0s;
}

.engagement-models-sec .section-header h2,
.engagement-models-sec .section-header p {
    color: #000;
}

.engagement-models-sec:before {
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(255, 244, 206, 0) 0%, #fff4ce 100%);
    bottom: 0;
    height: 100%;
    top: auto;
}

.engagement-models-sec {
    padding-top: 90px;
}

/*.engagement-models-sec .agriment-wraper { max-width: 1100px; margin: 0 auto; } .engagement-models-sec .sngl-box-wraper { flex: 0 0 auto; width: 33.33%; } .engagement-models-sec .agriment-wraper .sngl-box-wraper.yellow { background: linear-gradient(180deg, #FDFFEC 0%, #F4FF98 100%); } .engagement-models-sec .agriment-wraper .sngl-box-wraper.blue { background: linear-gradient(180deg, #ECF9FF 0%, #B8EAFF 100%); } .engagement-models-sec .agriment-wraper .sngl-box-wraper.pink { background: linear-gradient(180deg, #FDEFFF 0%, #F6B8FF 100%); } .engagement-models-sec  .content-box h4 { min-height: 75px; } .engagement-models-sec .agriment-wraper .sngl-box-wraper .content-box a { background: #000; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; }*/

.faq-sec .accordion-button {
    font-family: Gilroy-Bold;
    font-size: 24px;
    color: #000;
    background: none;
    padding: 0;
    padding: 50px 50px 50px 0;
}

.faq-sec .accordion-item {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
}

.faq-sec .accordion-body {
    padding: 0;
    padding-bottom: 50px;
}

.faq-sec .accordion-body p:last-child {
    margin-bottom: 0;
}

.faq-sec .accordion-button::after {
    position: absolute;
    right: 0;
    content: "";
    background: url("../images/faq-plus.svg") no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.faq-sec .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
}

.bg-gradient-yellow:before {
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(255, 244, 206, 0) 0%, #fff4ce 100%);
    bottom: 0;
    height: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
}

.single-key-figure {
    background: #fff;
    padding: 30px 15px 30px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease 0s;
}

.single-key-figure h4 {
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-family: Gilroy-Bold;
    margin-bottom: 10px;
}

.single-key-figure p {
    font-size: 18px;
    line-height: 22px;
}

.single-key-figure p:last-child {
    margin-bottom: 0;
}

.single-key-figure:hover {
    box-shadow: 0px 4px 45px rgb(177 177 177 / 25%);
    transform: translateY(-10px);
    transition: all 0.3s ease 0s;
}

.key-figure-sec .sub-heading,
.perks-benifits-sec .sub-heading {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.perks-benifits-sec {
    background: #fff;
}

.perks-benifits-sec .single-key-figure {
    box-shadow: 0px 4px 34px 0px rgba(153, 153, 153, 0.25);
}

.perks-benifits-sec .single-key-figure h6 {
    font-size: 20px;
}

.perks-benifits-sec .row .col-lg-2 {
    margin-bottom: 24px;
}

.frontent-src-lst h2 {
    font-size: 65px;
    line-height: 70px;
    font-family: Gilroy-Bold;
    margin-bottom: 50px;
}

.career-open-sec .frontent-src-lst-wraper .accordion-button h3 span {
    float: right;
}

.second-carasol-sec.contact-pg:before {
    filter: brightness(0) invert(1);
}

.contact-page-dtls-sec .contact-frm-sec .contatc-hd h2,
.contact-page-dtls-sec .contact-address-sec .contatc-hd h2 {
    margin-bottom: 50px;
}

.portfolio-filter {
    /*display: flex; align-items: center; justify-content: end; flex-wrap: wrap;*/
}

.portfolio-filter .form-select {
    margin-left: auto;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
    max-width: 350px;
}

.single-founder {
    margin-bottom: 50px;
}

.single-founder .img-box {
    width: 340px;
    height: 340px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 30px;
    position: relative;
    padding-top: 20px;
}

.others-profile .single-founder .img-box::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e6e6e6;
    position: absolute;
    top: 0;
    z-index: -1;
    filter: blur(8px);
    -webkit-filter: blur(96px);
}

.single-founder .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.single-founder .contant h3 {
    font-family: Gilroy-Bold;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.single-founder .contant p {
    font-size: 30px;
    text-transform: uppercase;
}

.single-founder .contant ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-founder .contant ul li {
    list-style: none;
    margin: 0 14px;
}

.single-founder .contant ul li a {
    color: #000;
}

.founder-sec .sub-heading {
    margin-bottom: 100px;
}

.founder-sec .sub-heading h2 {
    font-size: 80px;
    font-family: Gilroy-Bold;
    letter-spacing: -4px;
}

.others-profile .col-lg-3 {
    /*  width: 20%;*/
}

.others-profile .single-founder .img-box {
    width: 300px;
    height: 300px;
}

.others-profile .single-founder .contant h3 {
    font-size: 24px;
}

.single-founder .contant p {
    font-size: 16px;
    margin: 0;
}

.engagement-slider-sec .owl-carousel .item figure {
    padding: 0 10px;
    margin: 0;
}

.engagement-slider-sec .owl-carousel .item figure img {
    filter: brightness(0) invert(1);
    width: auto;
    text-align: center;
    margin: 0 auto;
}

.engagement-slider-sec .owl-dots {
    margin-top: 50px !important;
}

.engagement-slider-sec {
    margin-bottom: 65px;
}

.engagement-slider-sec:after {
    position: absolute;
    content: "";
    background-image: url(../images/black-partical.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 65px;
    width: 100%;
    bottom: -64px;
    left: 0;
}

.engagement-tabs-sec .about-awc-sec .sub-text h2,
.engagement-tabs-sec .ex-sub-heading h2 {
    font-size: 80px;
}

.engagement-tabs-sec .about-awc-sec .right-text-wraper .col-lg-4 {
    width: 50%;
}

.engagement-tabs-sec .about-awc-sec .box-text {
    padding: 60px;
}

.engagement-tabs-sec .about-awc-sec .box-text h5 {
    font-size: 50px;
}

.engagement-tabs-sec .about-awc-sec .box-text p {
    font-size: 20px;
}

.engagement-tabs-sec .about-awc-sec .box-text h3 {
    font-size: 110px;
}

.engagement-tabs-sec .about-awc-sec .box-text h3::before {
    width: 56px;
    height: 56px;
}

.engagement-tabs-sec .about-awc-sec .right-text {
    background: url("../images/engagement-abstrack.png") no-repeat;
    background-size: contain;
    background-position: center center;
}

.engagement-tabs-sec .industry-bst-sec .industry-bst-sec-wraper .row {
    margin-left: -12px;
    margin-right: -12px;
}

.engagement-tabs-sec .industry-bst-sec .industry-bst-sec-wraper .row .col-lg-6 {
    padding-left: 12px;
    padding-right: 12px;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content {
    margin-bottom: 30px;
    padding-right: 50px;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content p:last-child {
    margin-bottom: 0;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content .d-flex figure {
    margin-bottom: 0;
    margin-right: 20px;
    width: 46px;
    height: 46px;
    min-width: 46px;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content .d-flex figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.engagement-tabs-sec .industry-bst-sec {
    background-position: bottom right;
    background-size: contain;
}

.industry-bst-sec-wraper .red-white-grd {
    background: linear-gradient(0deg, #fff 0%, #ffe7e2 100%);
}

.engagement-tabs-sec .tab-top {
    margin-bottom: 150px;
}

.engagement-tabs-sec .tab-top .nav.nav-pills {
    justify-content: center;
    border-bottom: 1px solid #aaaaaa;
    max-width: 900px;
    margin: 0 auto;
}

.engagement-tabs-sec .tab-top .nav.nav-pills .nav-link {
    background: #fff;
    color: #000;
    border-radius: 0;
    font-size: 18px;
    min-width: 225px;
    padding: 17px;
    text-transform: capitalize;
}

.engagement-tabs-sec .tab-top .nav.nav-pills .nav-link.active {
    background: #000;
    color: #fff;
}

/*---13-07-23:-Ayan-paul---*/

/* 19-07-2023 Shreya Roy */

.career-d-accordion-item {
    border: 1.5px solid #cccccc;
    background: #fff;
    box-shadow: 0px 4px 49px 0px rgba(181, 181, 181, 0.25);
    margin-bottom: 64px;
}

.career-d-accordion-button {
    position: relative;
    font-size: 35px;
    color: #000 !important;
    background-color: #fff;
    padding: 60px;
}

.career-d-accordion-button p {
    font-size: 18px;
    margin-top: 15px;
}

.career-d-accordion-button ul {
    padding: 0;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 140px;
}

.career-d-accordion-button a.btn {
    position: absolute;
    right: 60px;
    bottom: 60px;
    padding: 14px 40px;
}

.career-d-accordion-button ul li {
    list-style: none;
    margin-right: 15px;
    border: 1px solid #0000002b;
    font-size: 20px;
    position: relative;
    padding: 10px 25px;
}

.career-d-accordion-button ul li span {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 13px;
}

.Responsibilities-list ul {
    padding: 0;
}

.Responsibilities-list {
    list-style: none;
    padding: 0;
}

.Responsibilities-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 30px;
    font-family: Gilroy-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    list-style: none;
}

.Responsibilities-list li::after {
    content: " ";
    position: absolute;
    top: 4px;
    /*transform: translateY(-50%);*/
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/check-one.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.Responsibilities-list li ul {
    margin-top: 12px;
}

.career-d-apply {
    background-image: url(../images/career-bn.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.col-spic ul.Responsibilities-list li {
    color: #fff;
}

.col-spic ul.Responsibilities-list li::after {
    filter: brightness(0) invert(1);
}

.cd-spiclze .row .col-lg-6:nth-child(odd) .col-spic {
    padding-right: 30px;
    margin-right: 30px;
}

.cd-spiclze .row .col-lg-6:nth-child(odd) .col-spic::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #d9d9d9;
    height: 100%;
    width: 1px;
    right: 0;
}

.col-spic h2 {
    color: #fff;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    /*   letter-spacing: -3px;*/
    text-transform: capitalize;
}

.trst-sec.career-trst-sec {
    background: none;
}

.career-trst-sec .section-header-cntr p {
    max-width: 942px;
    margin: 0 auto;
}

/* file up */

.upload-f {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background-color: #000;
    padding: 13px 19px;
    max-width: 234px;
    position: relative;
}

.upload-f p {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-family: Gilroy-Medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

.upload-f input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}

.upload-f button {
    margin: 0;
    color: #fff;
    background: #16a085;
    border: none;
    width: 508px;
    height: 35px;
    margin-top: -20px;
    margin-left: -4px;
    border-radius: 4px;
    border-bottom: 4px solid #117a60;
    transition: all 0.2s ease;
    outline: none;
}

.carer-submit-application-main .input-form {
    margin-bottom: 80px;
}

.carer-submit-application-main .input-form input.form-control,
.form-select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #545454;
    font-family: Gilroy-Medium;
    font-size: 20px;
    font-weight: 400;
}

.carer-submit-application-main {
    padding-top: 130px;
}

.form-control:focus,
.form-select:focus,
.input-form textarea:focus {
    box-shadow: none;
    border-bottom: 1px solid #2e5ef3 !important;
}

.more-add-flex {
    display: flex;
    align-items: start;
    margin-bottom: 50px;
}

.more-add-flex .more-item-add a {
    width: 65px;
    height: 65px;
    background-color: #000;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.more-add-flex .input-form {
    width: calc(100% - 65px);
    padding-right: 33px;
    margin-bottom: 0;
}

.more-add-flex .input-form input {
    padding-left: 0px;
    height: 65px;
}

.carer-submit-application-main h4 {
    color: #000;
    font-family: Gilroy-Bold;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: capitalize;
}

.carer-submit-app .input-form textarea {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #545454;
    font-family: Gilroy-Medium;
    font-size: 20px;
    font-weight: 400;
    padding-left: 0;
    background-color: transparent;
}

.carer-submit-app {
    margin-bottom: 80px;
}

.adu .btn {
    margin-top: 80px;
}

.carer-submit-application {
    background-image: url("../images/c-details-bg2.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 61%;
}

.Portfolio-banner-after {
    position: absolute;
    top: -123px;
    max-width: 542px;
    right: 8%;
    z-index: -1;
}

.Portfolio-banner-wrap::before,
.agriment-sec.grident-text-agriment::before {
    display: none;
}

.grident-text h2 {
    text-align: center;
    font-family: Gilroy-ExtraBold;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: linear-gradient(90deg, #b800d2 39.67%, #007dfe 60.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grident-text h5 {
    color: #000;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    max-width: 1455px;
    margin: 0 auto;
}

.agriment-sec.grident-text-agriment .sngl-box-wraper {
    width: 25%;
}

.agriment-sec.grident-text-agriment .sngl-box .content-box h4 {
    min-height: 68px;
}

.agriment-sec.grident-text-agriment .sngl-box .image-box.vert-move {
    width: 75px;
    height: 75px;
    overflow: hidden;
}

.agriment-sec.grident-text-agriment .sngl-box .image-box.vert-move img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.agriment-sec.grident-text-agriment {
    padding-top: 50px;
}

.section-header-left {
    text-align: left;
    margin-bottom: 80px;
}

.portfoli-sec-trst .section-header p {
    max-width: 1085px;
}

.portfoli-sec-trst {
    background-image: url("../images/Layer-39.png") !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    padding-top: 90px;
}

.portfolio-slider-wrap .owl-stage-outer .owl-item {
    transform: scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: relative;
    z-index: 2;
    opacity: 0.5;
    pointer-events: none;
}

.portfolio-slider-img-wrap img {
    width: 100%;
}

/*.portfolio-slider-wrap .owl-stage-outer .owl-item:hover{  transform: scale(1.4);position: relative;z-index: 9;opacity: 1;}*/

.portfolio-slider-wrap .owl-stage-outer .owl-item img {
    transform: scale(0.85);
}

.portfolio-slider-wrap .owl-stage-outer .owl-item.active.center img {
    transform: scale(1);
}

.portfolio-slider-wrap .owl-stage-outer .owl-item.active.center {
    opacity: 1;
    pointer-events: auto;
}

.portfolio-slider-wrap .owl-stage-outer {
    /*padding: 66px 0px; */
}

.portfolio-slider-wrap .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -20px;
    z-index: 2;
    opacity: 1;
    transform: translateY(-50%);
}

.portfolio-slider-wrap .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -20px;
    z-index: 2;
    opacity: 1;
    transform: translateY(-50%);
}

.portfolio-slider-wrap .owl-nav button svg {
    color: #fff;
    font-size: 30px;
}

.port-spi .section-header-cntr h2 {
    color: #fff;
}

.port-spi .section-header-cntr p {
    color: #fff;
    max-width: 1085px;
    margin: 0 auto;
}

/*.port-spi .section-header-cntr { margin-bottom: 0px !important; }*/

.Technologies-Used-sec .section-header-cntr p {
    max-width: 1085px;
    margin: 0 auto;
}

.Technologies-Used-btn {
    max-width: 1110px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

a.btn-btn {
    border-radius: 46px;
    box-shadow: 1px 20px 30px 11px rgba(0, 0, 0, 0.08);
    max-width: 324px;
    width: 30%;
    padding: 36px 10px;
    color: #fff;
    text-align: center;
    font-family: Gilroy-Bold;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 50% */
    text-transform: capitalize;
}

a.btn-pink {
    background: #e400ff;
}

a.btn-w {
    background-color: #fff;
    color: #000;
}

a.btn-b {
    background-color: #304afd;
}

.Technologies-Used-btn a {
    margin: 0 15px;
}

.talent-img {
    width: 75px;
    height: 71px;
    object-fit: contain;
    margin-bottom: 26px;
}

.talent-sec h2,
.web-solution-section h2 {
    max-width: 1389px;
    margin: 0 auto;
    font-size: 80px;
}

.talent-col p {
    margin-bottom: 0;
}

.talent-col {
    height: 100%;
}

.talent-sec .row .col-lg-3 {
    margin-bottom: 50px;
}

.talent-sec {
    background-image: url(../images/talent-bg2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

.web-solution-col {
    position: relative;
    padding-left: 50px;
}

.web-solution-col-img {
    width: 39px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 30px;
}

.web-solution-col-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.web-solution-col {
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
    margin-bottom: 30px;
}

.web-solution-section {
    background-image: url(../images/Layer-40.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

.specialisation-col {
    padding: 40px 24px;
}

.specialisation-col-img {
    width: 66px;
    margin-bottom: 30px;
}

.specialisation-col h4 {
    letter-spacing: -1.8px;
}

.specialisation-col p {
    line-height: 1.5;
}

.specialisation-section .section-header-cntr h2 {
    font-size: 80px;
}

.specialisation-section {
    background-image: url(../images/talent-bg2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 56%;
}

.digital-spiclze-col {
    padding: 51px 30px;
}

.digital-spiclze-col h4 {
    font-weight: 400;
    letter-spacing: -1.8px;
}

.digital-spiclze-col p {
    margin-bottom: 0px;
}

.digital-spiclze .section-header-cntr h2 {
    color: #fff;
    font-size: 80px;
    letter-spacing: -4px;
    text-transform: capitalize;
    max-width: 1312px;
    margin: 0 auto;
}

.talent-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.digital-banner .center-logo.parent-circle {
    background-color: #fff;
}

.digital-banner .crcl-sec .icon-block:first-child {
    background: #304afd;
    box-shadow: 15px 17px 30px rgb(48 74 253 / 29%);
}

.digital-banner .crcl-sec .icon-block:nth-child(2) {
    top: 64%;
    right: 0;
    background: #00dbff;
    box-shadow: 9px 8px 15px rgb(0 219 255 / 35%);
}

.digital-banner .crcl-sec .icon-block:nth-child(3) {
    bottom: 1%;
    left: 90%;
    background: #b800d2;
    box-shadow: 9px 8px 15px rgb(184 0 210 / 35%);
}

.digital-banner .crcl-sec .icon-block:nth-child(7) {
    top: 90%;
    left: 11%;
    -webkit-transform: translate(29%, -45%);
    z-index: 2;
    width: 73px;
    height: 73px;
    position: absolute;
    border-radius: 50%;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    background: #ff0000;
    box-shadow: 9px 8px 15px 0px rgba(0, 219, 255, 0.35);
}

.digital-banner .crcl-sec .icon-block:nth-child(6) {
    top: 47%;
    left: -20%;
}

.digital-banner .crcl-sec .icon-block:nth-child(4) {
    top: 12%;
    left: 15%;
}

.digital-banner .crcl-sec.about-crcl-bnr .icon-block:nth-child(5) {
    top: 5%;
    left: 19%;
}

/* shreya roy */

#blog-slider .owl-dots {
    margin-top: 50px !important;
}

header .user-sec ul li span.lts-icon {
    width: 40px;
    border-radius: 100%;
    height: 40px;
    overflow: hidden;
    display: none;
    border: 1px solid #000;
    padding: 5px;
    background: #fff;
}

/*-------new add-------*/

.hire-image-design {
    position: relative;
}

.hire-image-design .lft-imge {
    position: absolute;
    left: 0;
    width: 250px;
}

.hire-image-design .right-imge {
    position: absolute;
    right: 0;
    width: 250px;
}

.hire-image-design .midl-circlbox {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.hire-image-design .circle-one {
    position: absolute;
    top: 0;
    width: 300px;
    height: 300px;
}

.hire-image-design .circle-two {
    position: absolute;
    top: 33px;
    left: -3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    width: 240px;
    height: 240px;
    justify-content: center;
}

.hire-image-design .main-imge img {
    width: 100%;
    height: 100%;
}

.hire-image-design .main-imge {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50px;
    right: 50px;
    border-radius: 200px;
    overflow: hidden;
}

.hire-image-design .circle-one {
    opacity: 0.9;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 5s infinite ease-in-out;
}

.hire-image-design .circle-two {
    opacity: 0.9;
    -moz-animation: spinoffPulse 2s infinite linear;
    -webkit-animation: spinoffPulse 5s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }
    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #bdd73c;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotatecircle {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotatecircle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

.carrer-banner-crcl.eng-cricl-banner .top-img {
    z-index: 1;
}

.carrer-banner-crcl.eng-cricl-banner .top-img,
.carrer-banner-crcl.eng-cricl-banner .btm-img {
    box-shadow: none !important;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content .d-flex {
    align-items: center;
    margin-bottom: 16px;
}

.engagement-tabs-sec .industry-bst-sec-wraper .box-content .d-flex h4 {
    margin: 0;
}

.case-studies-banner-wrap h1 {
    font-size: 100px;
    font-family: Gilroy-ExtraBold;
    background: linear-gradient(135deg, #b800d2 0%, #007dfe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

.case-studies-banner-wrap p {
    font-family: Gilroy-Bold;
    font-size: 30px;
    letter-spacing: -1.5px;
    text-transform: capitalize;
}

.case-studies-banner-wrap {
    padding-top: 150px;
}

.process-challenge-wrap ul {
    padding: 0;
    margin: 0;
}

.process-challenge-wrap ul li {
    list-style: none;
    margin-bottom: 30px;
    position: relative;
    padding-left: 30px;
}

.process-challenge-wrap ul li:last-child {
    margin-bottom: 0;
}

.process-challenge-wrap ul li:before {
    position: absolute;
    content: "";
    background: #304afd;
    width: 18px;
    height: 18px;
    left: 0;
    top: 8px;
}

.process-challenge-wrap h3 {
    font-size: 60px;
    margin-bottom: 40px;
}

.banner-section.case-studies-banner-wrap:before {
    bottom: 0;
}

.project-key-benifits {
    background: #fff;
    padding: 60px;
}

.project-approach-sec .section-header {
    padding-right: 60px;
}

.result-bottom-img-wrap {
    margin-top: 80px;
}

.case-studies-banner-img-sec img {
    width: 100%;
}

.result-bottom-img-wrap figure {
    height: 540px;
    overflow: hidden;
}

.result-bottom-img-wrap figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grident-text-wrap {
    padding: 0 !important;
}

.schedule-meeting-modal.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translateX(140%) translateY(0);
}

.schedule-meeting-modal.modal.show .modal-dialog {
    transform: none;
}

.schedule-meeting-modal,
.modal-open {
    padding-right: 0 !important;
}

.schedule-meeting-modal .modal-body {
    padding: 60px;
}

.schedule-meeting-modal .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 0;
    background-color: #e2f5fe;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    opacity: 1;
    font-size: 15px;
    box-shadow: none !important;
}

.schedule-meeting-modal .modal-left-side {
    background: url("../images/md-left-bg.png") no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px 60px;
    overflow: hidden;
}

.schedule-meeting-modal .modal-left-side figure {
    margin: 0;
}

.schedule-meeting-modal .modal-left-side h3 {
    letter-spacing: -3.5px;
    font-size: 60px;
    margin-bottom: 30px;
    position: relative;
}

.schedule-meeting-modal .modal-right-side h4 {
    letter-spacing: -2.5px;
    font-size: 40px;
    margin-bottom: 30px;
}

.schedule-meeting-modal .modal-right-side {
    padding: 60px 30px;
}

.schedule-meeting-modal .modal-right-side .form-group .form-control {
    border: none;
    border-bottom: 1px solid #000;
    height: 50px;
    padding: 20px 0;
    outline: 0;
    box-shadow: none;
    border-radius: 0;
    resize: none;
    height: 60px;
    color: #000;
}

.schedule-meeting-modal .modal-right-side .form-group textarea.form-control {
    height: 120px;
}

.schedule-meeting-modal .modal-right-side .form-group {
    margin-bottom: 20px;
}

.schedule-meeting-modal .modal-content {
    border-radius: 0;
}

.schedule-meeting-modal .modal-left-side .md-text-box {
    position: relative;
}

.schedule-meeting-modal .modal-left-side .md-text-box:before {
    position: absolute;
    content: "Schedule appointment";
    font-size: 80px;
    left: -150px;
    bottom: -20px;
    text-transform: uppercase;
    min-width: 950px;
    transform: rotate(-3.385deg);
    font-family: Gilroy-ExtraBold;
    -webkit-text-stroke: 2px #007dfe;
    color: transparent;
    opacity: 0.2;
    line-height: 80px;
}

.schedule-meeting-modal .modal-right-side form .form-group:last-child {
    margin-bottom: 0;
}

.schedule-meeting-modal::-webkit-scrollbar {
    width: 0;
}

/*----22-08-23----*/

/*#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu:before{ background: linear-gradient(135deg, #B800D2 0%, #007DFE 100%); position: absolute; content: '' !important; width: 100%; height: 3px; left: 0; bottom: 0; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu:after { position: absolute; content: '' !important; background: url(../images/submenu-icon.png) no-repeat; background-size: 100% 100%; width: 15px; height: 13px; left: 24px; top: -12px; }*/

.main-header .container.header-row {
    max-width: 100% !important;
    padding-left: 50px;
    padding-right: 50px;
}

.main-header .hdr-rt {
    margin-left: auto;
    margin-right: 25px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
    /*left: auto;*/
    filter: drop-shadow(0px 4px 34px rgba(142, 142, 142, 0.25));
    border: none;
    padding: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12 {
    width: 50%;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    font-family: "Gilroy-Medium";
    font-size: 18px;
    color: #000;
    font-weight: 500 !important;
    line-height: 24px;
    background: transparent !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_text {
    padding-top: 0;
    padding-bottom: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_text p {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: "Gilroy-Medium";
    line-height: 20px;
    display: -webkit-box;
    height: 62px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: auto;
    color: #aaa;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current_page_item a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.mega-current_page_item a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item a.mega-menu-link:hover {
    color: #b800d2;
}

footer .footer-menu ul li a:hover {
    text-decoration: underline;
}

.custom-modal-form-wrap .calendly-inline-widget iframe {
    width: 100%;
    height: 700px;
}

.portfolio-page-sec.for-open-position {
    min-height: auto;
    padding: 0;
    background: none;
}

.portfolio-page-sec.for-open-position div#nav-tab {
    justify-content: center;
    margin-bottom: 50px;
}

.carer-submit-app .input-form {
    margin-bottom: 20px;
}

.carer-submit-app .input-form .form-select {
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.carer-submit-app .input-form .input-group {
    display: block;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-size: 14px;
}

/*----22-08-23----*/

/*------30-08-23--------*/

.case-studies-details-inner-banner .banner-content h3 {
    font-size: 80px;
    line-height: 90px;
    padding-bottom: 25px;
}

.case-studies-details-inner-banner .banner-content {
    padding-right: 0;
}

.case-studies-details-inner-banner:before {
    display: none;
}

.case-studies-details-inner-banner .cs-bn-img-wrap img {
    width: 100%;
}

.case-studies-details-inner-banner .cs-bn-img-wrap:before {
    background: url("../images/cs-blr-grdnt.png") no-repeat;
    width: 200%;
    height: 160%;
    background-size: contain;
    background-position: top right;
    top: -40%;
    right: -60%;
    position: absolute;
    content: "";
    z-index: -1;
}

.cs-background-text-wrap {
    padding-left: 50px;
}

.cs-background-text-wrap h3 {
    display: flex;
    align-items: center;
}

.cs-background-text-wrap h3 span {
    width: 60px;
    display: inline-block;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
}

.cs-background-text-wrap .single-particle h6 {
    margin-bottom: 20px;
    position: relative;
    font-family: Gilroy-Bold;
}

.cs-background-text-wrap .single-particle h6:before {
    position: absolute;
    content: "";
    background: url("../images/cs-bk-tick.png") no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 20px;
    left: -40px;
    top: 3px;
    filter: brightness(0);
}

.cs-background-text-wrap .single-particle {
    padding-left: 50px;
    margin-top: 40px;
}

.cs-background-text-wrap .single-particle p:last-child {
    margin-bottom: 0;
}

.cs-feature-sec .row {
    flex-direction: row-reverse;
}

.cs-feature-sec:after {
    display: none;
}

.cs-feature-sec {
    margin: 0 !important;
}

.cs-feature-sec .cs-background-text-wrap {
    padding-left: 0;
    padding-right: 50px;
}

.cs-feature-sec .cs-background-text-wrap .single-particle {
    border-radius: 20px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    padding: 30px;
    padding-left: 70px;
    margin-top: 20px;
}

.cs-feature-sec:before {
    background: url("../images/cs-feature-before.png") no-repeat;
    background-size: cover;
    width: 70%;
    height: 140%;
    background-position: center center;
    top: 0;
}

.cs-feature-sec .cs-background-text-wrap .single-particle:hover {
    background: #fff;
}

.cs-feature-sec .cs-background-text-wrap .single-particle h6:before {
    filter: none;
}

.key-achivement-sec {
    background: linear-gradient(1deg, #fff 82.99%, #fff 82.99%, #ededed 100%);
    padding-bottom: 110px;
}

.key-achivement-sec .sub-heading .key-icon,
.conclusion-sec .sub-heading .key-icon {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 20px;
}

.key-achivement-sec .sub-heading .key-icon img,
.conclusion-sec .sub-heading .key-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.key-achivement-sec .key-middle-img img {
    filter: drop-shadow(0px 4px 50px rgba(56, 56, 56, 0.25));
}

.key-achivement-sec .key-middle-img {
    max-width: 1050px;
    margin: 0 auto;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption {
    border-radius: 20px;
    box-shadow: 0px 4px 45px 0px rgba(177, 177, 177, 0.25);
    padding: 30px;
    width: 600px;
    margin-top: 50px;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption p {
    padding-left: 44px;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption p:last-child {
    margin-bottom: 0;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption h6 {
    margin-bottom: 15px;
    position: relative;
    font-family: Gilroy-Bold;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption h6 span {
    margin-right: 15px;
    display: inline-block;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption.yellow-bg {
    background: linear-gradient(180deg, #fdffec 0%, #f4ff98 100%);
}

.key-achivement-sec .key-left-side-text-wrap .figcaption.pink-bg {
    background: linear-gradient(180deg, #fdefff 0%, #f6b8ff 100%);
}

.key-achivement-sec .key-left-side-text-wrap .figcaption.orange-bg {
    background: linear-gradient(180deg, #ffece8 0%, #ffbdae 100%);
}

.key-achivement-sec .key-left-side-text-wrap .figcaption.green-bg {
    background: linear-gradient(180deg, #ecfff3 0%, #a8ffcb 100%);
}

.key-achivement-sec .key-left-side-text-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.key-achivement-sec .key-left-side-text-wrap .figcaption:hover {
    box-shadow: 0px 4px 45px 0px rgb(0 0 0 / 25%);
}

.key-achivement-sec .key-left-side-text-wrap.right-side {
    right: 0;
    left: auto;
    margin-top: -50px;
}

.key-achivement-sec .key-left-side-text-wrap .figcaption:nth-child(1) {
    margin-left: 50px;
}

.challenge-text-wrap h3 {
    display: flex;
    align-items: center;
    color: #fff;
}

.challenge-text-wrap h3 span {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 15px;
}

.challenge-text-wrap h3 span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.challenge-text-wrap figcaption {
    margin-top: 50px;
}

.challenge-text-wrap figcaption p:last-child {
    margin-bottom: 0;
}

.challenge-text-wrap figcaption h6 {
    color: #fff;
    margin-bottom: 15px;
}

.challenge-text-wrap figcaption h6 span {
    display: inline-block;
    margin-right: 10px;
    font-family: Gilroy-Bold;
}

.challenge-text-wrap figcaption h6 span img {
    filter: brightness(0) invert(1);
}

.challenge-text-wrap figcaption p {
    color: #fff;
    padding-left: 39px;
}

.technology-used-sec {
    background: #fff;
}

.technology-list-wrap .single-tech-box {
    padding: 40px 30px;
    background: #fff;
    height: 100%;
}

.technology-list-wrap .single-tech-box h4 {
    font-family: Gilroy-Bold;
}

.technology-list-wrap .single-tech-box ul {
    display: flex;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
}

.technology-list-wrap .single-tech-box ul li {
    list-style: none;
    width: 50%;
    padding: 5px;
    height: 50px;
    overflow: hidden;
}

.technology-list-wrap .single-tech-box ul li img {
    background: #000;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50px;
}

.technology-list-wrap .single-tech-box:hover {
    box-shadow: 0px 4px 45px 0px rgba(177, 177, 177, 0.25);
}

.technology-list-wrap .single-tech-box.green-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(168, 255, 203, 0.5) 100%);
}

.technology-list-wrap .single-tech-box.blue-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(184, 234, 255, 0.5) 100%);
}

.technology-list-wrap .single-tech-box.pink-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(246, 184, 255, 0.5) 100%);
}

.technology-list-wrap .single-tech-box.yellow-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(244, 255, 152, 0.5) 100%);
}

.technology-list-wrap .col-lg-3 {
    margin-top: 40px;
}

.technology-used-sec:before {
    position: absolute;
    content: "";
    background: url("../images/tech-bg-before.png") no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100%;
    bottom: -40%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.conclusion-sec:after {
    position: absolute;
    content: "";
    background-image: url(../images/black-partical.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 65px;
    width: 100%;
    bottom: -64px;
    left: 0;
}

.conclusion-sec {
    margin-bottom: 65px;
}

.cs-dtls-new-slide .portfolio-slider-wrap .owl-nav button svg {
    color: #000;
}

/*------30-08-23--------*/

.single-careers .carer-submit-application-main .carer-submit-app .input-form .form-select {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 20px;
}

#mega-menu-wrap-primary {
    background: transparent !important;
    margin-top: 16px;
}

.career-form-submission .carer-submit-application-main {
    border: 1px solid #ddd;
    padding: 50px;
    border-radius: 20px;
    max-width: 1170px;
    margin: 0 auto 30px;
}

.career-form-submission .coursename.apply-for {
    text-align: center;
    margin-bottom: 60px;
}

.career-form-submission .carer-submit-app {
    margin-bottom: 0;
    text-align: left;
}

.career-form-submission .carer-submit-app .input-form .form-select {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #545454;
    font-size: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    background: transparent !important;
    border-color: transparent !important;
}

.main-header .menu-header h4 {
    position: relative;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 0;
    font-family: "Gilroy-Medium";
    font-weight: 600;
    letter-spacing: 1px;
}

.main-header .menu-header h4:before {
    position: absolute;
    content: "";
    background: #b600cf;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 0;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0px 15px 0px 15px;
}

.nav_btn {
    border: none;
    padding: 0px;
    background-color: transparent;
    cursor: pointer;
    height: 39px;
    width: 28px;
    position: relative;
    z-index: 999;
    display: none;
    position: relative;
}

.nav_btn span {
    position: absolute;
    top: 16px;
}

.nav_btn span,
.nav_btn span:before,
.nav_btn span:after {
    width: 28px;
    height: 3px;
    background-color: #000;
    display: block;
    transition: 0.3s;
}

.nav_btn span:before {
    content: "";
    transform: translateY(-9px);
}

.nav_btn span:after {
    content: "";
    transform: translateY(6px);
}

.menu_open_toggle .nav_btn span {
    background-color: transparent !important;
}

.menu_open_toggle .nav_btn span:before {
    transform: translateY(0px) rotate(45deg);
}

.menu_open_toggle .nav_btn span:after {
    transform: translateY(-3px) rotate(-45deg);
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 10px 15px 10px 15px;
}

.google-review-sec .ti-widget.ti-goog .ti-controls {
    top: 33.33% !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    font-size: 16px;
}

.error-sec {
    padding: 200px 0;
    min-height: 85vh;
}

/*==========new css=============*/

.second-carasol-sec.common-padd {
    padding-top: 10px;
    padding-bottom: 70px;
}

.google-review-sec.review-logo .img-box {
    max-width: 155px;
    text-align: center;
    margin: 0 auto;
}

.google-review-sec.review-logo .img-box img{  
    max-height: 100px;
}

.get-touch-sec .right-frm textarea,
.contact-page-dtls-sec .contact-frm-sec textarea {
    margin-bottom: 50px;
}

.main-header ul.mega-menu.max-mega-menu.mega-menu-horizontal>li ul.mega-sub-menu ul.mega-sub-menu li a::before {
    font-size: 20px !important;
    margin: 0 6px 2px 0px !important;
}

.main-header ul.mega-menu.max-mega-menu.mega-menu-horizontal>li ul.mega-sub-menu ul.mega-sub-menu li a {
    color: #555555 !important;
}

.main-header ul.mega-menu.max-mega-menu.mega-menu-horizontal>li ul.mega-sub-menu ul.mega-sub-menu li a:hover {
    color: #000 !important;
}

.ui-ux-work-mthod-sec.common-padd-big {
    padding-top: 0;
}

.industry-df-sec.common-padd {
    padding-top: 0;
}

.services-sec .lft-side-text,
.industry-df-sec .section-header {
    position: sticky;
    top: 150px;
}

.awrd-secton-page.common-padd {
    padding-top: 130px;
}

.page-template-tpl-dedicated-resource-php .dsa-agrmnt-srvc-sec .with-bg-sec {
    align-items: center;
}

.page-template-tpl-dedicated-resource-php .dsa-agrmnt-srvc-sec .content h5 {
    margin: 0;
}

.page-template-tpl-dedicated-resource-php .dsa-agrmnt-srvc-sec .icon-sec {
    animation: none;
}

.page-template-tpl-dedicated-resource-php .dsa-agrmnt-srvc-sec .with-bg-sec {
    background-color: #fff;
}

.awrd-banner-crcl .image-wraper {
    max-width: 400px;
    margin: 0 auto;
}

.agriment-wraper .sngl-box p {
    line-height: 1.4;
}

.contact-page-dtls-sec.common-padd.reletive-section {
    padding-top: 0;
    padding-bottom: 150px;
}

.contact-page-dtls-sec .sngl-dtls a span {
    margin-right: 22px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border: 1px solid #000;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
}

.agriment-sec .agriment-wraper .sngl-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.get-touch-sec .lft-content h2 span {
    display: block;
}

.portfolio-page-sec .portfoli-sec .sngl-work {
    padding: 0 20px;
}

/*=============new css===============*/

.schedule-meeting-modal .custom-modal-form-wrap .row .col-lg-6:last-child {
    overflow: hidden;
    overflow-x: scroll;
}

.Portfolio-banner-wrap:after {
    position: absolute;
    content: "";
    background: url("../images/portfolio-shape.png") no-repeat;
    background-size: 100% 100%;
    height: 124px;
/*     height: auto; */
    background-position: center center;
    bottom: 50px;
    left: 0;
    width: 100%;
}

.Portfolio-banner-wrap .Portfolio-banner img {
    width: 100%;
}

#nav-home-2 .portfoli-sec .image-box img {
    object-fit: contain;
}

.insta-sec .link-btn {
    display: none !important;
}

.promotion-logo-slider {
    padding-right: 5%;
}

.promotion-logo-slider .item figure {
    height: 110px;
    overflow: hidden;
    text-align: center;
}

.promotion-logo-slider .item figure img {
    height: 100%;
    object-fit: contain;
}

.case-studies-details-inner-banner .banner-content a {
    display: inline-block;
    width: 150px;
}

.footer-menu ul.social-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #343031;
}

.about-wcu-sec .sngl-box p:last-child {
    margin-bottom: 0;
}

.engagement-models-sec .agriment-wraper .sngl-box {
    display: block;
}

.single-agreements .dsa-agrmnt-srvc-sec {
    margin-bottom: 52px;
}

.single-agreements .dsa-agrmnt-srvc-sec:after {
    position: absolute;
    content: "";
    background: url(../images/second-btm-abstrack.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 56px;
    left: 0;
    bottom: -52px;
    background-position: center center;
    z-index: 1;
}

.webapp_link {
    margin-top: 30px;
}

.webapp_link a {
    display: inline-block;
    margin: 0 5px 5px;
    width: 150px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

.single-founder .contant p {
    text-transform: inherit;
    font-size: 14px;
}

/* calendy icon -- */

.VJL48qbQzWENTFAh1Knk {
    display: none;
}

.phone_number {
    position: relative;
}

.phone_number .wpcf7-form-control-wrap:nth-child(1) {
    position: absolute;
    width: 60px;
    left: 0;
    top: 45%;
    transform: translateY(-45%);
    z-index: 1;
}

.phone_number .wpcf7-tel {
    padding-left: 60px !important;
}

.country-select .country-list li.country {
    font-size: 14px !important;
    border: none !important;
}

.phone_number .wpcf7-countrytext {
    display: none;
}



.our-industry-sec.portfoli-wraper-sec button.owl-prev {
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	margin: 0 !important;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}
.our-industry-sec.portfoli-wraper-sec button.owl-next {
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
	margin: 0 !important;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}

.our-industry-sec.portfoli-wraper-sec .owl-dots {
		display: block;
	}
.mobileapp .cs-bn-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobileapp .cs-bn-img-wrap {
    width: auto;
    height: 600px;
}
.mobileapp .key-middle-img {
    max-width: 350px;
}
.get-touch-sec .iti,
.contact-frm-sec .iti{
     width: 100%;
}
.get-touch-sec .iti__selected-flag,
.contact-frm-sec .iti__selected-flag {
    background-color: transparent !important;
}
.career-form-submission .input-form.register_phn label {
    display: block;
}
.input-form.register_phn .iti {
    width: 100% !important;
}
.career-form-submission .input-form.register_phn .iti__selected-flag {
    background-color: transparent !important;
}

/***** 26-02-24 ******/
.wpcf7-checkbox span.wpcf7-list-item { margin-left: 0; } 
.wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] { width: 20px; height: 20px; margin-right: 8px; } 
.wpcf7-checkbox span.wpcf7-list-item label { display: flex; align-items: center; } 
/***** 26-02-24 ******/


.whtsap { position: fixed; left: 70px; bottom: 18px; z-index: 9; width: 73px; }
.whtsap a.wa__button { width: auto; }

.footer-end #DMCA-badge { height: 46px !important; }

/* 17-07-24 */
.single-services .ui-ux-work-mthod-sec .agreement-btm-sec {
    margin-top: 40px;;
}

ul.duns-cin-no { margin: 0; padding-top: 23px !important; }



/* ============ App Landing design page (Arundhati) ============ */

body.page-template-template-partstpl_landing_design_development-php { background: linear-gradient(180deg, #FFFFFF 37.61%, #F3F3F3 100%); background-image: url(../images/banner_bg.png); background-repeat: no-repeat; background-position: top center; background-size: auto; }

/* body.page-template-template-partstpl_landing_design_development-php .common-hdr h2, body.page-template-template-partstpl_landing_design_development-php .corporate-value h2, body.page-template-template-partstpl_landing_design_development-php .common-hdr h5, body.page-template-template-partstpl_landing_design_development-php .common-contect-dtls h2, body.page-template-template-partstpl_landing_design_development-php .common-contect-dtls h5 { font-weight: 500; } */

.landing-header-btn ul li:first-child a img { margin-right: 10px; }
.landing-header .user-sec ul li { margin-left: 50px; }

.grow-your-business .home-certified-ban p { color: var(--black); }

.tp-cnt-wrap h1 { font-size: 60px; font-weight: 600; }
.tp-cnt-wrap p { max-width: 550px; color: #000000; font-weight: 500; }

.cnt-info a img { margin-right: 10px; }

.home-certified-ban { padding-bottom: 50px; }
/* .home-certified-ban ul li:last-child { margin-top: 30px; } */
.home-certified-ban ul li iframe { padding-top: 18px; }

/* .mobile-app { position: relative;margin-top: -120px; text-align: right; } */


.grow-your-business .row { align-items: center; }

.grow-business-form { position: relative;}
.grow-business-form::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; border-radius: 30px; background-image: linear-gradient(180deg, rgb(247 249 252) 0%, #f7f9fc 65%), linear-gradient(180deg, rgba(0, 98, 147, 0.2) 0%, #00ADFE 100%); background-origin: border-box; background-clip: content-box, border-box; z-index: -1; }

.grow-business-form .inner-form-holder {padding: 50px 50px 30px;}
.grow-business-form .inner-form-holder h2 {position: relative;z-index: 1;font-weight: 600;margin: 0 0 30px;}
.grow-business-form p { color: #000; font-weight: 500; line-height: 1.2;margin: 0 0 50px; }
.grow-business-form .inner-form-holder form { max-width: 400px; }

.grow-business-form .inner-form-holder form .iti__flag-container { top: -5px; }

.grow-business-form .get-touch-sec { background: none; }
.grow-business-form .get-touch-sec input.form-control { height: 30px; }
.grow-business-form .get-touch-sec .form-control { padding: 6px 15px 12px 15px; }
.grow-business-form .get-touch-sec textarea.form-control { height: 70px; }

/* .landing-forms .form-control, .landing-forms select, .landing-forms select.form-select { background-color: #FFFFFFCC; border-radius: 10px; border: 1px solid #DDEDF6; color: #191919; }
.landing-forms .form-control[type=file] { border-radius: inherit; border: none; color: var(--black); background: transparent; } */

.page-template-tpl_landing_design_development-php .banner-section { background: none; }
.page-template-tpl_landing_design_development-php .banner-section::before { display: none; }
.page-template-tpl_landing_design_development-php .banner-section .banner-btm-logo-sec { margin: 0; padding: 100px 0; }
.banner-section .banner-btm-logo-sec ul.right-img li:first-of-type { margin-left: 20px; }

.landing-specialization {background: linear-gradient(180deg, rgba(247, 249, 252, 0) 0%, #F7F9FC 65%);}

.center-content-sec { max-width: 1110px; margin: 0 auto; }
.center-content-sec p { margin: 20px 0 0; }

.trusted-tech-landing .trusted-logo-slider img { max-height: 32px; min-height: 28px; }

.empowering-sec { background: #fff; }

.faq-landing { background: #fff;overflow: hidden;padding-bottom: 50px; }
.faq-landing .faq-sec .accordion-button { padding: 30px 50px 30px 0; }

.get-touch-sec { background-image: url(../images/business-bg.png); background-repeat: no-repeat; background-position: bottom center; background-size: contain; padding: 0;overflow: hidden; }
.get-touch-sec .lft-content {padding-right: 200px;}
.get-touch-sec p { font-size: 20px; }

.empowering-slider .icon-60 { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 30px; }
.empowering-slider .icon-60 img { width: 30px; height: auto; display: block; border-radius: 0; margin: 0; }

.empowring-slider .slick-list { margin: 0 -15px;}
.empowring-slider .slick-slide { margin: 0 15px;}

@media only screen and (min-width: 1022px){
    .empowring-slider .slick-list { overflow: visible;}
}

.right-text { padding-left: 28%; overflow: hidden; }

.empowering-sliders .service-slider-card.common-card-style2{ border-radius: 3px; box-shadow: 0px 15px 20px 0px #D2D9E059;border: 0; }
.empowering-sliders .service-slider-card.common-card-style2:hover { transform: translateY(-30px);border: 0; }

.empowering-sliders .slick-arrow, .what-customer-slider .slick-arrow { width: 60px; height: 50px; background: var(--white); border-radius: 3px;z-index: 1; }
.empowering-sliders .slick-arrow::before,.what-customer-slider .slick-arrow::before  { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: 0; transform: translateX(-50%); width: 20px; }
.empowering-sliders .slick-arrow.slick-prev{ left: -70px; }
.empowering-sliders .slick-arrow.slick-prev::before, .what-customer-slider .slick-arrow.slick-prev::before{background: url(../images/prev-arrows.svg) no-repeat center / 20px;}
.empowering-sliders .slick-arrow.slick-next { right: -70px; }
.empowering-sliders .slick-arrow.slick-next::before, .what-customer-slider .slick-arrow.slick-next::before{background: url(../images/next-arrows.svg) no-repeat center / 20px;}

.lets-work-together { background: linear-gradient(180deg, rgba(247, 249, 252, 0) 0%, #F7F9FC 65%); }
.lets-work-together::before {display: none;}
.lets-work-together .common-contect-ul { background: rgb(0 138 255 / 5%);padding: 30px; }
.lets-work-together .common-contect-ul li { list-style: none; background: url(../images/green-tick.svg) no-repeat left top 2px; padding-left: 30px; }
.lets-work-together .common-contect-number {padding: 0;}

.what-customer-lt { background: #008AFF; height: 100%; align-content: center; padding: 15px 100px; background-repeat: no-repeat;background-size: auto;background-position: top 50px left 30px; position: relative;}
.what-customer-lt::before { content: ""; position: absolute; top: -80px; left: -50px; width: 200px; height: 200px; background: #EBF6FF; border-radius: 50%; z-index: -1; }
.what-customer-lt h2 { margin: 0; color: var(--white); font-weight: 500; }
.what-customer-slider { background: #F7F9FC; text-align: center; }

.customer-slider-item ul { list-style: none; display: flex; justify-content: center;padding: 0; }
.customer-slider-item ul li {transition: var(--common-transition);}
.customer-slider-item ul li:not(:last-child) { margin-right: 15px; }
.customer-slider-item ul li img { filter: grayscale(1); width: 56px; height: 56px; object-fit: cover; border-radius: 50%; }
.customer-slider-item ul li.client-active img { filter: none; transform: scale(1.3); }

.customer-slider-item { max-width: 643px; margin: 0 auto; padding: 100px 0 50px; position: relative; z-index: 1; }
.customer-slider-item .quotes { position: absolute; z-index: -1; left: 50%; top: 65px; transform: translateX(-50%); }
.customer-slider-item p { margin: 0 0 30px; }
.customer-slider-item .author-wrap p:first-of-type { margin-bottom: 3px; color: var(--black); font-weight: 600; }
.customer-slider-item .author-wrap p { font-weight: 500; margin-bottom: 10px; }

.author-wrap .img-hold-wrap img { width: 100%; max-width: 100px;display: inline-block; }

.what-customer-slider .slick-arrow {bottom: -25px;top: inherit;}
.what-customer-slider .slick-arrow.slick-prev {left: -120px;border-radius: 3px 0 0 0;border-right: 1px solid #DEE7EE;}
.what-customer-slider .slick-arrow.slick-next {right: inherit;left: -60px;border-radius: 0 3px 0 0;}

.common-work-img img { object-fit: cover; width: 677px; height: 361px; }

.faq-landing h3 { font-size: 50px; font-weight: 500; }
.faq-landing .service-faq-accordion .accordion-button::after { background-color: #00ADFE;background-image: url(../images/white-plus.svg); }

footer.landing-footer { clip-path: none; padding: 100px 0 !important; background: #231f20; }
footer.landing-footer .footer-end .row { margin: 0; padding: 0; border: 0; }
footer.landing-footer .footer-end .row .footer-end-ttl h6 { color: var(--white); font-weight: 500; margin-bottom: 34px; }

footer.landing-footer .footer-end .container:after { display: none; }

.our-spiclze-sec .top-img, .trst-sec .btm-img { display: none; }

.iti__flag {background-image: url(../img/flags.png);}

.common-hdr h2 {font-weight: 500;}

.second-carasol-slider .slick-list { padding: 0 16% !important; }
.second-carasol-slider .slick-track {display: flex;align-items: center;}

.second-carasol-slider {margin: 0;}

.slick-dots { bottom: -50px; }
.slick-dots li, .slick-dots li button { width: 10px; height: 10px; }
.slick-dots li {margin: 0 7px;}
.slick-dots li button::before { display: none; }
.slick-dots li button { opacity: 1; width: 10px; height: 10px; line-height: 10; background: #444444; border-radius: 50%; font-size: 0; }
.slick-dots li.slick-active button{ background: #ffffff; opacity: 1; }


/* ============ App Landing design page (Arundhati) ============ */


/* ============= LANDING ZOHO FORM CSS ============= */

.wf-field-item { height: 30px; background: transparent; border: none !important; border-bottom: 1px solid #000 !important; border-radius: 0; color: #000; padding: 6px 15px 12px 15px;}

.grow-business-form textarea.wf-field-item { height: 70px; }

.wf-btn { transition: all 0.3s ease 0s; background: #000000; color: #fff !important; padding: 20px 30px; font-size: 16px; border-radius: 0; text-transform: capitalize; line-height: 1; border: 1px solid #000; }
.wf-btn:hover { background: transparent; color: #000 !important; }

.right-frm input.wf-field-item { padding: 12px 0; height: 70px; }
.right-frm .form-wf-label { font-weight: 500; color: #656565; }
.right-frm .multiselect.wf-field-dropdown .selected-options { border-radius: 0; background: transparent; height: 100%; padding: 12px 0; }
.right-frm .wform-field-item-upload-input { border: 0 !important; }

.page-template-tpl_landing_page .right-frm textarea.wf-field-item { border-radius: 0; margin:0; padding: 0; }

.right-frm .wf-btn { background: transparent; color: #000 !important;}
.right-frm .wf-btn:hover { background: #000 !important;color: #fff !important; }

@media screen and (max-width: 767px) {
    .wform-btn-wrap { text-align: center; }
    .wf-btn { padding: 14px 30px; font-size: 14px; }
}

/* ============= LANDING ZOHO FORM CSS ============= */


/*Media Query css*/

@media only screen and (min-width: 1699px) {
    .container.header-container {
        max-width: 1600px !important;
    }
}

@media only screen and (min-width: 1700px) {
    .container {
        max-width: 1600px !important;
    }
    .schedule-meeting-modal.modal.fade .modal-dialog {
        max-width: 1880px;
        padding: 0 100px;
    }
}

@media only screen and (max-width: 1799px){

    /* ============ App Landing design page (Arundhati) ============ */

    .mobile-img::after {top: 0;}

    /* ============ App Landing design page (Arundhati) ============ */
}

@media only screen and (max-width: 1699px) {
    /* body {
        font-size: 16px;
    }
    .btn {
        padding: 15px 30px;
    }
    h1 {
        font-size: 65px;
    }
    h2 {
        font-size: 50px;
    }
    h3 {
        font-size: 40px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 16px;
    } */
    /* .common-padd {
        padding-top: 70px;
        padding-bottom: 70px;
    } */

    h4 {
        font-size: 24px;
    }

    a.btn-btn {
        padding: 25px 10px;
        font-size: 30px;
    }
    header .user-sec ul li a.btn {
        font-size: 16px;
        padding: 15px 20px;
        min-width: 145px;
    }
    .main-menu ul li a,
    .main-menu ul li {
        font-size: 16px;
    }
    .main-menu ul li:not(:last-child) {
        margin-right: 12px;
    }
    .main-header .hdr-rt {
        margin-left: auto;
        margin-right: 15px;
    }
    header ul.sub-menu li a small {
        width: 35px;
    }
    header .user-sec ul li {
        margin-left: 12px;
    }
    .main-menu ul li span img {
        width: 10px;
    }
    header.main-header .logo {
        min-width: auto;
        max-width: 150px;
        width: 150px;
    }
    header.main-header.fixed .logo img {
        max-width: 100%;
    }
    header.main-header .logo .we-hire {
        left: 75px;
        padding: 8px;
        min-width: 120px;
        font-size: 14px;
        bottom: -25px;
    }
    .main-header.fixed .logo .we-hire {
        left: 75px;
        bottom: -25px;
    }
    /*  header ul.submenu li {padding: 0 15px ;}*/
    .banner-section .banner-content h1 {
        line-height: 1;
        margin-bottom: 30px;
        margin-left: -6px;
        margin-top: 30px;
    }
    .crcl-sec .main {
        width: 350px;
        height: 350px;
    }
    .crcl-sec .icon-block h5 span {
        font-size: 30px;
    }
    .banner-section .banner-content ul {
        margin-top: 30px;
    }
    .banner-section .banner-btm-logo-sec {
        margin-top: 70px;
    }
    .banner-section .btm-crcl-sec .lft-side-text ul li {
        font-size: 10px;
        margin-left: 10px;
    }
    .banner-section .btm-crcl-sec .right-side-text ul li {
        font-size: 10px;
        margin-right: 10px;
    }
    .banner-section .banner-btm-logo-sec ul li {
        margin-right: 15px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img li {
        font-size: 14px;
    }
    .banner-section .banner-btm-logo-sec ul li img {
        width: 250px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img li img {
        width: 100px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img {
        justify-content: flex-end;
    }
    .banner-section .banner-btm-logo-sec .row {
        align-items: center;
    }
    .banner-section .row.align-items-center {
        align-items: start !important;
    }
    .mobileapp .cs-bn-img-wrap {
    height: 500px;
}
.mobileapp .key-achivement-sec .key-middle-img {
    max-width: 250px;
}
    .second-carasol-sec .images-box {
        width: 75px;
        height: 75px;
        margin-right: 15px;
    }
    .second-carasol-sec .container-fluid::before,
    .second-carasol-sec .container-fluid::after {
        width: 200px;
        height: 100%;
        top: -20px;
    }
    .agriment-sec .content-box h4 {
        margin-bottom: 15px;
    }
    .agriment-sec .agriment-wraper .sngl-box-wraper {
        padding: 30px 20px 20px !important;
    }
    .agriment-sec .vert-move {
        margin-bottom: 15px;
    }
    .agriment-sec .agreement-btm-sec {
        margin-top: 50px;
    }
    .Schedule-meeting .btn {
        min-width: 210px;
    }
    .Schedule-meeting {
        width: 48px;
    }
    .services-sec .lft-side-text {
        padding-right: 50px;
    }
    .tech-sec .heading-name h1 {
        font-size: 180px;
    }
    .tech-sec .content-box h3 {
        font-size: 40px;
    }
    .our-industry-sec .lft-text {
        padding-left: 20%;
    }
    .our-industry-sec button.owl-next,
    .our-industry-sec button.owl-prev,
    .blog-sec button.owl-next,
    .blog-sec button.owl-prev, .our-industry-sec button.slick-next, .our-industry-sec button.slick-prev {
        width: 45px;
        height: 45px;
    }
    .our-industry-sec .row,
    .right-logo-sec .row {
        align-items: center;
    }
    .our-industry-sec .right-text .images-box {
        height: 450px;
    }
    .who-we-sec .lft-text {
        padding-right: 0;
    }
    .who-we-sec .image-box {
        height: 450px;
    }
    .portfoli-sec .portfoli-wraper-sec .col-lg-6,
    .portfoli-sec .portfoli-wraper-sec .col-lg-12 {
        padding-left: 30px;
        padding-right: 30px;
    }
    .portfoli-sec .portfoli-wraper-sec .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .section-header-cntr {
        margin-bottom: 50px;
    }
    .our-spiclze-sec .counter-right .card {
        margin-bottom: 50px;
    }
    .our-spiclze-sec .counter-right .card h3 {
        font-size: 40px;
    }
    .our-spiclze-sec .counter-right .card h6 {
        font-size: 16px;
    }
    .blog-sec .sngl-blog .content-box h3 {
        height: 117px;
    }
    .blog-sec .sngl-blog .content-box a {
        font-size: 16px;
    }
    .single-client-say figcaption {
        padding: 20px;
    }
    .single-client-say .cs-play a {
        width: 45px;
        height: 45px;
    }
    .single-client-say .cs-play {
        top: 20px;
        right: 20px;
    }
    .cs-btm-sec {
        margin-top: 50px;
    }
    .lets-discuss-sec h2 {
        max-width: 400px;
    }
    .region-serve-sec .map-region figcaption {
        top: 1%;
        right: 1%;
    }
    .get-touch-sec .right-frm .d-flex select.form-select,
    .contact-page-dtls-sec .contact-frm-sec .d-flex select.form-select {
        font-size: 16px;
    }
    .get-touch-sec input.form-control {
        height: 60px;
    }
    footer .logo-box {
        max-width: 200px;
    }
    .blog-sec .sngl-blog .img-box {
        height: 400px;
    }
    .crcl-sec .center-logo {
        width: 150px;
        height: 150px;
        padding: 15px;
    }
    .crcl-sec .icon-block:nth-child(7) {
        width: 100px;
        height: 100px;
    }
    .crcl-sec .icon-block {
        width: 50px;
        height: 50px;
    }
    .second-carasol-sec .images-contnt {
        width: calc(100% - 90px);
    }
    .get-touch-sec textarea.form-control,
    .contact-page-dtls-sec .contact-frm-sec textarea.form-control {
        height: 100px;
    }
    .get-touch-sec .right-frm .d-flex select.form-select,
    .contact-page-dtls-sec .contact-frm-sec .d-flex select.form-select {
        height: 60px;
    }
    .portfoli-sec .sngl-work .pt-text-wrap h5 {
        font-size: 24px;
    }
    .contact-page-dtls-sec {
        background-color: #fff;
    }
    .digital-banner .crcl-sec .icon-block:nth-child(7) {
        width: 50px;
        height: 50px;
    }
    .engagement-slider-sec .owl-carousel .item figure {
        padding: 0 20px;
    }
    .specialisation-section .section-header-cntr h2,
    .digital-spiclze .section-header-cntr h2 {
        font-size: 50px;
    }
    .industry-banner-crcl {
        background-size: contain;
        width: 400px;
        height: 400px;
    }
    .industry-banner-crcl::before {
        background-size: contain;
        width: 100%;
        height: 100%;
    }
    .industry-banner-crcl .big-iocn {
        width: 40px;
        height: 40px;
    }
    .industry-banner-crcl .big-iocn img {
        max-width: 100%;
        padding: 7px;
    }
    .industry-banner-crcl .small-iocn {
        width: 25px;
        height: 25px;
    }
    .industry-banner-crcl .small-iocn img {
        max-width: 100%;
        padding: 4px;
    }
    .industry-banner-crcl .hand-icon img {
        max-width: 40px;
    }
    .industry-banner-crcl .outer-icon .box-iocns:nth-child(4) {
        bottom: 15%;
        left: 0;
    }
    .industry-banner-crcl .outer-icon .box-iocns:nth-child(3) {
        bottom: 15%;
        right: 0;
    }
    .industry-banner-crcl .box-iocns {
        z-index: 1;
    }
    .industry-banner-crcl .outer-icon .box-iocns:nth-child(1) {
        top: 15%;
    }
    .industry-banner-crcl .outer-icon .box-iocns:nth-child(2) {
        top: 15%;
    }
    .industry-banner-crcl .round-big-crcl,
    .industry-banner-crcl .round-big-crcl:before {
        height: 380px;
        width: 380px;
    }
    .industry-banner-crcl .round-small-crcl,
    .industry-banner-crcl .round-small-crcl:before {
        height: 340px;
        width: 340px;
    }
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(3),
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(2),
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(1) {
        width: 100px;
        padding: 10px 5px;
    }
    .industry-banner-crcl .circle-inner-text .text-content h6 {
        font-size: 12px;
        text-align: center;
    }
    .industry-banner-crcl .circle-inner-text .text-content h6 img {
        margin-right: 0;
        width: 15px;
        position: relative;
        top: -3px;
        display: block;
        margin: 0 auto;
    }
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(3) {
        top: 50%;
        left: 0;
    }
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(2) {
        top: 50%;
        right: 0;
    }
    .industry-banner-crcl .circle-inner-text .text-content:nth-child(1) {
        top: 20%;
    }
    .industry-bst-sec .industry-bst-sec-wraper .row .col-lg-6 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .industry-bst-sec .industry-bst-sec-wraper .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .industry-bst-sec-wraper .box-content {
        padding: 20px;
        min-height: 240px;
        margin-bottom: 30px;
    }
    .industry-bst-sec-wraper .box-content h4 {
        font-size: 24px;
    }
    .faq-sec .accordion-button {
        padding: 25px 40px 25px 0;
    }
    .faq-sec .accordion-body {
        padding-bottom: 25px;
    }
    .portfolio-crcl-banner .p-crcl-two.p-crcl {
        width: 50px;
        height: 50px;
        padding: 5px;
        top: 0;
    }
    .portfolio-crcl-banner .p-crcl-three.p-crcl {
        width: 50px;
        padding: 5px;
        height: 50px;
        top: 0;
        left: 0;
    }
    .portfolio-crcl-banner .p-crcl-five.p-crcl {
        width: 50px;
        padding: 5px;
        height: 50px;
        top: 0;
        right: 0;
    }
    .portfolio-crcl-banner .p-crcl-four.p-crcl {
        width: 50px;
        height: 50px;
        padding: 12px;
        top: 50%;
        left: 0;
    }
    .portfolio-crcl-banner .p-crcl-six.p-crcl {
        width: 50px;
        height: 50px;
        padding: 12px;
        top: 50%;
        right: 0;
    }
    .portfolio-crcl-banner .p-crcl-one.p-crcl {
        width: 50px;
        height: 50px;
        padding: 12px;
    }
    .portfolio-crcl-banner .mobo-img {
        max-width: 160px;
    }
    .portfolio-crcl-banner .pc-img {
        max-width: 400px;
        margin-left: auto;
    }
    .portfolio-crcl-banner .bg-img {
        max-width: 90%;
    }
    .portfolio-page-sec div#nav-tab button {
        font-size: 16px;
        padding: 9px 30px;
    }
    .portfolio-filter .form-select {
        font-size: 16px;
    }
    .case-studies-banner-wrap h1 {
        font-size: 65px;
    }
    .case-studies-banner-wrap p {
        font-size: 24px;
    }
    .process-challenge-wrap h3 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .project-key-benifits {
        padding: 40px;
    }
    .result-bottom-img-wrap figure {
        height: 440px;
    }
    .Portfolio-banner-wrap {
        background-image: none;
    }
    .grident-text h2 {
        font-size: 50px;
    }
    .grident-text h5 {
        font-size: 30px;
    }
    .agriment-sec.grident-text-agriment .sngl-box .image-box.vert-move {
        width: 65px;
        height: 65px;
    }
    .agriment-sec.grident-text-agriment .sngl-box .content-box h4 {
        min-height: 45px;
    }
    .inner-banner .ui-ux-banner-crcl ul.lft-item li,
    .inner-banner .ui-ux-banner-crcl ul.right-item li {
        width: 75px;
        height: 75px;
        border-radius: 12px;
        margin: 25px 0;
        padding: 10px;
    }
    .ui-ux-banner-crcl {
        max-width: 400px;
        margin: 0 auto;
        height: 300px;
    }
    .inner-banner .ui-ux-banner-crcl .left-line,
    .inner-banner .ui-ux-banner-crcl .right-line {
        width: 180px;
        top: 50px;
    }
    .inner-banner .ui-ux-banner-crcl ul.lft-item,
    .inner-banner .ui-ux-banner-crcl ul.right-item {
        top: 0;
    }
    .ui-ux-banner-crcl .bg-img {
        top: 0;
    }
    .inner-banner .ui-ux-banner-crcl .radius {
        top: 50px;
    }
    .ui-ux-srvc-sec .section-header-left {
        margin-bottom: 50px;
    }
    .schedule-meeting-modal .modal-left-side h3 {
        letter-spacing: -2.5px;
        font-size: 40px;
    }
    .schedule-meeting-modal .modal-left-side {
        padding: 30px;
    }
    .schedule-meeting-modal .modal-left-side .md-text-box:before {
        font-size: 60px;
        left: -120px;
        min-width: 715px;
        line-height: 60px;
    }
    .schedule-meeting-modal .modal-body {
        padding: 30px;
    }
    .schedule-meeting-modal .modal-right-side {
        padding: 30px 15px;
    }
    .schedule-meeting-modal .modal-right-side h4 {
        letter-spacing: -1.5px;
        font-size: 30px;
    }
    /*.schedule-meeting-modal .btn-close {right: 30px;top: 30px;}*/
    .schedule-meeting-modal .modal-right-side .form-group .form-control {
        padding: 15px 0;
        height: 50px;
    }
    .schedule-meeting-modal .modal-right-side .form-group textarea.form-control {
        height: 100px;
    }
    .main-header .container.header-row {
        padding-left: 35px;
        padding-right: 35px;
    }
    .case-studies-details-inner-banner .banner-content h3 {
        font-size: 48px;
        line-height: 58px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption {
        width: 430px;
        margin-top: 30px;
    }
    .key-achivement-sec .key-middle-img {
        max-width: 850px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption {
        padding: 20px;
    }
    .cs-feature-sec .cs-background-text-wrap .single-particle {
        padding: 20px;
        padding-left: 70px;
    }
    .cs-background-text-wrap {
        padding-left: 30px;
    }
    .cs-feature-sec .cs-background-text-wrap {
        padding-left: 0;
        padding-right: 30px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption:nth-child(1) {
        margin-left: 30px;
    }
    .challenge-text-wrap figcaption {
        margin-top: 30px;
    }
    .technology-list-wrap .single-tech-box {
        padding: 30px 20px;
    }
    .cs-background-text-wrap .single-particle {
        margin-top: 30px;
    }
    .key-achivement-sec {
        padding-bottom: 110px !important;
    }
    .career-form-submission .carer-submit-application-main .input-form {
        margin-bottom: 20px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button p {
        font-size: 18px;
    }
    .blog-listing-sec {
        padding-top: 120px;
    }
    .lets-discuss-sec:before {
        top: -132px;
    }
    /*===============================sudipta===============================*/
    .crcl-sec.about-crcl-bnr .center-logo {
        width: 200px;
        height: 200px;
    }
    .about-wwr-sec {
        padding-top: 130px;
        background-position: bottom 0px left;
    }
    .about-awc-sec .left-img {
        height: 580px;
    }
    .about-awc-sec .right-text-wraper {
        margin-top: 50px;
    }
    .about-team-sec .image-box,
    .about-team-sec .overlay-logo-animaton {
        height: 500px;
    }
    .awrd-secton-page .award-content {
        width: calc(100% - 350px);
    }
    .awrd-secton-page .award-imge {
        width: 300px;
        height: 300px;
        margin-right: 50px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:first-child {
        width: 75px;
        height: 85px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:nth-child(4) {
        width: 70px;
        height: 75px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:nth-child(3) {
        left: 20%;
        width: 65px;
        height: 75px;
    }
    .blog-listing-sec div#nav-tab button {
        font-size: 16px;
        padding: 9px 25px;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart .image-box {
        width: 500px;
        height: 400px;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .conttext-box {
        width: calc(100% - 530px);
    }
    .blog-listing-wraper .conttext-box p {
        height: 75px;
    }
    .blog-listing-wraper .conttext-box {
        padding: 20px;
    }
    .blog-listing-wraper .conttext-box h5 {
        line-height: inherit;
        height: 65px;
    }
    .blog-details-wraper h3 {
        padding-right: 0;
        line-height: 70px;
        font-size: 60px;
    }
    .blog-details-wraper .image-box {
        height: 500px;
    }
    .carrer-banner-crcl .round-one,
    .carrer-banner-crcl .round-Two {
        width: 400px;
        height: 400px;
    }
    .carrer-banner-crcl .btm-img {
        right: 0;
    }
    .career-open-sec .search-section {
        margin-bottom: 80px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button,
    .career-open-sec .search-section {
        padding: 35px;
    }
    .single-key-figure h4 {
        font-size: 40px;
    }
    .single-key-figure p {
        font-size: 15px;
        line-height: initial;
    }
    .perks-benifits-sec .single-key-figure h6 {
        font-size: 16px;
    }
    .col-spic h2,
    .frontent-src-lst h2 {
        font-size: 40px;
        line-height: initial;
    }
    .upload-f {
        margin: 0 auto;
    }
    .carer-submit-application-main {
        padding-top: 80px;
    }
    .carer-submit-application-main .input-form {
        margin-bottom: 30px;
    }
    .inner-banner .crcl-sec.team-crcl-banner .center-logo {
        width: 200px;
        height: 200px;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(5) {
        width: 80px;
        height: 80px;
    }
    .founder-sec .sub-heading h2 {
        font-size: 50px;
        letter-spacing: 0;
    }
    .single-founder .img-box {
        width: 300px;
        height: 300px;
    }
    .others-profile .single-founder .img-box {
        width: 200px;
        height: 200px;
    }
    .founder-sec .sub-heading {
        margin-bottom: 50px;
    }
    .full-team-sec .founder-sec {
        margin-bottom: 50px;
    }
    .others-profile .single-founder .contant h3 {
        letter-spacing: 0;
    }
    .hire-image-design .midl-circlbox,
    .hire-image-design .circle-one {
        width: 215px;
        height: 215px;
    }
    .hire-image-design .right-imge,
    .hire-image-design .lft-imge {
        width: 180px;
    }
    .hire-image-design .circle-two {
        top: 30px;
        width: 160px;
        height: 160px;
    }
    .hire-image-design .main-imge {
        width: 130px;
        height: 130px;
        top: 46px;
        right: 42px;
    }
    .talent-sec h2,
    .web-solution-section h2 {
        font-size: 50px;
    }
    .engagement-tabs-sec .about-awc-sec .sub-text h2,
    .engagement-tabs-sec .ex-sub-heading h2 {
        font-size: 50px;
    }
    .engagement-tabs-sec .about-awc-sec .box-text {
        padding: 35px;
    }
    .engagement-tabs-sec .about-awc-sec .box-text h3 {
        font-size: 80px;
    }
    .engagement-tabs-sec .about-awc-sec .box-text h5 {
        font-size: 30px;
    }
    .engagement-tabs-sec .tab-top {
        margin-bottom: 80px;
    }
    .carrer-banner-crcl.eng-cricl-banner .top-img,
    .carrer-banner-crcl.eng-cricl-banner .btm-img {
        max-width: 230px;
    }
    .lets-discuss-sec.common-padd {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .portfolio-page-sec,
    .career-open-sec {
        padding-top: 150px;
    }
    .banner-section .banner-content h6 {
        font-size: 20px;
    }
    .awrd-secton-page.common-padd {
        padding-top: 70px;
    }
    .awrd-banner-crcl .image-wraper {
        max-width: 310px;
    }
    .contact-banner-crcl.contact-banner-crcl .round-box {
        width: 380px;
        height: 380px;
    }
    .carrer-banner-crcl.contact-banner-crcl .top-img,
    .carrer-banner-crcl.contact-banner-crcl .btm-img {
        max-width: 300px;
    }
    .carrer-banner-crcl .girl-img {
        max-width: 270px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 {
        font-size: 50px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 i {
        font-size: 18px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 span {
        top: 5px;
    }
    .contact-page-dtls-sec .sngl-dtls a {
        font-size: 20px;
    }
    .contact-page-dtls-sec .sngl-dtls p {
        margin-bottom: 20px;
    }
    .contact-page-dtls-sec .sngl-dtls a span {
        font-size: 16px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .portfolio-page-sec .portfoli-sec .sngl-work {
        padding: 0 10px;
    }
    .contact-page-dtls-sec.common-padd.reletive-section {
        padding-bottom: 120px;
    }
    .portfoli-sec .image-box {
        height: 390px;
    }
    .portfoli-sec .sngl-work .pt-text-wrap h6 {
        font-size: 14px;
    }
    .perks-benifits-sec .single-key-figure figure {
        max-width: 45px;
        margin: auto;
        margin-bottom: 1rem;
    }
    /*===============================sudipta===============================*/
    .portfolio-page-sec .portfoli-sec .image-box {
        height: 300px;
    }
    footer .footer-menu ul.social-media img {
        width: 15px;
    }
    .lets-discuss-sec.cs-feature-sec {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    
    .our-industry-sec.portfoli-wraper-sec button.owl-prev {
	left: -20px;
	}
	.our-industry-sec.portfoli-wraper-sec button.owl-next {
	right: -20px;
	}
    
    
    ul.duns-cin-no {padding-top: 32px !important;}

    /* ============ App Landing design page (Arundhati) ============ */

    .grow-business-form .inner-form-holder form { max-width: 300px; }

    /* ============ App Landing design page (Arundhati) ============ */
    
}

@media only screen and (max-width: 1599px){

    /* ============ App Landing design page (Arundhati) ============ */
  
    .tp-cnt-wrap h1 {font-size: 50px;}
  
    .empowering-sliders .slick-arrow.slick-prev { left: -20px; }
    .empowering-sliders .slick-arrow.slick-next { right: -20px; }
  
    .what-customer-slider .slick-arrow {bottom: -26px;}
  
    /* ============ App Landing design page (Arundhati) ============ */
  
  }

@media only screen and (max-width: 1399px) {
    .banner-section .banner-btm-logo-sec ul li img {
        width: 220px;
    }
    .tech-sec .heading-name h1 {
        font-size: 140px;
    }
    .region-serve-sec .map-region figcaption {
        top: 0;
        right: -25px;
    }
    .portfolio-page-sec,
    .career-open-sec {
        padding-top: 100px;
    }

    /* ============ App Landing design page (Arundhati) ============ */

    .tp-cnt-wrap h1 {font-size: 40px;}

    .page-template-tpl_landing_design_development-php .banner-section .banner-btm-logo-sec { padding: 80px 0; }

    .customer-slider-item { max-width: 600px; }

    .center-content-sec { max-width: 850px; }

    .what-customer-lt::before { left: -20px; }
    
    .empowering-sliders .slick-slide { padding: 0 5px; }
    .empowering-sliders .slick-arrow { width: 50px; height: 40px; }
    .empowering-sliders .slick-arrow.slick-prev { left: -25px; }
    .empowering-sliders .slick-arrow.slick-next { right: -25px; }

    .grow-business-form .inner-form-holder { padding: 30px 30px 10px; }
    .grow-business-form .inner-form-holder h2 { margin: 0 0 20px; font-size: 30px; }
    .grow-business-form .inner-form-holder p{margin: 0 0 20px;}

    .get-touch-sec .lft-content { padding-right: 100px; }

    footer.landing-footer {padding: 80px 0 !important;}
    

    /* ============ App Landing design page (Arundhati) ============ */

}

@media only screen and (max-width: 1360px) {
    .main-menu ul li a,
    .main-menu ul li {
        font-size: 14px;
    }
    header .user-sec ul li a.btn {
        font-size: 14px;
        padding: 15px 15px;
        min-width: 120px;
    }
    .main-header .container.header-row {
        padding-left: 15px;
        padding-right: 15px;
    }
    .industry-banner-crcl {
        width: 320px;
        height: 320px;
    }
    .industry-banner-crcl .round-big-crcl,
    .industry-banner-crcl .round-big-crcl:before {
        height: 300px;
        width: 300px;
    }
    .industry-banner-crcl .round-small-crcl,
    .industry-banner-crcl .round-small-crcl:before {
        height: 250px;
        width: 250px;
    }

    .right-text { padding-left: 24%;}
}

@media only screen and (max-width: 1199px) {
    /* h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
    body {
        font-size: 14px;
    }
    .btn {
        font-size: 14px;
    } */

    .common-padd {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .nav_btn {
        display: block;
        cursor: pointer;
    }
    .nav_close {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 999;
        font-size: 30px;
    }

    .main-header {padding: 30px 0px 10px;}

    .main-header.fixed {
    top: 0;
    max-width: 100%;
    border-radius: 0;
}
header.main-header.fixed .user-sec ul li a.btn {
    border-radius: 0;
}
    .main-menu {
        position: fixed;
        transform: translateX(100%);
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        max-width: 50%;
        box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11);
        background-color: #fff;
        padding-top: 90px;
        margin: 0;
        display: block;
        width: 100%;
        padding-left: 15px;
        transition: 250ms ease-in;
        height: 100vh;
        overflow-y: scroll;
        padding-right: 15px;
    }
    .main-menu ul li {
        width: 100%;
    }
    .main-menu ul li:not(:last-child) {
        margin-right: 0;
    }
    .main-menu ul li a {
        display: block;
        padding: 0;
    }
    .main-header .logo {
        order: 1;
    }
    .main-header .hdr-rt {
        order: 3;
        margin: 0;
    }
    .main-header .user-sec {
        order: 2;
        margin-left: auto;
        margin-right: 15px;
    }
    .main-menu ul li {
        padding: 0;
        margin-bottom: 20px;
    }
    header ul.sub-menu {
        transition: none;
        opacity: 1;
        position: relative;
        visibility: visible;
        width: calc(100% - 15px);
    }
    header ul li:hover ul.sub-menu {
        display: none;
        transition: none;
    }
    .main-menu ul li a,
    .main-menu ul li {
        font-size: 16px;
    }
    .main-menu ul li span img {
        width: 13px;
    }
    header ul.sub-menu li {
        padding: 10px 15px;
        width: 100%;
    }
    .main-menu::-webkit-scrollbar {
        width: 0;
    }
    .main-menu:before {
        content: "";
        background: url("../images/tech-bg.png") no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        right: 0;
        margin: 0 auto;
        background-position: center center;
    }
    header.main-header .logo .we-hire,
    .main-header.fixed .logo .we-hire {
        left: 60px;
    }

    .banner-section .banner-content h6 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .banner-section .banner-content h1 {
        line-height: 0.9;
        margin-bottom: 20px;
        margin-left: -3px;
        margin-top: 20px;
    }
    .crcl-sec .center-logo {
        width: 80px;
        height: 80px;
        padding: 7px;
    }
    .crcl-sec .main {
        width: 250px;
        height: 250px;
    }
    .crcl-sec .icon-block h5 {
        font-size: 12px;
    }
    .crcl-sec .icon-block h5 span {
        font-size: 20px;
    }
    .crcl-sec .icon-block:nth-child(7) {
        width: 80px;
        height: 80px;
    }
    .crcl-sec .icon-block,
    .digital-banner .crcl-sec .icon-block:nth-child(7) {
        width: 35px;
        height: 35px;
    }
    .crcl-sec .icon-block img {
        height: 20px;
        width: 20px;
    }
    .crcl-sec {
        background-size: contain;
    }
    .banner-section .btm-crcl-sec {
        margin-top: 50px;
    }
    .banner-section .btm-crcl-sec .lft-side-text h6,
    .banner-section .btm-crcl-sec .right-side-text h6 {
        font-size: 12px;
    }
    .banner-section .banner-btm-logo-sec ul li img {
        width: 180px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img li img {
        width: 60px;
    }
    .banner-section .banner-btm-logo-sec ul li {
        margin-right: 10px;
    }
    .banner-section .banner-btm-logo-sec {
        margin-top: 50px;
    }
    .Schedule-meeting .btn {
        min-width: 140px;
        font-size: 12px;
        padding: 10px;
    }
    .Schedule-meeting {
        width: 34px;
    }
    .second-carasol-sec:before {
        height: 80px;
        top: -79px;
    }
    .second-carasol-sec {
        margin-top: 80px;
    }
    .second-carasol-sec .images-box {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .second-carasol-sec .images-contnt {
        width: calc(100% - 60px);
    }
    .second-carasol-sec .container-fluid::before,
    .second-carasol-sec .container-fluid::after {
        display: none;
    }
    /*  .agriment-sec .content-box h4 {min-height: 43px;}*/
    .agriment-sec .sngl-box-wraper {
        width: 33.33%;
    }
    .agriment-wraper .row {
        justify-content: center;
    }
    .agriment-sec .section-header {
        max-width: 720px;
        margin-bottom: 50px;
    }
    .services-sec .sngl-box h4 {
        margin-bottom: 15px;
    }
    .services-sec .sngl-box p {
        margin-bottom: 15px;
    }
    .services-sec .sngl-box {
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
    .services-sec .sngl-box.reletive-section a {
        width: 22px;
        height: 22px;
    }
    .services-sec .sngl-box.reletive-section:hover a {
        top: -10px;
        right: -10px;
    }
    .tech-sec .heading-name h1 {
        font-size: 80px;
    }
    .tech-sec .content-box h3 {
        font-size: 36px;
    }
    .tech-sec .top-logo-carasol {
        margin-bottom: 30px;
    }
    .our-industry-sec .lft-text {
        padding-left: 8%;
    }
    .our-industry-sec .right-text .images-box {
        height: 320px;
    }
    .our-industry-sec .right-text .image-text {
        padding: 20px;
    }
    .trst-sec .lgo-box {
        max-width: 110px;
        margin: 0 auto 30px;
    }
    .trst-sec .lft-text {
        padding-right: 50px;
    }
    .portfoli-sec .sngl-work .pt-text-wrap {
        margin-top: 30px;
        padding-right: 30px;
    }
    /*  .portfoli-sec .sngl-work .pt-text-wrap ul li a {min-width: 100px;}*/
    .portfoli-sec .image-box {
        height: 300px;
    }
    .portfoli-sec .portfoli-wraper-sec .col-lg-6,
    .portfoli-sec .portfoli-wraper-sec .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .portfoli-sec .portfoli-wraper-sec .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .who-we-sec .image-box {
        height: 350px;
    }
    .google-review-sec .col-lg-2 a {
        display: block;
        max-width: 90px;
        margin: 0 auto;
    }
    .our-spiclze-sec .counter-right .card h3 {
        font-size: 36px;
    }
    .our-spiclze-sec .counter-right .card h6 {
        font-size: 14px;
    }
    .our-spiclze-sec .counter-right .card {
        margin-bottom: 30px;
    }
    .blog-sec .sngl-blog .content-box h3 {
        height: 95px;
    }
    .blog-sec .sngl-blog .content-box a {
        font-size: 14px;
    }
    .blog-sec .sngl-blog .img-box {
        height: 300px;
    }
    .our-client-say:before {
        height: 100px;
        top: -99px;
    }
    .our-client-say:after {
        height: 60px;
        bottom: -59px;
    }
    .our-client-say {
        margin-top: 100px;
        margin-bottom: 60px;
    }
    .lets-discuss-sec h2 {
        max-width: 290px;
    }
    .lets-discuss-sec:before {
        height: 70px;
        top: -70px;
    }
    .lets-discuss-sec:after {
        height: 30px;
        bottom: -30px;
    }
    .lets-discuss-sec {
        margin: 70px 0 30px;
    }
    .region-serve-sec .map-region figcaption ul li {
        font-size: 14px;
    }
    .region-serve-sec .map-region figcaption {
        border-radius: 25px 25px 25px 0px;
        max-width: 300px;
        padding: 35px 20px 20px;
    }
    .get-touch-sec .lft-content {
        padding-right: 150px;
    }
    footer .logo-box {
        max-width: 150px;
    }
    footer .footer-end .row {
        margin-top: 30px;
        padding: 20px 0;
    }
    .specialisation-section .section-header-cntr h2,
    .digital-spiclze .section-header-cntr h2 {
        font-size: 40px;
    }
    .specialisation-col-img {
        width: 50px;
    }
    .digital-spiclze-col {
        padding: 30px 20px;
    }
    .engagement-slider-sec:after {
        height: 35px;
        bottom: -34px;
    }
    .engagement-slider-sec {
        margin-bottom: 35px;
    }
    .industry-df-sec .right-content {
        padding-left: 0;
    }
    .industry-df-sec .sngl-box .icon {
        width: 30px;
        height: 30px;
    }
    .industry-df-sec .sngl-box .content-box {
        padding-left: 45px;
    }
    .industry-df-sec .sngl-box .content-box h6 {
        font-size: 20px;
    }
    .industry-ttwu-sec-wraper table td {
        font-size: 14px;
        padding: 10px 15px;
    }
    .industry-ttwu-sec-wraper table th {
        font-size: 16px;
        padding: 10px 15px !important;
    }
    .industry-ttwu-sec-wraper table td::before {
        top: 20px;
        width: 5px;
        height: 5px;
    }
    .industry-ttwu-sec-wraper {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .about-wcu-sec .sngl-box .iocn-box {
        width: 30px;
        height: 30px;
    }
    .about-wcu-sec .sngl-box h5 {
        font-size: 20px;
    }
    .about-wcu-sec .sngl-box {
        padding: 15px;
    }
    .footer-end {
        visibility: visible !important;
        animation: none !important;
    }
    .portfolio-crcl-banner .mobo-img {
        max-width: 130px;
    }
    .portfolio-crcl-banner .pc-img {
        max-width: 340px;
    }
    .portfolio-page-sec div#nav-tab button {
        font-size: 14px;
        padding: 9px 20px;
        margin-right: 10px;
    }
    .portfolio-filter .form-select {
        font-size: 14px;
    }
    .case-studies-banner-wrap h1 {
        font-size: 48px;
    }
    .case-studies-banner-wrap {
        padding-top: 100px;
    }
    .case-studies-banner-wrap p {
        font-size: 18px;
    }
    .process-challenge-wrap h3 {
        font-size: 30px;
    }
    .project-key-benifits {
        padding: 20px;
    }
    .project-approach-sec .section-header {
        padding-right: 0;
    }
    .process-challenge-wrap ul li {
        margin-bottom: 20px;
    }
    .result-bottom-img-wrap figure {
        height: 340px;
    }
    .grident-text h2 {
        font-size: 40px;
    }
    .grident-text h5 {
        font-size: 20px;
    }
    .agriment-sec.grident-text-agriment {
        padding-top: 50px;
    }
    .agriment-sec.grident-text-agriment .sngl-box .image-box.vert-move {
        width: 50px;
        height: 50px;
    }
    .ui-ux-srvc-sec,
    .ui-ux-work-mthod-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .ui-ux-banner-crcl {
        max-width: 340px;
    }
    .inner-banner .ui-ux-banner-crcl .radius,
    .inner-banner .ui-ux-banner-crcl .circle-logo {
        width: 150px;
        height: 150px;
    }
    .inner-banner .ui-ux-banner-crcl .circle-logo img {
        max-width: 70px;
    }
    .inner-banner .ui-ux-banner-crcl .radius {
        top: 30%;
    }
    .inner-banner .ui-ux-banner-crcl .left-line,
    .inner-banner .ui-ux-banner-crcl .right-line {
        top: 16%;
    }
    .ui-ux-srvc-sec .sngl-srvc {
        margin-top: 30px;
    }
    .ui-ux-we-do-sec .we-do-sngl h5 {
        font-size: 20px;
    }
    .schedule-meeting-modal .modal-left-side {
        padding: 15px;
    }
    .schedule-meeting-modal .modal-left-side h3 {
        letter-spacing: -1.5px;
        font-size: 30px;
    }
    .schedule-meeting-modal .modal-body {
        padding: 20px;
    }
    .schedule-meeting-modal .modal-right-side {
        padding: 15px 0;
    }
    .schedule-meeting-modal .modal-right-side h4 {
        letter-spacing: -0.5px;
        font-size: 20px;
    }
    .schedule-meeting-modal .modal-right-side .form-group .form-control {
        font-size: 14px;
    }
    /*.schedule-meeting-modal .btn-close {right: 20px;top: 20px;}*/
    .cs-feature-sec:before {
        height: 140% !important;
        top: 0 !important;
    }
    .key-achivement-sec .key-middle-img {
        max-width: 650px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption {
        width: 350px;
    }
    .key-achivement-sec {
        padding-bottom: 80px !important;
    }
    .case-studies-details-inner-banner .banner-content h3 {
        font-size: 36px;
        line-height: 46px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption h6 span,
    .challenge-text-wrap figcaption h6 span {
        width: 20px;
    }
    .cs-background-text-wrap .single-particle h6:before {
        width: 20px;
        height: 13.78px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        background: transparent !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-6-of-12,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-4-of-12 {
        width: 100%;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        /*font-size: 20px;*/
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
        float: right;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_text p {
        display: none;
    }
    .main-header .menu-header h4 {
        margin-bottom: 10px;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 10px 15px 10px 15px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        padding: 10px 0;
        border-radius: 5px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0;
    }
    .tech-sec .heading-name {
        height: 50%;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button p {
        font-size: 14px;
    }
    .industry-df-sec {
        background-size: contain;
        background-position: center center;
    }
    .promotion-logo-slider .item figure {
        height: 60px;
    }
    .blog-listing-sec {
        padding-top: 70px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec:after {
        height: 40px;
        bottom: -39px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec {
        margin-bottom: 40px;
    }
    /*===============================sudipta===============================*/
    .crcl-sec.about-crcl-bnr .center-logo {
        width: 165px;
        height: 165px;
    }
    .about-wwr-sec {
        padding-top: 100px;
    }
    .about-awc-sec .right-text-wraper {
        margin-left: -50%;
    }
    .about-awc-sec .left-img {
        height: 490px;
    }
    .about-awc-sec .box-text h3 {
        font-size: 65px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:nth-child(4) {
        width: 55px;
        height: 65px;
        top: -32%;
    }
    .crcl-sec.blog-srcl-banner .icon-block:first-child {
        width: 55px;
        height: 64px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:nth-child(2) {
        top: 67%;
        right: -8%;
        width: 50px;
        height: 50px;
    }
    .crcl-sec.blog-srcl-banner .icon-block:nth-child(3) {
        left: 27%;
    }
    .blog-listing-sec div#nav-tab {
        margin-top: 15px !important;
    }
    .blog-listing-wraper .conttext-box p {
        height: 65px;
    }
    .blog-listing-wraper .conttext-box h5 {
        height: 50px;
    }
    .blog-details-wraper h3 {
        padding-right: 0;
        line-height: initial;
        font-size: 40px;
    }
    .carer-submit-application-main .input-form input.form-control,
    .form-select {
        font-size: 16px;
    }
    .career-open-sec .search-section {
        margin-bottom: 50px;
    }
    .frontent-src-lst h2 {
        font-size: 40px;
        margin-bottom: 20px;
        line-height: initial;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button a.btn {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 15px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button ul li {
        font-size: 16px;
    }
    .career-open-sec .search-section button.btn {
        margin-top: 25px;
    }
    .career-d-accordion-button {
        padding: 30px;
    }
    .career-d-accordion-button ul li {
        font-size: 16px;
    }
    .career-d-accordion-button a.btn {
        right: 30px;
        bottom: 30px;
    }
    .carer-submit-application-main h4 {
        font-size: 30px;
    }
    .inner-banner .crcl-sec.team-crcl-banner .center-logo {
        width: 160px;
        height: 160px;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(2) {
        width: 80px;
        height: 80px;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(6) {
        left: -45%;
        width: 80px;
        height: 81px;
    }
    .others-profile .single-founder .img-box {
        width: 165px;
        height: 165px;
    }
    .others-profile .single-founder .contant h3 {
        font-size: 20px;
    }
    .full-team-sec {
        padding-top: 100px !important;
    }
    .single-founder .contant h3 {
        letter-spacing: 0;
    }
    .hire-image-design .right-imge,
    .hire-image-design .lft-imge {
        width: 150px;
    }
    .talent-sec h2,
    .web-solution-section h2 {
        font-size: 40px;
    }
    .carrer-banner-crcl.eng-cricl-banner .top-img,
    .carrer-banner-crcl.eng-cricl-banner .btm-img {
        max-width: 200px;
    }
    .about-awc-sec .right-text {
        padding-left: 30px;
    }
    .engagement-tabs-sec .about-awc-sec .sub-text h2,
    .engagement-tabs-sec .ex-sub-heading h2 {
        font-size: 40px;
    }
    .engagement-tabs-sec .about-awc-sec .box-text h5 {
        font-size: 25px;
    }
    .portfolio-page-sec,
    .career-open-sec {
        padding-top: 100px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 {
        font-size: 40px;
    }
    .contact-page-dtls-sec .sngl-dtls a {
        font-size: 18px;
    }
    .portfolio-page-sec .portfoli-sec .sngl-work {
        padding: 0 0px;
    }
    /*===============================sudipta===============================*/
    .portfolio-page-sec .portfoli-sec .image-box {
        height: 250px;
    }
 
    .google-review-sec.review-logo .img-box img { max-height: 80px; }


    /* ============ App Landing design page (Arundhati) ============ */

    .grow-business-form .inner-form-holder { padding: 40px 30px; }
    .mobile-app-cnt { padding: 0 10px 0 20px; bottom: 20px; }

    .customer-slider-item { max-width: 450px; }

    .what-customer-lt { padding: 15px 80px; background-position: top 80px left 20px; }

    .grow-business-form .inner-form-holder form { max-width: 240px; }
    .grow-business-form p { margin: 0 0 20px; }
    .grow-business-form .inner-form-holder h2 { margin: 0 0 20px; }

    .banner-section .banner-btm-logo-sec ul.right-img li:first-of-type { margin-left: 0; }

    .page-template-tpl_landing_design_development-php .banner-section .banner-btm-logo-sec { padding: 60px 0; }

    .home-certified-ban { padding-bottom: 20px; }

    footer.landing-footer { padding: 60px 0 !important; }

    /* ============ App Landing design page (Arundhati) ============ */

}

@media only screen and (max-width: 991px) {
    body {
        overflow: hidden;
    }
    .banner-section {
        padding-top: 80px;
    }
    .btm-crcl-sec .col-lg-6 {
        width: 50%;
    }
    .crcl-sec .main {
        z-index: 1;
    }
    .mobileapp .key-achivement-sec .key-middle-img {
    max-width: 200px;
}
    .banner-section .btm-crcl-sec {
        z-index: auto;
    }
    .crcl-sec {
        margin-top: 60px;
    }
    .banner-section .banner-btm-logo-sec ul {
        justify-content: center;
    }
    .banner-section .banner-btm-logo-sec ul.right-img {
        justify-content: center;
        margin-top: 30px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img li img {
        width: 80px;
    }
    .banner-section .banner-btm-logo-sec ul li img {
        width: 220px;
    }
    .banner-section .banner-btm-logo-sec ul.right-img::before {
        display: none;
    }
    .second-carasol-sec .owl-nav {
        display: none;
    }
    .second-carasol-sec .user-dtls {
        margin-bottom: 20px;
    }
    .services-sec .right-side-text {
        margin-top: 50px;
    }
    .our-industry-sec .lft-text {
        padding-left: 0;
        text-align: center;
        max-width: 650px;
        margin: 0 auto 50px;
    }
    .trst-sec .right-logo-sec .col-lg-4 {
        width: 25%;
    }
    .banner-section .banner-content {
        text-align: center;
    }
    .banner-section .banner-content ul {
        justify-content: center;
    }
    .services-sec .lft-side-text,
    .trst-sec .lft-text {
        padding-right: 0;
        text-align: center;
    }
    .trst-sec .lgo-box {
        max-width: 130px;
        margin: 0 auto 50px;
    }
    .trst-sec .lft-text {
        margin-bottom: 50px;
    }
    .portfoli-wraper-sec .col-lg-6 {
        width: 50%;
    }
    .trst-sec .container.common-padd-small {
        padding-bottom: 0;
    }
    .portfoli-sec .portfoli-wraper-sec .col-lg-6,
    .portfoli-sec .portfoli-wraper-sec .col-lg-12 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .portfoli-sec .portfoli-wraper-sec .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .second-carasol-sec .images-box {
        width: 70px;
        height: 70px;
    }
    .portfoli-sec .sngl-work .pt-text-wrap h6 {
        font-size: 14px;
    }
    /*    .portfoli-sec .sngl-work .pt-text-wrap ul li a { min-width: 80px;}*/
    .who-we-sec .lft-text {
        text-align: center;
        margin-bottom: 50px;
    }
    .who-we-sec .image-box {
        height: auto;
        padding: 0;
    }
    .our-spiclze-sec .text-left {
        padding-right: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .counter-right .col-lg-6 {
        width: 50%;
        text-align: center;
    }
    .blog-sec .blog-header {
        text-align: center;
    }
    #clientsay-slider .owl-dots {
        margin-top: 50px !important;
    }
    .insta-img img {
        width: 150px;
    }
    .lets-discuss-sec h2 {
        max-width: 100%;
    }
    .lets-discuss-sec {
        text-align: center;
    }
    /*.region-serve-sec .map-region figcaption {top: 50px;right: 50px;}*/
    .region-serve-sec .map-region figcaption {
        top: 0;
        right: 0;
        position: relative;
        margin: 40px auto 0;
        max-width: 75%;
    }
    .get-touch-sec .lft-content {
        padding-right: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    footer .col-lg-4:nth-child(2) .footer-menu {
        max-width: 100%;
    }
    .footer-end {
        visibility: visible !important;
        text-align: center;
    }
    footer .logo-box {
        margin: 0 auto 30px;
    }
    .footer-menu {
        text-align: center;
        margin-top: 30px !important;
    }
    footer .footer-menu ul.social-media {
        justify-content: center;
        font-size: 20px;
    }
    footer .footer-menu h6 {
        font-size: 24px;
    }
    footer .footer-end ul {
        justify-content: center;
        margin-top: 15px;
    }
    footer .footer-end ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    footer .footer-end .row {
        padding: 30px 0;
    }
    footer .col-lg-4:nth-child(1) .footer-menu {
        margin-top: 0 !important;
    }
    .google-review-sec.review-logo .col-lg-2 {
        width: 25%;
    }
    .google-review-sec.review-logo .row { justify-content: center; }
    .google-review-sec .col-lg-2 a {
        max-width: 100%;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        margin-bottom: 24px;
    }
    .google-review-sec .col-lg-2 a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 100px;
    }
    .contact-page-dtls-sec .contact-frm-sec .contatc-hd h2,
    .contact-page-dtls-sec .contact-address-sec .contatc-hd h2 {
        margin-bottom: 30px;
    }
    .contact-page-dtls-sec .contact-address-sec {
        padding-right: 0;
        padding-bottom: 30px;
    }
    .map-sec {
        height: 300px;
    }
    .carrer-banner-crcl.contact-banner-crcl .top-img,
    .carrer-banner-crcl.contact-banner-crcl .btm-img {
        max-width: 350px;
    }
    .carrer-banner-crcl.contact-banner-crcl .top-img {
        margin-left: 0;
    }
    .contact-page-dtls-sec .contact-frm-sec .contatc-hd {
        margin-bottom: 0;
    }
    .engagement-slider-sec .owl-carousel .item figure {
        padding: 0 10px;
    }
    .specialisation-col {
        padding: 30px 20px;
    }
    .digital-spiclze-col {
        margin-bottom: 24px;
    }
    .industry-bst-sec-wraper .row .col-lg-6.mt-5 {
        margin-top: 0 !important;
    }
    .industry-df-sec .section-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .faq-sec .accordion-button {
        font-size: 20px;
    }
    .industry-bst-sec .end-btn {
        margin-top: 0;
    }
    .portfolio-crcl-banner {
        max-width: 375px;
        margin: 0 auto 40px;
    }
    .portfolio-page-sec div#nav-tab {
        justify-content: center;
        flex-wrap: wrap;
    }
    .portfolio-page-sec div#nav-tab button {
        margin: 0 5px 10px !important;
    }
    .portfolio-filter {
        justify-content: center;
    }
    .portfolio-filter .form-select {
        margin: 0 auto 10px;
    }
    .process-challenge-wrap figure {
        margin-top: 40px;
    }
    .process-challenge-wrap ul li:before {
        top: 4px;
    }
    .result-bottom-img-wrap figure {
        height: auto;
    }
    .Technologies-Used-btn a.btn-btn {
        padding: 20px 10px;
        font-size: 24px;
    }
    .agriment-sec.grident-text-agriment .sngl-box-wraper {
        width: 50%;
        margin-bottom: 20px;
    }
    .portfoli-sec-trst .about-wcu-sec-wraper .col-lg-4 {
        width: 50%;
    }
    .ui-ux-srvc-sec .section-header-left {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .ui-ux-work-mthod-wraper ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ui-ux-we-do-wraper .col-lg-4 .we-do-sngl p:last-child {
        margin-bottom: 0;
    }
    .ui-ux-we-do-sec .we-do-sngl {
        padding: 20px;
    }
    .ui-ux-we-do-sec .section-header-left {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .schedule-meeting-modal .modal-left-side {
        margin-top: 40px;
    }
    .schedule-meeting-modal .modal-right-side h4 {
        font-size: 30px;
        text-align: center;
        margin-top: 20px;
    }
    .schedule-meeting-modal .modal-right-side {
        padding-bottom: 0;
    }
    .schedule-meeting-modal .modal-right-side .form-group .btn {
        width: 100%;
    }
    .schedule-meeting-modal .modal-left-side .md-text-box:before {
        font-size: 40px;
        left: -25px;
        min-width: 480px;
        line-height: 40px;
        bottom: -15px;
    }
    .schedule-meeting-modal .btn-close {
        right: 15px;
        top: 15px;
    }
    .custom-modal-form-wrap .calendly-inline-widget {
        margin-top: 30px;
    }
    .get-touch-sec .right-frm .d-flex .wpcf7-form-control-wrap,
    .contact-page-dtls-sec .contact-frm-sec .d-flex .wpcf7-form-control-wrap {
        width: 100%;
    }
    .case-studies-details-inner-banner .cs-bn-img-wrap:before {
        top: -80%;
    }
    .cs-background-text-wrap .single-particle {
        text-align: left;
    }
    .cs-background-text-wrap {
        padding-left: 0;
        margin-top: 30px;
    }
    .cs-feature-sec:before {
        width: 100%;
    }
    .cs-background-text-wrap h3 span,
    .key-achivement-sec .sub-heading .key-icon,
    .conclusion-sec .sub-heading .key-icon,
    .challenge-text-wrap h3 span {
        width: 40px;
        height: 40px;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption:nth-child(1) {
        margin-left: 0;
    }
    .key-achivement-sec .key-left-side-text-wrap {
        position: relative;
        top: 0;
        transform: none;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption {
        width: 100%;
    }
    .key-achivement-sec .key-left-side-text-wrap.right-side {
        margin-top: 0;
    }
    .key-achivement-sec {
        padding-bottom: 50px !important;
    }
    .technology-list-wrap .col-lg-3 {
        margin-top: 30px;
    }
    .conclusion-sec:after {
        height: 30px;
        width: 100%;
        bottom: -29px;
    }
    .conclusion-sec {
        margin-bottom: 30px;
    }
    .cs-feature-sec .cs-background-text-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .key-achivement-sec .key-left-side-text-wrap .figcaption p {
        padding-left: 35px;
    }
    .challenge-text-wrap figcaption p {
        padding-left: 30px;
    }
    .career-form-submission .coursename.apply-for {
        text-align: center;
        margin-bottom: 40px;
    }
    .career-form-submission .carer-submit-application-main {
        padding: 30px 20px;
    }
    .career-form-submission .carer-submit-app .input-form .form-select {
        font-size: 16px;
    }
    .error-sec {
        min-height: auto;
        padding: 100px 0;
    }
    .tech-sec .heading-name {
        height: 50%;
    }
    .blog-listing-wraper .conttext-box p {
        height: auto;
    }
    .promotion-logo-slider {
        padding-right: 0;
        max-width: 400px;
        margin: 0 auto;
    }
    .promotion-logo-slider .item figure {
        height: 80px;
    }
    footer .footer-menu ul.social-media img {
        width: 18px;
    }
    .case-studies-details-inner-banner .banner-content a {
        width: 100px;
        margin-bottom: 5px;
    }
    footer .footer-menu ul.social-media li {
        margin: 0 5px;
    }
    .webapp_link a {
        width: 100px;
    }
    /*===============================sudipta===============================*/
    .awrd-secton-page.common-padd {
        padding-top: 50px;
    }
    .inner-banner .banner-content {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .about-awc-sec .left-img {
        height: 400px;
        margin-bottom: 50px;
    }
    .about-awc-sec .right-text {
        padding-left: 0;
        text-align: center;
    }
    .about-wwr-sec .lft-text {
        padding-right: 0;
    }
    .about-wwr-sec {
        text-align: center;
    }
    .about-awc-sec .right-text-wraper {
        margin-left: 0;
    }
    .about-awc-sec .box-text h3::before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .about-awc-sec .right-text-wraper .col-lg-4 {
        margin-bottom: 30px;
    }
    .our-spiclze-sec .counter-right .card::before {
        right: 0;
    }
    .about-team-sec .image-box,
    .about-team-sec .overlay-logo-animaton {
        height: 305px;
    }
    .awrd-secton-page .sngl-awrd {
        padding: 50px 50px;
        margin-bottom: 30px;
    }
    .awrd-secton-page .sngl-awrd::before {
        width: 100%;
    }
    .awrd-secton-page .award-imge {
        width: 300px;
        height: 300px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .awrd-secton-page .award-content {
        width: 100%;
        text-align: center;
    }
    .awrd-secton-page .awrd-secton-wraper .sngl-awrd:nth-child(even) {
        padding-right: 50px;
        text-align: center;
    }
    .awrd-secton-page .sngl-awrd:nth-child(even) .award-imge {
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .awrd-secton-page .sngl-awrd {
        display: block;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart .image-box {
        width: 100%;
        height: 300px;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart {
        display: block;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .conttext-box {
        width: 100%;
    }
    .blog-details-wraper h3 {
        font-size: 25px;
    }
    .blog-details-wraper .image-box {
        height: 400px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button ul {
        padding-right: 0;
        flex-wrap: wrap;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button ul li {
        margin-bottom: 12px;
    }
    .single-key-figure {
        padding: 30px 15px 30px;
    }
    .key-figure-sec .col-lg-2 {
        margin-bottom: 15px;
    }
    .career-d-accordion-button a.btn {
        position: relative;
        margin-top: 15px;
        right: 0px;
        bottom: 0px;
    }
    .career-d-accordion-button ul {
        padding-right: 0;
        flex-wrap: wrap;
    }
    .career-d-accordion-button ul li {
        margin-bottom: 10px;
    }
    .cd-spiclze .row .col-lg-6:nth-child(odd) .col-spic {
        padding-right: 0;
        margin-right: 0;
    }
    .cd-spiclze .row .col-lg-6:nth-child(odd) .col-spic::after {
        display: none;
    }
    .our-spiclze-sec.cd-spiclze .col-spic {
        margin-bottom: 30px;
    }
    .carer-submit-application-main {
        padding-top: 40px;
    }
    .carer-submit-app {
        margin-bottom: 40px;
    }
    .more-add-flex {
        margin-bottom: 40px;
    }
    .adu .btn {
        margin-top: 30px;
    }
    .others-profile .col-lg-3 {
        width: 33%;
    }
    .hire-image-design {
        width: 470px;
        margin: 0 auto;
    }
    .engagement-tabs-sec .tab-top {
        margin-bottom: 40px;
    }
    .industry-bst-sec-wraper .box-content {
        min-height: auto;
    }
    .get-touch-sec .lft-content h2 span {
        display: inline-block;
    }
    .contact-page-dtls-sec .sngl-dtls {
        margin-bottom: 0;
    }
    /*===============================sudipta===============================*/
    .industry-ttwu-sec-wraper table td::before {
        top: 50%;
        transform: translateY(-50%);
    }

    ul.duns-cin-no {padding-top: 0 !important;}


    /* ============ App Landing design page (Arundhati) ============ */

    .mobile-img img { width: 100%; }
    .mobile-app { margin-bottom: 30px; }
    .mobile-app-cnt { width: 100%; padding: 0 20px; max-width: 100%; }

    .grow-business-form { background-size: 26% auto !important; margin-top: 30px; }
    .grow-business-form .inner-form-holder p { position: relative; z-index: 1; }
    .grow-business-form .inner-form-holder h2::before { width: 80px; height: 80px; }
    .grow-business-form .inner-form-holder form { max-width: 430px; }

    .empowering-sliders .slick-arrow.slick-prev { left: -15px; }
    .empowering-sliders .slick-arrow.slick-next { right: -15px; }
    
    .what-customer-lt { padding: 30px; text-align: center; background-image: inherit !important; }
    .what-customer-lt::before { width: 100px; height: 100px; left: -15px; top: -40px; }
    
    .customer-slider-item { max-width: 100%; padding: 60px 0 80px; }
    .customer-slider-item .quotes { top: 25px; }

    .what-customer-slider .slick-arrow.slick-next { left: calc(50% - 0px); }
    .what-customer-slider .slick-arrow.slick-prev { left: calc(50% - 60px); }

    .page-template-tpl_landing_design_development-php .banner-section { padding: 0; }

    .get-touch-sec .lft-content { padding-right: 0; }

    .trst-sec .container.common-padd-small {padding-top: 0;}

    .get-touch-sec .common-padd-small { padding-bottom: 20px; }

    .right-text { padding-left: 0; }

    .empowring-slider .slick-list { margin: 0 -10px;padding: 0 26%; }
    .empowring-slider .slick-slide {margin: 0 10px;}

    footer .footer-end ul li { margin-left: 20px; margin-right: 0; }

    /* ============ App Landing design page (Arundhati) ============ */

}

@media only screen and (max-width: 767px) {
    /* h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 30px;
    }
    .btn {
        padding: 15px 20px;
    } */
    .common-padd-big {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .main-menu {
        max-width: 100%;
        /*padding-left: 50px;padding-right: 50px;*/
        padding-top: 150px;
    }
    .second-carasol-sec .user-dtls {
        display: block;
    }
    .second-carasol-sec .images-box {
        margin: 0 auto 15px;
    }
    .second-carasol-sec .sngl-box {
        text-align: center;
    }
    .second-carasol-sec .images-contnt {
        width: 100%;
    }
    .agriment-sec .sngl-box-wraper {
        width: 90%;
        margin-bottom: 20px;
    }
    .agriment-sec .content-box h4 {
        min-height: auto;
    }
    .trst-sec .right-logo-sec .col-lg-4 {
        width: 33.33%;
    }
    .portfoli-wraper-sec .col-lg-6 {
        width: 100%;
    }
    .google-review-sec .col-lg-2 {
        width: 33.33%;
    }
    .blog-sec .sngl-blog .img-box {
        height: 220px;
    }
    .region-serve-sec .map-region figcaption {
        max-width: 100%;
    }
    .google-review-sec.review-logo .col-lg-2 { width: 50%; }
    .trst-sec .lgo-box {
        max-width: 100%;
        margin: 0 auto 24px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }
    .google-review-sec .col-lg-2 a {
        height: 120px;
        padding: 10px;
        margin-bottom: 0;
    }
    .google-review-sec.review-logo .img-box img { max-height: 90px; }

    header ul.sub-menu {
        width: 100%;
    }
    .portfoli-sec .image-box {
        height: auto;
    }
    footer .footer-menu ul {
        font-size: 16px;
    }
    .footer-menu,
    .footer-end {
        visibility: visible !important;
        animation: none !important;
    }
    .main-menu ul li a,
    .main-menu ul li {
        font-size: 25px;
        font-weight: 600;
    }
    .main-menu ul li span img {
        width: 25px;
    }
    .main-menu ul li span {
        float: right;
    }
    .get-touch-sec .right-frm .d-flex select.form-select,
    .contact-page-dtls-sec .contact-frm-sec .d-flex select.form-select {
        width: 100%;
    }
    .get-touch-sec .right-frm .btn {
        /* margin: 0 auto; */
        display: block;
    }
    .single-client-say figcaption h5 {
        font-size: 20px;
    }
    .tech-sec .heading-name h1 {
        font-size: 40px;
    }
    .banner-section .banner-content h1 {
        margin-left: 0;
    }
    .carrer-banner-crcl.contact-banner-crcl .top-img,
    .carrer-banner-crcl.contact-banner-crcl .btm-img {
        max-width: 250px;
    }
    .specialisation-col {
        margin-bottom: 24px;
    }
    .specialisation-section .section-header-cntr h2,
    .digital-spiclze .section-header-cntr h2 {
        font-size: 30px;
    }
    .industry-ttwu-sec .btm-img {
        bottom: -5px;
    }
    .trst-sec.about-wcu-sec .col-md-6 .sngl-box {
        padding: 15px;
        text-align: left;
        margin-bottom: 0;
    }
    .trst-sec.about-wcu-sec .col-md-6 .sngl-box .iocn-box {
        margin-left: 0;
    }
    .case-studies-banner-wrap h1 {
        font-size: 30px;
    }
    .case-studies-banner-wrap p {
        font-size: 16px;
    }
    .result-bottom-img-wrap {
        margin-top: 50px;
    }
    .Technologies-Used-btn {
        flex-wrap: wrap;
    }
    .Technologies-Used-btn a.btn-btn {
        width: 100%;
        margin: 0 auto 20px;
    }
    .portfoli-sec-trst.about-wcu-sec .sngl-box .iocn-box {
        margin: 0;
        margin-bottom: 15px;
    }
    .portfoli-sec-trst.about-wcu-sec .sngl-box {
        text-align: left;
    }
    .agriment-sec.grident-text-agriment .sngl-box-wraper,
    .portfoli-sec-trst .about-wcu-sec-wraper .col-lg-4 {
        width: 100%;
    }
    .agriment-sec.grident-text-agriment .sngl-box .content-box h4 {
        min-height: auto;
    }
    .port-spi .section-header-cntr {
        margin-bottom: 10px;
    }
    .grident-text h2 {
        font-size: 30px;
    }
    .case-studies-details-inner-banner .cs-bn-img-wrap:before {
        display: none;
    }
    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: transparent !important;
    }
    header.main-header .logo {
        z-index: 1111;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        margin-bottom: 15px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        background-image: url("../images/tech-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
        color: #b800d2 !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        font-size: 24px;
    }
    #mega-menu-wrap-primary {
        height: 65vh;
        overflow-y: scroll;
    }
    .main-menu {
        overflow-y: inherit;
    }
    .banner-section .banner-btm-logo-sec ul li img {
        width: 100%;
    }
    .lets-discuss-sec {
        background-size: 100% 100% !important;
    }
    .second-carasol-sec.for-industry-pg:after {
        background-size: 100% 100%;
        height: 10px;
        bottom: -8px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button ul li {
        font-size: 14px;
    }
    .career-open-sec h3 {
        position: relative;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button h3 span {
        float: none;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .career-open-sec h3 {
        padding-right: 30px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec:after {
        height: 24px;
        bottom: -23px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec {
        margin-bottom: 25px;
    }
    /*===============================sudipta===============================*/
    .about-wcu-sec .sngl-box {
        text-align: center;
    }
    .about-wcu-sec .sngl-box .iocn-box {
        margin: 0 auto;
        margin-bottom: 19px;
    }
    .blog-listing-sec div#nav-tab {
        justify-content: center;
    }
    .blog-details-wraper .detls-action ul {
        justify-content: left;
        padding: 0;
        margin-top: 15px;
    }
    .blog-details-wraper .detls-action ul li:first-child {
        margin-left: 0;
    }
    .frontent-src-lst h2 {
        font-size: 30px;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button,
    .career-open-sec .search-section {
        padding: 20px;
    }
    .career-d-apply.frontent-src-lst .career-d-accordion-button h3 {
        display: flex;
        justify-content: space-between;
    }
    .col-spic h2,
    .frontent-src-lst h2 {
        font-size: 30px;
        line-height: initial;
        letter-spacing: 0;
    }
    .more-add-flex .more-item-add a {
        width: 45px;
        height: 45px;
    }
    .more-add-flex .input-form {
        width: calc(100% - 45px);
        padding-right: 20px;
    }
    .single-founder .img-box {
        width: 230px;
        height: 230px;
    }
    .founder-sec .sub-heading h2 {
        font-size: 35px;
    }
    .others-profile .single-founder .img-box {
        width: 145px;
        height: 145px;
    }
    .single-founder {
        margin-bottom: 30px;
    }
    .talent-sec h2,
    .web-solution-section h2 {
        font-size: 30px;
    }
    .engagement-tabs-sec .tab-top .nav.nav-pills .nav-link {
        min-width: 135px;
        padding: 10px;
    }
    .engagement-tabs-sec .about-awc-sec .right-text-wraper .col-lg-4 {
        width: 100%;
    }
    /*===============================sudipta===============================*/
    .portfolio-page-sec .portfoli-sec .image-box {
        height: auto;
    }

    /* ============ App Landing design page (Arundhati) ============ */

    .landing-header-btn .mobile-connect-us img { max-width: 100%; }

    .mobile-app { display: none; }

    .grow-your-business { padding-top: 20px; }
    
    .grow-business-form { background: none !important; }
    .grow-business-form::after {border-radius: 15px;}
    .grow-business-form .inner-form-holder { padding: 30px 20px; }
    .grow-business-form .inner-form-holder form { max-width: 100%; }

    .tp-cnt-wrap h1 {font-size: 35px;}
    
    .empowering-sliders .slick-list.draggable { padding: 0 10% 40px 0; }
    
    .what-customer-lt::before { display: none; }

    .lets-work-together .common-contect-ul { padding: 30px 20px; }
    
    .customer-slider-item { padding: 60px 20px 80px; }

    .page-template-tpl_landing_design_development-php .banner-section .banner-btm-logo-sec { padding: 50px 0; }

    .get-touch-sec .common-padd-small { padding-bottom: 0px; }

    footer.landing-footer { padding: 50px 0 !important; }
    footer.landing-footer .footer-end .row .footer-end-ttl h6 { font-size: 20px;text-align: center; margin-bottom: 20px; }

    .recognition-box .recognition-logo { height: 25px; }

    .main-header .short-logo { display: block; max-width: 80px; }
    .main-header { padding: 20px 0px 10px; }

    .home-certified-ban ul { gap: 0 10px; justify-content: center; margin-bottom: 0; }
    .home-certified-ban ul li { width: calc(50% - 14px); }
    .home-certified-ban ul li img { max-width: 80px; }
    .home-certified-ban ul li iframe { margin-left: 35px; margin-top: 10px; transform: none; }

    .recognition-mob-slider .col-lg.col-md-4 { width: 50%; margin-bottom: 20px; }

    .second-carasol-slider .slick-list { padding: 0 !important; }

    .right-text {overflow: visible;}

    .our-industry-sec.reletive-section { padding-bottom: 90px; }

    .empowring-slider .slick-list { padding: 0; }
    .empowring-slider .slick-dots { bottom: -65px; }
    .empowring-slider .slick-dots li.slick-active button{background: #000;}
    .empowring-slider .slick-dots li button { background: #d6d6d6; }

    /* ============ App Landing design page (Arundhati) ============ */
    
}

@media only screen and (max-width: 575px) {
    .mobileapp .cs-bn-img-wrap {
    height: 400px;
}
    .common-padd-big {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .blog-sec .sngl-blog .img-box {
        height: auto;
    }
    .blog-sec .sngl-blog .content-box h3 {
        height: auto;
    }
    .our-spiclze-sec .top-img,
    .trst-sec .top-img {
        bottom: -6px;
    }
    .trst-sec .btm-img {
        top: -5px;
    }
    .our-industry-sec .owl-dots {
        display: block;
        margin-top: 50px !important;
    }
    .main-menu ul li a,
    .main-menu ul li {
        font-size: 20px;
    }
    .main-menu {
        padding-left: 15px;
        padding-right: 15px;
    }
    header .user-sec ul li a.btn {
        padding: 0;
        min-width: auto;
        border-radius: 100%;
        background: none !important;
        border: none;
    }
    header .user-sec ul li a.btn:hover {
        background: none !important;
    }
    header .user-sec ul li {
        margin-left: 6px;
    }
    /*.main-header .user-sec {margin-right: 10px;}*/
    .header-row {
        padding: 0 10px;
    }
    /*header.main-header .logo {max-width: 95px;width: 95px;}*/
    /*header.main-header .logo .we-hire, .main-header.fixed .logo .we-hire {left: 47px;padding: 6px;min-width: 85px;}*/
    .tech-sec .heading-name h1 {
        font-size: 30px;
    }
    .tech-sec .content-box h3 {
        font-size: 22px;
        line-height: 30px;
        word-break: break-all;
    }
    .trst-sec .right-logo-sec .col-lg-4,
    .google-review-sec .col-lg-2 {
        width: 50%;
    }
    .our-spiclze-sec .counter-right .card {
        padding: 0;
    }
    .our-spiclze-sec .counter-right .card::before {
        right: -12px;
    }
    .our-spiclze-sec .counter-right .card h3 {
        font-size: 30px;
    }
    .lets-discuss-sec:before {
        height: 30px;
        top: -30px;
    }
    .lets-discuss-sec {
        margin: 30px 0 30px;
    }
    .banner-section .banner-content ul li {
        margin-right: 10px;
    }
    header .user-sec ul li:first-child {
        display: none;
    }
    header .user-sec ul li span.lt-text {
        display: none;
    }
    header .user-sec ul li span.lts-icon {
        display: block;
    }
    .banner-section .banner-btm-logo-sec ul.right-img li { font-size: 14px; line-height: 14px; width: 50%; margin: 0; text-align: start; }
    .banner-section .banner-btm-logo-sec ul.right-img {flex-wrap: wrap;}

    .banner-section .banner-btm-logo-sec ul.right-img li:first-child{width: 100% !important;margin: 0 0 10px !important;}

    .second-carasol-sec .sngl-box {
        padding: 0;
    }
    .contact-banner-crcl .round-box {
        width: 300px;
        height: 300px;
    }
    .carrer-banner-crcl.contact-banner-crcl .top-img,
    .carrer-banner-crcl.contact-banner-crcl .btm-img {
        max-width: 200px;
    }
    .contact-banner-crcl .image-with-dot-ani {
        max-width: 210px;
        height: 90px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 span {
        top: -2px;
        width: 30px;
        height: 30px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 {
        padding-left: 40px;
        font-size: 20px;
    }
    .contact-page-dtls-sec .sngl-dtls h5 i {
        font-size: 16px;
    }
    .contact-page-dtls-sec .contact-frm-sec .contatc-hd h2,
    .contact-page-dtls-sec .contact-address-sec .contatc-hd h2 {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .hire-image-design .main-imge {
        width: 110px;
        height: 110px;
        top: 40px;
        right: 41px;
    }
    .talent-img {
        width: 50px;
        height: 50px;
        margin: 0 auto 15px;
    }
    .talent-col {
        text-align: center;
    }
    .talent-col h5 {
        font-size: 24px;
    }
    .industry-banner-crcl {
        width: 280px;
        height: 280px;
    }
    .industry-banner-crcl .round-big-crcl,
    .industry-banner-crcl .round-big-crcl:before {
        height: 270px;
        width: 270px;
    }
    .industry-banner-crcl .round-small-crcl,
    .industry-banner-crcl .round-small-crcl:before {
        height: 180px;
        width: 180px;
    }
    .industry-banner-crcl .hand-icon img {
        max-width: 30px;
    }
    .industry-banner-crcl .big-iocn {
        width: 30px;
        height: 30px;
    }
    .industry-banner-crcl .big-iocn img {
        padding: 5px;
    }
    .industry-ttwu-sec .top-img {
        top: -5px;
    }
    .portfolio-filter .form-select {
        width: 100%;
        margin: 0 0 10px;
    }
    .portfolio-page-sec div#nav-tab button {
        width: 46%;
    }
    .portfolio-page-sec .top-img {
        top: -6px;
    }
    .portfolio-crcl-banner {
        max-width: 280px;
    }
    .portfolio-crcl-banner .pc-img {
        max-width: 250px;
    }
    .our-spiclze-sec .btm-img {
        top: -5px;
    }
    .case-studies-banner-wrap {
        text-align: center;
    }
    .grident-text h5 {
        font-size: 14px;
        letter-spacing: 0;
    }
    .portfoli-sec-trst.about-wcu-sec .sngl-box {
        padding: 15px;
    }
    .agriment-sec .agriment-wraper .sngl-box-wraper:hover {
        transform: scale(1.03);
    }
    .full-team-sec .top-img {
        top: -6px;
    }
    .ui-ux-srvc-sec .sngl-srvc h6 {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .ui-ux-srvc-sec .sngl-srvc h4 {
        font-size: 20px;
    }
    .ui-ux-banner-crcl {
        max-width: 270px;
        height: 270px;
    }
    .inner-banner .ui-ux-banner-crcl .radius,
    .inner-banner .ui-ux-banner-crcl .circle-logo {
        width: 120px;
        height: 120px;
    }
    .inner-banner .ui-ux-banner-crcl .circle-logo img {
        max-width: 50px;
    }
    .inner-banner .ui-ux-banner-crcl ul.lft-item li,
    .inner-banner .ui-ux-banner-crcl ul.right-item li {
        width: 50px;
        height: 50px;
        border-radius: 6px;
        margin: 20px 0;
    }
    .inner-banner .ui-ux-banner-crcl .left-line,
    .inner-banner .ui-ux-banner-crcl .right-line {
        width: 130px;
    }
    .inner-banner .ui-ux-banner-crcl .left-line,
    .inner-banner .ui-ux-banner-crcl .right-line {
        top: 25%;
    }
    .inner-banner .ui-ux-banner-crcl ul.lft-item,
    .inner-banner .ui-ux-banner-crcl ul.right-item {
        top: 13%;
    }
    .ui-ux-work-mthod-wraper ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ui-ux-work-mthod-wraper ul li:nth-child(even) {
        margin-top: 0;
    }
    .schedule-meeting-modal .modal-left-side h3,
    .schedule-meeting-modal .modal-right-side h4 {
        font-size: 24px;
    }
    .banner-section .btm-crcl-sec .lft-side-text ul li {
        font-size: 9px;
        margin-left: 8px;
    }
    .banner-section .btm-crcl-sec .right-side-text ul li {
        font-size: 9px;
        margin-right: 8px;
    }
    .tech-sec .heading-name {
        height: 45%;
    }
    .career-open-sec .frontent-src-lst-wraper .accordion-button h3 span {
        width: 25px;
        height: 25px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec:after {
        height: 15px;
        bottom: -14px;
    }
    .single-agreements .dsa-agrmnt-srvc-sec {
        margin-bottom: 15px;
    }
    .second-carasol-sec .owl-dots {
        margin-top: 30px;
    }
    /*===============================sudipta===============================*/
    .banner-section.inner-banner {
        padding-top: 50px;
        background-position: bottom center;
    }
    .about-wwr-sec {
        padding-top: 75px;
    }
    .about-wcu-sec .sngl-box {
        padding: 0;
    }
    .about-awc-sec {
        padding-top: 0;
    }
    .about-team-sec .image-box,
    .about-team-sec .overlay-logo-animaton {
        height: 200px;
    }
    .awrd-secton-page .sngl-awrd {
        padding: 20px 20px;
        margin-bottom: 20px;
    }
    .awrd-secton-page .awrd-secton-wraper .sngl-awrd:nth-child(even) {
        padding-right: 30px;
    }
    .awrd-secton-page .awrd-secton-wraper .sngl-awrd:nth-child(even) {
        padding-left: 20px;
    }
    .awrd-secton-page .award-imge {
        width: 200px;
        height: 200px;
    }
    .awrd-secton-page .award-content h4 span {
        font-size: 30px;
    }
    .awrd-crtifct-sec .box-content {
        padding: 20px;
    }
    .awrd-secton-page .award-content h3 {
        font-size: 25px;
    }
    .awrd-secton-page {
        padding-bottom: 0;
    }
    .blog-listing-wraper .sngl-listing-box .col-lg-4:first-child .blog-cart .image-box,
    .blog-listing-wraper .blog-cart .image-box {
        height: 230px;
    }
    .blog-details-wraper h3 {
        font-size: 22px;
    }
    .blog-details-wraper .image-box {
        height: 300px;
    }
    .career-open-sec h3 {
        font-size: 25px;
    }
    .career-open-sec .frontent-src-lst {
        margin-bottom: 50px;
    }
    .carrer-banner-crcl .round-one,
    .carrer-banner-crcl .round-Two {
        width: 300px;
        height: 300px;
    }
    .career-d-apply.frontent-src-lst .career-d-accordion-button h3 {
        font-size: 25px;
    }
    .career-d-accordion-button {
        padding: 20px;
    }
    .col-spic h2,
    .frontent-src-lst h2 {
        font-size: 25px;
    }
    .Responsibilities-list li {
        font-size: 16px;
        line-height: initial;
    }
    .carer-submit-application-main h4 {
        font-size: 25px;
        letter-spacing: 0;
    }
    .carer-submit-app {
        text-align: center;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(6) {
        left: -31%;
        width: 50px;
        height: 50px;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(5) {
        width: 50px;
        height: 50px;
    }
    .crcl-sec.team-crcl-banner .icon-block:nth-child(2) {
        width: 50px;
        height: 50px;
    }
    .others-profile .col-lg-3 {
        width: 50%;
    }
    .others-profile .single-founder .img-box {
        width: 130px;
        height: 130px;
    }
    .others-profile .single-founder .contant h3 {
        font-size: 18px;
    }
    .founder-sec .sub-heading h2 {
        font-size: 30px;
    }
    .single-founder .contant h3 {
        font-size: 25px;
    }
    .hire-image-design {
        width: 300px;
    }
    .hire-image-design .circle-two {
        top: 25px;
        width: 140px;
        height: 140px;
    }
    .hire-image-design .midl-circlbox,
    .hire-image-design .circle-one {
        width: 190px;
        height: 190px;
    }
    .talent-sec h2,
    .web-solution-section h2 {
        font-size: 30px;
    }
    .engagement-tabs-sec .tab-top .nav.nav-pills {
        justify-content: center;
    }
    .about-awc-sec .left-img {
        height: 300px;
    }
    .engagement-tabs-sec .about-awc-sec .sub-text h2,
    .engagement-tabs-sec .ex-sub-heading h2 {
        font-size: 25px;
    }
    .engagement-tabs-sec .about-awc-sec .box-text {
        padding: 15px;
    }
    .industry-bst-sec-wraper .box-content {
        padding: 20px;
    }
    .engagement-tabs-sec .industry-bst-sec-wraper .box-content {
        margin-bottom: 20px;
        padding-right: 20px;
    }
    .single-founder .contant p {
        font-size: 14px;
    }
    .lets-discuss-sec.common-padd {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .contact-page-dtls-sec .sngl-dtls a {
        font-size: 16px;
    }
    /*===============================sudipta===============================*/
    
    
    .our-industry-sec.portfoli-wraper-sec .owl-dots {
		margin-top: 10px !important;
	}
    
    
    
    
    
    
}

@media only screen and (max-width: 350px) {
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    .main-header .menu-header h4 {
        font-size: 15px;
    }
    .tech-sec .content-box h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .promotion-logo-slider .item figure {
        height: 50px;
    }
    footer .footer-menu ul.social-media li {
        margin: 0 2px;
    }
}

/*Media Query css*/

.our-spiclze-sec .reletive-section h2 {
    letter-spacing: inherit;
}


textarea#usermessage {margin-bottom: 10px;}
.countertext {font-size: 1rem;}
select.wpcf7-form-control.wpcf7-select.form-control {background: inherit;border: none;border-bottom: 1px solid;border-radius: 0;}
.sngl-work a:last-child span {display: none;}

/*Digital Marketing Package CSS Start*/

.package-table thead th {border: 1px solid #00334b;padding: 5px;background: #00334b;color: #fff;text-align: center;font-size: 14px;border-radius: 10px;}
.package-table td.section-heading {background: #00334b;color: #fff;text-align: center;}
.package-table {border: 1.5px solid #003249;border-radius: 10px;border-collapse: separate;}
.package-table tr td {padding: 5px;border: 1px solid #ccc;font-size: 14px;border-radius: 10px;}
.package-table td.last-column {border: none !important; }
.package-table tbody {text-align: center; }
.package-table td.last-column {background: #e1f5fe;}
.package-table tbody tr:first-child {background: #e1f5fe;}
.package-table tbody tr:nth-child(2) {background: #e1f5fe;}
.package-table tbody tr:nth-child(3) {background: #e1f5fe;}
.package-table td.No {background: #efe6f8;}



td:first-child, th:first-child {background: #fff; position: sticky; left: 0; z-index: 1; }
th:first-child {z-index: 2; }

/* Responsive styles */

@media (max-width: 1399px){
    .package-table thead th, .package-table tr td {font-size: 13px;}
}
@media (max-width: 1199px) {
    .package-responsive { overflow-x: auto; }
    .package-responsive table {width: 1200px;overflow: inherit;}
    /* table {display: block; overflow-x: auto; } */
    /* th, td {white-space: nowrap; } */
    td:first-child, th:first-child {max-width:200px;}
}
@media (max-width: 767px) {
    .package-table thead th, .package-table tr td {font-size: 12px;}
    td:first-child, th:first-child {max-width:150px;}
}
/*Digital Marketing Package CSS End*/

/* Modal Styles */
/* .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
} */

/* Modal Content */
/* .modal-content {
    position: relative;
    margin: 10% auto;
    padding: 20px;
    background-color: white;
    width: 80%;
    max-width: 500px;
    border-radius: 8px;
} */

/* Close Button */
/* .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
} */