html, body { margin: 0; color: #53498a; font-size: 16px; font-family: Poppins; }
.home main#main { overflow-x: hidden; }
* { box-sizing: border-box; }
:focus { outline: none; color: inherit; background-color: inherit; box-shadow: none; }
.container { max-width: 1370px; width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.hidden { display: none; }
.relative { position: relative; }
.before-hide::before { content: none !important; }
/***** font size *****/
h1 { font-size: 40px; font-weight: 600; line-height: 1.4; }
h2 { font-size: 40px; font-weight: 600; line-height: 1.4; }
h3 { font-size: 36px; font-weight: 600; line-height: 1.4; }
h4 { font-size: 20px; font-weight: 600; line-height: 1.4; }
h5 { line-height: 1.4; }
h6 { line-height: 1.4; }
.sec-head h2, .sec-head h3 { font-size: 40px; font-weight: 600; margin-bottom: 10px; }
body .fs-24 { font-size: 24px; font-weight: 600; line-height: 1.4; }
h1 span, .sec-head h2 span, .sec-head h3 span { color: #e8af09; }
/***** text color *****/
h1 span, h2 span { color: #e8af09; }
p { color: #53498a; line-height: 1.6; }
.blue-txt { color: #1d1068; }
.yellow-txt { color: #e8af09; }
.green-txt { color: #19b04c; }
.red-txt { color: #e21a27; }
.sky-blue-txt { color: #1f61e8; }
.white-txt { color: #fff !important; }
/***** background *****/
.blue-bg { background-color: #1d1068!important; }
.yellow-bg { background-color: #e8af09!important; color: #fff !important; }
.green-bg { background-color: #19b04c!important; color: #fff !important; }
.red-bg { background-color: #e21a27!important; }
.ai_greenshadow { color: #fff !important; background-color: #19B04C !important; }
.sky-blue-bg { background-color: #1f61e8 !important; color: #fff !important; }
.gray-bg {background-color: #F0F8FF !important}
.sub-title { color: #e8af09; margin-bottom: 15px; position: relative; padding-left: 65px; }
.sub-title::before { content: ""; position: absolute; width: 50px; height: 2px; background: #e8af09; top: 50%; left: 0; transform: translateY(-50%); }
.text-center { text-align: center; }
/***** space *****/
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom: 0; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.pl-60 { padding-left: 60px; }
.p-40 { padding: 40px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pl-40 { padding-left: 40px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.pl-30 { padding-left: 30px; }
.pl-50 { padding-left: 50px; }
.p-20 { padding: 20px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px; }
.mt-0 { margin-top: 0px; }
.m-0 { margin: 0 !important; }
.my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mt-60 { margin-top: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-10 {margin-right: 10px;}
section { margin: 0 !important; }
.fw-5 { font-weight: 500 !important; }
a:focus, a:focus img { outline: none !important; }
:focus { background: transparent !important; outline: none !important; text-decoration: none !important; }
.meta-info span.blog-category, .meta-info strong { display: none; }
.post-desc { margin-top: 20px; }
.row { display: flex; flex-wrap: wrap; }
.col { flex: 1; }
.site-btn, .site-btn:hover, .site-btn:focus { display: inline-block; text-decoration: none; font-size: 16px; font-family: Poppins; font-weight: 500; line-height: 1.4; text-align: center; color: #fff; background-color: #ad0000 !important; border-style: solid; border-color: #ad0000; border-radius: 25px 25px 25px 25px; padding: 9px 20px; max-width: fit-content; position: relative; }
.align-items-center { align-items: center; }
.radius-30 {border-radius: 30px;}
.radius-50 {border-radius: 50px;}
.transition {
    transition-property: box-shadow, transform;
    transition-duration: 350ms;
    transition-timing-function: ease;
}
.transition:is(:hover, :focus) { transform: translateY(-8px); }
.pulse { animation: pulse-animation 2s infinite; }
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
/********** common css end **********/
/********** Header Start **********/
header#masthead { padding: 15px 0; max-width: 100%; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); }
.header-inner { max-width: 100%; padding: 0; }
.site-branding { max-width: 200px; width: 100%; margin: 0; }
.site-branding img { max-width: 100% !important; max-height: inherit !important; }
.site-branding h1 { display: none; }
.site-header, .site-main, .widget-area, .site-footer { padding: 0; }
nav#site-navigation { margin: auto; }
#site-navigation li a { color: #1d1068; font-size: 16px; font-weight: 500; line-height: 1.4em; padding: 16px 20px; transition: all ease 0.3s; cursor: pointer; }
#site-navigation .sub-menu li a { padding: 8px 10px; position: relative; width: 100%; }
.sub-menu.three-submenu li a { font-size: 14px !important; }
#site-navigation li a:hover, #primary-menu-list > li.menu-item-has-children:hover .menudrop-icon i { color: #e8af09; }
header a:hover { text-decoration: none !important; }
header a.contact-us { background-color: transparent; font-size: 16px; font-weight: 500; color: #fff; text-decoration: none; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.12); border-radius: 30px; padding: 14px 26px; transition: all ease 0.3s; position: relative; width: auto; height: auto; min-width: 200px; }
header a.contact-us::before { top: 0; bottom: 0; right: 0; height: 100%; width: 100%; position: absolute; content: ""; background-color: rgb(173 0 0); transition: 0.5s ease-out; border-radius: 26px; }
header a.contact-us:hover span{ color: #ad0000; }
header a.contact-us:hover::before { width: 0%; }
header a.contact-us span { position: relative; }
header .mobile-cta { display: none !important; }
#site-navigation li.current_page_item a { text-decoration: none; color: #ad0000; }
#primary-menu-list > li.menu-item-has-children > .sub-menu::before, #primary-menu-list > li.menu-item-has-children > .sub-menu::after {display: none;}
.primary-navigation .sub-menu {border: none !important;}
#primary-menu-list #menu-item-780.menu-item-has-children { position: inherit; }
#primary-menu-list #menu-item-780.menu-item-has-children > .sub-menu { width: 100% !important; left: 0; right: 0; margin: 0 auto; max-width: 1170px !important; min-width: 300px; background: #f00; }
#primary-menu-list #menu-item-780.menu-item-has-children > .sub-menu ul.sub-menu { position: absolute; left: 100%; top: 0; display: flex; flex-wrap: wrap; margin: 0px; max-width: 100%; width: 100%; gap: 0; }
#primary-menu-list #menu-item-780.menu-item-has-children > .sub-menu ul.sub-menu li { flex: 0 0 33%; }
#primary-menu-list > li.menu-item-has-children > a { padding-right: 30px; }
#primary-menu-list > li.menu-item-has-children > a .menudrop-icon { top: 50%; right: 0; }
.menudrop-icon { position: absolute; right: 10px; top: 22px; transform: translateY(-50%); pointer-events: none; }
.menudrop-icon i {color: #1d1068;pointer-events: none;}
#primary-menu-list li.menu-item-has-children:hover .inner_mega-menu, 
.sub-menu .menu-item-has-children:hover > .sub-menu { display: block; }
.sub-menu.second-submenu > li >a, .sub-menu.second-submenu > li >a:focus { background: #1d1068e3 !important; color: #fff !important; }
.sub-menu.second-submenu > li .menudrop-icon i {color: #fff !important;}
#primary-menu-list > li.menu-item-has-children > .menulink-wrap .menudrop-icon { top: 26px; right: 0; }
.admin-bar .inner_mega-menu { top: 120px }


/* Hide icon logo by default */
.icon-logo {
  display: none;
  width: 40px;
  height: auto;
}
.show-mobile {display: none;}
.mbtns { display: flex; }
/* For mobile only */
@media (max-width: 767px) {
  .header .full-logo { transition: all 0.3s ease; }
  .header .icon-logo { display: none; transition: all 0.3s ease; }
  .header.scrolled-down .full-logo { display: none; }
  .header.scrolled-down .icon-logo { display: inline-block; width: 30px;}
  .header.scrolled-up .full-logo, .show-mobile { display: inline-block; }
  .header.scrolled-up .icon-logo { display: none; }
  .mega-header .logo { max-width: 120px !important;}
  
  .header.mega-header {
    backdrop-filter: blur(10px);
  }
}



/********** Footer Start **********/
footer#colophon { max-width: 100%; background: #1d1068; padding: 60px 0 30px; }
footer .widget-area { margin: 0; display: flex; width: 100%; max-width: 100%; gap: 50px; }
footer .widget-area .widget_block { flex: 1 0 calc(25% - 50px); }
footer p, footer li a, footer .widget a:link, footer .widget a:visited, footer .widget a:active { color: #f3f6f991; font-size: 15px; text-decoration: none; }
footer .widget h4 { color: #ddd; font-family: Poppins, Sans-serif; font-size: 21px; font-weight: 700; text-transform: capitalize; margin: 0 0 15px; }
footer aside#custom-sidebar { justify-content: space-between; gap: 0; }
.bottom-footer { border-top: 1px solid #9693b8; margin-top: 30px; padding-top: 30px;margin-bottom: 0; }
footer aside#custom-sidebar > div { margin: 0; }
footer #custom-sidebar ul, footer #custom-sidebar p, footer #custom-sidebar div:nth-child(2) div { margin: 0; }
footer #custom-sidebar div:nth-child(2) div { text-align: end; }
footer #custom-sidebar figure.wp-block-image { max-width: 100px !important; width: 100%; }
.footer-logo { text-align: left; }
.footer-logo img { max-width: 200px; width: 100%; margin: 0 !important; }
footer .widget-area .widget_block ul { margin: 0; }
footer .widget-area .widget_block .wp-block-group__inner-container > * { margin-bottom: 10px; }
footer #custom-sidebar div:nth-child(2) div > * { max-width: 100%; gap: 20px; }
#custom-sidebar div#block-7 .wp-block-group__inner-container, #custom-sidebar div#block-8 .wp-block-group__inner-container { display: flex; flex-direction: column; gap: 15px; }
footer .widget li { line-height: 1.4; list-style: none; }
footer .widget li a { position: relative; padding-left: 18px; line-height: 1.4; }
footer .widget li a::before { content: ""; position: absolute; width: 10px; height: 2px; left: 0; top: 10px; background: #f3f6f991; }
footer .widget .wp-social-link a { padding: 0; }
footer .widget .wp-social-link a::before { display: none; }
footer .social-icons a svg { font-size: 24px; }
footer .widget li.f_phone a, footer .widget li.f_mail a { padding: 7px 0px 7px 30px; display: block; }
footer .widget li.f_phone a::before, footer .widget li.f_mail a::before, footer .widget li.f-address a::before  { font-family: 'FontAwesome'; background: transparent; top: 30%; transform: translateY(-50%); }
footer .widget li.f_phone a::before { content: "\f095"; }
footer .widget li.f_mail a::before { content: "\f674"; }
footer .widget li.f-address a::before { content: "\f3c5"; top: 0; }
.dmca-img { max-width: 120px; }
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not( .wp-block-separator ), *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not( .alignright ):not(.wp-block-separator), .default-max-width { max-width: 100% !important; margin-left: auto; margin-right: auto; }
.follow-widget .wp-block-heading { margin-bottom: 0; margin-top: 15px; }
/********** Footer End **********/
/********** Home Banner **********/
.h-banner { position: relative; background-image: url("../images/calgary-img.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 150px; margin: 0; }
.h-banner::before { content: ""; position: absolute; width: 100%; height: 100%; background: #1d106899; top: 0; left: 0; z-index: -1; }
section.h-banner.py-60 { position: relative; z-index: 0; }
.h-bnr-inr { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; }
.h-bnr-left { flex: 0 0 60%; color: #fff; }
.h-bnr-cntr { flex: 0 0 30%; }
.bnr-img { max-width: 400px; width: 100%; margin: 0 auto; }
.bnr-img img { width: 100%; }
.h-bnr-right { flex: 0 0 30%; margin-right: 10%; }
.h-bnr-left ul, .bnr-desc ul { padding: 0; margin: 10px 0 0; list-style: none; }
.h-banner h4 { font-family: Poppins; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.15px; text-transform: uppercase; color: #fff; }
.h-banner h1 { font-family: Poppins; font-weight: 600; letter-spacing: -1.5px; color: #fff; margin: 15px 0; }
.h-banner p { font-family: Poppins; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.15px; color: #fff; }
.h-bnr-left p strong { font-weight: 600; }
.h-bnr-left ul li, .bnr-desc ul li { margin: 4px 0; position: relative; padding-left: 28px; }
.h-bnr-left ul li::before, .bnr-desc ul li::before { content: ""; position: absolute; left: 0; width: 30px; height: 30px; background: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/list-icon.webp"); background-repeat: no-repeat; background-position: 0px; }
.cta-vrt { background: #fff; box-shadow: 0px 4px 40px 0px #0000000f; padding: 20px; border-radius: 20px; text-align: center; }
.cta-vrt h5 { font-family: Poppins; font-weight: 600; font-size: 21px; line-height: 1.4; letter-spacing: -0.6px; color: #1d1068; }
.h-bnr-right p { color: #53498a; }
.icon-box .icon { display: block; width: auto; height: auto; }
/********** Home Banner End **********/
/********** Home rating Start **********/
section.h-rating { padding: 0px; position: relative; }
section.h-rating::before { content: ""; position: absolute; width: 100vw; height: 200px; background: #fff; top: -90px; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 0; }
.h-rtng-inr, .rtng-items { display: flex; align-items: center; z-index: 1; position: relative; gap: 12px; }
.h-rating .rtng-left { max-width: 400px; width: 100%; display: flex; flex-direction: column; gap: 10px; }
.h-rating .review-widget { max-width: 200px; width: 100%; }
.h-rating .rtng-left p { margin: 0; }
.h-rating .review-widget img { width: 100%; }
.h-rating .rtng-right { }
.rtng-items { flex-wrap: wrap; }
.rtng-item { flex: 0 0 30%; }
.rtng-item a { display: block; max-width: 152px; width: 100%; }
.rtng-item img { width: 100%; }
/********** Home rating End **********/
/********** Home Services Start **********/
.services-inner { margin-top: 100px; }
.serv-items { display: flex; flex-wrap: wrap; gap: 100px 30px; }
.serv-items .serve-item { flex: 0 0 23.4%; text-align: center; border: 1px solid #dfdfdf; box-shadow: 0 10px 5px 0 rgba(205, 205, 205, 0.94); border-radius: 15px; padding: 15px; position: relative; }
.serv-icon { max-width: 150px; width: 100%; margin: -90px auto 0; }
.serv-icon img { width: 100%; }
.serv-cont a { text-decoration: none; }
.serv-cont h3 { font-size: 20px; font-weight: 600; margin: 0 0 10px; }
.serv-cont p { margin: 0; line-height: 1.4; }
.load-btn { text-align: center; margin-top: 50px; }
.load-btn button { font-size: 16px; font-family: Poppins; font-weight: 500; line-height: 1.4; text-align: center; color: #fff; text-transform: capitalize; background-color: #ad0000 !important; border-style: solid; border-color: #ad0000; border-radius: 25px 25px 25px 25px; padding: 9px 10px; max-width: 160px; width: 100%; margin: 0 auto; position: relative; }
.load-btn button:focus { outline: none; }
.serve-item { display: none; }
.serve-item.visible { display: block; }
.bd-color-1, .bd-color-8, .bd-color-11 { border-color: #e8af09 !important; }
.bd-color-2, .bd-color-7, .bd-color-9 { border-color: #19b04c !important; }
.bd-color-3, .bd-color-5, .bd-color-10 { border-color: #e21a27 !important; }
.bd-color-4, .bd-color-6, .bd-color-12 { border-color: #1f61e8 !important; }
/********** Home Services End **********/
/********** Home Govt approved Start **********/
.govt-inner { display: flex; align-items: center; flex-wrap: wrap; }
.govt-cont h3 { font-size: 40px; font-weight: 600; }
.approve-serv { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0; }
.approve-serv-item { flex: 0 0 48%; border: 2px solid #ff0000; border-radius: 30px; padding: 20px; background: #ffdbdb; display: flex; align-items: center; gap: 15px; }
.govt-inner > div { flex: 0 0 50%; }
.govt-right { position: relative; }
.govt-right img { width: 100%; }
.govt-right a { background-color: #ffbaba; font-size: 18px; line-height: 22px; fill: #000000; color: #000; border-radius: 30px 30px 30px 30px; padding: 15px 30px; text-decoration: none; position: absolute; bottom: 10px; right: 0; }
/********** Home Govt approved End **********/
/********** Home industries Start **********/
.industry-items { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.industry-item { flex: 0 0 18.86%;  border-radius: 9px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.industry-item > a {width: 100%;height: 100%;padding: 26px;}
.industry-item h6 { font-size: 17px; font-weight: 500; color: #1d1068; margin: 15px 0 0; }
.color-cd-2, .color-cd-6 { background: #e4dfff !important; }
.color-cd-3, .color-cd-9 { background: #f2e8cb !important; }
.color-cd-4, .color-cd-10 { background: #c9d8f7 !important; }
.color-cd-5, .color-cd-8 { background: #c8e8d8 !important; }
/********** Home industries End **********/
/********** Home Why Choose Start **********/
.choose-iner { display: flex; margin-top: 50px; align-items: center; }
.choose-iner > div { flex: 0 0 50%; display: flex; flex-direction: column; gap: 30px; }
.choose-img img { width: 100%; }
.choose-item { display: flex; align-items: center; }
.choose-item .choose-n { max-width: 52px; width: 100%; text-align: center; font-size: 38px; font-weight: 600; color: #3067d9; }
.chose-item-cont { flex: 0 0 75%; }
.chose-item-cont h5 { font-size: 20px; font-weight: 600; color: #1d1068; margin: 0; }
.chose-item-cont p { margin: 0; }
.chose-item-icon { flex: 0 0 90px; position: absolute; height: 90px; width: 90px; }
.choose-item { display: flex; align-items: center; box-shadow: 0 0 10px 0 rgba(205, 205, 205, 0.94); padding: 10px; border-radius: 20px; overflow: hidden; gap: 10px; }
.chose-item-icon img { width: 100%; margin: 0; }
/********** Home Why Choose End **********/
/********** Process Start **********/
.dev-process-inr { display: flex; flex-wrap: wrap; row-gap: 55px; column-gap: 40px; margin-top: 50px; }
.dev-process-item { flex: 31.333%; padding-left: 15px; }
.dev-process-item .dev-content { background: #fff; box-shadow: 0 10px 40px 0 rgba(31, 97, 232, 0.1607843137254902); padding: 20px; border-radius: 20px; height: 100%; position: relative; }
.dev-process-item .dev-pro-title { display: flex; gap: 20px; align-items: center; }
.dev-process-item .dev-pro-title h5 { font-size: 18px; font-weight: 500; color: #1d1068; margin: 0; }
.dev-pro-cont p { margin: 0; }
.dev-process-item .dev-content::before { content: ""; position: absolute; width: 250px; height: 180px; border-radius: 20px; opacity: 0.3; background: #e8af09; z-index: -1; top: -15px; left: -15px; }
.dev-process-item.cl-1 .dev-content::before, .dev-process-item.cl-5 .dev-content::before { background: #e8af09; }
.dev-process-item.cl-2 .dev-content::before, .dev-process-item.cl-6 .dev-content::before { background: #e21a27; }
.dev-process-item.cl-3 .dev-content::before { background: #18b14e; }
.dev-process-item.cl-4 .dev-content::before { background: #1d63e8; }
/********** Process End **********/
/********** Counter Start **********/
.counter-item { background-color: #fff; padding: 20px; border-radius: 10px 10px 10px 10px; box-shadow: 0 4px 66px 0 rgba(31, 97, 232, 0.12156862745098039); }
.counter-item h6 { color: #1d1068; font-size: 24px; font-weight: 600; }
.counter-items { display: flex; flex-wrap: wrap; gap: 20px; }
.counter-item { flex: 0 0 18.86%; background-color: #fff; padding: 20px; border-radius: 10px 10px 10px 10px; box-shadow: 0 4px 66px 0 rgba(31, 97, 232, 0.12156862745098039); transition: all ease 0.3s; }
.counter-item:hover { background: #1f61e8; color: #fff; }
.counter-item .icon { width: 52px; height: 52px; background: #1f61e8; border-radius: 50%; margin-bottom: 10px; padding: 10px; }
.counter-item:hover .icon { background: #ffffff3d; }
.counter-item .icon img { width: 100%; }
.counter-item:hover h6 { color: #fff; }
/********** counter end **********/
/********** Offices Start **********/
.address-inner { display: flex; flex-wrap: wrap; gap: 30px; }
.address-item { flex: 0 0 31.88%; border: 1px solid #ededed; border-radius: 7px; padding: 20px; display: flex !important; margin: 0 15px; }
.c-flag { flex: 0 0 100px; }
.c-addre h5 { font-size: 17px; font-weight: 500; text-transform: uppercase; }
.c-addre p { margin: 10px 0 0; }
.c-addre a { font-size: 15px; text-decoration: none; margin-top: 10px; display: block; color: #53498a; cursor: pointer; }
/********** Offices End **********/
/********** FAQ Start **********/
.faq-item { border-radius: 10px; margin-bottom: 15px; box-shadow: 0px 0px 8px 3px #1f61e833; }
.faq-heading { font-size: 18px; font-weight: 500; color: #1d1068; cursor: pointer; position: relative;padding: 20px; }
.faq-description { display: none; padding: 0 20px 20px;}
.faq-description a, .faq-description a:focus {color: #e8af09 !important;}
span.faq-toggle-icon { position: absolute; right: 20px; width: 26px; height: 26px; border-radius: 50%; color: #ffc107; }
.faq-toggle-icon::before { content: "\f078"; font-family: "Font Awesome 6 Free"; font-size: 22px; font-weight: 900; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%); transition: transform 0.3s; }
.faq-heading.active .faq-toggle-icon::before { content: "\f077"; }
/********** FAQ End **********/
/********** Latest Blog Start **********/
.blog-row { display: flex; gap: 30px; }
.post-item { flex: 0 0 31.85%; border: 1px solid #dfdfdf; border-radius: 15px; padding: 20px; margin: 0 15px; }
.post-info { margin-top: 15px; }
.post-img { border-radius: 10px; overflow: hidden; }
.post-img a { display: block; }
.post-img img { width: 100%; }
.post-info a { text-decoration: none; }
.meta-info { color: #1f61e8; }
body .slick-dots li button { background: transparent !important; }
body .slick-dots li button::before { font-size: 10px; }
body .slick-dots li.slick-active button::before, body .slick-dots li button:hover:before, body .slick-dots li button:focus:before { color: #e8af09; }
.latest-post .slick-arrow, .offices-address .slick-arrow, .main-slider .slick-arrow { display: none !important; }
.latest-post .slick-track { padding-bottom: 20px; }

/********** Latest Blog End **********/
.tech_stack .tech-tabs-wrapper { margin-top: 40px; }
.tech_stack .tab-pane { display: none; }
.tech_stack .tab-pane.active { display: block; }
.tech_stack .tabs { text-align: center; display: flex; gap: 10px; }
section.tech_stack .tabs button { flex: 1; background: #eaf1ff !important; color: #1d1068 !important; font-size: 16px; position: relative; border: 2px solid transparent; transition: 0.5s ease-out; }
section.tech_stack .tabs button:hover { border-bottom: 2px solid #e8af09; transition: 0.5s ease-out; }
section.tech_stack .tabs button.tab-btn.active::before { content: ""; position: absolute; width: 100%; height: 2px; background: #e8af09; left: 0; bottom: -2px; }
section.tech_stack .tabs button:focus { outline: none; }
.tab-content .tab-pane ul { padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.tab-content .tab-pane ul li { padding: 20px 15px; text-align: center; border-radius: 15px 15px 15px 15px; box-shadow: 0 4px 20px 0 rgba(31, 97, 232, 0.23); display: flex; flex-direction: column; align-items: center; gap: 15px; }
.stack-icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.stack-icon img { width: 100%; height: 100%; object-fit: contain; }
.tab-content .tab-pane ul li span { color: #1d1068; font-weight: 500; }
section.tech_stack .tab-content { padding-top: 30px; }
/********** Testimonial Start **********/
.client-review-slider { display: flex; align-items: center; background: #fff; border-radius: 8px; max-width: 1370px; width: 100%; margin: 0 auto; }
.client-thumbnails { width: 50%; padding: 20px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; overflow-y: auto; }
.client-review-intro h2 { font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; color: #e8af09; }
.client-review-intro h3 { font-size: 32px; font-style: normal; font-weight: 700; line-height: 1.3; margin: 0 0 1em; color: #1d1068; }
.client-review-intro p { font-size: 16px; color: #53498a; }
.client-thumbnail-slider { display: flex; gap: 10px; overflow-x: auto; width: 100%; }
.client-thumbnail-slider .slick-slide { width: 60px !important; height: 60px !important; margin-right: 7px; border: 1px solid #fff; border-radius: 50%; padding: 4px; }
.client-thumbnail-slider .client-thumbnail-item.slick-current.slick-active { border: 1px solid #1f61e8; }
.client-thumbnails img { width: 100%; height: 100%; max-width: 100%; border-radius: 50%; cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; }
.client-content-slider { width: 50%; align-items: center; justify-content: center; background: #eff4fe; }
.reviewer-profile { display: flex; gap: 20px; align-items: center; padding: 20px 20px 0 20px; }
.reviewer-content { padding: 0 20px 20px 20px; }
.client-content-slider h2 { position: relative; font-size: 20px; font-weight: 600; font-style: italic; padding: 15px 0 0px 0; z-index: 2; margin: 10px 0; line-height: 1.3; }
.client-content-slider p { color: #373749; font-size: 16px; font-style: italic; }
.reviewer-name { font-weight: bolder; color: #212529; font-size: 16px; margin: 0 0 5px; line-height: 1.3; }
.review-extra-content { border-top: 1px solid #d6e2fa; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; }
.trigger-video-popup { margin-top: 0; padding: 0px; background: transparent; color: #212529; text-decoration: none; border-radius: 4px; font-size: 15px; font-weight: 500; transition: background 0.3s ease; display: flex; align-items: center; gap: 15px; }
.video-play-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #e21a27; border-radius: 50%; color: #fff; }
.reviewer-logo-wrapper { width: 40px; }
.client-thumbnail-slider .slick-track { display: flex; width: 100% !important;}
.review-video-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center; }
.review-popup { position: relative; width: 90%; max-width: 800px; background: #fff; border-radius: 8px; border: 8px solid #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }
.review-popup iframe { width: 100%; height: 450px; display: block; }
.popup-close-btn { position: absolute; top: -20px; right: -20px; background: #e21a27 !important; color: #fff; cursor: pointer; z-index: 9; width: 35px; height: 35px; border-radius: 50%; padding: 0px;.review-video-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center; } .review-popup { position: relative; width: 90%; max-width: 800px; background: #fff; border-radius: 8px; border: 8px solid #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .review-popup iframe { width: 100%; height: 450px; display: block; } .popup-close-btn { position: absolute; top: -20px; right: -20px; background: #e21a27 !important; color: #fff; cursor: pointer; z-index: 9; width: 35px; height: 35px; border-radius: 50%; padding: 0px; } .popup-close-btn:hover { background: #e21a27; color: #fff; } }
.popup-close-btn:hover { background: #e21a27; color: #fff; }
/********** Contact Us Page Start **********/
.get-in-touch .container { max-width: 1024px; }
.contact-inner { display: flex; flex-wrap: wrap; gap: 50px; }
.contact-inner > div { flex: 0 0 calc(50% - 50px); }
.contact-left img { width: 100%; }
.form-column { margin-top: 30px; }
.certified-gallery { display: flex; justify-content: center; align-items: center; }
.certified-item img { width: 100%; }
.schedule-inner { display: flex; flex-wrap: wrap; gap: 50px; margin-top: 30px; }
.schedule-item { flex: 0 0 calc(25% - 50px); }
.schedule-item h5 { font-size: 26px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid #dfdfdf; }
.schedule-item:first-child h5 { color: #19b04c; border-color: #19b04c !important; }
.schedule-item:nth-child(2) h5 { color: #1f61e8; border-color: #1f61e8 !important; }
.schedule-item:nth-child(3) h5 { color: #fe424e; border-color: #fe424e !important; }
.schedule-item:last-child h5 { color: #e8af09; border-color: #e8af09 !important; }
section.get-in-touch { background: #f3f6f9; padding: 50px 0; margin-bottom: 60px !important; }
.get-touch { display: flex; flex-wrap: wrap; justify-content: space-between; }
.touch-icon { width: 62px; height: 62px; background: #1d1068; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; }
.touch-icon i { font-size: 22px; }
.touch-cont h6 { font-size: 18px; font-weight: 400; color: #1d1068; }
.touch-cont a { font-size: 16px; color: #53498a; text-decoration: none; cursor: pointer; margin-top: 5px; display: block; }
.touch-cont a:focus { color: #1f61e8 !important; }
/********** Contact Us Page End **********/
/********** About Us Start **********/
section.about-banner { background-image: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/About-banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; min-height: 550px; height: 100%; display: flex; align-items: center; }
section.about-banner::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(180deg, #1d1068 0, #040113 100%); opacity: 0.57; }
.about-inner { z-index: 1; position: relative; }
section.about-banner h1 { color: #fff; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.83); }
.text-w-img .row { gap: 50px; justify-content: space-between; align-items: center; }
.text-w-img .col { flex: 0 0 calc(50% - 50px); }
.img-col img { width: 100%; }
section.we-do { background-image: linear-gradient(-90deg, #1d1068 51%, #fff 50%); }
.we-do .row { align-items: center; }
.we-do-col { display: flex; flex-wrap: wrap; position: relative; gap: 30px; }
.we-do-item { flex: 0 0 calc(50% - 30px); padding: 20px; border-radius: 20px; background: #fff; border: 2px solid #1f61e833; text-align: center; }
.we-do-icon { margin-bottom: 15px; }
.we-do-item h5 { color: #1d1068; font-size: 20px; font-weight: 500; }
.why-choose-inr { align-items: center; gap: 50px; }
.why-choose-inr .col { flex: 1 0 calc(50% - 50px); }
.why-chose { gap: 30px; }
.why-item.col { flex: 1 0 calc(50% - 30px); box-shadow: 0 8px 32px 0 rgba(31, 97, 232, 0.12941176470588237); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border-radius: 30px; padding: 20px; background: #fff; text-align: start; }
.h-bnr-left .icon { margin-bottom: 10px; }
.why-icon { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; }
.why-item h5 { font-size: 20px; font-weight: 500; color: #1d1068; margin-bottom: 10px; }
.why-choose-inr img { width: 100%; }
.mission, .vision { display: flex; flex-wrap: wrap; align-items: center; gap: 50px; }
.mission > div, .vision > div { flex: 0 0 calc(50% - 50px); }
.mission-img img, .vision-img img { width: 100%; }
.mission h3, .vision h3 { font-size: 40px; font-weight: 600; color: #1d1068; }
.mission-cont ul, .vision-cont ul, .text-w-img ul { padding: 0; list-style: none; margin: 15px 0; }
.mission-cont ul li, .vision-cont ul li, .text-w-img li { position: relative; padding-left: 25px; margin: 12px 0; line-height: 1.4; }
.mission-cont ul li::before, .vision-cont ul li::before, .text-w-img li::before { content: "\f058"; font-family: "FontAwesome"; position: absolute; left: 0; top: 0px; color: #1f61e8; }
section.innovate-section { background: linear-gradient( 185deg, rgba(255, 255, 255, 0.89) 50%, rgba(240, 248, 255, 1) 50% ); }
.connect-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 50px; }
.connect-inner .cta-form { flex: 0 0 calc(35% - 30px); }
.connect-right { flex: 0 0 calc(65% - 30px); }
.cta-form h5 { font-size: 20px; font-weight: 500; color: #1d1068; margin-bottom: 8px; }
.connect-right .site-btn { margin-top: 15px; }
.together-inner { display: flex; flex-wrap: wrap; gap: 50px; }
.together-inner .together-left { flex: 0 0 60%; padding: 80px; border-radius: 20px; display: flex; align-items: center; }
.together-inner h3, .together-left p { color: #fff; margin-top: 0; }
.together-inner .together-right { flex: 0 0 35%; }
.together-right .cta-form, .connect-inner .cta-form { background: #fff; box-shadow: 0px 0px 10px 3px #cccccc; border-radius: 20px; padding: 30px; }
/********** About Us End **********/
/********** Thankyou Start **********/
.page-template-thankyou .offices-address, .error404 .offices-address { display: none; }
.thankyou-wrap { display: flex; flex-direction: column; gap: 12px; }
.thankyou-wrap a.site-btn, .not-found a.site-btn { display: inline-block; width: fit-content; margin: 0 auto; background: #1f61e8 !important; border-color: #1f61e8; }
.thankyou-wrap p a { text-decoration: none; color: #1f61e8; }
/********** Thankyou End **********/
/********** Mobile App Development in Calgary Start**********/
section.p-banner { background-position: 50% 49%; background-repeat: no-repeat; background-size: cover; }
section.p-banner::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient( 136deg, rgba(29, 16, 104, 0.8) 40%, rgba(255, 255, 255, 0) 60% ); z-index: 0; }
.banner-inr { display: flex; align-items: center; gap: 50px; z-index: 1; }
.bnr-left { flex: 1 0 calc(60% - 50px); }
.bnr-right { flex: 1 0 calc(40% - 50px); }
.bnr-right img { width: 100%; }
.bnr-right .cta-vrt { max-width: 410px; width: 100%; margin-right: 0; margin-left: auto; }
.bnr-desc p { color: #fff; }
.app-serv-inner, .app-process-inner, .app-industries-inr { display: flex; gap: 20px; }
.app-serv-item { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px; padding: 20px; }
.limg-inner, .overlap-form-inr, .map-address-inr, .soft-dev-inner { display: flex; gap: 50px; }
.limg-inner > div, .map-address-inr > div, .soft-dev-inner > div { flex: 1 0 calc(50% - 50px); }
.l-img img { width: 100%; }
.app-provide-inr, .why-choose-app-inr { display: flex; flex-wrap: wrap; gap: 30px; }
.app-provide-inr > div, .why-choose-app-inr > div { flex: 1 0 calc(33.333% - 30px); }
.app-provide-item { padding: 20px; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.16); }
.app-provide-icon { margin-bottom: 15px; }
.app-industries-inr { flex-wrap: wrap; }
.app-industries-inr > div { flex: 1 0 calc(25% - 20px); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: flex; align-items: center; flex-direction: column; justify-content: space-between; }
.app-industry-item { border-radius: 10px; padding: 10px; }
.app-industry-img { margin-bottom: 15px; border-radius: 15px; overflow: hidden; max-height: 230px; height: 100%; }
.app-industry-item img { width: 100%; height: 100%; object-fit: cover; }
.app-industry-item h4 { padding-bottom: 0; }
.why-choose-app-item { border-radius: 10px; padding: 30px 20px; border: 1px solid #6ec1e4; }
.why-choose-app-icon { margin-bottom: 15px; }
section.overlap-form .container { max-width: 1170px; }
.overlap-form-inr { padding: 70px; border-radius: 50px; }
.overlap-form-inr .content { flex: 1 0 50%; }
.overlap-form-inr .form-lap { flex: 1 0 30%; }
.overlap-form-inr .form-lap .cta-vrt { margin: -100px 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; }
.overlap-form h3 { font-size: 36px; font-weight: 600; padding-top: 0 !important; }
.description p { color: #fff; }
.app-process-inner > div { flex: 1 0 calc(25% - 20px); }
.map-address-inr > div { border-radius: 20px 20px 0 0px; overflow: hidden; }
.office-build img { width: 100%; }
.office-build h3 { position: absolute; max-width: 500px; width: 100%; top: 30px; left: 30px; }
/********** Mobile App Development in Calgary End**********/
.app-provide-icon img, .why-choose-app-icon img { width: 60px; height: 60px; object-fit: contain; }
.soft-dev-inner { border: 2px solid #2353ed; border-radius: 16px; overflow: hidden; }
.soft-dev-list { padding: 50px; background: #1f61e8; width: 100%; }
.soft-dev-list ul { margin: 0; padding: 0; list-style: none; }
.soft-dev-list ul li, .soft-dev-list ul li p { font-weight: 500; font-size: 18px; line-height: 1.4; color: #cdcdcd; cursor: pointer; margin: 15px 0; display: flex; gap: 10px; align-items: center; position: relative; }
.soft-dev-list ul li.active, .soft-dev-list ul li.active p { color: #fff; }
.soft-dev-list ul li p { background: #1f61e8; padding-right: 15px; }
.soft-dev-list ul li.active::before { content: ""; position: absolute; width: 58%; height: 2px; background: #e8af09; right: -80px; border-radius: 20px; z-index: 0; }
.soft-dev-list ul li:first-child { margin-top: 0; }
.soft-dev-list ul li:last-child { margin-bottom: 0; }
.soft-dev-list ul li span { font-size: 20px; font-weight: 600; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: #2053ed; position: relative; z-index: 1; }
.soft-dev-list ul li span::before { content: ""; position: absolute; width: 1px; height: 100%; border: 1px dotted #fff; bottom: -65%; z-index: -1; }
.soft-dev-list ul li:last-child span::before { display: none; }
.soft-dev-item-detail { padding: 50px 50px 50px 20px; }
.soft-dev-item-detail .icon-box { display: none; }
.soft-dev-item-detail .icon-box { width: 100%; }
.soft-dev-item-detail .icon-box.active { display: block; }
.soft-dev-item-detail .item-icon { width: 78px; height: 74px; background: #2253ed; display: flex; align-items: center; justify-content: center; border-radius: 20px 0px 20px 0px; margin-bottom: 15px; }
.soft-dev-item-detail .item-icon img { filter: brightness(0) invert(1); }
.soft-dev-item-detail h4 { font-weight: 600; font-size: 24px; line-height: 1.4; margin-bottom: 10px; }
.soft-industry-items { display: flex; flex-wrap: wrap; gap: 20px; }
.soft-industry-items > div, .soft-industry-items > .aboutexpbox-item { flex: 1 0 calc(33.333% - 20px); }
.indus-item { border-left: 4px solid #1f61e8; border-radius: 12px; padding: 24px; box-shadow: 0px 2px 40px 0px #1f61e81f; }
.indus-item img { width: 40px; height: 40px; background: #1f61e8; margin-bottom: 10px; object-fit: contain; padding: 5px; }
.indus-item h4, .collab-item h4 { font-weight: 600; font-size: 18px; line-height: 1.4; margin-bottom: 10px; }
.indus-item p { line-height: 1.4; }
.collab-items { gap: 30px; }
.col-3 { flex: 1 0 calc(33.333% - 30px); }
.col-6 { flex: 1 0 calc(50% - 30px); }
.d-flex { display: flex; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.gap-50 { gap: 50px; }
.collab-item { box-shadow: 0px 8px 30px 0px #00000026; border-radius: 15px; padding: 20px; }
.collab-item img { width: 40px; height: 40px; margin-bottom: 10px; }
.factors { max-width: 490px; width: 100%; }
.factor-item { padding: 20px; border-radius: 20px; margin-bottom: 30px; transition: all ease 0.3s; }
.factor-item.active { box-shadow: 0px 10px 40px 0px #1f61e829; }
.factor-icon { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #e8efff; }
.factor-icon span { font-weight: 600; font-size: 20px; line-height: 1.4; color: #1f61e8; }
.item-img img { width: 100%; }
.robust-item { height: 100%; }
.robust-content { box-shadow: 0px 10px 40px 0px #1f61e829; border-top: 2px solid; height: calc(100% - 44px); }
.robust-num { font-weight: 600; font-size: 32px; line-height: 1.4; }
/******************* Lalit css ***********************************************/
.h-bnr-left p { color: #fff; margin-bottom: 20px; text-align: left; font-weight: 600; }
.h-bnr-left ul, .bnr-desc ul { padding: 0px; }
.h-bnr-left ul li, .bnr-desc ul li { position: relative; padding-left: 35px; /* space for icon */ margin-bottom: 10px; color: #ffffff; list-style: none; }
.h-bnr-left ul li::before, .bnr-desc ul li::before { content: ""; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background-image: url("../images/list-icon.svg"); background-size: contain; background-repeat: no-repeat; display: inline-block; }
.icon-boxes { display: flex; gap: 20px; width: 100%; max-width: 600px; }
.icon-box { width: 30%; padding: 10px; }
.h-bnr-inr .icon-box .icon img { width: 40px; height: 40px; }
.h-bnr-inr .icon-box h3 { font-size: 20px; font-weight: 600; line-height: 12px; color: #fff; margin: 10px 0px; }
.h-bnr-inr .icon-box p { font-size: 12px; font-weight: 400; line-height: 12px; color: #fff; text-align: left; }
.dev-pro-title-inner { display: flex; align-items: center; justify-content: space-between; }
.dev-pro-title-inner .counter { font-size: 35px; font-weight: 700; }
.dev-pro-title-inner .counter .cot-1 { color: #e8b0097c; }
.dev-pro-title-inner .counter .cot-2 { color: #e21a2780; }
.dev-pro-title-inner .counter .cot-3 { color: #18b14e81; }
.dev-pro-title-inner .counter .cot-4 { color: #1d64e88e; }
.dev-pro-title-inner .counter .cot-5 { color: #e8b0097c; }
.dev-pro-title-inner .counter .cot-6 { color: #e21a2780; }
.hide-div { display: none; }
button.sub-menu-toggle { display: none !important; }
/********** Blog **********/
.blog-head-form h2 { font-size: 32px; }
.blog-head-iner { justify-content: space-between; }
.blog-head-form form.search-form { margin-right: 0; flex-wrap: nowrap; max-width: 340px; position: relative; background: #eceeef; border-radius: 40px; overflow: hidden; }
.search-blog-form label { width: calc(100% - 53px); }
.blog-head-form form.search-form input.search-field { font-size: 15px; color: #1d1068; padding: 10px 17px; margin: 0; max-width: 100%; width: 100%; border: none; background: transparent; }
.blog-head-form form.search-form button.search-submit { position: absolute; right: 0; top: 0; background: #e8af09; padding: 7px 15px; margin: 0; color: #fff; border: none; height: 100%; }
.blog-head-form form.search-form button.search-submit img { filter: brightness(0) invert(1); }
.blog-head-form .search-blog-form { flex: 0 0 30%; }
.recent-blog-item { box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3) !important; border-radius: 15px; overflow: hidden; }
.recent-blogs .recent-blog-item:first-child .recent-blog-item-cont, .recent-blogs .recent-blog-item:last-child .blog-thumbnail { display: none; }
.cat_by_blogs .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.grid-item { box-shadow: 0px 0px 10px 0px rgba(110, 123, 140, 0.3) !important; border-radius: 15px; overflow: hidden; }
.blog-area { flex: 1 0 calc(70% - 50px); }
.all-post { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.blog-thumbnail img { }
.sidebar { flex: 1 0 calc(30% - 50px); position: relative; max-width: 30%; width: 100%; }
.sidebar .cta-vrt { border: 3px solid #1d1068; position: sticky; top: 0; left: auto !important; }
.single-post .sidebar .cta-vrt.first-form { position: relative; }
.blog-item { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 15px; overflow: hidden; }
.blog-item .post-title, .recent-blog-item .post-title, .cat_by_blogs .grid-item h3 { font-size: 20px; margin-bottom: 10px; }
.blog-item .post-title a, .recent-blog-item a, .cat_by_blogs .grid-item a { text-decoration: none; }
.blog-item a.read-more, .recent-blog-item a.read-more, .cat_by_blogs .grid-item a.read-more { color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; padding: 8px 20px; background: #046bd2; display: inline-block; border-radius: 30px; margin-top: 15px; }
.add-banner .add-inner { padding: 50px; background-repeat: no-repeat; background-size: cover; border-radius: 34px; }
.add-inner .content { max-width: 800px; width: 100%; }
.add-banner h3 { color: #fff; margin-bottom: 30px; }
.post-excerpt .more-link { display: none; }
.page-template-blog .all-post .post-excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
/********** Blog End **********/
/********** Single post page Start **********/
.page-template-blog .site-main .container, .single-post > .container { max-width: 1180px; }
.single-post-wrap { display: flex; flex-wrap: wrap; position: relative; }
.single-post-left { flex: 1 0 calc(70% - 50px); max-width: 70%; width: 100%; }
.single_post_thum .post-thumbnail, .single_post_thum .post-thumbnail img { margin: 0 !important; }
.single-post-wrap figure.post-thumbnail { width: 100%; }
.single-post h1.entry-title, .term-page h1.entry-title { color: #1d1068; font-family: "Roboto Slab", Sans-serif; font-size: 35px; font-weight: 600; line-height: 1.2em; letter-spacing: 0.1px; }
section.single-post table tr td p, section.single-post p { color: #53498a !important; }
section.single-post p { font-size: 18px; font-weight: 400; line-height: 1.75em; color: #53498a; max-width: 100%; margin-bottom: 25px; margin-top: 5px; }
section.single-post h2 { font-size: 30px; color: #1d1068; font-weight: 600; letter-spacing: 0em; margin: 20px 0px 10px; }
section.single-post h3, section.single-post h4 { margin: 20px 0px 30px; color: #1d1068; }
section.single-post h3, section.single-post h4 { font-size: 24px; font-weight: 500; line-height: 1em; }
.single-post p a { color: #1f61e8; text-decoration: none; }
section.single-post ol { padding-left: 15px; }
section.single-post ul { font-size: 18px; line-height: 1.75em; color: #53498a; max-width: 100%; margin: 0 0 20px 0; padding: 0; }
section.single-post ul li { font-size: 18px; line-height: 1.75em; color: #53498a; max-width: 100%; margin-bottom: 20px; position: relative; list-style: none; margin-left: 0; padding-left: 30px; }
section.single-post ul li::before { content: ""; position: absolute; width: 22px; height: 22px; background: url("https://s3.ca-central-1.amazonaws.com/itechnolabs.ca-uploads-staging/wp-content/uploads/2025/01/24123943/blue-tick-icon.svg"); border-radius: 50%; left: 0; top: 0px; background-repeat: no-repeat; background-size: cover; }
.single-post table tr:first-child { background: #0b0b46; color: #fff; }
.sidebar > div { margin-bottom: 30px; }
.sidebar .cta-vrt h5 { font-size: 18px; }
.sidebar > div:last-child { margin-bottom: 0; }
.service_item_widget { border-radius: 20px; overflow: hidden; position: relative; }
.service-widget-img { min-height: 460px; height: 100%; }
.service-widget-img img { width: 100%; }
.service_widget_cont { text-align: center; padding: 20px 20px 20px 20px; background-color: #000000; position: absolute; bottom: 0; }
.service_widget_icon { width: 73px; height: 73px; margin: -60px auto 0; border-radius: 50%; background: #addcff; z-index: 1; position: relative; display: flex; align-items: center; justify-content: center; }
.sidebar .service_widget_cont h4 { font-size: 20px; color: #fff; margin-bottom: 0; }
.sidebar .service_widget_cont p { font-size: 14px; color: #fff !important; margin-bottom: 15px; line-height: 1.4; margin-top: 15px; }
.sidebar .service_widget_cont a { display: inline-block; font-size: 16px; color: #ffffff; background: #1f61e8 !important; padding: 12px 35px 12px 35px; border-radius: 50px; text-decoration: none; }
.sidebar .cta-vrt.sticky-form { position: sticky; top: 120px; z-index: 10; transition: top 0.3s ease; }
.sidebar .top-blog-sidebar { background: #1e1e78; border-radius: 20px; padding: 70px 20px; position: relative; }
.sidebar .dev-exp-box h4 { font-size: 20px; line-height: 1.4; font-weight: 700; background: linear-gradient( 180deg, #ffffff 38.24%, rgb(153 153 153 / 0%) 130.65% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sidebar .dev-exp-container img { width: 20px; height: 20px; object-fit: contain; }
.sidebar .top-blog-title h3 { color: #fff; font-size: 19px; line-height: 1.4; font-weight: 700; margin-bottom: 25px; }
.sidebar .dev-exp-container p { font-size: 10px; color: #fff !important; line-height: 1.3; font-weight: 400; }
.sidebar .dev-exp-container { display: flex; align-items: center; gap: 3px; }
.sidebar .dev-exp-box { display: flex; border: 1px solid #ffffff7d; border-radius: 20px; padding: 10px; text-align: center; background: #333585; flex-direction: column; justify-content: center; }
.sidebar-dev-exp, .bottom-blog-sidebar { display: grid; grid-template-columns: 1fr 1fr; }
.sidebar .sidebar-dev-exp { gap: 10px; }
.sidebar .bottom-blog-sidebar { gap: 25px; margin-top: 56px; position: relative; }
.sidebar .blog-img img { width: 100%; object-fit: contain; }
.sidebar .blog-img { background: #fff; padding: 13px 21px; border-radius: 10px; max-width: 100%; width: 100%; }
.sidebar .bottom-blog-sidebar:after { position: absolute; content: ""; background: linear-gradient( 91deg, rgba(196, 196, 196, 0.5) 0%, rgba(94, 94, 94, 0.01) 100% ); width: 100%; height: 2px; top: 50%; }
.sidebar .bottom-blog-sidebar:before { position: absolute; content: ""; background: linear-gradient( 91deg, rgba(196, 196, 196, 0.5) 0%, rgba(94, 94, 94, 0.01) 100% ); width: 80%; height: 2px; transform: rotate(90deg); top: 100px; left: 0; right: 0; margin: 0 auto; }
.sidebar .top-blog-sidebar:after { position: absolute; content: ""; width: 100%; height: 60px; background: url("../images/shape1.webp"); top: 0; background-size: cover; background-repeat: no-repeat; }
.sidebar .top-blog-sidebar:before { position: absolute; content: ""; width: 100%; height: 86px; bottom: 0; background: url("../images/shape2.webp"); background-size: cover; background-repeat: no-repeat; }
.sidebar .green-blog-sidebar { overflow: hidden; background: linear-gradient( 178.38deg, #18af4b 44.03%, rgba(27, 193, 83, 0.53) 131.17% ); border-radius: 20px; padding-bottom: 30px; position: relative; }
.sidebar .green-blog-sidebar:after { position: absolute; content: ""; width: 200px; height: 200px; background: #ffffff1a; border-radius: 50%; top: -50px; right: -70px; }
.sidebar .upper-text-handle h3 { font-size: 18px; color: #fff; line-height: 1.4; font-weight: 500; }
.sidebar .upper-text-handle:after { position: absolute; content: ""; width: 100%; max-width: 90%; height: 1px; background: #fff; left: 0; right: 0; bottom: -15px; margin: 0 auto; }
.sidebar .green-blog-img img { width: 140px; }
.sidebar .upper-icon { background: #ffff; padding: 12px; border-radius: 50%; }
.sidebar .green-blog-img { height: 80px; }
.sidebar .upper-icon img { width: 55px; }
.sidebar .upper-text-handle { display: flex; gap: 10px; align-items: center; position: relative; padding: 0 30px; }
.sidebar .lower-content-box h3 { font-size: 16px; line-height: 1.4; color: #fff; text-align: center; font-weight: 500; }
.sidebar .lower-content-box { margin-top: 30px; padding: 0 20px; }
.sidebar .lower-content-box ul { margin: 0; padding-top: 5px; text-align: left; }
.sidebar .lower-content-box ul li { font-size: 14px; line-height: 1.3; color: #fff; margin-top: 12px; margin-left: 0; }
.sidebar .content-boc-list { text-align: center; }
.sidebar .content-boc-list a { display: inline-block; font-size: 16px; color: #ffffff; background: #1f61e8 !important; padding: 12px 35px 12px 35px; border-radius: 50px; text-decoration: none; margin-top: 20px; }
/********** Single post page End **********/
.term-page header.entry-header { max-width: 100%; margin-bottom: 50px; padding-bottom: 30px; border-color: #dfdfdf; }
.offshoreImg img { width: 42px; height: 42px; object-fit: contain; }
.startupOptionsData .icon { width: 100px; }
.startupOptionsData .icon img { width: 100%; }
.startUpOption.one:before { content: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/blue-shape.webp"); position: absolute; right: 0; }
.startUpOption.one { position: relative; }
.startUpOption.two:before { content: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/Vector-408.webp"); position: absolute; right: 0; }
.startUpOption.two { position: relative; }
.startUpOption.three:before { content: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/gren-shape.webp"); position: absolute; right: 0; }
.startUpOption.three { position: relative; }
.startUpOption.four:before { content: url("https://staging-technolabsca.itechnolabs.tech/wp-content/uploads/2025/06/red-shape.webp"); position: absolute; right: 0; }
.startUpOption.four { position: relative; }
.aboutexpbox_ img { width: 78px; height: 78px; }
.aboutexpbox_ { border: 1px solid; }
.aboutexpbox_::before { display: none; }
.experienceField .icon { max-width: 62px; max-height: 62px; flex: 0 0 62px; display: inline-block; width: 100%; background: #1f61e833; border-radius: 10px; padding: 14px 5px; text-align: center; }
.experienceField .icon img { width: 100%; }
.whyChooseItechnolabsSection .sec-head p { color: #fff; }
.InsightImg { flex: 0 0 60px; width: 60px; height: 60px; }
.InsightImg img { width: 100%; }
.mainBtn { text-decoration: none; }
.shapeOne { width: 115px; top: -50px; }
.shapeTwo { bottom: -50px; width: 115px; }
.hireMobileDevContentBg { width: 115px; }
.experienceField h2, .experienceField p { color: #e8af09; }
.experienceField .noOfExperienceContainer p { color: #1f61e8 !important; }
.sucessbox-icon { width: 60px; height: 60px; border-radius: 15px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.sucessbox-icon img { width: 100%; height: 100%; object-fit: contain; }
.custom_tab .tablinks { background-color: transparent !important; color: #b8b8b8 !important; }
.hireMobileDevContent .mainBtn { max-width: 245px; }
.hireMobileDevOuterContainer { border-radius: 20px; overflow: hidden; }
.over-img { width: calc(100% / 2 + 40px); z-index: -1; top: 0; left: 0; border-radius: 10px; overflow: hidden; }
.over-img .overlay_img { height: 100%; border-radius: 10px; object-fit: cover; }
.abouteicon { border-radius: 10px; padding: 20px; }
.horizontal_card_section { padding: 0px; }
.wideDevelopmentServicesSection { padding: 0px; }
.getStartedBtn { text-decoration: none; display: inline-block; }
.goalOrientedImgContainer img { width: 100%; height: 100%; box-shadow: none; object-fit: contain; }
.harnessAngularImg img, .benefits .angularBenefitImg img { width: 36px; height: 36px; }
.mainBannerSection { position: relative; }
.mainBannerSection::before { content: ""; position: absolute; width: 100%; height: 100%; background: #00000052; top: 0; z-index: 0; }
.mainBannerContainer { z-index: 1; position: relative; }
.mainBannerSection p, .mainBannerListDes p, .hirededicatedDev_ p, .ourreacentWork_ .sec-head p, .moreInfoSection .subHeadingText14 p, .leadingSection .sec-head p, .white-txt p { color: #fff; }
.page-template-ar-vr-app-development-company .mainBannerSection::before { background: transparent; }
/** New Css **/
.dev-pro-cont { margin-top: 11px; }
.transparentDevSection .top-content p { color: #fff; }
.hirededicatedDev_ .hiredevimages_ img { width: 93%; }
.hiredevContent_ { align-items: start; display: flex; flex-direction: column; justify-content: center; }
.form-box .cta-vrt { box-shadow: none !important; padding: 10px 0 0 !important; }
.hiringDev_container { margin-bottom: 60px; }
.hiringDev_container:last-child { margin-bottom: 0; }
/* Your FinTech Product Deserves to Stand Out. Our Approach can Help You */
.finProductImg{ height: 32px; width: 32px; }
.finProductImgContainer{ height: 62px; width: 62px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.finProducts{ padding: 26px; border-radius: 15px; box-shadow: 0px 8px 30px 0px #00000026; background: #FFFFFF; border-right: 4px solid; border-bottom: 4px solid; }
.finProductContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
/********** pre qualified supplier Start **********/
.pre-qualified-inner { height: 600px; overflow: hidden; }
#pre-qualified-banner img, .img-banner-inner img { width: 100%; height: 100%; object-fit: cover; }
#prequa-wrapper h3 { color: #53498A; }
.roles-table { max-width: 1000px; width: 100%; margin: 0 auto; }
#prequa-wrapper .stream-title { font-weight: bold; font-size: 18px; }
.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#prequa-wrapper table { width: 100%; border-collapse: collapse; margin: 12px 0 40px; }
tbody, td, tfoot, th, thead, tr { border-width: 1px; }
body .navy-blue-bg { background-color: #160C50; }
#prequa-wrapper th { font-size: 18px; }
#prequa-wrapper th, #prequa-wrapper td { border: 1px solid #000; padding: 8px; text-align: left; }
.white-text { color: #fff !important; }
body .light-purple { color: #53498A; }
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
#main-text-sec ul { padding: 0; margin: 20px 0 0; list-style: none; }
#main-text-sec ul li { margin: 10px 0; }
.cs-img-box-inner { row-gap: 32px; }
#country-location .cs-img-box { min-height: 260px; position: relative; padding: 0; border-radius: 10px; overflow: hidden; }
.cs-img-box { box-shadow: 0px 0px 30px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.16); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; background: #fff; margin: 3px; padding: 20px 20px 20px 20px; border-radius: 10px; height: 100%; }
#country-location .cs-img-box:before { position: absolute; content: ''; background-image: linear-gradient(360deg, #000000 0%, #00000000 70%); width: 100%; height: 100%; top: 0; border-radius: 12px; left: 0; }
#country-location .cs-img-box img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.country-name { z-index: 1; position: absolute; bottom: 0; width: 100%; padding: 15px; }
@media (min-width: 992px) {
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 768px) {
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
/********** pre qualified supplier End **********/
.page-template-app-cost-calculator section.h-rating::before {  display: none;}
/*****************OUR TEAM PAGE CSS*********************/
.ourTeamBanner{ background-image: url('../../images/teamBg.png'); }
.facesiTechSubPara{ position: relative; }
.facesiTechSubPara::before { content: ""; height: 35px; width: 4px; border-radius: 10px; background-color: #1D1068; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); }
/* Faces Behind the iTechnolabs */
.team_yellowBg{ background-color: #E8AF0940 !important; }
.team_BlueBg{ background-color: #5D8DEF40 !important; }
.team_GreenBg{ background-color: #59C48140 !important; }
.team_PinkBg{ background-color: #E21A2740 !important; }
.teamContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; }
.teamMember { padding: 30px 24px 0px 24px; display: flex; align-items: end; justify-content: center; position: relative; }
.memberInfo { background-color: #EFF4FE; padding: 20px; position: absolute; left: 0; bottom: 4%; width: 85%; }
/* Video Section- */
.videoContainer{ position: relative; }
.videoPlayBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 155px; width: 155px; }
/* Why You Choose Us! */
.teamFeatureImg{ height: 40px; width: 40px; }
.teamFeatureImgContainer{ height: 70px; width: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.teamChooseUsContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; align-items: center; }
.teamChoose_contentContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 35px; }
.teamFeature{ padding: 30px; border-radius: 20px; box-shadow: 0px 8px 32px 0px #1F61E821; background-color: #FFFFFF; }
 /* We Are an ISO-Certified Digital Solutions & Development Company  */
.certificationImg{ width: 238px; height: 209px; object-fit: contain; }
.certificationContainer { display: flex; gap: 10px; align-items: center; justify-content: center; }
.hireItechContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 100px; align-items: center; } 
/********** Our Reviews **********/
.page-template-our-reviews .p-banner::before {background: #F2F6FE;} 
.reviews-banner .bnr-desc p {color: #53498a;}
.reviews-banner .bnr-left h1 { font-weight: 700; font-style: Bold; font-size: 65px; line-height: 1.4; }
.reviews-slider .review-card { background: #fff; border-radius: 10px; padding: 20px; margin: 0 10px; box-shadow: 0px 4px 10px 0px #00000026; height: 100%; }
.reviews-slider .review-head { margin-bottom: 10px; }
.review-rating { font-size: 14px; margin-bottom: 10px; }
.review-rating .stars { color: #f5a623; margin-left: 5px; }
.review-content { font-size: 15px; line-height: 1.6; color: #1D1068; }
.bestwork-gallery { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.bestwork-gallery .img-item { flex: 0 0 20%; }
.bestwork-gallery .img-item img {width:100%;max-width: 190px;}
.reviews-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.reviews-top-left, .powered-by { display: flex; align-items: center; }
.powered-by img { max-width: 90px; width: 100%; margin-left: 10px; }
.review-card .review-content { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
.reviews-top-left span.rating-num { margin-left: 5px; }
.reviews-slider .slick-list { padding-bottom: 20px; }
.reviews-slider .slick-prev::before, .reviews-slider .slick-next::before {display: none;} .reviews-slider .slick-prev, .reviews-slider .slick-next {} .reviews-slider .slick-prev i, .reviews-slider .slick-next i { font-size: 20px; color: #1D1068; display: inline-block; }
.facesiTechSection .container { max-width: 1200px; }
/* Value Propositions Section */
.value-propositions { padding: 80px 0; background: #F0F8FF; }
.value-propositions h2 { font-size: 38px; font-weight: 700; color: #1D1068; text-align: center; margin-bottom: 20px; line-height: 1.5; }
.section-subtitle { font-size: 14px; color: #53498A; text-align: center; margin-bottom: 60px; max-width: 904px; margin-left: auto; margin-right: auto; }
.propositions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; background: white; padding: 40px; border-radius: 15px; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15); }
.proposition-item { text-align: center; }
.proposition-icon { width: 70px; height: 70px; margin: 0 auto 20px; background: #1F61E8; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.proposition-icon img { width: 40px; height: 40px; }
.proposition-item h3 { font-size: 18px; font-weight: 500; color: #1D1068; line-height: 1.5; }
.aias .ownMvpImgContainer { bottom: 0; height: auto; }
.aquireWebContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 85px; align-items: center; }
.aquireWebContainer { box-shadow: 132px -7px 40px 0px #0000001A; border-right: 1px solid #1D106805; border-bottom: 1px solid #1D106805; border-bottom-right-radius: 144px; }
.px-80{ padding-left: 80px; padding-right: 80px; }
.aquireWebBottomContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 180px; border-bottom: 1px solid #1D106805; border-left:  1px solid #1D106805; box-shadow: -52px 39px 40px 0px #0000001A; border-top-left-radius: 144px; border-bottom-left-radius: 70px; }
.acquireWebSection{ background-image: url('../../images/acquireWebBgImg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.websiteTabs{ display: grid; grid-template-columns: 1fr 3fr; gap: 50px; align-items: center; }
.websiteTabContentArea{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; }
.websiteTabContent{ border-left: 1px solid #C3C3C3; }
.websiteTab.active .grey_para{ color: #1F61E8 !important; }
.tekrovelTechContainer{ border-bottom: 1px solid #1D106805; border-left:  1px solid #1D106805; box-shadow: -52px 39px 40px 0px #0000001A; border-top-left-radius: 144px; border-bottom-left-radius: 70px; }
.grey_para { color: #5C5C5C; }
.fintechTabContainer{ min-height: unset !important; }
.fintechTabLink{ font-size: 16px !important; font-weight: 500 !important; color: #53498A !important; }
.fintechTabLink.active{ background-color: #2353ED; color: #FFFFFF !important; }
.fintechTab { display: flex; align-items: center; gap: 20px; cursor: pointer; position: relative; }
.finTabAnchor{ color: #CDCDCD; }
.fintechTab.active > .finTabAnchor{ color: #FFFFFF; }
.finTabContent { display: flex; align-items: center; justify-content: center; padding: 0px 50px; background: #F5F9FF; border-radius: 0px 16px 16px 0px; }
.d-none{ display: none; }
.tekrevolContainer { display: grid; grid-template-columns: repeat(2,1fr); gap: 140px; align-items: center; }
.offices-address .slick-track { padding-bottom: 0; }