@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Sevillana&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sevillana&display=swap');
*{margin: 0; padding: 0; box-sizing: border-box;}

/* color-plates */
:root{

    --primary:#065b8f;
    --white:#fff;
    --heading:#000;
    --secondary:#e00b0a;
}


/* gloabl-classes */
.view_more a {font-size: 14px; font-weight: 600; color: var(--secondary);}
img {width: 100%;}
.red{color: var(--secondary);}
.bg_blue {background-color: var(--primary);}
.padding-top-90{padding-top: 90px;}
.padding-btm-90{padding-bottom: 90px;}
.m-top {margin-top: 50px;}
body{font-family: "Roboto", sans-serif;}
.logo img {width: 100%; max-width: 100px;}
li {list-style: none; margin: 0; padding: 0;}
ul {margin: 0; padding: 0;}
a {text-decoration: none;}
.global_btn { font-weight: 800; display: block; width: 100%; max-width: 200px;  text-align: center;  font-family: "Montserrat", serif; font-size: 15px; text-transform: uppercase; background: var(--secondary); padding: 14px 23px; color:var(--white); border-radius:30px; }
.global_btn:hover { background-color: var(--primary); color: #fff;}
.top_bar {padding:15px 0px 0px;}
.header {padding:5px 0px; background-color: var(--white);}
.header .navbar-nav {margin-right: 50px;}
.header  .nav-link {font-size: 16px; color:#4c4c4c !important;  text-transform: uppercase; font-weight: 500;}
ul.dropdown-menu {padding: 10px 0px !important;}
.red {color: var(--secondary) !important;}

/* .header  ul li  .dropdown-menu, .header  ul li  .dropdown-menu li   { background-color: var(--primary); color: var(--white);} */
.top_bar { background-color: var(--primary); padding: 8px 0px;}
.top_bar p {     color: #009fff; margin: 0px; padding: 0px; font-weight: 600;}
.header  ul li  .dropdown-menu li :hover {background: var(--secondary); color: var(--white) !important ;}
.header  ul li  .dropdown-menu  .dropdown-item {font-size: 15px; font-size: 18px; font-weight: 500;  text-transform: uppercase; color:#686363 ; background-color: var(--white); padding: 0px !important; }
.header  ul li  .dropdown-menu li,.header  ul li  .dropdown-menu  {padding: 0 !important;}
.dropdown-menu {border-radius: 0px !important; border: none; background-color: #f3f3f3; box-shadow: 0 3px 25px 0px rgba(0, 0, 0, .07), 0 0 0 rgba(0, 0, 0, .10) inset;}
.header  ul li  .dropdown-menu  .dropdown-item {padding: 12px 18px !important; font-size: 14px; border-bottom:1px solid #e9e9e9 ; color: #686363  !important;}
.header  ul li  .dropdown-menu  .dropdown-item .dropdown-item:first-child{ font-weight: 600;}
.header  ul li  {padding: 0px 15px; font-weight: 600;}
.header  ul li .nav-link:hover {color: var(--secondary) !important ;}
.head-text {font-size: 16px; font-weight: 400;}
span {color: var(--secondary);}


/* .carousel-dark .carousel-caption .content_banner { background: #fffffff2; padding: 50px 40px; border-left: 10px solid #065b8f; }
.carousel-dark .carousel-caption .content_banner  p {font-size: 22px; font-weight: 700;}
.carousel-dark .carousel-caption .content_banner h1 {color: #3e3b3b; font-weight: 600;}
.carousel-dark .carousel-caption .content_banner h1 strong{color: var(--primary);}

.slider .global_btn {margin-top: 30px;}
.carousel-caption {bottom: 20%;}

.carousel-dark .carousel-indicators [data-bs-target]{background-color: #f7f7f7; padding: 1px;}

 .carousel-inner img {width: 100%; }
.slider .carousel-dark h1 {font-size:40px; font-weight: 800;}
.carousel-control-next, .carousel-control-prev {
    position: absolute; top: 20%;} 
.carousel-caption::after {content: " "; width: 250px; height: 10px; background: #065b8f; position: absolute;  left: 0%;}

.carousel-caption  p {color: #e00b0a; margin-left: 100px; text-decoration: underline; }
.carousel-caption  p::before{content: " "; background: #655e5e;  height: 4px;  width: 100%; max-width: 80px; position: absolute; left: 4%; top: 25%;} */

/* .dropdown-menu.mainmegamenu {display: flex; visibility: hidden;  }
.headmegamenu:hover .mainmegamenu {visibility: visible;  } */

/* .header ul li div.dropdown-menu ul li:first-child a{ font-weight: 800;} */
.container-fluid {max-width: 1600px !important;}
/* .main {position: fixed; width: 100%; background-color: var(--white); z-index: 999999; box-shadow: 0 0 15px rgba(0, 0, 0, .3);} */
.dropdown-item  a{padding: 10px 0px 0px 0px; background: transparent;}
.mainmegamenu { background-color: var(--white) !important;}
.mainmegamenu ul li a{background: transparent !important; color: #747474 !important;}
.mainmegamenu ul li:hover a{background: var(--secondary) !important;}

/* gloabl-fonts */
h1 {font-size: 60px; font-weight: 800; color: var(--white); font-family: "Montserrat", serif; text-transform: uppercase;}
h2 {font-size: 34px; font-weight: 700; font-family: "Montserrat", serif; text-transform: uppercase;}
h3 {font-size: 30px; font-weight: 700; font-family: "Montserrat", serif; text-transform: uppercase;}
h4 {font-size: 22px; font-weight: 700; font-family: "Montserrat", serif; text-transform: uppercase;}
p{font-size: 16px; color: #333030; font-weight: 400;}
.bg-greys {background-color: #f5f8f9 !important; background-image: none !important;}
a:not([href]):not([class]){color: #9c9c9c;}
.head-text a {color: var(--white); }
.head-text {text-transform: capitalize !important; color:var(--white) ;}

/* fun_images */
.fun_images .images {overflow: hidden;}
.header a img.w-md-30 {width: 100%; max-width: 80px;}

select {background-color: transparent; color: #fff;}


.Home_banner .content_ban {background-image: url(../assests/shape.png); background-repeat: no-repeat; background-position: end bottom;}
/* start-banner */
.banner_image {background-image: url(../assests/group-coworkers-office-talking_23-2148985521.jpg);padding: 340px 0px; background-repeat: no-repeat; background-size: cover;}

.Home_banner h1 {font-size:40px; font-weight: 800;}
.Home_banner .global_btn {background-color: var(--secondary); margin-top: 20px;}
.Home_banner {background-color: var(--primary);}
.Home_banner .content_ban {padding: 40px 100px 40px 30px; background-color: var(--primary);}
.banner { background: url(../assests/homebanner.jpg) no-repeat; background-position: center center;  background-size: cover; padding: 300px 0px 160px; border-radius: 0px 0px 40px 40px;}
.Home_banner p {  line-height: 1.5; color: var(--white); font-size:18px; margin:20px 0px; font-weight: 400; border-left: 2px solid var(--secondary); padding:10px 15px; background:#00000046 ; } 



.about .about_imag {border-radius: 16px; overflow: hidden; }

/* start-partners */
.partners .container .main_box {margin-top: -80px;  z-index: 99999; background: var(--white);}
.partners .main_box {padding: 30px; border:1px solid #efefef; border-radius: 20px; box-shadow: 0px 5px 0px 0px #e00b0bc7;}
.partners .main_box p {font-size: 20px; }
.partners .item {max-width: 150px; margin-top: 20px;}
.partners  .owl-nav {display: none;}
.partners .logo img {width: 100%; max-width: 50px; height: 100%; max-height: 50px; object-fit: contain;}

.about .global_btn {margin-top: 10px;}



.update_text {color: var(--secondary); font-size: 20px; font-weight: 600; text-decoration: underline;}

 .industries {  background-color: rgb(232 242 248);}
.services_digital .icon_box img {max-width:60px;}
.service_box {background-color: var(--white); padding: 30px;   border: 1px solid #f5f5f5; border-radius: 24px; margin-top: 30px; box-shadow: 0px 2px 0 0px #d7d7d7f8;}
.services_digital .icon_box {display: flex; justify-content: space-between;}
.services_digital .icon_box  h2{ -webkit-text-stroke: 1px #e00a0a24;  font-size: 50px; color:var(--white);}
.services_digital .icon {margin-bottom: 20px;}


/* what_we_offer */
.what_we_offer { background: var(--primary); }
.what_we_offer   h2 {color: var(--white); text-align: center;}
.what_we_offer .serice_box {background: var(--white); padding: 30px; border-radius: 15px; margin-top: 30px; box-shadow: 0 6px 2px 0px #e00b0a;}
.what_we_offer .serice_box .icon img {max-width: 60px;}
.what_we_offer .serice_box .icon {display: flex; gap: 15px;}
.what_we_offer .serice_box p {margin-top: 14px;}


/* why_choose_us */
.why_choose_us a {margin-top: 30px}

/* cta */
.cta {background: url(../assests/cta_texture.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;   background-position:center ;}
.bg-add-color .content_main {background-color: #000; padding: 60px 30px;}
.cta h3{color: var(--white);}               
/* .cta .content_main p {color: #fbf3f3;} */
.cta .btn {width: 100%;}
.cta .global_btn {background: var(--secondary); }
.cta .global_btn:hover {background-color: var(--heading); color: var(--white);}
.cta .btn {width: 100%;}
.cta p {font-size: 16px; font-weight:400;}  
.industries .indust_box .boxes {padding: 30px; border-radius: 15px; padding: 30px; margin-top: 24px; border: 1px solid #efefef; background-color: var(--white);}
/* .industries{background: url(../assests/industries_texture.jpg); background-repeat: no-repeat; background-size: cover;} */


.footer {background: #000000; position: relative;}
.footer p{color: #c6c6c6; margin-top: 20px;}
.footer h5 {color: #e5e5e5; text-transform: uppercase;}
.footer_logo img {max-width: 80px;}
.footer ul li  {padding: 3px 0px; }
.footer ul li a {color: #c6c6c6;}
.footer ul li:hover a {color: var(--secondary); transition: .5s ;}
.footer ul li i {font-size: 22px; color:#afafaf; margin-right: 20px;}


.footer .contact ul li:first-child a {font-size: 20px; color:#9c9c9c;}
.footer .social_icons { color: var(--white); font-size: 20px; display: flex; gap: 10px; }
.footer .social_icons i {background-color: var(--primary); border-radius: 50%; padding: 10px; height: 40px; width: 40px;}
.footer .social_icons i:hover {background-color: var(--secondary);}


/* .copyright */
.copyright {padding: 15px 0px; background-color: var(--primary);}
.copyright .main-privacy {gap: 20px;}
.copyright * {color: var(--white);}
.copyright p {margin: 0;}
.copyright p, .copyright ul li a {font-size: 16px;}
.copyright  ul li:hover a {color: var(--white);}


/* customer_supprt page start css */
.inner_banner  { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/homebanner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; background-repeat: no-repeat; padding:140px 0px;}


.why_sales_ordering ul {margin: 15px 0px ;}

#mail_id_trikuta {text-transform: capitalize !important; font-size: 25px;}


/* contact us page start css */
.contact_us  label { font-size: 17px; font-weight: 600;}
.contact_us  h2 {color: var(--white) ; margin-bottom: 30px;}
.contact_us .contact_form {color: var(--white) ; }
.contact_us .contact_form {background-color:#034770; padding: 50px 30px; border-radius: 15px;}
.contact_us .contact_form input { padding: 10px; margin-bottom: 15px ;  background-color:#03578b; border-radius: 8px;  border: none; font-size: 16px; outline: none;  border: 1px solid #006bad;}
.contact_us input,.contact_us  textarea  { background-color:#ffffff !important;   border-radius: 8px;  border: none; font-size: 14px; outline: none;  border: 1px solid #006bad; color: #fff;}
.contact_us button {background-color:var(--secondary); border: none;}
.contact_us input,textarea {color: #fff !important; font-size: 16px; font-weight: 400;}

input[type='text'], input[type='email'], input[type='phone'], textarea {color: #000 !important;}

/* Inner-pages-css */
.customer_support { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/CustomerSupport.jpg); background-repeat: no-repeat; background-size: cover; background-position:  bottom; background-repeat: no-repeat; padding:140px 0px ;}



.Data_Analytics{ background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Data\ Analytics.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px ;}




.Technical_Helpdesk { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Technical\ Helpdesk.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.Chat_Support{ background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Chat\ Support.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.Customer_Life { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Customer\ Life\ Cycle\ Journey.jpg); background-repeat: no-repeat; background-size: cover; background-position:  bottom; background-repeat: no-repeat; padding:140px 0px;}
.sales_orders_handling { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/sales\ orders\ handling.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat;padding:140px 0px;}
.Virtual_Assitant { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Virtual\ Assitant.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.Helpdesk{ background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Helpdesk.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.Digital_Marketing { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Digital\ Marketing.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.seo{ background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Serach\ Engine\ Optimization.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.social_media { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/social\ media\ marketing.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.email_marketing { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Email\ Marketing.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.lead_generation { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Lead\ Generation.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.calling_services { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/calling\ service.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.inbond_call_handling { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Inbound\ Calls\ Handling.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;}
.customer_enagment { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Customer\ Engagement.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.immigration { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/mmigration.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.healthcare { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Healthcare.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.retail_and_logistics { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/Logistics.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.it_and_telecom { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/IT\ &\ Telecom.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.why_tikuta_global { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/why\ trikuta\ global.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.fun_trikuta { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/funtrikuat.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.job_opening { background: linear-gradient(90deg, rgba(6, 91, 143, 0.918), rgba(6, 91, 143, 0.904)), url(../assests/inner_banner/job\ _opening.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}
.Contat-page-inner { background: linear-gradient(90deg, rgb(6 91 143 / 84%), rgb(6 91 143 / 81%)), url(../assests/inner_banner/contact_us.jpg); background-repeat: no-repeat; background-size: cover; background-position:  center; background-repeat: no-repeat; padding:140px 0px;;}

#thanku_page .thanku {   background: linear-gradient(181deg, rgb(6, 91, 143), rgb(4, 101, 161)); padding: 250px 0px 150px 0px; }
#thanku_page .thanku  p {font-size: 22px; color: #fdf1f1;}
#thanku_page .thanku  h1 {font-size: 70px;}
#thanku_page .thanku .btn_home  {width: 100%;}
#thanku_page .thanku  .main_content .global_btn{margin: 0 auto;}

.form-control:focus {box-shadow: none;}
.red a {color: var(--secondary);}