/* ────────────────────────────────────────────────────────────────
   CSS for /technologies/ (template-parts/tpl-technology-main.php) only.
   Moved from assets/css/style.css — header, footer, form, and any
   CSS shared with other pages (buttons, grid utilities, the shared
   projects/portfolio slider, the shared contact-form partial) was
   left in style.css untouched.
   ──────────────────────────────────────────────────────────────── */

/* ── Hero banner ── */
.inside-hero-image{width:100%;min-height:720px;display:grid;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center;}
.inside-hero-text{text-align:center;max-width:635px;width:100%;margin:0 auto;}
.inside-hero-text h1{color:#fff;margin:0 0 24px 0;}
.inside-hero-text p{color:#fff;}
.page-template-tpl-technology-main .inside-hero-image{min-height:450px;}

/* ── Tech stack section ── */
.ourtech-section{background-color:#fff; padding: 150px 0;}
.line{width:100%;height:1px;margin:96px 0;background:linear-gradient(90deg,rgba(87,217,228,0.00) 0%,#57D9E4 51.04%,rgba(87,217,228,0.00) 100%);}
.ourtech-wrape{display:flex;align-items:center;min-height:100%;}
.ourtech-text h2{margin:0 0 16px 0;}
.ourtech-text p{color:#949494;margin:0 0 32px 0;font-weight:400;}
.ourtech-left .ourtech-text{margin:0 -7px 0 0;}
.ourtech-right .ourtech-text{margin:0 0 0 -7px;}
.ourtech-left .ourtech-services-wrape{padding:0 0 0 102px;}
.ourtech-right .ourtech-services-wrape{padding:0 102px 0 0;}
.ourtech-services-block{width:100%;min-height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all 0.5s ease;text-align:center;margin:0 0 0px 0;cursor:pointer; background-color: #f5f6f7;}
.ourtech-services-block img{width:96px;height:96px;object-fit:contain;transition:all 0.3s ease;}
.ourtech-services-block h5{font-size:24px;font-style:normal;font-weight:400;line-height:150%;font-family:"Archivo",sans-serif;color:#808080;margin:16px 0 0 0;transition:all 0.5s ease;}
.ourtech-services-block figure{position:relative;}
.ourtech-hover-icon{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;}
.ourtech-services-block:hover h5{color:#fff;}
.ourtech-services-block:hover .ourtech-hover-icon{opacity:1;}

/* ── Per-technology hover colors ── */
.ios-hover:hover{background-color:#000;}
.android-hover:hover{background-color:#3DDB85;}
.react-hover:hover{background-color:#61DAFB;}
.flutter-hover:hover{background-color:#02539A;}
.xamarin-hover:hover{background-color:#3498DB;}
.ionic-hover:hover{background-color:#478AFF;}
.angular-hover:hover{background-color:#DD0031;}
.vue-hover:hover{background-color:#4DBA87;}
.javaacript-hover:hover{background-color:#F0DB4F;}
.tailwind-hover:hover{background-color:#06B6D4;}
.html-hover:hover{background-color:#E34F26;}
.net-hover:hover{background-color:#168CD4;}
.php-hover:hover{background-color:#8993BE;}
.java-hover:hover{background-color:#525AC4;}
.node-hover:hover{background-color:#6ABF4B;}
.python-hover:hover{background-color:#0277BD;}
.laravel-hover:hover{background-color:#FF2D20;}
.sql-server-hover:hover{background-color:#A91D22;}
.mysql-hover:hover{background-color:#00546B;}
.mongodb-hover:hover{background-color:#13AA52;}
.dynamodb-hover:hover{background-color:#2D72B8;}
.oracle-hover:hover{background-color:#EA1B22;}
.firebase-hover:hover{background-color:#FFA712;}
.magneto-hover:hover{background-color:#EC6737;}
.wordpress-hover:hover{background-color:#00749A;}
.drupal-hover:hover{background-color:#009DDE;}
.shopify-hover:hover{background-color:#95BF46;}
.joomla-hover:hover{background-color:#EE4035;}
.umbraco-hover:hover{background-color:#3544B1;}
.aws-hover:hover{background-color:#F90;}
.google-cloud-hover:hover{background-color:#4285F4;}
.sharepoint-hover:hover{background-color:#105557;}
.microsoft-dynamics-hover:hover{background-color:#7252AA;}
.azure-hover:hover{background-color:#2892DF;}
.net-core-hover:hover{background-color:#621EE5;}
.ethereum-hover:hover{background:#8C8C8C;}
.hyperledger-fabric-hover:hover{background:#000000;}
.corda-hover:hover{background:#E0081C;}
.quorum-hover:hover{background:#2855DE;}
.bitcoin-hover:hover{background:#118DFF;}
.ripple-hover:hover{background:#E25A1C;}
.scikit-learn-hover:hover{background:#F89939;}
.keras-hover:hover{background:#D00000;}
.xgboost-hover:hover{background:#76B644;}
.lightbgm-hover:hover{background:#FCB518;}
.apache-mahout-hover:hover{background:#0BBCD4;}
.mllib-hover:hover{background:#E25A1C;}
.tensorflow-hover:hover{background:#FFB300;}
.pytorch-hover:hover{background:#F44F5A;}
.openai-gpt-hover:hover{background:#BAE0BD;}
.ibm-watson-hover:hover{background:#7496C4;}
.microsoft-cognitive-toolkit-hover:hover{background:#2776BB;}
.h2o-ai-hover:hover{background:#FEC925;}