RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð ....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îЇy’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒw޼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9ué¶³ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•╪Vêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄͰL–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýcå¡¶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ЁBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊÆƒZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 104.225.223.251  /  Your IP : 216.73.216.41
Web Server : Apache/2.4.41 (Ubuntu)
System : Linux agtdemo03 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : root ( 0)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : ON  |  Pkexec : ON
Directory :  /home/web/dev.agtindia.co.in/hailstone-24/wp-content/themes/hailstone/assets/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /home/web/dev.agtindia.co.in/hailstone-24/wp-content/themes/hailstone/assets/css/general.css
@import url("./nav.css");
@import url("./all-fonts.css");
@import url("./flag.css");

:root {
    --headFont: "EurostileNextLTPro-Regular";
    --bodyFont: "EurostileNextLTPro-Regular";
    --primaryColor: #ee3124;
    --secondaryColor: #212529;
}

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

html {
    scroll-padding-top: 0px;
    overflow-x: hidden !important;
}

body {
    font-family: var(--bodyFont);
    overflow-x: hidden !important;
}

a {
    text-decoration: none;
    transition: all 0.35s ease-in 0s;
}

p {
    font-family: var(--bodyFont);
    font-size: 16px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--headFont);
}

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

ul li {
    list-style: none;
}

.v-center {
    align-items: center;
    justify-content: space-between;
}

.container-fluid {
    width: 100%;
    padding: 0px 60px;
}

video {
    display: block;
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .container-fluid {
        padding: 0px 20px;
    }
}

.btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    padding: 18px 27px;
    text-transform: capitalize;
    border-radius: 0px;
    transition: all 0.35s ease-in 0s;
    display: inline-block;
}

footer.hail-stone-footer {
    height: auto;
    background-color: rgb(38, 38, 38);
    padding: 0px;
}

.hail-stone-end-content-text p {
    font-size: 16px;
    padding: 0px;
    color: white;
    margin-bottom: 0px;
}

.hail-stone-footer-image-grid {
    width: 260px;
}

.hail-stone-end-content-number p {
    color: white;
}

.hail-stone-end-content-number li p a {
    color: rgb(255, 255, 255);
}

.hail-stone-end-content-number p {
    font-size: 16px;
}

.certification-section {
    background-color: rgb(242, 242, 242);
    width: 100%;
    height: 100%;
    padding: 100px 0px 150px;
    opacity: 0.9;
}

.footer-grid-list {
    text-align: left;
    font-size: 20px;
    color: white;
}

.follow-us-section h3 {
    color: rgb(255, 255, 255);
    font-size: 24px;
}

.follow-us-section ul li:first-child {
    margin-left: 0px;
}

.certification-heading-grid h1 {
    color: var(--headingColor);
}

.home-testimonial-item {
    position: relative;
    height: 100%;
}

.home-testimonial-content-main {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: end;
}

.home-testimonial-content-inner {
    background: rgb(255, 255, 255);
    width: 55%;
    padding: 40px 100px;
    clip-path: polygon(30% 0%, 100% 0px, 100% 30%, 100% 100%, 70% 100%, 10% 100%, 0% 77%, 0px 0px);
    transition: all 0.35s ease-in 0s;
}

.home-testimonial-content-inner p,
.home-testimonial-content-inner h6 {
    color: var(--secondaryColor);
    transition: all 0.35s ease-in 0s;
}

.home-testimonial-content-inner p {
    font-weight: 200;
}

.home-testimonial-content-icon {
    width: 70px;
    height: 54px;
    background-color: var(--primaryColor);
    mask-image: url("../img/quote-icon.png");
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    margin-bottom: 30px;
    transition: all 0.35s ease-in 0s;
}

.home-testimonial-content-inner:hover {
    background: var(--primaryColor);
}

.home-testimonial-content-inner:hover p,
.home-testimonial-content-inner:hover h6 {
    color: rgb(255, 255, 255);
}

.home-testimonial-content-inner:hover:hover .home-testimonial-content-icon {
    background: rgb(255, 255, 255);
}

.home-testimonials-slider {
    height: 740px;
}

div#testimonial_slider {
    height: 100%;
}

.home-testimonial-item img {
    height: 100%;
    object-fit: cover;
    background: rgb(0, 0, 0);
}

.home-testimonial-item {
    height: 100%;
}

.home-testimonial-img {
    height: 100%;
    position: relative;
}

.home-testimonial-img::after {
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(51, 51, 48, 0) 100%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.65;
    pointer-events: none;
}

#testimonial_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent !important;
}

#testimonial_slider .swiper-pagination {
    bottom: 30px;
}

#testimonial_slider .swiper-pagination-bullet {
    background: rgb(255, 255, 255);
    opacity: 1;
    border: 1px solid rgb(255, 255, 255);
    width: 12px;
    height: 12px;
}

@media (max-width: 1199px) {
    .home-testimonial-content-inner {
        width: 60%;
    }
}

@media (max-width: 991px) {
    .home-testimonial-content-inner {
        width: 80%;
    }

    .home-testimonial-content-main {
        justify-content: center;
    }

    .home-testimonials-slider {
        height: 740px;
    }
}

@media (max-width: 767px) {
    .home-testimonial-content-inner {
        width: 100%;
    }

    .home-testimonial-content-main {
        justify-content: center;
    }

    .home-testimonials-slider {
        height: auto;
    }

    .home-testimonial-content-main {
        position: relative;
        padding: 0px;
    }

    .home-testimonial-content-inner {
        border-radius: 0px;
        padding: 20px 20px 60px;
    }
}

.hail-stone-contact-info {
    display: flex;
    margin-top: 30px;
    gap: 30px;
    justify-content: space-between;
}

.hail-stone-end-content-number li p a:hover {
    color: var(--primaryColor);
}

.footer-grid-list ol li a {
    color: rgb(255, 255, 255);
    font-size: 16px;
}

.footer-grid-list ol li a:hover {
    color: var(--primaryColor);
}

.footer-grid-list ol {
    padding: 0px;
    list-style: inside none;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    padding: 60px;
    border-left: 1px solid rgb(74, 74, 74);
    height: 100%;
    flex-wrap: wrap;
}

.follow-us-section ul {
    display: flex;
}

.follow-us-section ul li {
    margin: 0px 13px;
    font-size: 18px;
}

.follow-us-section ul li a {
    color: rgb(255, 255, 255);
}

.follow-us-section ul li a:hover {
    color: var(--primaryColor);
}

.hail-stone-footer-grid {
    padding: 60px 30px 60px 0px;
}

footer.hail-stone-footer {
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

footer.hail-stone-footer::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 140px;
    background-image: url("../img/style-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0px;
    right: 50px;
    z-index: -1;
}

footer.hail-stone-footer .container-fluid {
    border-bottom: 1px solid rgb(62, 62, 62);
}

.hail-stone-end-content-number li {
    list-style: none;
}

@media (max-width: 991px) {
    .footer-grid {
        padding: 0px 5px 60px;
        border: 0px;
    }

    footer.hail-stone-footer .container-fluid {
        border: 0px;
    }

    footer.hail-stone-footer {
        padding-bottom: 0px;
    }

    footer.hail-stone-footer::after {
        z-index: -1;
    }

    .hail-stone-footer-grid {
        padding: 60px 30px 20px 0px;
    }

    .hail-stone-contact-info {
        gap: 30px;
    }
}

.section-title h2 {
    font-size: 46px;
    text-transform: capitalize;
    font-weight: 700;
}

.section-title {
    margin-bottom: 50px;
}

.home-product-section {
    position: relative;
    z-index: 1;
    padding: 30px 0px 60px;
    background: rgb(249, 249, 249);
    overflow: hidden;
}

.home-product-section::after,
.home-product-section::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    pointer-events: none;
}

.home-product-section::after {
    left: -210px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
    top: unset;
    max-width: 742px;
    width: 100%;
    max-height: 342px;
    height: 100%;
}

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

    50% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(-100px);
    }
}

.home-product-section::before {
    right: 0px;
    width: calc(100% - 60px);
    mask-image: url("../img/product-bg-shape.png");
    mask-position: right center;
    mask-repeat: no-repeat;
    mask-size: contain;
    content: "";
    overflow: hidden;
    z-index: -1;
    opacity: 0.25;
    background: rgb(0, 0, 0);
    animation: 4s ease-in-out 0s infinite normal none running leftRight;
    pointer-events: none;
}

.home-product-section .section-title h2 {
    color: rgb(0, 0, 0);
}

@keyframes leftRight {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

.home-product-item {
    position: relative;
    border-radius: 10px;
    overflow: auto;
    /* height: 100%; */
    z-index: 1;
    transition: all 0.35s ease-in-out 0s;
    box-shadow: rgb(133, 133, 133) 0px 0px 24px -15px;
    background: #fff;
}

.home-product-img img {
    width: 100%;
}

.home-product-title {
    bottom: 0px;
    left: 30px;
    text-align: left;
    transition: all 0.3s ease-in-out 0s;
}

.home-product-content {
    background: rgb(255, 255, 255);
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 30px;
    display: grid;
    row-gap: 20px;
}

.home-product-title h3 a {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: 700;
}

.home-product-title h3 {
    font-size: 0px;
}

.home-product-title p {
    color: rgb(0, 0, 0);
}

.home-product-item:hover .home-product-title {}

.home-product-content p {
    margin-bottom: 0px;
    line-height: 1.4;
}

.home-product-item::after {
    bottom: 0px;
    clip-path: polygon(100% 0px, 0px 100%, 100% 100%);
    height: 42px;
    position: absolute;
    right: 0px;
    transition: all 0.3s ease-in-out 0s;
    width: 42px;
    background: rgb(255, 255, 255);
    z-index: 1;
}

.home-product-item:hover::after {
    background: var(--primaryColor);
}

.home-product-content p .btn-light {
    border: 0px;
    position: relative;
    z-index: 1;
}

.home-product-content p .btn-light:hover {
    color: var(--primaryColor);
    background: rgb(242, 242, 242);
}

.home-product-item .btn.btn-light {
    border-radius: 5px;
    overflow: hidden;
}

.home-product-item .btn.btn-light:after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 0.35s ease-in 0s;
}

.icon {
    background: #fff;
    width: 16px;
    height: 20px;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.35s ease-in;
    display: flex;
}

.icon:hover {
    background: var(--primaryColor);
}

.icon-twiter {
    -webkit-mask-image: url(../img/03-twitter.png);
}

.home-product-item:hover a.btn.btn-light:after {
    width: 100%;
}

.home-product-item:hover a.btn.btn-light:hover:after {
    width: 0;
}

.home-product-content p .btn-light i {
    padding-left: 9px;
    transition: all 0.35s ease-in 0s;
}

.home-product-content::after,
.home-product-content::before {
    content: "";
    position: absolute;
    transition: all 0.7s ease-in-out 0s;
    z-index: 0;
    width: 53px;
    height: 53px;
    right: -106px;
    top: -106px;
}

.home-product-content::before {
    background: var(--primaryColor);
}

.home-product-content::after {
    background: rgb(253, 221, 218);
    transition-delay: 100ms;
    z-index: -1;
}

.home-product-item:hover .home-product-content::before {
    top: 0px;
    right: 0px;
}

.home-product-item:hover .home-product-content::after {
    top: 53px;
    right: 53px;
}

section.home-block-section {
    padding: 50px 0px;
    background-position: center center;
    background-size: cover;
    position: relative;
}

#blog-slider .swiper-slide {
    height: auto;
}

.home-block-item {
    background: rgb(255, 255, 255);
    height: 100%;
}

.home-block-item .home-block-img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-block-content {
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    top: 0px;
    position: relative;
    z-index: 911;

    border-radius: 0px 0px 10px 10px;
    transition: all 0.35s ease-in 0s;
    overflow: hidden;
}

.home-block-item:hover .home-block-content {
    top: 0px;
}

.home-block-content-inner h3 a {
    font-size: 22px;
    line-height: 1.35;
}

.home-block-content-inner h3 {
    font-size: 0px;
    margin-bottom: 10px;
    line-height: 0;
}

.home-block-img {
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    height: 200px;
}

.icon-block {
    width: 65px;
    height: 65px;
    margin: 0px auto 10px;
    background: rgb(255, 240, 240);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.35s ease-in 0s;
}

.icon-block i {
    font-size: 28px;
    color: var(--primaryColor);
    transition: all 0.35s ease-in 0s;
}

.home-block-content-inner h3 a,
.home-block-content-inner h3 {
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.home-block-content-inner h3 {
    color: #333;
    font-size: 22px;
    line-height: 1.35;
    margin: 0;
}

.home-block-content-inner h3 a:hover {
    color: var(--primaryColor);
}

.home-block-item:hover .icon-block {
    background: var(--primaryColor);
}

.home-block-item:hover .icon-block i {
    color: rgb(255, 255, 255);
}

.breadcrumb-item {
    position: relative;
}

.breadcrumb-img img {
    width: 100%;
}

.breadcrumb-img {
    position: relative;
    z-index: 1;
}

.breadcrumb-img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.35;
}

.breadcrumb-content-inner ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.breadcrumb h4>span {
    color: rgb(148, 148, 148);
    position: relative;
    opacity: 1;
    font-size: 16px;
}

.breadcrumb h4 i {
    margin: 0 5px;
    vertical-align: middle;
    font-size: 18px;
}

.breadcrumb h4 a span {
    color: rgb(0, 0, 0) !important;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb h4 {
    font-size: 16px;
}

.breadcrumb h4 {
    margin: 0;
}

.breadcrumb h4>span:has(a) {
    opacity: 1;
}

.breadcrumb-content-inner ul li p {
    opacity: 0.5;
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
}

.breadcrumb-content-inner ul li:not(:last-child)::after {
    content: ">";
    position: relative;
    margin-left: 10px;
    color: rgb(0, 0, 0);
}

.breadcrumb-content-title h1 {
    font-size: 42px;
    line-height: 1.7;
    font-weight: 800;
    color: rgb(0, 0, 0);
}

.overviwe-pridct-info-content {
    text-align: center;
}

section.overviwe-pridct-info-section {
    padding: 30px 0px;
    background: rgb(255, 242, 241);
}

.overviwe-pridct-info-content p a {
    display: none;
}

.overviwe-pridct-info-content .section-title {
    margin-bottom: 12px;
}

.overviwe-pridct-info-content p {
    font-size: 18px;
    line-height: 1.6;
}

.overviwe-pridct-info-content p a {
    color: var(--primaryColor);
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
    font-size: 20px;
}

.overviwe-pridct-info-content p a:hover {
    color: rgb(16, 16, 16);
}

.category-product-item .category-product-img img {
    width: 100%;
}

.category-product-content {
    padding: 30px;
}

.category-product-item {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.category-product-content .category-product-title p {
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}

.category-product-content .category-product-title h3 {
    font-weight: 700;
}

.category-product-item::after {
    bottom: 0px;
    clip-path: polygon(100% 0px, 0px 100%, 100% 100%);
    content: "";
    height: 50px;
    position: absolute;
    right: 0px;
    transition: all 0.3s ease-in-out 0s;
    width: 50px;
    background: rgb(16, 16, 16);
    pointer-events: none;
}

.category-product-item:hover::after {
    background: var(--primaryColor);
}

.product-link {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    overflow: hidden;
}

.product-link span {
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    border-width: 0px;
    position: absolute;
}

.category-product-preformece-info ul li {
    display: flex;
    justify-content: space-between;
}

.category-product-preformece-info ul li .category-product-preformece-title h6 {
    font-weight: 700;
}

.category-product-info {
    margin: 20px 0px;
}

.category-product-info h6 {
    font-weight: 700;
}

.category-product-preformece p {
    font-size: 14px;
}

table.GeneratedTable {
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-collapse: collapse;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: dotted;
    color: rgb(0, 0, 0);
}

table.GeneratedTable td,
table.GeneratedTable th {
    border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: dotted;
    padding: 0.75rem 1.5rem;
    font-size: 18px;
}

table.GeneratedTable th {
    color: rgb(255, 255, 255);
    padding: 0.75rem 1.5rem;
    font-size: 18px;
}

table.GeneratedTable thead {
    background-color: var(--secondaryColor);
}

section.tech-data.page-section {
    background: rgb(255, 242, 241);
    padding: calc(4rem + 0.8vw) 0px;
}

.downloadable-brochures-table thead th {
    padding: 20px;
    font-size: 18px;
    font-weight: 900;
}

.downloadable-brochures-table tbody tr td:first-child,
.downloadable-brochures-table tbody tr:nth-child(2n+1) td:first-child {
    text-align: center;
    background: rgb(255, 255, 255);
}

.downloadable-brochures-table tbody tr td a {
    padding: 20px;
    display: block;
}

.downloadable-brochures-table tbody tr td {
    transition: all 0.35s ease-in-out 0s;
}

.downloadable-brochures-table tbody tr:nth-child(2n+1) td {
    background: rgb(255, 242, 241);
}

.downloadable-brochures-table tbody tr td:last-child {
    text-align: center;
}

.downloadable-brochures-table tbody tr td a {
    color: rgb(0, 0, 0);
    font-size: 18px;
}

.downloadable-brochures-table tbody tr td:first-child {
    font-size: 20px;
}

.downloadable-brochures-table tbody tr:hover td:first-child a {
    color: var(--primaryColor);
}

.downloadable-brochures-table tbody tr:hover td {
    background-color: var(--primaryColor);
}

.downloadable-brochures-table tbody tr:hover td:first-child {
    background-color: rgb(255, 255, 255);
}

.downloadable-brochures-table tbody tr:hover td:not(:first-child) a {
    color: rgb(255, 255, 255);
}

section.downloadable-brochures-section {
    padding: calc(3rem + 0.8vw) 0px;
}

section.category-products-section {
    padding: calc(4rem + 0.8vw) 0px;
}

.product-features-section {
    padding: calc(1.75rem + 0.8vw) 0px calc(3.05rem + 0.8vw);
    background: rgb(255, 242, 241);
}

.product-features-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.product-features-item {
    position: relative;
    text-align: center;
    padding: 30px 30px 100px;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 242, 241);
    box-shadow: rgb(0, 0, 0) 1px 1px 20px -20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1;
    height: 100%;
}

.product-features-icon {
    width: 80px;
    height: 80px;
    margin: 0px auto;
    background: var(--primaryColor);
    border-radius: 50%;
    padding: 10px;
    transition: all 0.35s ease-in 0s;
}

.product-features-icon img {
    filter: invert(1);
    transition: all 0.35s ease-in 0s;
}

.product-features-item:hover .product-features-icon img {
    filter: invert(0);
}

.product-features-item:hover .product-features-icon {
    background: rgb(255, 255, 255);
}

.product-features-content {
    margin-top: 10px;
    transition: all 0.35s ease-in 0s;
}

.product-features-content h5 {
    text-transform: capitalize;
    font-weight: 600;
}

.product-features-item:hover .product-features-content {
    color: rgb(255, 255, 255);
}

.product-features-item:hover .product-features-conunt h4 {
    -webkit-text-stroke-color: rgb(255, 255, 255);
}

.product-features-conunt h4 {
    -webkit-text-stroke-color: var(--primaryColor);
    -webkit-text-stroke-width: 1px;
    color: transparent;
    opacity: 0.25;
    line-height: 0.8;
    font-size: 82px;
    pointer-events: none;
    transition: all 0.35s ease-in 0s;
}

.product-features-conunt {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

.product-features-item::before {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 0.35s ease-in 0s;
}

.product-features-item:hover::before {
    width: 100%;
}


img.image-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    display: block;
    transition: all 0.5s ease 0s;
    transform: translateX(50%) scaleX(2);
    filter: blur(10px);
    object-fit: cover;
    opacity: 0;
}

img.image-2 {
    position: absolute;
    inset: 0px;
    color: transparent;
    display: block;
    transition: all 0.5s ease 0s;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.home-product-img,
.category-product-img {
    position: relative;
    min-height: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

.home-product-item:hover img.image-2,
.category-product-item:hover img.image-2 {
    transform: translateX(-50%) scaleX(2);
    filter: blur(10px);
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.home-product-item:hover img.image-1,
.category-product-item:hover img.image-1 {
    transform: translateX(0px) scaleX(1);
    filter: blur(0px);
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.home-product-item:hover .home-product-content p .btn-light i {
    transform: translateX(10px);
    color: #fff;
}

.home-product-item:hover .home-product-content p .btn-light {
    color: #fff;
}

.home-product-item:hover .home-product-content p .btn-light:hover i,
.home-product-item:hover .home-product-content p .btn-light:hover {
    color: #333;
}

.home-join-team-grid {
    display: grid;
    grid-template-columns: 5.15fr 5fr;
}

.home-join-team-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.home-join-team-content {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.home-join-team-grid .container-fluid {
    background: rgb(249, 249, 249);
    position: relative;
    z-index: 1;
}

.home-join-team-content-inner .section-title {
    margin-bottom: 15px;
}

.home-join-team-content-inner p {
    margin-bottom: 30px;
}

.home-join-team-content-inner ul {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.home-join-team-content-inner ul li .btn {
    font-size: 16px;
    padding: 14px 30px;
    border-radius: 50px;
    position: relative;
    border: 0;
    overflow: hidden;
    z-index: 0;
}

.home-join-team-content-inner ul li .btn.btn-light {
    background: #e1e1e1;
}

.home-join-team-content-inner ul li .btn:after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 0.35s ease-in 0s;
}

.home-join-team-content-inner ul li .btn.btn-drak {
    color: #fff;
    background-color: #000;
}

.home-join-team-content-inner ul li .btn.btn-light:hover {
    color: #fff;
}

.home-join-team-content-inner ul li .btn.btn-drak:hover {
    color: #000;
}

.home-join-team-content-inner ul li .btn:hover::after {
    width: 100%;
}

.home-join-team-content-inner ul li .btn.btn-light:after {
    background-color: #000;
}

.home-join-team-content-inner ul li .btn.btn-drak:after {
    background: #fff;
}

.btn-primary {
    background: var(--primaryColor);
    border: 0px;
}

.btn-primary:hover {
    background: rgb(0, 0, 0);
}

.btn-secondary {
    background: var(--secondaryColor);
    border: 0px;
}

.btn:hover i {
    transform: translateX(10px);
}

.btn i {
    transition: transform 0.35s ease-in 0s;
}

.btn-secondary:hover {
    background: var(--primaryColor);
}

.home-join-team-grid .container-fluid::before,
.home-join-team-grid .container-fluid::after {
    z-index: -1;
    content: "";
    position: absolute;
}

.home-join-team-grid .container-fluid::before {
    mask-image: url("../img/product-bg-shape.png");
    mask-position: right center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.15;
}

.home-join-team-grid .container-fluid::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 297px;
    height: 250px;
    content: "";
}

.home-join-team-content::after,
.home-join-team-content::before {
    content: "";
    position: absolute;
    opacity: 0.5;
    background: var(--primaryColor);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.home-join-team-content::after {
    width: 30px;
    height: 30px;
    top: 155px;
    left: 0px;
    animation: 5s ease-in 0s infinite reverse none running pulse;
}

.home-join-team-content::before {
    width: 80px;
    height: 80px;
    left: 0px;
    top: 60px;
    animation: 5s ease-in 0s infinite normal none running pulse;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.3, 1.3, 1.3);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.3, 1.3, 1.3);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

section.home-block-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    background: linear-gradient(rgba(231, 231, 231, 0.31), rgb(255, 244, 244));
}

.download-brochure-section {
    background: rgb(255, 242, 241);
    padding: 60px 0px;
}

.download-brochure-btn {
    text-align: center;

}

.download-brochure-section .btn.btn-light:after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 0.35s ease-in 0s;
}

.download-brochure-section .btn.btn-light:hover:after {
    width: 100%;
}

.download-brochure-btn .btn {
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.download-brochure-btn .btn i {
    margin-left: 5px;
}

.download-brochure-btn .btn:hover {
    color: #fff;
}

.download-brochure-content p {
    max-width: 90%;
    font-size: 18px;
    margin-bottom: 0px;
}

.download-brochure-btn p {
    margin-bottom: 0px;
}

.download-brochure-content .section-title {
    margin-bottom: 0px;
}

.home-block-item {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

section.breadcrumb-section {
    padding: 20px 0px;
    background: #f2f2f2;
}

section.product-banner-section {
    position: relative;
}

.product-banner-content {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.product-banner-content .container {
    display: flex;
    justify-content: flex-end;
}

.product-banner-content-inner {
    background: rgb(0, 0, 0);
    padding: 12px 50px;
    border-top: 4px solid var(--primaryColor);
}

.product-banner-content-inner h1 {
    color: rgb(255, 255, 255);
    font-weight: 800;
    margin-bottom: 0px;
}

.product-banner-content-inner h5 {
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 24px;
}

ul.product-menu {
    display: flex;
    justify-content: center;
    gap: 5px;
}

section.product-menu-section {
    background: rgb(0, 0, 0);
}

ul.product-menu li a {
    padding: 15px 30px;
    display: flex;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 600;
}

ul.product-menu li a:hover {
    background: var(--primaryColor);
}

.product-banner-img img {
    width: 100%;
}

#video-popup-container {
    display: none;
    position: fixed;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: rgb(255, 255, 255);
    z-index: 9999;
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: rgb(0, 0, 0);
    line-height: 25px;
    color: rgb(255, 255, 255);
    opacity: 1;
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 2px;
    background-color: rgb(0, 0, 0);
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgb(0, 0, 0);
}

#video-popup-overlay {
    display: none;
    position: fixed;
    top: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 9999;
}

#video-popup-close:hover {
    color: var(--primaryColor);
}

.vpop {
    position: relative;
    cursor: pointer;
}

.video-icon {
    position: absolute;
    inset: 0px;
    margin: auto;
    display: flex;
    width: 100px;
    height: 100px;
    z-index: 3;
}

.photo-video-section .section-title.text-center {
    margin-top: 30px;
}

.video-icon i {
    font-size: 95px;
    color: var(--primaryColor);
}

.video-main-img {
    position: relative;
    z-index: 1;
    background: rgb(0, 0, 0);
}

.video-main-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0.55;
}

.video-main-img img {
    width: 100%;
}

.video-main {
    height: 100%;
}

.highlight-video {
    height: 100%;
}

.highlight-video .vpop {
    height: 100%;
}

#plants-videos-slider {
    padding: 50px 0px;
}

.video-main-img img,
.video-main-img {
    height: 100%;
}

.video-main-img img {
    min-height: 350px;
    object-fit: cover;
}

section#plants-video {
    padding-top: calc(2rem + 0.8vw);
}

section.home-video-banner-section {
    position: relative;
    z-index: 5;
}

section.home-video-banner-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(0 0 0 / 0%);
    z-index: 1;
    pointer-events: none;
}

#plants-video .section-title {
    margin-bottom: 0px;
}

#plants-video .swiper-pagination-bullet {
    width: 20px;
    height: 10px;
    border-radius: 50px;
    opacity: 1;
    background: transparent;
    transition: all 0.35s ease-in 0s;
    border: 1px solid var(--primaryColor) !important;
}

#plants-video span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    background: var(--primaryColor);
}

section.testimonial-section {
    background: rgb(249, 249, 249);
}

.testimonial-info ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

li.testimonial-info-img {
    width: 100px;
    height: 100px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    padding: 3px;
}

li.testimonial-info-img img {
    width: 100%;
    border-radius: 50%;
}

li.testimonial-info-content p {
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.testimonial-info {
    position: relative;
}

.testimonial-info::after {
    content: "\f10e";
    font-family: "Font Awesome 5 Pro";
    font-size: 80px;
    opacity: 0.4;
    font-weight: 300;
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.testimonial-content-inner::after {
    width: 40vw;
    height: 100%;
    background: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    z-index: -1;
    margin-left: 0px;
}

.testimonial-content-inner {
    position: relative;
    z-index: 1;
    padding: 50px 30px;
}

.testimonial-item-content {
    margin-bottom: 30px;
    color: rgb(255, 255, 255);
}

.testimonial-info-content h5 {
    font-size: 22px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
}

.testimonial-img-bg {
    width: 50vw;
    height: 100%;
}

.testimonial-img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-img-bg .simpleParallax {
    height: 100%;
}

.testimonial-content {
    padding: 80px 0px;
}

.hail-stone-copy ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    gap: 5px;
    flex-wrap: wrap;
}

.hail-stone-copy ul li p {
    margin-bottom: 0px;
    color: rgb(255, 255, 255);
}

.hail-stone-copy ul li p a {
    color: rgb(255, 255, 255);
}

.hail-stone-copy ul li p a:hover {
    color: var(--primaryColor);
}

.plants-videos-section {
    padding: 50px 0px 0px;
}

.home-block-slider-container {
    position: relative;
}

.swiper-navigation {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
}

.swiper-navigation .swiper-button-prev {
    left: -60px;
}

.swiper-navigation .swiper-button-next {
    right: -60px;
}

.swiper-navigation [class*="swiper-button-"]::after {
    display: none;
}

.swiper-navigation [class*="swiper-button-"] {
    font-size: 40px;
    color: rgb(0, 0, 0);
}

.swiper-navigation [class*="swiper-button-"]:hover {
    color: var(--primaryColor);
}

.hail-stone-end-content-number p b {
    margin: 0px 5px;
}

.home-video-content {
    color: rgb(255, 255, 255);
}

.home-video-banner {
    position: relative;
}

.home-video-contents {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    padding: 30px 60px;
}

.home-video-contents ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 30px;
    width: 100%;
}

.home-video-content p {
    margin-bottom: 0px;
}

.home-video-line {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-video-line .home-video-line-inner {
    width: 100%;
    height: 3px;
    position: relative;
    background: rgb(255, 255, 255);
}

.home-video-line .home-video-line-inner::after,
.home-video-line .home-video-line-inner::before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    -webkit-mask-image: url(../img/banner-icon.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    border-radius: 50%;
    bottom: 0;
    margin: auto;
}

.home-video-line .home-video-line-inner::after {
    background: rgb(255, 255, 255);
    right: -26px;
}

.home-video-line .home-video-line-inner::before {
    border: 2px solid rgb(255, 255, 255);
    left: -26px;
    background: #fff;
}

.home-video-content h2 {
    text-transform: uppercase;
    font-size: 26px;
}

section.contact-section {
    padding: 80px 0px;
}

.contact-main-wrapper ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.contact-main-wrapper ul li .main-content {
    display: flex;
}

.contact-main-wrapper ul li .contact-main {
    display: flex;
    gap: 20px;
}

.contact-main-wrapper ul li .contact-main p {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}

.contact-main-wrapper ul li .contact-main:not(:last-child) {
    margin-bottom: 10px;
}

.contact-main-wrapper ul li .contact-main .contact-icon i {
    font-size: 20px;
    color: var(--primaryColor);
}

.contact-main-wrapper ul li .contact-main p a {
    color: rgb(19, 19, 50);
}

.contact-main-wrapper ul li .contact-main p a:hover {
    color: var(--primaryColor);
}

.contact-item ul {
    display: flex;
    gap: 30px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.contact-item ul .contact-info-item {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 30px;
    padding: 20px;
    text-align: center;
    width: calc(50% - 15px);
    background: rgb(255, 255, 255);
    border-radius: 20px;
    overflow-wrap: break-word;
    transition: all 0.35s ease-in 0s;
}

.contact-info-icon {
    width: 50px;
    height: 50px;
    background: rgb(240 240 240);
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: auto auto 20px;
    justify-content: center;
    transition: all 0.35s ease-in 0s;
}

.contact-info-icon p {
    margin-bottom: 0px;
    font-size: 24px;
    color: #000000;
    transition: all 0.35s ease-in 0s;
}

section.contact-main {
    padding: 80px 0px;
    background: rgb(245, 245, 245);
}

.contact-info-content h6 {
    color: rgb(0, 0, 0);
    font-size: 24px;
    margin-bottom: 15px;
    transition: all 0.35s ease-in 0s;
}

.contact-info-content p:not(:last-child) {
    margin-bottom: 5px;
}

.contact-info-content p,
.contact-info-content p a {
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-weight: 600;
    transition: all 0.35s ease-in 0s;
}

.contact-item ul .contact-info-item:hover {
    background: #000000;
}

.contact-info-item:hover .contact-info-content h6,
.contact-info-item:hover .contact-info-content p,
.contact-info-item:hover .contact-info-content p a {
    color: rgb(255, 255, 255);
}

.contact-info-item:hover .contact-info-icon {
    background: rgb(255, 255, 255);
}

.contact-info-item:hover .contact-info-icon p {
    color: #000000;
}

.product-banner-img {
    /* height: 420px; */
    overflow: hidden;
}

.product-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.timeline-section {
    padding: 80px 0px 20px;
}

.common-inner-page-content .timeline-chart {
    padding-bottom: 30px;
}

.common-inner-page-content .timeline-chart .hexa {
    border: 0px;
    float: left;
    text-align: center;
    height: 35px;
    width: 60px;
    font-size: 22px;
    background: rgb(240, 240, 240);
    color: rgb(60, 60, 60);
    position: relative;
    margin-top: 15px;
}

.common-inner-page-content .timeline-chart .hexa::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    border-bottom: 15px solid rgb(240, 240, 240);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -15px;
}

.common-inner-page-content .timeline-chart .hexa::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 15px solid rgb(240, 240, 240);
    bottom: -15px;
}

.common-inner-page-content .timeline-chart .timeline {
    position: relative;
    padding: 0px;
    width: 100%;
    margin-top: 20px;
    list-style-type: none;
    overflow: hidden;
}

.common-inner-page-content .timeline-chart .timeline::before {
    position: absolute;
    left: 50%;
    top: 5px;
    content: " ";
    display: block;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    border: 0.1px dashed rgb(227, 227, 227);
    z-index: -1;
}

.common-inner-page-content .timeline-chart .timeline li {
    padding: 0px 0px 30px;
}

.common-inner-page-content .timeline-chart .timeline li:last-child {
    padding-bottom: 0px;
}

.common-inner-page-content .timeline-chart .timeline .hexa {
    width: 16px;
    height: 10px;
    position: absolute;
    background: var(--primaryColor);
    z-index: 5;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: -30px;
    margin-top: 0px;
}

.common-inner-page-content .timeline-chart .timeline .hexa::before {
    border-bottom: 4px solid var(--primaryColor);
    border-left-width: 8px;
    border-right-width: 8px;
    top: -4px;
}

.common-inner-page-content .timeline-chart .timeline .hexa::after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-top: 4px solid var(--primaryColor);
    bottom: -4px;
}

.common-inner-page-content .timeline-chart .direction-l,
.common-inner-page-content .timeline-chart .direction-r {
    float: none;
    width: 100%;
    text-align: center;
}

.common-inner-page-content .timeline-chart .flag-wrapper {
    text-align: center;
    position: relative;
}

.common-inner-page-content .timeline-chart .flag {
    position: relative;
    display: inline;
    background: rgb(255, 255, 255);
    font-weight: 600;
    z-index: 15;
    padding: 6px 10px;
    text-align: left;
    border-radius: 5px;
}

.common-inner-page-content .timeline-chart .direction-l .flag::after,
.common-inner-page-content .timeline-chart .direction-r .flag::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -15px;
    height: 0px;
    width: 0px;
    margin-left: -8px;
    border-style: solid;
    border-color: transparent transparent rgb(255, 255, 255);
    border-image: initial;
    border-width: 8px;
    pointer-events: none;
}

.common-inner-page-content .timeline-chart .direction-l .flag {
    box-shadow: rgba(0, 0, 0, 0.15) -1px 1px 1px, rgba(0, 0, 0, 0.15) 0px 0px 1px;
}

.common-inner-page-content .timeline-chart .direction-r .flag {
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px, rgba(0, 0, 0, 0.15) 0px 0px 1px;
}

.common-inner-page-content .timeline-chart .time-wrapper {
    display: inline-block;
    position: relative;
    margin: 4px 0px 0px;
    z-index: 14;
    line-height: 1em;
    vertical-align: middle;
    color: rgb(255, 255, 255);
}

.common-inner-page-content .timeline-chart .direction-l .time-wrapper {
    float: none;
}

.common-inner-page-content .timeline-chart .direction-r .time-wrapper {
    float: none;
}

.common-inner-page-content .timeline-chart .time {
    background: var(--primaryColor);
    display: inline-block;
    padding: 8px;
    font-size: 20px;
    font-weight: 600;
}

.common-inner-page-content .timeline-chart .desc {
    position: relative;
    margin: 1em 0px 0px;
    padding: 30px;
    background: rgb(0, 0, 0);
    z-index: 15;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: flex-start;
    text-align: left;
}

.common-inner-page-content .timeline-chart .direction-l .desc,
.common-inner-page-content .timeline-chart .direction-r .desc {
    position: relative;
    margin: 1em 1em 0px;
    z-index: 15;
    font-size: 17px;
    line-height: 28px;
    font-family: "DM Sans";
    color: rgb(255, 255, 255);
}

.about-banner-img img {
    width: 100%;
}

.about-banner-img {
    position: relative;
    z-index: 1;
}

/* 
.about-banner-img::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.35;
} */

section.about-video-content-section {
    padding: 80px 0px;
}

.about-video {
    height: 400px;
    max-width: 100%;
    position: relative;
    margin: 0px auto;
    border-radius: 20px;
    background: rgb(224, 224, 224);
}

.about-video::after,
.about-video::before {
    content: "";
    position: absolute;
}

.about-video::after {
    top: -8%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%);
    background: rgb(231, 231, 231);
    z-index: -2;
    transform-origin: center bottom;
    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.about-video::before {
    top: -4%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%);
    background: rgb(209, 209, 209);
    z-index: -1;
    transform-origin: center bottom;
    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.about-video video {
    border-radius: 20px;
}

.about-video-content p {
    margin: 0px;
    max-width: 90%;
    font-size: 18px;
    text-align: justify;
}

.about-video-content .section-title {
    margin-bottom: 20px;
}

.about-video video {
    object-fit: cover;
    height: 100%;
}

.vision-mission-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    line-height: 1.6;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    z-index: 1;
}

.vision-mission-item .content {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 36px;
    height: 100%;
    border-radius: 22px;
    color: rgb(255, 255, 255);
    overflow: hidden;
    background: linear-gradient(222deg, rgb(75, 75, 75) 8%, rgb(0, 0, 0) 95%);
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.vision-mission-item .content::before {
    position: absolute;
    content: "";
    top: -4%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%);
    background: rgb(209, 209, 209);
    z-index: -1;
    transform-origin: center bottom;
    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.vision-mission-item .content::after {
    position: absolute;
    content: "";
    top: -8%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%);
    background: rgb(231, 231, 231);
    z-index: -2;
    transform-origin: center bottom;
    border-radius: inherit;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.vision-mission-item .content .para {
    z-index: 1;
    opacity: 1;
    font-size: 18px;
    transition: all 0.48s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.vision-mission-item:hover {
    transform: translate(0px, -16px);
}

.vision-mission-item:hover .content::before {
    rotate: 6deg;
    top: 0px;
    width: 90%;
    height: 80%;
}

.vision-mission-item:hover .content::after {
    rotate: 12deg;
    top: 0;
    width: 80%;
    height: 80%;
    left: 51%;
}

.vision-mission-section {
    padding: 90px 0px;
    background: rgb(247, 247, 247);
}

section.team-seciton {
    padding: 80px 0px;
    background: rgb(247, 247, 247);
}

.team-item .avatar {
    text-align: center;
}

.team-item-inner {
    position: relative;
}

.team-item .avatar>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
    object-position: 0px 0px;
    background: #030303;
}

.team-item {
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 9;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.65s ease-in 0s;
}

.team-item-inner {}

.team-item::after,
.team-item::before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgb(0, 0, 0);
    opacity: 0;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.35s ease-in 0s;
}

.team-item::after {
    bottom: -20px;
    right: -20px;
}

.team-item::before {
    top: -20px;
    left: -20px;
}

.team-item:hover::after,
.team-item:hover::before {
    width: 50%;
    height: 100%;
    border-radius: 0px;
    background: rgb(0, 0, 0);
    opacity: 1;
}

.team-item:hover::before {
    top: 0px;
    left: 0px;
    transform: scale(1.01);
}

.team-item:hover::after {
    right: 0px;
    bottom: 0px;
    transform: scale(1.01);
}

.team-item:hover {
    color: rgb(255, 255, 255);
}

.team-item {
    background: rgb(255, 255, 255);
    box-shadow: rgb(239 239 239 / 50%) 0px 3px 10px 3px;
    position: relative;
    text-align: justify;
    transition: transform 1s ease-in-out 0s;
    border-radius: 10px;
    height: 100%;
}

.team-item:hover {
    transform: translateY(-10px);
    transition: transform 1s ease-in-out 0s;
}

.team-item::after,
.team-item::before {
    content: "";
    position: absolute;
}

.team-item .member-name {
    margin-top: 0;
    margin-bottom: 15px;
}

.team-item .member-name h2,
.team-item .member-name h6 {
    font-weight: 600;
}

.team-item .member-info {
    padding: 30px 20px;
}

.map img {
    width: 100%;
}

/* .team-item-inner-wrapper {
    display: flex;
    gap: 0px;
} */

.team-item-inner-img {
    width: 140px;
    background: #000;
    justify-content: center;
    align-items: center;
    display: flex;
}

/* .member-info {
    width: calc(100% - 130px);
} */


.employee-benifits-section {
    padding: 60px 0px;
}

.employee-benifits-item {
    position: relative;
    padding: 25px;
    height: 100%;
    border-radius: 20px;
    transition: all 0.35s ease-in 0s;
    border: 2px solid rgb(234, 234, 234);
    text-align: justify;
    background: rgb(255, 255, 255);
    align-items: center;
}

.employee-benifits-icon {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.employee-benifits-icon::after {
    width: 70px;
    height: 70px;
    position: absolute;
    content: "";
    background: rgb(203, 203, 203);
    border-radius: 50%;
    left: 0px;
    top: 0px;
    z-index: -1;
    pointer-events: none;
    transition: all 0.35s ease-in 0s;
}

.employee-benifits-icon img {
    width: 50px;
    transition: all 0.35s ease-in 0s;
}

.employee-benifits-item:hover {
    box-shadow: rgb(190, 190, 190) 0px 0px 60px -12px, rgb(255, 255, 255) -20px -20px 60px;
    transform: translateY(-10px);
}

.employee-benifits-content h5,
.employee-benifits-content h5 a {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.employee-benifits-title h6 {
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.current-openings-wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.current-openings-wrapper #pills-tab {
    position: sticky;
    top: 60px;
    width: 250px;
    gap: 5px;
    border: 0px !important;
    align-items: center !important;
    margin: 0px !important;
}

.current-openings-wrapper #pills-tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: var(--primaryColor) !important;
}

.current-openings-wrapper #pills-tab .nav-link.active {
    background: var(--primaryColor);
    color: rgb(255, 255, 255) !important;
}

.nav-pills .nav-link {
    background: rgb(0, 0, 0);
    padding: 12px 15px;
    font-size: 18px;
    text-align: center;
    width: 100% !important;
    color: rgb(255, 255, 255) !important;
}

.current-openings-wrapper #pills-tab .nav-item {
    width: 100%;
}

.nav-pills .nav-link:hover {
    background: var(--primaryColor);
    color: rgb(255, 255, 255) !important;
}

section.current-openings-section #pills-tabContent {
    border: 0px !important;
    width: calc(100% - 280px) !important;
    padding: 0;
}

.job-item {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    padding: 15px;
}

.job-content {}

.job-btns ul {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.job-btns ul li {
    border-radius: 0px 0px 10px 10px;
}

.job-btns ul li a {
    width: 100%;
    border-radius: 5px;
    background: transparent !important;
    color: #000;
    padding: 0;
    font-size: 16px;
}

.job-content .job-title h3 a {
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 22px;
}

.job-content .job-title h3 {
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(219, 219, 219);
    padding-bottom: 10px;
}

.job-content .job-title h3 a:hover {
    color: var(--primaryColor);
}

.job-content .job-title h6 span {
    color: var(--primaryColor);
    font-weight: 600;
}

.job-content .job-title h6 {
    font-size: 18px;
}

section.current-openings-section {
    padding: 60px 0px;
    background: #f1f5f8;
}

.job-description {
    /* background: rgb(236, 236, 236); */
    /* padding: 15px; */
    /* border-radius: 5px; */
    /* border-left: 5px solid; */
}

.job-title {
    margin-bottom: 20px;
}

.job-btns ul li .btn-primary {
    background: #465058;
}

.job-description ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 5px;
}

.job-btns ul li .btn.btn-secondary {
    color: var(--primaryColor);
    font-weight: 600;
}

.job-btns ul li .btn.btn-primary {
    font-weight: 600;
    color: #7a8c96;
}

.job-btns ul li .btn.btn-primary:hover {
    color: var(--primaryColor);
}

.job-btns ul li .btn.btn-secondary:hover {
    color: #000;
}

.job-btns ul li .btn.btn-primary:hover i {
    transform: unset;
}

section.apart-content-section {
    padding: 60px 0 10px;
}

section.employee-testimonials-section {
    padding: 50px 0 40px;
    background: #efefef;
}

.employee-testimonials-section .home-block-slider-container .swiper {
    padding: 30px 0;
}

.employee-testimonials-section .home-block-slider-container .swiper .swiper-slide {
    height: auto;
}

.employee-testimonials-section .section-title {
    margin-bottom: 00px;
}

/* news room */
section.news-room-section {
    padding: 60px 0;
}

section.news-room-section .row {
    gap: 30px 0;
}

.single-news-room-img img {
    width: 100%;
}

section.single-news-room-section {
    padding: 60px 0;
}

.single-news-room-header {
    margin: 30px 0;
    border-bottom: 2px solid #000;
    padding-bottom: 30px;
}

.single-news-room-header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.single-news-room-header ul h2,
.single-news-room-header ul h2 {
    margin: 0;
}

.post-info {
    background: #f5f5f5;
    padding: 12px;
    border-radius: 5px;
}

section.parts-service-main-page-banner-section {
    position: relative;
}

.parts-service-main-page-banner-img img {
    width: 100%;
}

.parts-service-main-page-banner-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    left: 0;
    padding: 30px 0 160px;
    z-index: 1;
}

.parts-service-main-page-banner-content .parts-service-main-page-banner-content-inner {
    color: #fff;
}

.parts-service-main-page-banner-content .parts-service-main-page-banner-content-inner p {
    font-size: 18px;
}

section.parts-service-main-page-banner-section:after {
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: 0;
    opacity: .95;
    pointer-events: none;
}

section.parts-service-grid-area-section {
    padding: 60px 0;
    background: rgb(255, 242, 241);
    margin-top: -160px;
}

.parts-service-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.parts-service-grid-img img {
    width: 100%;
}

.parts-service-grid-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 20px;
    z-index: 24;
}

.parts-service-grid-item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: .8;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    top: 0;
}

.parts-service-grid-content-inner a {
    color: #fff;
}

.parts-service-grid-item:hover .parts-service-grid-img img {
    transform: scale(1.15);
    transition: all .35s ease-out;
}

.parts-service-grid-item .parts-service-grid-img img {
    transition: all .35s ease-in;
}

.hs-service-item {
    position: relative;
    z-index: 1;
    padding: 0;
    overflow: hidden;
}

.with-outline {
    background: #e6e6e6;
}

.with-bg-light {
    background: #fff2f1;
}

.hs-service-item p .btn {
    margin-top: 20px;
    border-radius: 5px;
}

.hs-service-item h2 {
    transition: all .35s ease-in-out;
}

.hs-service-item h2 a {
    color: #000;
}

.hs-service-item:after {
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0);
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 0.35s ease-in;
}

.product-features-section .section-title h3 {
    font-weight: 600;
}

section.hs-service-section {
    padding: 60px 0;
}

section.hs-service-section .row {
    row-gap: 20px;
}

.hs-service-item:nth-child(odd) {
    position: relative;
}

.hs-service-item .hs-service-item-content:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: -1;
}

.hs-service-item:nth-child(odd) .hs-service-item-content:before {
    bottom: 0;
    right: 0;
    background: linear-gradient(315deg, rgba(255, 255, 255, 1) 50%, rgba(230, 230, 230, 1) 50%);
}

.hs-service-item:nth-child(even) .hs-service-item-content:before {
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, #fff2f1 50%);
    opacity: 1;
    transition: all .35s ease-in;
}

.hs-service-item:nth-child(even):hover .hs-service-item-content:before {
    opacity: 0;
    visibility: hidden;
}

.hs-service-item-content {
    position: relative;
    padding: 30px;
    z-index: 2;
    overflow: hidden;
}


.hs-service-item:nth-child(odd) .hs-service-item-content:before {
    bottom: 0;
    right: 0;
    transition: all .35s ease-in;
}

.hs-service-item .hs-service-item-content:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0;
    transition: all .35s ease-in;
    z-index: -3 !important;
}

.hs-service-item:nth-child(odd):hover .hs-service-item-content:before {
    opacity: 0;
}

.hs-service-item:nth-child(odd) .hs-service-item-content:after {
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(315deg, rgba(255, 255, 255, 1) 50%, rgb(0 0 0) 50%);
}

.hs-service-item:nth-child(odd):hover .hs-service-item-content:after {
    opacity: 1;
    right: 0;
    bottom: 0;
}

.hs-service-item:nth-child(even) .hs-service-item-content:after {
    left: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(45deg, rgb(255 255 255) 50%, rgb(0 0 0) 50%);
    visibility: hidden;
}

.hs-service-item:nth-child(even):hover .hs-service-item-content:after {
    opacity: 1;
    right: 0;
    bottom: 0;
    visibility: visible;
}

.hs-service-item:hover .hs-service-item-content:before {
    opacity: 0;
}




.hs-service-item:hover:after {
    width: 100%;
    opacity: 1;
}

.hs-service-item:hover h2 {
    color: #fff;
}

.hs-service-item:hover h2 a {
    color: #fff;
}

.hs-service-item:hover p {
    color: #fff;
}

.hs-service-item p {
    transition: all .35s ease-in;
}

.location-near-wrapper {
    position: relative;
}

.location-near-img {
    position: relative;
}

.location-near-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7;
}

.location-near-img img {
    width: 100%;
}

.location-near-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 30px 60px;
    align-items: center;
    text-align: right;
}

.location-near-content h2 {
    font-weight: 500;
    font-size: 40px;
    color: #fff;
}

.location-near-content p {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
}

.location-near-content select {
    padding: 10px 20px;
    text-transform: uppercase;
}

#servicer-info {
    margin-top: 30px;
}


#servicer-info p a {
    color: #000;
}

#servicer-info p a:hover {
    color: var(--primaryColor);
}

section.hs-parts-section {
    padding: 60px 0;
}


section.hs-parts-section .row {
    row-gap: 20px;
}

#parts-servicer-info {
    margin-top: 30px;
}

.location-near-content p a {
    color: #000;
}

section.single-product-info-section {
    padding: 60px 0;
}

.single-product-info-wrapper {
    display: grid;
    row-gap: 30px;
}

.single-product-info-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.single-product-info-item:nth-child(odd) .single-product-info-img img {
    border-radius: 10px 0 0 10px;
}

.single-product-info-item:nth-child(even) .single-product-info-img img {
    border-radius: 0 10px 10px 0;
}

.single-product-info-img img {
    width: 100%;

    height: 100%;
    object-fit: cover;
}

.single-product-info-item:nth-child(odd) .single-product-info-content {
    border-radius: 0 10px 10px 0;
}

.single-product-info-item:nth-child(even) .single-product-info-content {
    border-radius: 10px 0 0 10px;
}

.single-product-info-content {
    display: flex;
    align-items: center;
    padding: 30px;
    border: 1px solid;
}

.single-product-info-content-inner {
    text-align: justify;
}

.single-product-info-content-inner h3 {
    font-weight: 600;
}

.single-product-info-content-inner p {
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 0;
}

.single-product-info-img {
    height: 100%;
}

.single-product-info-content-inner ul li:not(:last-child) {
    margin-bottom: 12px;
}

.single-product-info-content-inner ul {
    margin-top: 15px;
}

.masonary-blog {
    overflow: hidden;
}

.masonary-blog .custom-nav-list {
    padding: 20px 0px;
}

.masonary-blog .custom-nav-list ul {
    display: flex;
    justify-content: center;
    gap: 0px 15px;
}

.masonary-blog .custom-nav-list ul li a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    padding: 5px 12px;
    border-radius: 20px;
}

.masonary-blog .custom-nav-list ul li a.active {
    font-weight: 700;
    background-color: #000000;
    color: #ffffff;
}

.masonary-blog .content-box {
    overflow: hidden;
}

.masonary-blog .content-box .content h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    padding-bottom: 15px;
}

.masonary-blog .content-box .content p {
    font-size: 16px;
    line-height: 24px;
}

.masonary-blog .content-box .content .blog-snippets ul {
    display: flex;
    gap: 0px 5px;
}

.masonary-blog .content-box .content .blog-snippets ul li {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
}

.masonary-blog .content-box .content .blog-snippets ul .spacer {
    position: relative;
}

.masonary-blog .content-box .content .blog-snippets ul .spacer::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 1.5px;
    height: 15px;
    background-color: #ffffff;
}

.masonary-blog .pd-0 {
    padding: 0px;
}

.masonary-blog .content-box.type-one {
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 270px;
    background-color: #efefef;
}

.masonary-blog .content-box.type-one:hover {
    background-color: #000000;
}

.masonary-blog .content-box.type-one:hover h2,
.masonary-blog .content-box.type-one:hover p {
    color: #fff;
}

.masonary-blog .content-box.type-two .content {
    position: absolute;
    z-index: 2;
    padding: 20px 30px;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.masonary-blog .content-box.type-two .content h2 a,
.masonary-blog .content-box.type-two .content h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 15px;
    color: #fff;
}

.masonary-blog .content-box.type-two img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.masonary-blog .content-box .image {
    position: relative;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.masonary-blog .content-box .image::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.masonary-blog .content-box:hover .image {
    transform: scale(1.1);
}

.masonary-blog .content-right {
    display: flex;
    flex-wrap: wrap;
}

.masonary-blog .content-right .one {
    width: 100%;
    min-width: 100%;
}

.masonary-blog .content-right .two,
.masonary-blog .content-right .three {
    width: 50%;
    min-width: 50%;
}

.masonary-blog .content-left .type-two {
    min-height: 500px;
}

.masonary-blog .content-left .type-two img {
    height: 530px;
}

@media (max-width: 768px) {

    .masonary-blog .content-right .two,
    .masonary-blog .content-right .three {
        width: 100%;
        min-width: 100%;
    }
}

.view-all-btn {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px 0px;
}

.view-all-btn a {
    border: 2px solid #000000;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    display: inline-block;
    padding: 6px 20px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.view-all-btn a:hover {
    background-color: #000000;
    color: #ffffff;
}

/*-------------------------------------------------Blogs-Card------------------------------------------*/
.blogs-card {
    padding: 60px 0px;
}

.blogs-card .row-gap {
    gap: 100px 0px;
}

.blogs-card .news-card .news-image {
    overflow: hidden;
    position: relative;
}

.blogs-card .news-card .news-image .news-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    width: max-content;
    z-index: 1;
    display: none;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blogs-card .news-card .news-image .news-tag a {
    display: block;
    color: #212529;
    background-color: #000000;
    padding: 3px 12px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.blogs-card .news-card .news-image img {
    width: 100%;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 300px;
    object-fit: cover;
}

.blogs-card .news-card .news-content {
    box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.17);
    padding: 10px;
    margin: -30px 20px;
    z-index: 999;
    position: relative;
    background-color: #fff;
}

.blogs-card .news-card .news-content .news-list {
    padding-bottom: 10px;
}

.blogs-card .news-card .news-content .news-list ul {
    display: flex;
    gap: 0px 30px;
}

.blogs-card .news-card .news-content .news-list ul li a {
    color: #616161;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.blogs-card .news-card .news-content .news-list ul li a i {
    margin-right: 4px;
    color: #153450;
    font-weight: 500;
    font-size: 16px;
}

.blogs-card .news-card .news-content .heading h3 {
    line-height: 22px;
    padding-bottom: 5px;
}

.blogs-card .news-card .news-content .heading h3 a {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #212529;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blogs-card .news-card .news-content .heading h3 a:hover {
    color: #000000;
}

.blogs-card .news-card .news-content .heading p {
    padding-bottom: 10px;
}

.blogs-card .news-card .news-content .heading .know-btn {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #000;
}

.blogs-card .news-card:hover .news-image .news-tag {
    transform: translateX(10px);
}

.blogs-card .news-card:hover .news-image img {
    transform: scale(1.1);
}

@media (max-width: 992px) {
    .blogs-card .row-gap {
        gap: 80px 0px;
    }
}

@media (max-width: 768px) {
    .blogs-card {
        padding: 50px 0px;
    }

    .blogs-card .row-gap {
        gap: 70px 0px;
    }
}

@media (max-width: 576px) {
    .blogs-card {
        padding: 30px 0px;
    }

    .blogs-card .row-gap {
        gap: 60px 0px;
    }
}

/*-------------------------------------------------Blog-Inner------------------------------------------*/
/*--------------------------------------------------News-Events-----------------------------------------------------*/
.news-details {
    padding: 60px 0px;
}

.news-details .row {
    gap: 40px 0px;
}

.news-details .news-details-inn .news-details-image {
    overflow: hidden;
}

.news-details .news-details-inn .news-details-image img {
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    height: 400px;
    object-fit: cover;
    width: 100%;
}

.news-details .news-details-inn .news-details-context {
    padding: 40px 30px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);
    border-radius: 0px 0px 10px 10px;
}

.news-details .news-details-inn .news-details-context .news-details-list {
    padding-bottom: 15px;
}

.news-details .news-details-inn .news-details-context .news-details-list ul {
    display: flex;
    gap: 0px 30px;
    justify-content: center;
}

.news-details .news-details-inn .news-details-context .news-details-list ul li a {
    color: #616161;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.news-details .news-details-inn .news-details-context .news-details-list ul li a i {
    margin-right: 4px;
    color: #153450;
    font-weight: 500;
    font-size: 16px;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn {
    display: flex;
    flex-direction: column;
    gap: 15px 0px;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn h3 {
    font-size: 36px;
    line-height: 44px;
    color: #212529;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

@media (max-width: 768px) {
    .news-details .news-details-inn .news-details-context .news-details-context-inn h3 {
        font-size: 26px;
        line-height: 34px;
    }
}

.news-details .news-details-inn .news-details-context .news-details-context-inn p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #212529;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn .news-details-image-flex img {
    border-radius: 5px;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn h4 {
    font-size: 26px;
    line-height: 34px;
    color: #212529;
    font-weight: 700;
    margin-bottom: -5px;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn ul {
    display: flex;
    gap: 5px 0px;
    flex-direction: column;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #212529;
    position: relative;
    padding-left: 20px;
}

.news-details .news-details-inn .news-details-context .news-details-context-inn ul li::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #000000;
    border-radius: 50px;
}

.news-details .news-details-inn:hover .news-details-image img {
    transform: scale(1.1);
}

.masonary-blog .content-left .type-two.max-h-400 img,
.masonary-blog .content-left .type-two.max-h-400 {
    height: 270px;
    min-height: unset;
}

.ablink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 0;
}

.home-product-item .swiper-button-next.home-product-button-next {
    right: 0;
}

.home-product-item .swiper-button-prev.home-product-button-prev {
    left: 0;
}

.home-product-item .swiper-navigation [class*="swiper-button-"] {
    background: #fff;
    width: auto;
    padding: 5px 15px;
    font-size: 31px;
    height: auto;
    border-radius: 5px;
}

.home-product-item .swiper-navigation {
    transition: all .35s ease-in;
    opacity: 0;
}

footer .icon-wrapper {
    font-size: 0;
    display: flex;
    align-items: center;
}

.home-product-item:hover .swiper-navigation {
    opacity: 1;
}

section.cerification-section {
    padding: 60px 0;
}

section.cerification-section .section-title {
    text-align: center;
}

section.cerification-section .cerification-img img {
    width: 100%;
}

.gform_button.button {
    padding: 5px 30px !important;
    font-size: 18px !important;
    background: #333;
    color: #fff !important;
    border: 0 !important;
    transition: all .35s ease-in !important;
    margin: 0 !important;
    border-radius: 5px;
}

.contact-item .gform_wrapper {
    background: #fff !important;
    padding: 20px !important;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 30px !important;
    border-radius: 20px !important;
}

.contact-main .section-title {
    margin-bottom: 20px !important;
}

@media (max-width:1440px) {
    .post-type-archive-career .product-banner-img img {
        object-position: right;
    }

    .post-type-archive-career .product-banner-img {
        height: 320px;
    }
}

@media (max-width:991px) {

    .post-type-archive-career .product-banner-img img {
        height: auto;
        min-height: unset;
        object-position: center;
    }

    .post-type-archive-career .product-banner-img {
        height: auto;
    }
}

@media (max-width:576px) {

    .post-type-archive-career .product-banner-img img {
        height: 200px;
        min-height: unset;
        object-position: center;
    }

}

.halistone-3d-tour-wrapper {
    position: relative;
}

.halistone-3d-tour-content {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.halistone-3d-tour-img {
    position: relative;
}

.halistone-3d-tour-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    opacity: .8;
}

.halistone-3d-tour-content-inner .section-title h2 {
    color: #fff;
}

.single-news-room-img {
    height: 500px;
}

.single-news-room-img img {
    height: 100%;
    object-fit: cover;
}

section.halistone-3d-tour-section {
    position: fixed;
    bottom: 10px;
    text-align: center;
    z-index: 999;
    right: 10px;
    padding: 8px 15px;
    background: #000;
    border-radius: 20px;
}

.halistone-3d-tour-btn-wrapper h5 {
    color: #fff;
    margin: 0;
    font-size: 16px;
}

.halistone-3d-tour-btn-wrapper p {
    font-size: 12px;
    color: #fff;
}

.single-insights .single-news-room-img {
    height: auto;
}

.single-insights .single-news-room-header {
    margin-top: 0;
}

.single-insights .single-news-room-body {
    font-size: 18px;
}

.single-insights .single-news-room-content {
    padding: 0 30px;
}

.single-insights .single-news-room-section .row {
    gap: 30px 0;
}

.employee-benifits-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.home .home-product-item,
.post-type-archive-product .home-product-item {
    height: 100%;
}

@media (max-width:991px) {
    .single-insights .single-news-room-content {
        padding: 0;
    }
}

/* My Code */

.single-news-room-section .single-news-room-body p {
    padding-bottom: 15px;
}

.single-news-room-section .single-news-room-body p:last-child {
    padding-bottom: 0;
}

.custom-spacing {
    padding: 80px 0px;
}

.message-from-md {
    background-color: rgb(247, 247, 247);
}

.message-from-md h2 {
    font-size: 46px;
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 10px;
}

.message-from-md p {
    font-size: 18px;
}

.timeline-carousel .swiper .swiper-pagination-bullet {
    background: #ee3124;
    display: unset;
    font-size: 18px;
    font-weight: 600;
    opacity: 1;
    border-radius: 0px;
    color: #fff;
    padding: 3px 10px;
}

.timeline-carousel .swiper .timeline {
    position: relative;
}

.timeline-carousel .swiper .timeline::before {
    position: absolute;
    content: "";
    top: 15px;
    left: 50px;
    width: 100%;
    height: 2px;
    border: 0.1px dashed rgb(227, 227, 227);
    z-index: -1;
}

.timeline-carousel .swiper .timeline .years {
    background: #ee3124;
    display: inline-block;
    padding: 2px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 2px;
}

.timeline-carousel .swiper .timeline .content {
    background-color: #000;
    padding: 30px;
    border-radius: 5px;
    height: 100%;
}

.timeline-carousel .swiper .timeline .content p {
    font-size: 17px;
    line-height: 28px;
    font-family: "DM Sans";
    color: #ffffff;
}


/* Media Query */

@media(max-width: 1400px) {
    .custom-spacing {
        padding: 70px 0px;
    }
}

@media(max-width: 1200px) {
    .custom-spacing {
        padding: 60px 0px;
    }

    .message-from-md h2 {
        font-size: 36px;
    }
}

@media(max-width: 992px) {
    .custom-spacing {
        padding: 50px 0px;
    }
}

@media(max-width: 768px) {
    .custom-spacing {
        padding: 40px 0px;
    }

    .message-from-md h2 {
        font-size: 28px;
    }
}

@media(max-width: 576px) {
    .custom-spacing {
        padding: 30px 0px;
    }
}


.message-from-md img {
    border-radius: 30px;
}

.video-main .vpop {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

Youez - 2016 - github.com/yon3zu
LinuXploit