*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body,html{margin:0;scroll-behavior:smooth;font-family: "Inter", serif;}
body,ul,li,h1,h2,h3,h4,h5,h6,p,figure{margin:0;padding:0;list-style:none}
@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoeui.woff2') format('woff2'),
         url('../fonts/segoeui.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uibold';
    src: url('../fonts/segoeuib.woff2') format('woff2'),
         url('../fonts/segoeuib.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uiitalic';
    src: url('../fonts/segoeuii.woff2') format('woff2'),
         url('../fonts/segoeuii.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uilight';
    src: url('../fonts/segoeuil.woff2') format('woff2'),
         url('../fonts/segoeuil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uibold_italic';
    src: url('../fonts/segoeuiz.woff2') format('woff2'),
         url('../fonts/segoeuiz.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uiblack';
    src: url('../fonts/seguibl.woff2') format('woff2'),
         url('../fonts/seguibl.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uiblack_italic';
    src: url('../fonts/seguibli.woff2') format('woff2'),
         url('../fonts/seguibli.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uilight_italic';
    src: url('../fonts/seguili.woff2') format('woff2'),
         url('../fonts/seguili.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uisemibold';
    src: url('../fonts/seguisb.woff2') format('woff2'),
         url('../fonts/seguisb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uisemibold_italic';
    src: url('../fonts/seguisbi.woff2') format('woff2'),
         url('../fonts/seguisbi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.col-1 { width: 8.33%; }   /* 1/12 */
.col-2 { width: 16.67%; }  /* 2/12 */
.col-3 { width: 25%; }     /* 3/12 */
.col-4 { width: 33.33%; }  /* 4/12 */
.col-5 { width: 41.67%; }  /* 5/12 */
.col-6 { width: 50%; }     /* 6/12 */
.col-7 { width: 58.33%; }  /* 7/12 */
.col-8 { width: 66.67%; }  /* 8/12 */
.col-9 { width: 75%; }     /* 9/12 */
.col-10 { width: 83.33%; } /* 10/12 */
.col-11 { width: 91.67%; } /* 11/12 */
.col-12 { width: 100%; }   /* 12/12 */

section{padding: 80px 0px;}

.home-tab {
    display: none; /* Hide all tab content initially */
    opacity: 0; /* Start with invisible content */
    transition: opacity 0.5s ease; /* Smooth transition for opacity */
}

.home-tab.active {
    display: flex; /* Show the active tab content */
    opacity: 1; /* Fade in the content */
}
.tab.active {
    font-weight: bold; /* Highlight active tab */
}


.row{display: flex;}

body,p{color:#000;font-size:16px}

.df{display: flex;}
.jsw{justify-content: space-between;}
.t-left{text-align: left !important;}
.clr-w{color: #fff;}
.t-center{text-align: center;}
.rmmar{margin-top: 10px !important;}
.img-responsive{width: 100%; display: inline-block;}
.mrt100{margin-top: 100px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pR{position: relative;}

body{padding-top: 85px;}
header{display: flex; padding: 8px 0px; position: fixed; top: 0; left: 0; right: 0; z-index: 12; background: #fff;}


.container{width: 1170px; margin: auto;}
nav{display: flex; justify-content: center; align-items: center;}
nav ul{display: flex;}
nav ul li{margin:0px 12px}
nav ul li a{color: #0B1215; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 20px;}
nav ul li ul{position: absolute;width: 100%;display: block; left: 0; right: 0;}
nav ul li ul .dropdownbox{border-radius: 0px 0px 12px 12px; background: #fff; min-height: 356px; margin-top: 30px; padding: 20px 40px; display: none;}
nav ul li:hover > ul .dropdownbox{display: flex;}
nav ul li ul .dropdownbox ul{position: relative; height: auto;}
nav ul li ul .dropdownbox ul h4{margin: 10px 0px; font-size: 18px;}
nav ul li ul .dropdownbox ul li{margin-left: 0; padding-bottom: 2px;}
nav ul li ul .dropdownbox ul li a{font-weight: 400; font-size: 14px; line-height: 20px; color: #352F36;}
nav ul li ul .dropdownbox ul li a:hover{font-weight: 600; text-decoration: underline;}

nav ul li ul .dropdownbox .selfbest{ background: #7333F31F; text-align: center; border-radius: 12px; padding: 10px;}
nav ul li ul .dropdownbox .selfbest img{width: 50px;}
nav ul li ul .dropdownbox p{font-size: 14px; margin: 5px 0px 10px;}
nav ul li ul .dropdownbox .simplity{ background: #00A2A41F; text-align: center; border-radius: 12px; padding: 10px;}
nav ul li ul .dropdownbox .simplity img{width: 50px;}
nav ul li ul .dropdownbox .automation{ background: #454FC91F; border-radius: 12px; text-align: center; padding: 10px;}
nav ul li ul .dropdownbox .automation img{width:180px;}

nav ul li:nth-child(6) a{background: #1B8DCE; color: #fff; padding: 7px 10px; border-radius: 5px; font-size: 13px}
nav ul li:nth-child(5) a{border:1px solid #1B8DCE; color: #1B8DCE; padding: 7px 10px; border-radius: 5px; font-size: 13px}
nav ul li:nth-child(5){margin-right: 0px}

.homeslider{ max-height: 600px; position: relative; background: #231F20;}
.homeslider::after{content: ''; position: absolute; width: 100%; height: 100%; background:url("../images/pattern.png") no-repeat; background-size: cover; left: 0; right: 0; top: 0; bottom: 0;opacity: 0.2;}
.homeslider .container{position: relative; z-index: 10;}
.homeslider h1{color: #fff; font-size: 40px; line-height: 53px; font-weight: bold;}
.homeslider ul.subheading{margin-top: 20px;}
.homeslider ul.subheading li{color: #F2F2F2; position: relative; font-size: 16px; line-height: 22px; margin-bottom: 12px; padding-left: 20px;}
.homeslider ul.subheading li::after{content: ''; position: absolute; width: 8px; height: 8px; background: #fff; border-radius: 50%; left: 0; top: 8px;}

.homeslider .leftcontent{padding-top: 35px;}

.homeslider .leftcontent .formslide{margin: 40px 0px 24px;}
.homeslider .leftcontent .formslide .form-group label{color: #F2F2F2; font-size: 16px; line-height: 21px; font-weight: 600; margin-bottom: 8px; display: inline-block;}
.homeslider .leftcontent .formslide .groupin{display:flex;}
.homeslider .leftcontent .formslide .groupin input[type='text']{width: 320px; height: 53px;border-radius: 4px; outline: none; padding: 0px 15px;}
.homeslider .leftcontent .formslide .groupin button{background: #0099DB; height: 53px;display: flex;
justify-content: center; align-items: center; border: 1px solid #0099DB; font-size: 16px; color: #fff; padding: 10px 15px; margin-left: 12px;border-radius: 4px; width: 142px;}
.homeslider .leftcontent .formslide .groupin button em{margin-left: 7px;}
.homeslider .leftcontent ul.iso{display: flex;}
.homeslider .leftcontent ul.iso li{margin-right: 20px;}

.homeslider .leftcontent + figure{max-height: 460px; margin: 0; padding: 20px;}
.homeslider .leftcontent + figure img{width: 100%;}


.homeslider .slidebox ul{display: flex; justify-content: center;}
.homeslider .slidebox ul li{width: 302px;height: 200px; background: #fff; margin: 0px 10px; position: relative; overflow: hidden; padding: 20px;border: 0.5px solid #D1D2D4; border-radius: 12px; cursor: pointer;}
.homeslider .slidebox ul li::after{content: ''; position: absolute; width: 10px; height: 10px; background: #0099DB; border-radius: 50%;transition: .3s; bottom: 0; right: 0;}
.homeslider .slidebox ul li:hover::after{transition: .3s; transform: scale(120,120)}


.homeslider .slidebox ul li h2{color: #0B1215; text-transform: capitalize; font-size: 20px; line-height: 27px; position: relative; z-index: 13;}
.homeslider .slidebox ul li:hover h2{color: #fff;}
.homeslider .slidebox ul li p{color: #352F36; font-size: 14px; line-height: 20px; margin-top: 12px; position: relative; z-index: 13;}
.homeslider .slidebox ul li:hover p{color: #fff;}
.homeslider .slidebox ul li span{background: #F2F2F2; width: 112px; height: 112px; display: inline-block; display: flex; justify-content: center; align-content: center; border-radius: 50%; position: absolute;right: -15px; bottom: -20px; z-index: 13;}
.homeslider .slidebox ul li span img{width: 33px;}


    .bounce {
            animation: bounce 3s infinite alternate;
            position: relative;
        }

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


.logo-slider{margin-top: 50px;}
/*.our-recognition ul{display: flex; margin-bottom: 20px}*/
.our-recognition ul li{height: 100px;background: #F2F2F2;border-radius: 12px; display: flex; justify-content: center; align-items: center;}

.our-recognition .owl-carousel .owl-item img{width: auto; height: 60px;}

.main-heading-h2{text-align: center; margin-bottom: 12px;
letter-spacing: 0px; font-size: 32px; line-height: 42px; font-weight: bold; text-transform: capitalize;}
.main-sub-heading-h2{text-align: center;}

.about-us{display: block;}
.about-us figure{width: 1000px; margin: 0; padding: 0; border-radius: 12px; overflow: hidden; height: 480px;}
.about-us .container{position: relative;}
.about-us figure{position: relative;}
.about-us figure a img{width: auto; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}
.about-us figure img{width: 100%;}




.about-us .aboutvideo{width: 500px; height: 266px; border: 0.5px solid #55BEED; padding: 20px; position: absolute; bottom: -70px; right: 0; background: #fff; border-radius: 12px;}
.about-us .aboutvideo h3{color: #0B1215; font-size: 32px; line-height: 42px; margin-bottom: 12px;}
.about-us .aboutvideo p{color: #352F36; font-size: 16px; line-height: 20px;}
.about-us .aboutvideo a{margin-top: 10px; display: inline-block; font-size: 14px; line-height: 19px;
letter-spacing: 0px; color: #352F36; border-bottom: 0.5px dashed #352F36; text-decoration: none; padding-bottom: 3px;}


.metrics .metricsbox{width: 296px;height: 289px;border: 0.5px solid #D1D2D4; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 8px; margin: 0px 10px;}
.metrics .metricsbox figure{text-align: center; margin: 0; padding: 0;}
.metrics .metricsbox h4{text-align: center;}
.metrics .metricsbox strong{text-align: center; display: block;color: #0099DB; font-size: 40px; line-height: 53px;}

.what-we-do{background:url("../images/Black-BG.svg") no-repeat; padding: 50px 0px;background-size: cover;}
.what-we-do .solution-offer{ padding: 20px 0px;}
.what-we-do .solution-offer h3{color: #fff; font-size: 32px; line-height: 39px; margin-bottom: 20px;}
.what-we-do .solution-offer .newtabmenu ul{display: flex;}
.what-we-do .solution-offer .newtabmenu ul li{font-size: 16px; padding: 12px 20px; border: 1px solid #fff; border-radius: 25px; color: #fff; margin-right: 15px;}
.what-we-do .solution-offer .newtabmenu ul li:hover{background: transparent linear-gradient(269deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(269deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; border-color: transparent; cursor: pointer;}

.what-we-do .solution-offer .tabmenu ul{display: flex; position: relative; justify-content: space-between;}

.what-we-do .solution-offer .tabmenu ul li{display: inline-block; width: 33%;}
.what-we-do .solution-offer .tabmenu ul li:first-child figure{margin-left: 0;}
.what-we-do .solution-offer .tabmenu ul li:last-child figure{margin-right: 0;}
.what-we-do .solution-offer .tabmenu ul li figure{height: 120px; margin-bottom: 0;border-radius: 12px 12px 0px 0px;}
.what-we-do .solution-offer .tabmenu ul li.active{opacity: 1}
.what-we-do .solution-offer .tabmenu ul li.over{opacity: 0.2}
.what-we-do .solution-offer .tabmenu ul li figure{border-radius: 12px; margin-bottom: 10px; min-height: 100px; margin: 12px;background: #fff; padding: 15px;}
.what-we-do .solution-offer .tabmenu ul li figure em{font-size: 30px; color: #0099DB;}
.what-we-do .solution-offer .tabmenu ul li figure h5{font-size: 22px; font-weight: 500;}
.what-we-do .solution-offer .tabmenu ul li figure h5 em{font-size: 22px; transform: rotate(90deg); display: inline-block; top: 3px; position: relative;}
.what-we-do .solution-offer .tabmenu ul li .dropdown{background: #fff;border-radius: 0px 12px 12px 12px; position: absolute; width: 100%; z-index: 2; min-height: 200px; display: none; transition: .3s; opacity: 0; padding: 15px; left: 0; right: 0; top: 122px;}
.what-we-do .solution-offer .tabmenu ul li:hover > .dropdown{border-radius: 0 0 12px 12px;}
.what-we-do .solution-offer .tabmenu ul li:hover > .dropdown{display: block; transition: .3s; opacity: 1; height: auto;}
.what-we-do .solution-offer .tabmenu ul li figure a{font-size: 14px; text-decoration: none; display: flex; color: #352F36; margin-top: 7px;}
.what-we-do .solution-offer .tabmenu ul li figure a em{font-size: 20px; margin-left: 5px;color: #352F36;}
.what-we-do .solution-offer .tabmenu ul li .dropdown h5{font-size: 18px;}
.what-we-do .solution-offer .tabmenu ul li .dropdown p{font-size: 14px; margin: 7px 0px; color: #352F36;}
.what-we-do .solution-offer .tabmenu ul li .dropdown ul{display: block; padding-left: 20px; margin: 15px 0px;}
.what-we-do .solution-offer .tabmenu ul li .dropdown ul li{width: 100%; margin-bottom: 8px; position: relative; opacity: 1;}
.what-we-do .solution-offer .tabmenu ul li .dropdown ul li::after{content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: -21px; top: 6px; background: #0099DB;}
.what-we-do .solution-offer .tabmenu ul li .dropdown ul li a{font-size: 14px; color: #352F36; text-decoration: none; font-weight: 600;}




.what-we-do .solution-offer .tabdetails{margin-top: 30px;}
.what-we-do .solution-offer .tabdetails .tab1{display: flex;}
.what-we-do .solution-offer .tabdetails .tab1 figure{margin: 0;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent{display: flex; width: 70%;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent h5{font-size: 24px; color: #fff; margin-bottom: 15px;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent h6{font-size: 20px; color: #BC9DF2; line-height: 24px; margin-bottom: 12px;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent h6 span{color: #fff;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent p{color: #D1D2D4; font-size: 14px; line-height: 20px; margin-bottom: 20px;}

.what-we-do .solution-offer .tabdetails .tab1 .leftcontent .profile-content{margin-left: 20px; border-right: 1px solid #3e3339;}
.what-we-do .solution-offer .tabdetails .tab1 .leftcontent .profile-content a{color: #FFFFFF; text-decoration: none; font-size: 16px; line-height: 20px; text-decoration: underline;}
.what-we-do .solution-offer .tabdetails .tab1 .rightcontent{padding-left: 20px;}
.what-we-do .solution-offer .tabdetails .tab1 .rightcontent h4{font-size: 24px; color: #F2F2F2; margin-bottom: 20px; background: transparent;}
.what-we-do .solution-offer .tabdetails .tab1 .rightcontent ul li{color: #fff; position: relative; font-size: 14px; padding-left: 25px; line-height: 18px; margin-bottom: 10px}
.what-we-do .solution-offer .tabdetails .tab1 .rightcontent ul li::before{content: ''; width: 12px; height: 12px; background: #fff; opacity: 0.52; position: absolute; left: 0; border-radius: 50%; top: 5px;}


.what-we-do .solution-offer .tabdetails .next-pre{border: 1px solid #D1D2D4; border-radius: 32px; width: 105px; height: 36px; margin: auto;}
.what-we-do .solution-offer .tabdetails .next-pre ul{margin: 0; padding: 0; display: flex;justify-content: space-between; height: 36px;}
.what-we-do .solution-offer .tabdetails .next-pre ul li{color: #fff; display: flex; justify-content: center; align-items: center; padding: 0px 5px; line-height: 10px;}
.what-we-do .solution-offer .tabdetails .next-pre ul li:first-child img{cursor: pointer;}
.what-we-do .solution-offer .tabdetails .next-pre ul li:last-child img{cursor: pointer;}

.whoweserved{background: url("../images/White-BG.svg") no-repeat center; padding: 100px 0px; position: relative;}
.whoweserved::after{content: ''; width: 240px; height: 500px; position: absolute; right: 0px; top: 0; background: url("../images/half-circles.svg"); background-size: cover;}
.whoweserved::before{content: ''; width: 770px; height: 1000px; position: absolute; left: 120px; top: 0px; background: url("../images/arrowdownnew.png") no-repeat;}

.blurtext .industytext{background: rgba(255,255,255,0.8);}

.whoweserved .industrybox{display: flex; position: relative;justify-content: space-between;margin-top: 50px;}
.whoweserved .industrybox.active{margin-top: 100px;}
/*.whoweserved .industrybox::after{content: ''; position: absolute;background: url("../images/arrow-down.svg"); width: 100px; height: 100px;}*/
.whoweserved .industrybox .industytext{width: 485px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.whoweserved .industrybox .industytext.active{padding-left: 50px;}
.whoweserved .industrybox .industytext h5{font-size: 32px; font-weight: bold; color: #0B1215; line-height: 42px; margin-bottom: 10px; width: 100%;}
.whoweserved .industrybox .industytext p{font-size: 14px; line-height: 19px; color: #352F36;}
.industryscroll{position: relative;box-shadow: 0px 0px 12px #231F200A; z-index: 10;
border-radius: 12px; background: #fff;width: 600px;height: 400px; overflow: hidden;}
.whoweserved .industrybox .industyimg{ position: absolute; z-index: 10; width: 100%;}

.whoweserved .industrybox .industyimg ul{display: flex; justify-content: space-around;}
.whoweserved .industrybox .industyimg ul li{text-align: center; width: 33%; min-height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.whoweserved .industrybox .industyimg ul li figure{margin: 0; padding: 0;}

.whoweserved .industrybox .servicesbox{width: 170px; border-right: 1px solid #e9e4e4; height: 400px; background: #fff; margin: 0;}
.whoweserved .industrybox .servicesbox h4{display: flex; padding: 10px 15px; font-size: 16px;}
.whoweserved .industrybox .servicesbox h4 em{margin-left: 5px; position: relative; top: 3px;}
.whoweserved .industrybox .servicesbox figure{margin: 0; padding: 0;}
.whoweserved .industrybox .servicesbox figure img{width: 100%; position: relative; top: -50px;}

.whoweserved .industrybox .industyimg2{max-width: 680px; overflow: hidden;}

.client-review{ min-height: 600px; background: url("../images/cirlces.svg") no-repeat bottom left;}
.client-review h2{font-size: 48px; line-height: 59px; font-weight: bold;}
.client-review h2 span{color: #0099DB;}

.client-review .glassdoor{margin-top: 10px; display: inline-block;}

.eventupdate{padding: 80px 0px}
.eventupdate p{margin-bottom: 30px;}
.eventupdate .row{display: flex;}
.eventupdate .col-3{width: 33%; padding: 10px;}
.eventupdate .col-3 figure{margin: 0; padding: 0; overflow: hidden; border-radius: 15px;}
.eventupdate .col-3 figure img{width: 100%; transition: .3s;}
.eventupdate .col-3 figure:hover > img{width: 100%; transform: scale(1.2,1.2); transition: .3s;}
.eventupdate .col-3 p{text-align: left; font-size: 14px; line-height: 19px;
letter-spacing: 0px;
color: #8C8C8C;}

.footer{background: url("../images/background-circle.png") no-repeat left top; position: relative; padding-top: 90px;}
.footer .contact-form-main{background: #fff; padding: 40px 20px; display: flex; justify-content: space-between;border: 0.5px solid #D1D2D4; border-radius: 12px; position: relative; z-index: 9;}
.footer .contact-form-main.innerfooter{background: url("../images/contact-pattern.png") #fff no-repeat left bottom;}
.footer .contact-form{width: 50%;}
.footer .contact-form h4{color: #0B1215; text-transform: capitalize; font-size: 32px; line-height: 42px; margin-bottom: 16px;}
.footer .contact-form h3{margin-top: 20px;}
.footer .contact-form form{margin-top: 20px;}
.footer .contact-form .col-6{width: 50%;}
.footer .contact-form .col-12{padding: 0;}
.footer .contact-form .col-6 .form-group{padding: 0px 10px 0px 0px;}

.footer .contact-form-main .contactmap{width: 45%; padding: 0px 20px;}
.footer .contact-form-main .contactmap h4{color: #0B1215; text-transform: capitalize; font-size: 32px; line-height: 42px; margin-bottom: 16px;}
.footer .contact-form-main .contactmap figure{margin: 0; padding: 0;}
.footer .contact-form-main .contactmap figure img{width: 100%;}
.footer .contact-form-main .contactmap h5{font: normal normal 600 24px/32px Segoe UI;
letter-spacing: 0px; color: #352F36; text-transform: capitalize; margin: 20px 0px;}

.footer .contact-form-main .contactmap .contryicon ul{display: block; text-align: center}
.footer .contact-form-main .contactmap .contryicon ul li{display: inline-block; margin-bottom: 10px; padding: 0px 18px;}
.footer .contact-form-main .contactmap .contryicon ul li span{display: block}

.form-group{margin-bottom: 15px;}
.form-group label{display: block; font-weight: 600;font: normal normal 600 14px/18px;
letter-spacing: 0px;
color: #352F36; padding-bottom: 10px;}
.form-group input{width: 100%;border: 1px solid #D1D2D4;
border-radius: 8px; padding: 10px;}
.form-group select{width: 100%;border: 1px solid #D1D2D4;
border-radius: 8px; padding: 10px;}
.form-group textarea{width: 100%;border: 1px solid #D1D2D4; border-radius: 8px; padding: 10px;}
.form-group button{background: #0099DB 0% 0% no-repeat padding-box;
border-radius: 12px; color: #fff; width: 100%;height: 49px; border: none; cursor: pointer;}

.viewmore{padding: 20px 0px; text-align: center; display: block !important;}
.viewmore a{display: inline-block; background: #0099DB; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 4px;}

.footerbottom{background:url("../images/footer-pattern.svg") #000 top left; min-height: 300px; position: relative; z-index: 0;}
.footerbottom::after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: -200px; background:url("../images/footer-pattern.svg") #000 bottom left; z-index: -1;}

.footerbottom .col-3{width: 25%; padding-top: 30px;}
.footerbottom .col-7{width: 75%;}
.footerbottom h4{color: #F2F2F2; font-size: 24px; line-height: 28px; margin-bottom: 10px;}
.footerbottom .sublink li a{text-decoration: none; color: #f2f2f2; font-size: 16px; line-height: 26px;}
.footerbottom .sublink li a:hover{text-decoration: underline;}

.social-media{display: flex}
.social-media li{margin-right: 10px;}



.industyimg {
    overflow: hidden; /* Hide overflow */
    white-space: nowrap; /* Prevent wrapping */
}

.industyimg ul li {
    display: inline-block; /* Allows the marquee effect */
   
}




.client-review .col-4{width: 40%;}
.client-review .col-6{width: 60%;}
.client-review ul{ display: flex; /* Use flexbox for layout */
        flex-wrap: wrap; /* Allow items to wrap */
        list-style-type: none; /* Remove bullet points */
        padding: 0; /* Remove default padding */
        margin: 0; justify-content: flex-end; position: absolute;
}

.client-review{overflow: hidden; max-height: 600px; position: relative;}
/*.marquee-effect{position: absolute; top: 0;}*/
.client-review ul li{width: 300px; height: 190px; box-shadow: 0px 4px 12px #F2F2F23D;
border: 0.5px solid #D1D2D4; border-radius: 12px; margin: 10px; background: #fff; padding: 10px;}
.client-review ul li:nth-child(odd){margin-top: 30px;}

.client-review ul li h3{display: flex;}
.client-review ul li h3{display: flex; justify-content: flex-start; align-items: center;}
.client-review ul li h3 figure{margin: 0; padding: 0;}
.client-review ul li h3 span{margin-left: 10px;}
.client-review ul li p{font-size: 14px; line-height: 17px; color: #352F36;}




 .marquee {
            margin: 0 auto;
            max-width: 960px;
        }

        
        .marquee ul.flex {
            display: flex;
            align-items: center;
        }

        .marquee ul.flex li {
            flex-shrink: 0;
            width: 150px;
            height: 350px;
            border-radius: 5px;
            line-height: 150px;
            text-align: center;
            font-size: 38px;
            color: #fff;
            background-image:linear-gradient(135deg,#52E5E7 15%,#130CB7 100%)
        }

        .marquee-wrapper {
            width: 100%;
            overflow: hidden;
        }

        .marquee-h {
            
            overflow: hidden;
			position: relative;
			top: -80px;
        }

        .marquee-h .marquee-wrapper {
            height: 630px;
            overflow: hidden;
			position: relative;
        }


.clientele{display: flex; margin-top: 50px;}
.clientele .leftbox{width: 34%;}
.leftbox ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Create two equal columns */
    gap: 15px; /* Optional: Add space between items */
}

.leftbox ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.leftbox li {
    box-sizing: border-box; /* Ensure padding and border are included in the width */
    padding: 10px; /* Optional: Add some padding */
	box-shadow: 0px 0px 4px #231F2014; border: 0.5px solid #D1D2D4; border-radius: 12px; height: 94px; display: flex; justify-content: center; align-items: center;background: #F2F2F2; opacity: 0.7; width: 190px;
}
.leftbox li:hover{background: #fff; opacity: 1;}


.clientele .centerbox{width: 32%; display: flex; justify-content: center; align-items: center;}
.clientele .centerbox .activecard{width: 325px; height: 160px;box-shadow: 0px 4px 12px #F2F2F280;
border: 0.5px solid #D1D2D4; border-radius: 12px; display: flex; margin: 0px 20px; justify-content: center; align-items: flex-start; flex-direction: column; padding: 15px; position: relative; padding-top: 50px;}
.clientele .centerbox .activecard p{color: #352F36; font-size: 14px; line-height: 19px; padding-top: 5px;}
.clientele .centerbox .activecard img{height: 40px; position: absolute; top: 10px;}
.clientele .leftbox li.active{background: #fff;}




.home-tab{display: none}
.home-tab.active{display: flex;}








.innerpageslider{background: #231F20; min-height: 600px; position: relative; padding: 80px 0px;}
.innerpageslider::after{ content: '';background: url("../images/patterninner.png") no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; opacity: 0.3;}
.innerpageslider .container{position: relative; z-index: 10;}

.innerpageslider h1{text-align: center; font-size: 40px; line-height: 55px; letter-spacing: 0px; color: #FFFFFF;}
.innerpageslider h1 span{color: #55BEED;}
.innerpageslider h1 + p{text-align: center; font-size: 24px; line-height: 32px; color: #FFFFFF; margin-top: 10px;}
.innerpageslider h2{text-align: center; font-size: 32px; line-height: 42px; letter-spacing: -0.32px; color: #FFFFFF; margin-top: 10px;}
.innerpageslider h2 span{color: #55BEED;}

.innerpageslider h3{color: #FFFFFF; font-size: 24px; line-height: 32px; text-align: center; margin-top: 40px;}
.innerpageslider p{color: #D1D2D4; font-size: 16px; line-height: 20px; text-align: center; padding: 10px 0px;}


.innerpageslider .servicesslider{margin-top: 100px; height: 135px;}
.innerpageslider .servicesslider.active{margin-top: 20px;}
.innerpageslider .servicesslider{border: 1px solid #D1D2D43D; border-radius: 62px; background: #FFFFFF0A; padding: 0px 30px;}
.innerpageslider .servicesslider ul li{display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; padding: 20px 0px;}
.innerpageslider .servicesslider ul li::after{content: ''; position: absolute; width: 1px; height: 50px; right: -5px; background: rgba(209,210,212,0.3);}
.innerpageslider .servicesslider ul li em{width: 44px; height: 44px; border-radius: 50%; padding: 10px; display: inline-block; margin-bottom: 12px; color: #fff; font-size: 25px; background: rgba(255,255,255,0.2);}
.innerpageslider .servicesslider ul li em:hover{background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box;}

.innerpageslider .servicesslider ul li span{color: #fff; display: block;}

.innerpageslider .servicesslider .owl-dots{display: none}

.innerpageslider .servicesslider .owl-theme .owl-nav{position: absolute; color: #fff; width: 100%; top: 40px; height: 0;}
.innerpageslider .servicesslider .owl-theme .owl-nav .owl-prev{position: absolute; left: -15px; top: -10px;}
.innerpageslider .servicesslider .owl-theme .owl-nav .owl-prev span{ background: #D1D2D4; width: 22px; height: 22px; border-radius: 50%; display: inline-block;}
.innerpageslider .servicesslider .owl-theme .owl-nav .owl-next{right: -15px; top: -10px; position: absolute;}
.innerpageslider .servicesslider .owl-theme .owl-nav .owl-next span{background: #D1D2D4; width: 22px; height: 22px; border-radius: 50%; display: inline-block;}

/*.lSAction a.lSPrev{background: #fff; border-radius: 50%; width: 32px; height: 32px;text-align: center;
    line-height: 27px; font-size: 24px;}
.lSAction a.lSPrev:hover{background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; color: #fff;}
.lSAction a.lSNext{background: #fff; border-radius: 50%; width: 32px; height: 32px;text-align: center;
    line-height: 27px; font-size: 24px;}
.lSAction a.lSNext:hover{background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; color: #fff;}*/


.innerpageslider .servicesslider .dropdownthree{position: absolute; background: #fff;}

.lSSlideOuter {
   
    height: 100%;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: initial;
    position: initial;
    /* height: auto; */
}
.lSSlideOuter .lightSlider {

    overflow: initial;
    position: initial;
}
.lSSlideOuter .lSPager.lSpg{display: none}
/*
.container {
  position: relative;
  height: 300px;
  
}
*/

.carousel {
  overflow: hidden; /* Keep this hidden for the carousel */
  position: relative;
  height: 100%;
}

.one.slide {
  position: relative; /* Make this position relative to position the dropdown */
}



.dropdown .dropbtn{text-align: center;}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999999;
	top: 390px;
}

.dropdown-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.dropdown-content li {
  padding: 12px 16px;
  cursor: pointer;
}

.dropdown-content li:hover {
  background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}




.carousel{
  padding:15px 25px;
  position:relative;
	}
  
  





.bannereffect{margin-top: 50px;}
.bannereffect .row{align-items: baseline;}
.bannereffect figure{margin: 10px; padding: 0; overflow: hidden; border-radius: 10px; transition: .3s; position: relative;}
.bannereffect figure p{background: #fff; position: absolute; bottom: 0; padding: 8px; opacity: 0; transition: .3s;}
.bannereffect figure p a{text-decoration: none; color: #000;}
.bannereffect figure img{width: 100%;}
.bannereffect figure:hover img{transform:scale(1.2,1.2); transition: .3s;}
.bannereffect figure:hover p{opacity: 1; transition: .3s;}


.ceo-msg{background:url("../images/ceo.png") no-repeat,transparent linear-gradient(110deg, #231F20 0%, #0099DB 100%) 0% 0% no-repeat; border-radius: 24px; min-height: 280px; margin-top: 55px; background-size: contain; background-position: right bottom; padding: 55px;}
.ceo-msg h4{font-size: 32px; line-height: 42px;color: #F2F2F2;}
.ceo-msg h4 span{color: #55BEED; text-transform: uppercase;}

.ourmission .container{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.ourmission .mission{display: flex; max-width: 812px; justify-content: center; align-items: center;}
.ourmission .mission.active{margin-top: 100px;}
.ourmission .mission figure{display: flex; margin: 0; padding: 0; border-right: 1px solid #ccc; margin-right: 20px;}
.ourmission .mission figure img{width: 130px;}
.ourmission .mission figure h4{text-align: left; letter-spacing: 0px;color: #0B1215; font-size: 32px; line-height: 42px; margin-right: 30px; font-weight: bold; padding-left: 25px;}
.ourmission .mission p{max-width: 488px; font-size: 24px; line-height: 29px; font-weight: 600; position: relative; padding: 20px 0px;}
.ourmission .mission p span{color: #0099DB;}
.ourmission .mission p::before{content: ''; position: absolute; background: url("../images/quote-left.png") no-repeat; width: 40px; height: 40px; left: 0; top: 0;}
.ourmission .mission p::after{content: ''; position: absolute; background: url("../images/quote-right.png") no-repeat; width: 40px; height: 40px; left: 130px; bottom: 0;}
.ourmission .mission.active figure{border-left: 1px solid #ccc; border-right: none; padding-left: 40px;}
.ourmission .mission.active figure h4{margin-right: 0; margin-left: 20px;}
.ourmission .mission.active p::after{left: 200px;}

.corevalue .cntxt{display: flex; justify-content: center; align-items: center;color: #0B1215;
text-transform: capitalize; font-size: 40px;}
.corevalue .cntxt h3{text-align: center; font-weight: bold; line-height: 48px;}
.corevalue .cntxt h3 span{color: #0099DB; display:block; }

.corevalue img{padding: 15px;}


.our-process h3{margin-bottom: 40px;}
.our-process h3.rmb{margin-bottom: 0;}
.our-process h3.rmb + p{ padding: 20px 30px 30px 0px;}
.our-process figure{margin: 0;}
.leftprocess ul{position: relative; height: 410px; overflow: hidden;}
.leftprocess ul::after{content: ''; width: 8px; position: absolute; height: 100%; background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; left: 18px; top: -15px;}
.leftprocess ul li{display: flex; margin-bottom: 20px;}
.leftprocess em{background: #231F20; min-width: 42px; height: 42px; display: inline-block; border-radius: 50%; color: #fff; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; margin-right: 20px; position: relative; z-index: 10;}

.leftprocess ul li h5{color: #0B1215; font-size: 18px; line-height: 26px; font-weight: 600;}
.leftprocess ul li p{font-size: 14px;}

.leftprocess .showmore a{text-decoration: none; display: flex; color: #000;}
.leftprocess .showmore a span img{width: 24px; margin-left: 10px;}


.ourteam{padding: 80px 0px;}
.ourteam .ourteamtab ul{display: flex; margin-top: 40px; margin-left: 20px;}
.ourteam .ourteamtab ul li{font-size: 16px; padding: 7px 20px; border: 1px solid #D1D2D4; border-radius: 25px; color: #000; margin-right: 15px; font-size: 16px; line-height: 20px;}
.ourteam .ourteamtab ul li:hover{background: transparent linear-gradient(269deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(269deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; border-color: transparent; cursor: pointer; color: #fff;}
.ourteam .ourteamtab ul li.active{background: transparent linear-gradient(269deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(269deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; border-color: transparent; cursor: pointer; color: #fff;}

.ourteam .teambox ul{display: flex; margin-top: 20px;}
.ourteam .teambox ul li{position: relative;margin: 12px; overflow: hidden;border-radius: 12px;}
.ourteam .teambox ul li figure{ border: 1px solid #D1D2D4; margin: 0;}
.ourteam .teambox ul li figure img{width: 100%;}
.ourteam .teambox ul li p{position: absolute; bottom: 0; background: rgba(0,0,0,0.8); color: #fff; width: 100%; left: 0; right: 0; bottom: 0; height: 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 0; transition: .3s;}
.ourteam .teambox ul li:hover p{height: 100px; opacity: 1; transition: .3s;}
.ourteam .teambox ul li p span{display: block;}

.ourteam .teambox .nextprev{border: 1px solid #D1D2D4; border-radius: 32px;width: 104px;height: 36px; border-radius: 25px; margin: auto;}
.ourteam .teambox .nextprev ul{margin: 0 10px; display: flex; justify-content: space-between; align-items: center; padding: 6px 0px;}
.ourteam .teambox .nextprev ul li{margin: 0; padding: 0;}

.whychoosetft{    background: #231F20;
    min-height: 600px;
    position: relative;
    padding: 80px 0px;}
.whychoosetft::after{content: '';
    background: url(../images/patterninner.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.3;}

.whychoosetft .container{position: relative; z-index: 10;}
.whychoosetft .container h3{font: normal normal bold 48px/64px Segoe UI; letter-spacing: 0px; color: #FFFFFF; text-align: center; margin-bottom: 60px;}
.whychoosetft.innerwhy h3{margin-bottom: 0px;}
.whychoosetft.innerwhy p{color: #fff; text-align: center; padding: 20px 0px 50px 0px; max-width: 870px; margin: auto;}

.whychoosetft .container .whychbox{background: #FFFFFF1F; padding: 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;border-radius: 12px; height: 200px; margin: auto; margin: 20px;}
.whychoosetft .container .whychbox em{background: transparent linear-gradient(180deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box;
border-radius: 4px; width: 56px;}
.whychoosetft .container .whychbox em{width: 56px; height: 56px; display:flex; justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 15px;}
.whychoosetft .container .whychbox em img{width: auto;}
.whychoosetft .container .whychbox p{color: #fff; font-size: 20px; line-height: 26px; padding: 0;}
.whychoosetft .container .col-4{border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
.whychoosetft .container .col-4:last-child{border-right: none;}
.whychoosetft .container .col-4.grid4{border-bottom: none;}


.our-partner h4{color: #fff; margin-top: 100px;}
.our-partner p{color: #F2F2F2;}
.our-partner .partnerlogo{margin-top: 30px;}
.our-partner .partnerlogo figure{background: #F2F2F2;border-radius: 12px; margin: 0; height: 100px; display: flex; justify-content: center; align-items: center; margin: 10px;}
.our-partner .partnerlogo figure img{width: 100px;}



.hire-page .mainiconbox{margin-top: 80px;}
.hire-page .mainiconbox .iconbox{border: 1px solid #D1D2D480; border-radius: 12px; margin: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 200px;}
.hire-page .mainiconbox .iconbox em{border: 1px solid #55BEED66; border-radius: 4px; color: #0099DB;width: 56px;height: 56px; display: flex; justify-content: center; align-items: center; font-size: 30px;}
.hire-page .mainiconbox .iconbox p{font-size: 20px; line-height: 26px;color: #352F36; font-weight: 600; max-width: 200px; text-align: center; margin-top: 16px;}

.hire-page .hiring-flexibility{padding: 50px 0px;}
.hire-page .hiring-flexibility h3{color: #0B1215; font-size: 32px; line-height: 43px; font-weight: bold; margin-bottom: 15px;}


.hire-page .hiring-flexibility h4{display: flex;color: #0099DB; font-size: 24px; line-height: 32px; font-weight: bold;}
.hire-page .hiring-flexibility .col-4{padding: 20px;}
.hire-page .hiring-flexibility h4 em{background: transparent linear-gradient(180deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box;
border-radius: 8px;width: 50px; height: 50px; display: inline-block; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 30px; margin-right: 10px;}
.hire-page .hiring-flexibility p{color: #352F36; font-size: 16px; line-height: 20px; margin-top: 10px; margin-bottom: 60px;}


.engagement-models h3{color: #fff; text-align: center; font-size: 40px; line-height: 56px; text-transform: capitalize;}


.engagement-models{background: #231F20; min-height: 600px; position: relative; padding: 80px 0px;}
.engagement-models::after{ content: '';background: url("../images/patterninner.png") no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; opacity: 0.3;}
.engagement-models .container{position: relative; z-index: 10;}
.engagement-models .container h3{margin-bottom: 40px;}

.engagement-models .boxgradient{background: transparent linear-gradient(180deg, #231F202B 0%, #054B69 49%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #231F202B 0%, #054B69 49%, #0099DB 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #352F3629;
border-radius: 12px; padding: 15px 15px 0px 15px; margin: 15px; min-height: 320px; display: flex; flex-direction: column; justify-content: center;}
.engagement-models .boxgradient.active{display: flex; justify-content: center;align-items: center;}
.engagement-models .boxgradient.active h5{font-size: 40px; color: #fff; line-height: 56px; text-align: center;}
.engagement-models .boxgradient.active h5 span{color: #0099DB;}
.engagement-models .boxgradient h4{font-size: 24px; line-height: 29px; font-weight: 600; color: #fff;}
.engagement-models .boxgradient p{font-size: 14px; line-height: 19px; color: #fff;}


.contactus{background: #000; padding: 40px 0px; position: relative;}
.contactus::after{content: ''; position: absolute; width: 200px; height: 100px; right: 0; top: 0; background: url("../images/cirlce-right.png") no-repeat; background-size: cover;}
.contactus::before{content: ''; position: absolute; width: 200px; height: 100px; left: 0; bottom: 0; background: url("../images/cirlce-left.png") no-repeat; background-size: contain;}


.defbanner::after{content: ''; position: absolute; width: 200px; height: 100px; right: 0; top: 0; background: url("../images/cirlce-right.png") no-repeat; background-size: cover; left: inherit;}
.defbanner::before{content: ''; position: absolute; width: 200px; height: 100px; left: 0; bottom: 0; background: url("../images/cirlce-left.png") no-repeat; background-size: contain;}



.contactus h1{color: #fff;}
.contactus p{color: #fff;}
.contactus .col-7{display: flex; flex-direction: column; justify-content: center;}
.contactus h1{font-size: 40px; line-height: 48px; margin-bottom: 20px;}
.contactus .topcontact label{color: #fff;}
.contactus .topcontact .col-6{padding: 0px 10px}
.contactus .topcontact .col-12{padding: 0px 10px}


.softdevsection .softdev .row{justify-content: space-between;}
.softdevsection .softdev .iconbox{border: 0.5px solid #D1D2D4;border-radius: 8px; display: flex; justify-content: center; align-items: center; min-height: 215px; flex-direction: column; margin-top: 40px;}
.softdevsection .softdev .iconbox em{width: 50px; height: 50px; border-radius: 50%;background: transparent linear-gradient(180deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 30px; display: inline-block; text-align: center; line-height: 50px;}

.softdevsection .softdev .iconbox{color: #0B1215; font-size: 20px; line-height: 26px; font-weight: 600;}
.softdevsection .softdev .iconbox p{padding: 20px 0px; text-align: center; text-transform: capitalize;}
.softdevsection .softdev .iconbox a{font-size: 16px; line-height: 20px; text-decoration: none; font-weight: 100; display: flex;color: #352F36;}
.softdevsection .softdev .iconbox a i{margin-left: 5px; position: relative; top: 2px;}


.letconnect{background: transparent linear-gradient(92deg, var(--deep-blue-100) 0%, var(--sky-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(92deg, #0099DB 0%, #55BEED 100%) 0% 0% no-repeat padding-box; padding: 30px 0px;}

.letconnect .container{position: relative;}
.letconnect .container::before{content: ''; width: 190px; height: 140px; position: absolute; right: 0; top: -16px;background: url("../images/people-talking-pana.png") no-repeat right top; background-size: cover;}
.letconnect .container h3{font-size: 32px; line-height: 42px; color: #fff; padding-left: 10px;}
.letconnect .container p{font-size: 18px; line-height: 26px; color: #fff; margin: 10px 0px; padding-left: 10px;}
.letconnect .container p strong{display: block;}

.letconnect .connectbox{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 12px #231F
	2014; padding: 20px;
border-radius: 12px; margin: 10px;}
.letconnect .connectbox .topicon{display: flex; align-items: center;}
.letconnect .connectbox .topicon em{width: 60px; height: 60px;background: transparent linear-gradient(180deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 30px; border-radius: 50%; text-align: center; line-height: 60px;}
.letconnect .connectbox .topicon h5{color: #0B1215; font-size: 20px; line-height: 26px; margin-left: 12px;}
.letconnect .connectbox h6{margin-top: 20px; font-size: 24px; line-height: 29px; font-weight: bold;}
.letconnect .connectbox p{margin-top: 10px; font-size: 14px; line-height: 16px; color: #000;}



.locate-us .contactmapdetails{box-shadow: 0px 4px 12px #231F2014; border: 0.5px solid #D1D2D4; border-radius: 12px; margin-top: 30px;}

.locate-us .contactmapdetails .leftmap{height: 100%;}
.locate-us .contactmapdetails .leftmap figure{overflow: hidden; height: 100%;}
.locate-us .contactmapdetails .leftmap figure img{height: 100%;}

.locate-us .contactmapdetails .contact-address{padding:20px; background: url("../images/con-pattern.png") no-repeat bottom right;}

.locate-us .contactmapdetails .contact-address .tabmenu ul{display: flex;}
.locate-us .contactmapdetails .contact-address ul li{font-size: 14px; padding: 6px 20px; border: 1px solid #D1D2D4; border-radius: 25px; color: #352F36; margin-right: 10px;}
.locate-us .contactmapdetails .contact-address ul li:hover{background: transparent linear-gradient(269deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(269deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; border-color: transparent; cursor: pointer; color: #fff;}
.locate-us .contactmapdetails .contact-address ul li.active{background: transparent linear-gradient(269deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(269deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; border-color: transparent; cursor: pointer; color: #fff;}

.locate-us .contactmapdetails .contact-address .con-tab{padding: 20px 0px; position: relative;}
.locate-us .contactmapdetails .contact-address .con-tab::before{content: ''; position: absolute; width: 2px;height: 91%; background: #ccc; left: 11px;top:25px; bottom: 10px;}
.locate-us .contactmapdetails .contact-address .con-tab .address-tab{padding-left: 30px; position: relative; margin-bottom: 15px;}
.locate-us .contactmapdetails .contact-address .con-tab .address-tab::before{content: '\e916'; position: absolute; font-size: 25px;font-family: 'icomoon' !important; color: #0099DB; left: 0;}
.locate-us .contactmapdetails .contact-address .con-tab .address-tab p{color: #352F36; font-size: 14px; line-height: 19px; padding: 10px 0px;}





.careertft{    background: #231F20;
    position: relative;
    padding: 80px 0px;}
.careertft::after{content: '';
    background: url(../images/patterninner.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.3;}

.careertft .container{position: relative; z-index: 10;}
.careertft .container h3{color: #fff; text-align: center; font-size: 32px; line-height: 42px; margin-bottom: 30px;}

.careertft .container .whychbox{padding: 0px 50px; color: #fff; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.careertft .container .whychbox em{font-size: 40px; color: #fff;}
.careertft .container .whychbox p{text-align: center; color: #fff;}

.careertft .container .whychbox.oractive{display: flex; height: 160px;position: relative;}
.careertft .container .whychbox.oractive span{background: #231F20; position: relative; z-index: 10; left: 2px; padding: 5px; border-radius: 50%;}
.careertft .container .whychbox.oractive::after{content: ''; width: 3px; height: 100px; background: #fff; position: absolute; left: 50%;}

.collage-timeline {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE 10 */
  flex: 25%;
  padding: 0 8px;
}

.column:nth-child(even){margin-top: 30px;}

.column .box{box-shadow: 0px 4px 12px #231F2014;
border: 1px solid #D1D2D4;
border-radius: 12px; overflow: hidden; margin-top: 18px;}

.column .box h4{font-size: 26px; padding: 10px 0px; text-align: center;}
.column .box h6{font-size: 16px; padding: 3px 0px; text-align: center;}
.column .box p{font-size: 16px; padding: 10px; text-align: center;}

.column img {
width: 100%;
  vertical-align: middle;
}

.lifeattft{background: #f7f7f7;}
.lifeattft .timelinecareer{display: flex;}
.lifeattft .timelinecareer .lefthead{min-width: 20%; display: flex;justify-content: center; align-items: center;}
.lifeattft .timelinecareer .lefthead h1{font-size: 42px; font-weight: bold; color: #0B1215;}
.lifeattft .timelinecareer .lefthead h1 span{display: block;color: #0099DB;}

.lifeattft .timelinecareer .scrolltab{min-width: 25%; position: relative; display: flex; align-items: center;}
.lifeattft .timelinecareer .scrolltab::after{content: ''; width: 10px; height: 100%;background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; left: 0;}
.lifeattft .timelinecareer .scrolltab ul{background: #f7f7f7; position: relative; z-index: 2;}
.lifeattft .timelinecareer .scrolltab ul li{font-size: 24px; margin-bottom: 15px;cursor: pointer;}
.lifeattft .timelinecareer .scrolltab ul li.active{color: #0099DB; font-size: 32px; line-height: 42px;}

.lifeattft .timelinecareer .tabbox{width: 55%;}
.lifeattft .timelinecareer .tabbox .tilebox{box-shadow: 0px 0px 6px #231F2014; border-radius: 12px; background: #fff; margin: 15px;}
.lifeattft .timelinecareer .tabbox .tilebox .detailsbox{padding: 15px;}
.lifeattft .timelinecareer .tabbox .tilebox .detailsbox em{font-size: 30px; color: #0099DB;}
.lifeattft .timelinecareer .tabbox .tilebox .detailsbox h2{font-size: 16px; margin: 10px 0px;}
.lifeattft .timelinecareer .tabbox .tilebox .detailsbox p{font-size: 14px; color: #352F36;}


.hire-page .mainiconbox .videobox{text-align: center;}
.hire-page .mainiconbox .videobox figure{border-radius: 12px; overflow: hidden; max-width: 1000px; display: inline-block; position: relative;}
.hire-page .mainiconbox .videobox figure em{position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; cursor: pointer;}
.hire-page .mainiconbox .videobox figure img{width: 100%;}

.mangerslider{background: url("../images/cirlce-pattern.svg") no-repeat right top;}
.mangerslider .slidertxt{padding-left: 30px; position: relative; min-height: 250px;}
.mangerslider .slidertxt h4{font-size: 24px; line-height: 32px; margin-bottom: 10px;}
.mangerslider .slidertxt p{max-width: 550px;}





.mangerslider .slidertxt .next-pre{border: 1px solid #D1D2D4; border-radius: 32px; width: 105px; height: 36px; margin: auto; position: absolute; right: 0; bottom: 0;}
.mangerslider .slidertxt .next-pre ul{margin: 0; padding: 0; display: flex;justify-content: space-between; height: 36px;}
.mangerslider .slidertxt .next-pre ul li{display: flex; justify-content: center; align-items: center; padding: 0px 5px; line-height: 10px;}
.mangerslider .slidertxt .next-pre ul li:first-child img{cursor: pointer; width: 7px; transform: rotate(180deg); position: relative; left: 5px;}
.mangerslider .slidertxt .next-pre ul li:last-child img{cursor: pointer; width: 7px; position: relative; right: 5px;}

.behind-senses h2{font-size: 32px; line-height: 64px;text-transform: capitalize;}

.behind-senses h2 span{color: #0B1215;}

.current-open-filter{margin-top: 50px;}
.current-open-filter .form-group{padding: 0px 10px;}
.current-open-filter .serchbox{position: relative;}
.current-open-filter .serchbox button{position: absolute; right: 12px; top: -4px; width: 25px; font-size: 24px; color: #8C8C8C; background: transparent;}
.current-open-filter p.exp{padding: 0px 10px;}



.current-open-filter .base-exp{display: flex; margin: 15px 0px;}
.current-open-filter .base-exp li{margin-right: 10px; color: #352F36;}

.current-open-filter .jobbox{border: 1px solid #D1D2D480; border-radius: 12px; background: #fff; margin: 7px;padding: 15px;}
.current-open-filter .jobbox h5{font-size: 16px; margin-bottom: 10px;}
.current-open-filter .jobbox p{font-size: 14px;color: #352F36;line-height: 19px;}

.applyjob .topcontact{box-shadow: 0px 0px 8px #231F201F; border-radius: 12px; padding: 15px;}

.applyjob .topheading{border-bottom: 1px solid #D1D2D4; padding-bottom: 10px; margin-bottom: 10px; margin-right: 20px;}

.applyjob .jobhight ul li{display: flex; flex-direction: column; margin-top: 20px;}
.applyjob .jobhight ul li .jobtile{display: flex;}
.applyjob .jobhight ul li .jobtile em{background: transparent linear-gradient(180deg, var(--sky-blue-100) 0%, var(--deep-blue-100) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #55BEED 0%, #0099DB 100%) 0% 0% no-repeat padding-box; color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.applyjob .jobhight ul li p{color: #352F36; font-size: 14px;}
.applyjob .jobhight ul li .jobtile .rightjobtile span{font-weight: 600;}
.applyjob .jobhight ul li .jobtile .rightjobtile ul li{color: #352F36; font-size: 14px; margin-top: 10px; position: relative;}
.applyjob .jobhight ul li .jobtile .rightjobtile ul{padding-left: 15px;}
.applyjob .jobhight ul li .jobtile .rightjobtile ul li::before{content: ''; position: absolute; left: -15px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #8C8C8C;}

.industyimg2 {
    display: flex;
    flex-wrap: wrap;
}

.servicesbox {
    position: relative; 
    width: 200px; 
    margin: 10px; 
    border: 1px solid #ccc; 
    transition: all 0.3s ease;
}

.servicesbox-inner {
	 display: none;
   position: absolute; 

    top: 0;

    left: -300px; 

    width: 338px;

    background: white;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 

    animation: slideIn 1s forwards;
	z-index: 9
	
}

.servicesbox-inner.lastcard{right: 0;animation: slideout 1s forwards; left: inherit;}


@keyframes slideIn {

    from {

        left: -300px; 

    }

    to {

        left: 0; 

    }

}

@keyframes slideout {

    from {

        right: -300px; 

    }

    to {

        right: 0; 

    }

}



.servicesbox.fade {

    opacity: 0.5; 

}
.servicesbox.show .servicesbox-inner {

    display: block; /* Show the inner box */
animation: slideIn 0.5s forwards;
    left: 0; /* Move inner box into view */

}
.whoweserved .industrybox .servicesbox-inner figure img {
   width: 146px;
    top: 0;
}
.whoweserved .industrybox .servicesbox-inner figure{
	height: 358px;
}
.whoweserved .industrybox .servicesbox-inner figure figcaption{
	    width: 100%;
    height: 100px;
    background: #000;
    position: absolute;
    bottom: 0;
	color: #fff;
	padding: 10px;
}
/* Optional: Add some styles for the main content */

fieldset.hidden-fields-container{display:none !important;}

.techgrp .pltform ul{display: none; margin: 15px 0px;}