*{
    margin: 0px; padding: 0px;
}

body {
    font-family: 'Kanit', sans-serif;
    background: #000;
    /*overflow-x: hidden;*/
}

html{
    overflow-x: hidden;
}

 ul{
    margin: 0px; padding: 0px;
 }

 li{
    list-style: none; font-family: 'Kanit', sans-serif;
 }

 a{
    text-decoration: none; font-family: 'Kanit', sans-serif;
 }

 html {
  scroll-behavior: smooth;
}

 h2, h1, p, span, button, h3, h4, h5, h6, input{font-family: 'Kanit', sans-serif; letter-spacing: 0.4px;}

h2{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin-bottom: 35px;
    font-size: 32px;
}

h1 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin-bottom: 35px;
    font-size: 32px;
}


/*scrollbar css*/


/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffa500; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #98cb4a; 
}


/*close*/


/*header*/

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    background: #000 !important;
}
.logo img {
    width: auto;
}

.menu a.nav-link:hover:before {
    width: 100%;
    left: 0;
    right: inherit;
}
.menu a.nav-link:before {
    content: '';
    width: 0;
    height: 2px;
    background: #ffa500;
    position: absolute;
    /* left: inherit; */
    right: 0;
    transition: 0.5s;
    bottom: -5px;
}

.menu a.nav-link {
    color: #fff !important;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.4px;
    padding: 0px 0px !important;
    position: relative;
    margin-right: 45px;
    transition: 0.5s;
}

.menu a.nav-link:hover {
    color: #ffa500 !important;
}

header {
    position: sticky;
    top: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 9999;
}
/*close*/

/*banner*/


section.error_page i {
    margin-right: 5px;
}
section.error_page {
    background: #fff;
    text-align: center;
    padding: 110px 0px;
}
section.error_page a {
    background: #000;
    padding: 11px 60px;
    display: table;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    border-bottom: 4px solid #ffa50045;
    width: max-content;
    margin: 45px auto;
    margin-bottom: 40px;
}

@-webkit-keyframes uparrow {
  0% { 
    transform: translateX(0); 
    opacity: 0.5 }

  100% { 
    transform: translateX(-0.4em); }
}

.up {
  animation: uparrow 0.6s alternate ease-in-out infinite;
}


.up {
    animation: uparrow 0.6s alternate ease-in-out infinite;
}
section.error_page a:hover {
    background: #fba800;
    border-bottom: 4px solid #04040445;
}

section.error_page p {
    font-size: 20px;
    margin-top: 15px;
}


section.banner_area {
    background: url(../img/webp/banner.webp);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 0px;
}
.banner_content h1 {
    font-size: 40px;
}

.banner_content h2 {
    color: #fff;
    font-weight: 200;
    font-size: 18px;
}

.banner_content a {
    border: 1px solid #FFA500;
    padding: 7px 25px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    margin-top: 20px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 27px;
    font-size: 16px;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
    z-index: 9;
}


.banner_content a:hover:before{
    width: 100%;
    z-index: -1;
    color: #000;
}

.banner_content a:hover {
    color: #000;
    font-weight: 400;
}

.banner_content a:before {
    content: '';
    width: 0;
    height: 100%;
    background: #ffa500;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100px;
    transition: 0.3s;
}

section.banner_area .col-xs-12.col-sm-6 {
    height: 390px;
    display: flex;
    align-items: center;
}

.banner_video video {
    width: 100%;
}

/*close*/


/*feature*/

.feature_product ul {
    align-items: center;
    gap: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.feature_product li {
    width: 50%;
    position: relative;
}

.feature_product img {
    width: 100%;
}
.feature_product p {
    margin-bottom: 0px;
    position: absolute;
    top: 0;
    border: 1px solid #fff;
    padding: 6px 20px;
    background: #222222a3;
    border-radius: 100px;
    color: #fff;
    margin-left: 120px;
    font-weight: 300;
    margin-top: 30px;
    font-size: 18px;
}



.feature_product li:nth-child(2) p {
    right: 0;
    margin-left: 0px;
    margin-right: 120px;
}

section.feature_area {
    padding-top: 35px;
}

.feature_product li:nth-child(4) p {
    right: 0;
    margin-left: 0px;
    margin-right: 120px;
}

/*close*/

/*creative design*/

section.creative_design {
    padding: 0px 0px;
    background: #000;
    text-align: center;
}

section.creative_design video {
    width: 100%;
}

section.creative_design h3 {
    font-size: 52px;
    font-weight: 100;
    margin-bottom: 0px;
    color: #fffffffc;
    line-height: 52px;
}

section.creative_design img {
    width: 95%;
}
.feature_product {
    position: relative;
}

.circle_logo img {
    width: 35%;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


section.creative_design span i {
    font-style: inherit;
    font-weight: 400;
}

section.creative_design span i:nth-child(1) {
    color: #ff29ec;
}

section.creative_design span i:nth-child(2) {
    color: #ffa500;
}

section.creative_design span i:nth-child(3) {
    color: #5481e6;
}

section.creative_design span i:nth-child(4) {
    color: #903bcc;
}

section.creative_design span i:nth-child(5) {
    color: #97ca4a;
}

section.creative_design span i:nth-child(6) {
    color: #e81e23;
}

section.creative_design span i:nth-child(7) {
    color: #27c7b1;
}

/*close*/



/*services*/

section.services_area {
    background: url(../img/webp/services_bg.webp);
    width: 100%;
    background-size: cover;
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-position: center;
}

section.services_area .tab {
    float: left;
    width: 40%;
}

section.services_area .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 12px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 68px;
    color: #919191;
    line-height: 70px;
}

section.services_area .tab button.active {
    color: #fff;
    /*font-weight: 500;*/
}

section.services_area .tabcontent {
    float: left;
    padding: 0px 12px;
    width: 60%;
    border-left: none;
}

section.services_area .tabcontent p {
    background: #000;
    color: #fff;
    font-weight: 200;
    padding: 15px;
    font-size: 16px;
    letter-spacing: 0.8px;
}

section.services_area .tabcontent img {
    width: 100%;
}
/*close*/


/*insight*/

.insight_logo img {
    width: 70%;
}

.insight_heading h2 {
    margin-bottom: 20px;
}
.insight_heading p {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-size: 18px;
    width: 77%;
}


.insight_logo {
    text-align: right;
}

section.insight_area {
    padding: 40px 0px;
}

.footer_social img:hover {
    position: relative;
    bottom: 6px;
}

.insight_port img {
    width: 100%;
}

.insight_port p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    margin-top: 15px;
}

.insight_logo {
    margin-bottom: 25px;
}



.insight_port.middle {
    border-bottom: 1px solid #ccc6;
    padding-bottom: 39px;
    margin-bottom: 39px;
}


.insight_port p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
    line-height: 20px;
}



/*close*/

/*year client*/

section.clients_year {
    background: url(../img/webp/year_bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25px 0px;
    margin: 30px 0px;
    padding-bottom: 30px;
}

.years_desc a:hover {
    background: #98cb4a;
}


.years_desc h3 {
    color: #FFA500;
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 0;
}


.years_desc p {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 0;
}

.years_desc.vision {
    float: right;
}

ul.about_brand {
    display: flex;
    gap: 20px;
}

.years_desc a {
    background: #ffa500;
    padding: 8px 30px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

/*close*/


/*about us*/

section.about_us {
    padding: 30px 0px;
}
.about_heading h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 200;
    width: 51%;
    line-height: 34px;
    margin-bottom: 50px;
}


.about_heading h3 i {
    position: relative;
}

.about_heading h3 i:before {
    content: '';
    width: 100%;
    height: 6px;
    background: #975a5a;
    position: absolute;
    left: 0px;
    bottom: 9px;
    z-index: -1;
}

.about_heading h3 i:nth-child(1):before {
    background: #5284e6;
}

.about_heading h3 i:nth-child(2):before {
    background: #ff0e0e;
}

.about_heading h3 i:nth-child(3):before {
    background: #943ace;
}

.about_heading {
    position: relative;
}
.about_heading h3 span {
    position: absolute;
    right: 0;
    top: 65px;
}

.about_heading h3 i {
    font-style: inherit;
    font-weight: 400;
}
.about_heading a {
    border: 1px solid #ffffff;
    padding: 7px 25px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    margin-top: 20px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 27px;
    font-size: 16px;
    position: relative;
    transition: 0.5s;
    overflow: hidden;
    z-index: 9;
}

.about_heading a:hover:before {
    width: 100%;
    z-index: -1;
    color: #000;
}

.about_heading a:hover{
    color: #000;
}

.about_heading a:before {
    content: '';
    width: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100px;
    transition: 0.3s;}

section.about_us ul li img {
    margin-top: 25px;
}

ul.about_brand li img {
    width: 100%;
}

img.vert-move {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}

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

img.vert-move1 {
    -webkit-animation: movers 2s infinite  alternate;
    animation: movers 2s infinite  alternate;
}

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



/*close*/

/*marketing*/

section.marketing_area {
    padding: 40px 0px;
    margin: 40px 0px;
    background: url(../img/webp/marketing_bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.footer_social img {
    width: 30px;
}


.marketing_form p {
    color: #fff;
    font-weight: 300;
}
.marketing_form input[type="email"]::placeholder{
       color: #ffffffc7;
    font-weight: 300;
}

.marketing_form p.thnku_msg {
    color: #21ff28;
    padding-bottom: 10px;
    margin-bottom: 0px;
}


.contact_form input[type="submit"]:hover {
    background: #fba200;
}

.contact_form p.thnku_msg {
    background: #237c19;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.5px;
    width: max-content;
    padding: 0px 20px;
    margin: 0 auto;
}


.marketing_form input[type="email"] {
    background: #00000057;
    border: 0px;
    padding: 10px 20px;
    border-radius: 100px;
    color: #fff !important;
    font-weight: 300;
    width: 70%;
    padding-right: 75px;
}

.marketing_form input[type="email"]:focus {
    outline: none;
    border: 0px;
}

.slide ul {
    background: #ffffff94;
    padding: 20px;
    margin: 0px 12px;
    border-radius: 8px;
}


.marketing_form button {
    background: #ffa500;
    color: #fff;
    padding: 10px 30px;
    position: absolute;
    border-radius: 100px;
    border: 0px;
}

.marketing_form {
    position: relative;
    margin-top: 160px;
}

.marketing_form input[type="submit"] {
    background: #ffa500;
    color: #fff;
    padding: 10px 30px;
    position: absolute;
    border-radius: 100px;
    border: 0px;
    right: 40px;
    bottom: -22px;
    transition: 0.3s;
}


 .marketing_form input[type="submit"]:hover{
    background: #000;
}

.marketing_slider .slide ul {
    background: #ffffff94;
    padding: 20px;
    margin: 0px 12px;
    border-radius: 8px;
}

.marketing_slider .slide ul h3 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.marketing_slider .slide ul h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 32px;
    margin: 16px 0px;
}


.marketing_slider .slide ul p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 200;
    height: 185px;
}
.marketing_slider .slide ul {
    background: #d89ee76b;
    padding: 20px;
    margin: 0px 12px;
    border-radius: 8px;
    backdrop-filter: blur(3px);
}

/*close*/


/*contact*/

section.contact_ares {
    padding: 40px 0px;
    background: url(../img/webp/contact_bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
}
.col-sm-12.cpatcha i {
    color: #fff;
    font-style: inherit;
    font-weight: 100;
    margin-left: 10px;
}

.col-sm-12.cpatcha input {
    width: 15%;
    margin-left: 15px;
    border: 1px solid #cccccc78;
    text-align: center;
    display: initial;
}

.col-sm-12.cpatcha input:focus {
    outline: none;
}

label#ebcaptchatext {
    color: #fff;
    font-weight: 200;
}

.contact_form {
    width: 50%;
    float: right;
    margin-top: 0px;
}

.contact_form p {
    color: #fff;
    font-weight: 200;
    font-size: 16px;
}
.contact_form input {
    background: unset;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #727272;
    padding-left: 8px !important;
    margin-bottom: 5px;
    padding: 10px;
    color: #fff !important;
    font-weight: 100;
}

.contact_form .form-control:focus {
    color: #212529;
    background-color: unset;
    outline: 0;
    border-color: #ffa500;
    box-shadow: unset;
}

.contact_form input::placeholder {
    font-weight: 100;
    font-size: 15px;
    color: #ffffff96;
}

.contact_form input[type="submit"] {
    background: #5481E6;
    border: 0px;
    border-radius: 100px;
    font-weight: 300;
    padding: 8px 30px !important;
    margin-top: 5px;
}

.contact_form textarea::placeholder {
    font-weight: 100;
    font-size: 15px;
    color: #ffffff96;
}

.contact_form textarea.form-control {
    background: unset;
    border: 0px;
    border-bottom: 1px solid #727272;
    border-radius: 0px;
    color: #fff !important;
    height: 100px;
    font-weight: 100;
}


/*close*/

/*trusted*/

section.trusted_area {
    padding: 35px 0px;
    background: #0f0f0f;
}
section.trusted_area ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
section.trusted_area ul li img {
    filter: grayscale(1);
}
section.footer {
    padding: 40px 0px;
    padding-bottom: 30px;
}

.footer_logo p {
    color: #ffffffb5;
    font-weight: 100;
    font-size: 16px;
}
.footer_logo p {
    color: #ffffffb5;
    font-weight: 100;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer_logo img {
    width: 90%;
}


.footer_social h2 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 5px;
}

.footer_social h3 {
    color: #fff;
    font-weight: 200;
    font-size: 24px;
    margin-bottom: 15px;
}

.footer_social a {
    color: #ffa500;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 300;
}

.footer_social ul {
    display: flex;
    gap: 12px;
}

.footer_info p {
    font-size: 14px;
    color: #fff;
}

.marketing_form p span {
    font-family: 'Sail', cursive;
    font-size: 18px;
}


.footer_info a {
    color: #ffffffc7;
    font-weight: 100;
}

.footer_info {
    width: 41%;
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}

.footer_info h2 {
    font-size: 14px;
    margin-bottom: 0px;
    width: 50%;
    border-top: 1px solid #ffa500;
    padding-top: 7px;
}

.footer_info.india h2 {
    border-color: #98CB4A;
}

.footer_info.canada h2 {
    border-color: #eb1e23;
}

.footer_info.sa h2 {
    border-color: #903bcc;
}

.footer_info a:hover {
    color: #ffa500;
}

section.copyright p:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0px;
    background: rgb(255,41,236);
    background: linear-gradient(90deg, rgba(255,41,236,1) 0%, rgba(255,165,0,1) 20%, rgba(84,129,230,1) 40%, rgba(144,59,204,1) 60%, rgba(152,203,74,1) 80%, rgba(235,30,35,1) 100%);
    left: 0;
}

section.copyright p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    padding: 15px 0px;
    position: relative;
}
/*close*/




/*responsive css ipad*/


@media screen and (max-width: 991px) and (min-width: 768px){

.feature_product li {
    width: 50%;
}

.marketing_form input[type="email"] {
    width: 90%;
}

.marketing_form input[type="submit"] {
    background: #ffa500;
    color: #fff;
    padding: 8px 25px;
    border-radius: 100px;
    border: 0px;
    transition: 0.3s;
    position: inherit;
    margin-top: 10px;
}

body {
    overflow-x: hidden;
}
.feature_product p {
    padding: 5px 15px;
    margin-left: 20px;
    margin-top: 30px;
    font-size: 16px;
}
.feature_product li:nth-child(2) p {
    right: inherit;
    margin-left: 20px;
    margin-right: 0;
    left: 0;
}

.feature_product li:nth-child(4) p {
    right: inherit;
    margin-left: 20px;
    margin-right: 0;
    left: 0;
}

h2 {
    font-size: 30px;
}
section.services_area {
    padding: 35px 0px;
}
section.services_area .tab {
    float: inherit;
    width: max-content;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}

.years_desc a {
    background: #ffa500;
    padding: 8px 25px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}


section.services_area .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 3px 10px;
    width: max-content;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 28px;
    color: #919191;
    line-height: 32px;
    float: left;
    margin-bottom: 20px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../img/toggle.png) !important;
}


section.services_area .tabcontent {
    width: 100%;
}
section.services_area .tabcontent p {
    background: #000;
    color: #fff;
    font-weight: 200;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 20px;
}

.insight_logo {
    display: none;
}

.insight_heading p {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-size: 16px;
    width: 100%;
    line-height: 21px;
    margin-bottom: 25px;
}



.insight_port {
    margin-bottom: 20px;
}

.insight_port.middle {
    padding-bottom: 20px;
    margin-bottom: 0;
}

.insight_port p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    width: 100%;
}

.years_desc h3 {
    font-size: 26px;}

section.clients_year {
    margin: 0px;
}

.about_heading h3 span {
    display: none;
}
.about_heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    width: 92%;
    line-height: 23px;
    margin-bottom: 50px;
}


.about_heading h3 i:before {
    height: 3px;
    background: #975a5a;
    bottom: 7px;
}
ul.about_brand li:last-child {
    display: none;
}

.marketing_form {
    position: relative;
    margin-top: 0;
}


.marketing_slider .slide ul {
    margin-top: 50px !important;
}

.marketing_slider .slide ul h4 {
    font-size: 20px;
    line-height: 22px;
}
.marketing_slider .slide ul p {
    height: auto;
}

.marketing_slider .slide ul p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 200;
    height: auto;
}

section.contact_ares {
    background-position: inherit;
    background-repeat: no-repeat;
    height: auto;
}

.contact_form input[type="submit"] {
    padding: 8px 20px !important;
}

section.trusted_area ul {
    display: flex;
    gap: 35px;
    flex-wrap: inherit;
    width: 100%;
    overflow-x: scroll;
}

.trusted_heading h2 {
    margin-bottom: 20px;
}

section.trusted_area {
    padding-bottom: 15px;
}

.contact_form {
    width: 100%;
    float: right;
    margin-top: 30px;
    background: #000000c7;
    padding: 25px;
}
.footer_logo img {
    margin-bottom: 25px;
}


.footer_social h2 {
    font-size: 18px;}

.footer_social h3 {
    color: #fff;
    font-weight: 200;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer_social {
    margin-bottom: 30px;
}

.footer_social {
    margin-bottom: 30px;
}

.footer_info.india {
    margin-bottom: 0px;
}

.footer_info.sa {
    margin-bottom: 0px;
}

section.footer {
    padding-bottom: 15px;
}

.marketing_form input[type="submit"] {
    z-index: 999;
}

section.marketing_area .slick-next {
    right: -5px;
}

section.marketing_area .slick-prev {
    left: -5px;
}

.marketing_slider .slide ul {
    margin: 0px 20px;}


.years_desc p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 20px;
}
.footer_info {
    width: 45%;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}



ul.about_brand {
    display: flex;
    gap: 5px;
}
.circle_logo {
    display: none;
}

button.navbar-toggler {
    /*background: #fff;*/
    border-radius: 0px;
    padding: 2px 8px;
}
.logo img {
    width: 200px;
}
button.navbar-toggler {
    position: absolute;
    top: 10px;
    right: 20px;
}
.years_desc {
    text-align: center;
}

.years_desc.vision {
    float: inherit;
    margin-top: 0;
    text-align: center;
}


.tab {
    display: flex;
}

.menu {
    float: left;
    width: 100%;
}
.menu a.nav-link {
    color: #fff !important;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 4px 3px !important;
    font-size: 16px;
    margin-bottom: 4px;
    border-bottom: 1px solid #cccccc57;
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    padding-top: 20px;
}
.banner_content h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.banner_content {
    text-align: center;
}

section.banner_area .col-xs-12.col-sm-6 {
    height: auto;
    display: block;
    align-items: center;
}

.banner_content a {
    border: 1px solid #FFA500;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    margin-top: 5px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 27px;
    font-size: 16px;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
    z-index: 9;
    margin-bottom: 30px;
}

.menu a.nav-link:before{
    display: none;
}


}










/*responsive css phone*/

@media only screen and (max-width: 767px){
    .feature_product li {
    width: 100%;
}

.menu a.nav-link:before{
    display: none;
}

body {
    overflow-x: hidden;
}
.feature_product p {
    padding: 5px 15px;
    margin-left: 20px;
    margin-top: 30px;
    font-size: 16px;
}
.feature_product li:nth-child(2) p {
    right: inherit;
    margin-left: 20px;
    margin-right: 0;
    left: 0;
}

.feature_product li:nth-child(4) p {
    right: inherit;
    margin-left: 20px;
    margin-right: 0;
    left: 0;
}

h2 {
    font-size: 24px;
}
section.services_area {
    padding: 35px 0px;
}
section.services_area .tab {
    float: inherit;
    width: max-content;
    text-align: center;
}

section.services_area .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 3px 10px;
    width: max-content;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
    color: #919191;
    line-height: 32px;
    float: left;
    margin-bottom: 20px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../img/toggle.png) !important;
}


section.services_area .tabcontent {
    width: 100%;
}
section.services_area .tabcontent p {
    background: #000;
    color: #fff;
    font-weight: 200;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 20px;
}

.insight_logo {
    display: none;
}

.insight_heading p {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-size: 16px;
    width: 100%;
    line-height: 21px;
    margin-bottom: 25px;
}



.insight_port {
    margin-bottom: 20px;
}

.insight_port.middle {
    padding-bottom: 20px;
    margin-bottom: 0;
}

.insight_port p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    width: 100%;
}

.years_desc h3 {
    font-size: 26px;}

section.clients_year {
    margin: 0px;
}

.about_heading h3 span {
    display: none;
}
.about_heading h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    width: 92%;
    line-height: 23px;
    margin-bottom: 50px;
}


.about_heading h3 i:before {
    height: 3px;
    background: #975a5a;
    bottom: 7px;
}
ul.about_brand li:last-child {
    display: none;
}

.marketing_form {
    position: relative;
    margin-top: 0;
}


.marketing_slider .slide ul {
    margin-top: 50px !important;
}

.marketing_slider .slide ul h4 {
    font-size: 20px;
    line-height: 22px;
}
.marketing_slider .slide ul p {
    height: auto;
}

.marketing_slider .slide ul p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 200;
    height: auto;
}

section.contact_ares {
    background-position: inherit;
    background-repeat: no-repeat;
    height: auto;
}

.contact_form input[type="submit"] {
    padding: 8px 20px !important;
}

section.trusted_area ul {
    display: flex;
    gap: 5px;
    flex-wrap: inherit;
    width: 100%;
    overflow-x: scroll;
}

.trusted_heading h2 {
    margin-bottom: 20px;
}

section.trusted_area {
    padding-bottom: 15px;
}

.contact_form {
    width: 100%;
    float: right;
    margin-top: 30px;
    background: #000000c7;
    padding: 25px;
}
.footer_logo img {
    margin-bottom: 25px;
}


.footer_social h2 {
    font-size: 18px;}

.footer_social h3 {
    color: #fff;
    font-weight: 200;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer_social {
    margin-bottom: 30px;
}

.footer_social {
    margin-bottom: 30px;
}

.footer_info.india {
    margin-bottom: 0px;
}

.footer_info.sa {
    margin-bottom: 0px;
}

section.footer {
    padding-bottom: 15px;
}

.marketing_form input[type="submit"] {
    z-index: 999;
}

section.marketing_area .slick-next {
    right: -5px;
}

section.marketing_area .slick-prev {
    left: -5px;
}

.marketing_slider .slide ul {
    margin: 0px 20px;}


.years_desc p {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 20px;
}
.footer_info {
    width: 47%;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}


ul.about_brand {
    display: flex;
    gap: 5px;
}
.circle_logo {
    display: none;
}

button.navbar-toggler {
    /*background: #fff;*/
    border-radius: 0px;
    padding: 2px 8px;
}
.logo img {
    width: 200px;
}
button.navbar-toggler {
    position: absolute;
    top: 10px;
    right: 20px;
}
.years_desc {
    text-align: center;
}

.years_desc.vision {
    float: inherit;
    margin-top: 22px;
    text-align: center;
}

.tab {
    display: flex;
}

.menu {
    float: left;
    width: 100%;
}
.menu a.nav-link {
    color: #fff !important;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 4px 3px !important;
    font-size: 16px;
    margin-bottom: 4px;
    border-bottom: 1px solid #cccccc57;
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    padding-top: 20px;
}
.banner_content h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.banner_content {
    text-align: center;
}

section.banner_area .col-xs-12.col-sm-6 {
    height: auto;
    display: block;
    align-items: center;
}

.banner_content a {
    border: 1px solid #FFA500;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    margin-top: 5px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 27px;
    font-size: 16px;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
    z-index: 9;
    margin-bottom: 30px;
}

}