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/lotus-2024/assets/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/web/dev.agtindia.co.in/lotus-2024/assets/css/main.scss
/*----------------------------------------------

[Master Stylesheet]

Project:    Lotus India
Version:    1.0
Last change:    21.2.2024
Primary use:    AGT 
Author:   Praveen Maddy

-----------------------------------------------*/

/*----------------------------------------------

[Table of contents]

1. Body
2. Header
3. Main
4. Footer

-----------------------------------------------*/

/*----------------------------------------------

[Fonts]

Base Fonts(Headings & Content) 1 : Inter;
Icon Fonts                       : SVG

------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

$ThemeColor: #29456a;

$ColorOrange: #f38118;

$TextColor: #272727;

$ColorWhiteHash: #f7f7f7;

$ColorWhiteHashSolid: #a6a5a5;

$ColorGrayHash: #cecece;

$ColorBlack: #000000;

$ColorWhite: #ffffff;

$Small: "(max-width: 576px)";

$Medium: "(max-width: 768px)";

$Large: "(max-width: 992px)";

$Extra-Large: "(max-width: 1200px)";

$Extra-Large-Custom: "(max-width: 1290px)";

$Extra-Extra-Large: "(max-width: 1400px)";

$mobile-breakpoint: "only screen and (max-width: 576px)";

$tablet-breakpoint: "only screen and (min-width: 576px) and (max-width: 768px)";

$laptop-breakpoint: "only screen and (min-width: 768px) and (max-width: 992px)";

$desktop-breakpoint: "only screen and (min-width: 992px) and (max-width: 1200px)";

$extra-large-breakpoint: "only screen and (min-width: 1200px) and (max-width: 1400px)";

$double-extra-large-breakpoint: "(min-width: 1400px)";

ul {
  padding: 0;
  margin: 0;
  list-style-type: none !important;
  margin-block-start: 0;
  -ms-margin-block-start: 0;
  -moz-margin-block-start: 0;
  -o-margin-block-start: 0;
  margin-block-end: 0;
  -ms-margin-block-end: 0;
  -moz-margin-block-end: 0;
  -o-margin-block-end: 0;
  padding-inline-start: 0;
  -ms-padding-inline-start: 0;
  -moz-padding-inline-start: 0;
  -o-padding-inline-start: 0;
}

li {
  text-decoration: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "Lexend Deca", sans-serif;
}

button {
  margin: 0;
  padding: 0;
}

a,
a:link,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

::-ms-expand {
  display: none;
}

::-ms-clear {
  display: none;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

:focus {
  box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.m-0-auto {
  margin: 0 auto;
}

.btn.focus,
btn.focus,
.btn:focus,
btn:focus,
button:focus {
  outline: none !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
}

.unstyled {
  -webkit-appearance: none;
  appearance: none;
}

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

input:-internal-autofill-selected {
  background-color: transparent;
}

input {
  background-color: transparent;
}

select {
  background-color: transparent;
  &:focus {
    outline: none;
  }
}

textarea {
  resize: none;
}

.border-less {
  border: 0 !important;
}

.bg-hash {
  background-color: $ColorWhiteHashSolid;
}

.spacer {
  padding: 15px;
  background-color: $ColorWhite;
}

.fsz-16 {
  font-size: 16px !important;
}

.fsz-20 {
  font-size: 20px !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.justify-content-space-between {
  justify-content: space-between;
}

.btn-close {
  --bs-btn-close-bg: none;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  --bs-btn-close-opacity: none;
  --bs-btn-close-hover-opacity: none;
  &:focus {
    box-shadow: none;
  }
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.bx-unset {
  box-shadow: unset !important;
}

.bdr-btm-1 {
  border-bottom: 1px solid;
}

.fsz-16 {
  font-size: 16px !important;
}

.bdr-5 {
  border-radius: 5px;
}

.bdr-10 {
  border-radius: 10px !important;
}

.bg-unset {
  background-color: unset;
}

.word-break {
  word-break: break-all;
}

.ht-100 {
  height: 100px !important;
}

.ht-150 {
  height: 150px !important;
}

.text-left {
  text-align: left !important;
}

.justify-content-unset {
  justify-content: unset !important;
}

.text-underlined {
  text-decoration: underline;
}

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mtb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mtb-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mtb-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mtb-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

// only screen and (min-width: 1400px) and (max-width: 1920px)
@media #{$double-extra-large-breakpoint} {
  .container {
    max-width: calc(100% - 14%);
  }
}

// only screen and (min-width: 1200px) and (max-width: 1400px)
@media #{$extra-large-breakpoint} {
}

// only screen and (min-width: 992px) and (max-width: 1200px)
@media #{$desktop-breakpoint} {
}

// only screen and (min-width: 768px) and (max-width: 992px)
@media #{$laptop-breakpoint} {
  .custom-order-md-1 {
    order: 1;
  }
  .custom-order-md-2 {
    order: 2;
  }
}

// only screen and (min-width: 576px) and (max-width: 768px)
@media #{$tablet-breakpoint} {
}

// only screen and (max-width: 576px)
@media #{$mobile-breakpoint} {
  .order-xs-2 {
    order: 2;
  }

  .order-xs-1 {
    order: 1;
  }
}

// max-width: < 1400px
@media #{$Extra-Extra-Large} {
}

// max-width: < 1200px
@media #{$Extra-Large} {
}

// max-width: < 992px
@media #{$Large} {
}

// max-width: < 768px
@media #{$Medium} {
}

// max-width: < 576px
@media #{$Small} {
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
}

@mixin transition($time) {
  transition: all ($time) ease-in-out;
  -o-transition: all ($time) ease-in-out;
  -moz-transition: all ($time) ease-in-out;
  -webkit-transition: all ($time) ease-in-out;
  -ms-transition: all ($time) ease-in-out;
}

@mixin box-shadow($values, $shadowColor) {
  box-shadow: ($values) rgba($shadowColor);
  -webkit-box-shadow: ($values) rgba($shadowColor);
  -ms-box-shadow: ($values) rgba($shadowColor);
  -moz-box-shadow: ($values) rgba($shadowColor);
  -o-box-shadow: ($values) rgba($shadowColor);
}

@mixin box-shadow-none {
  box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

@mixin appearance {
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

html {
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  position: relative;
}

/*------------------------------------------------Main-SCSS------------------------------------------------*/

.homepage {
  header {
    .navbar {
      padding: 20px 0;
      background: transparent;
      position: absolute;
      width: 100%;
      .navbar-nav {
        .nav-item {
          .nav-link {
            color: $ColorWhite;
          }
          &.dropdown {
            i {
              border-top: solid 5px $ColorWhite;
              margin-left: 0;
            }
          }
        }
      }
    }
  }
}

/*--------------------------------------------------Header------------------------------------------------*/

header {
  .navbar {
    padding: 20px 0;
    background: transparent;
    position: absolute;
    width: 100%;
    .navbar-brand {
      img {
        width: 176px;
      }
      color: $ColorWhite;
      font-size: 26px;
    }
    .navbar-nav {
      .nav-item {
        .nav-link {
          font-size: 16px;
          line-height: 22px;
          font-weight: 400;
          padding: 0 20px 0 0;
          color: $ColorWhite;
          letter-spacing: 0.3px;
          text-transform: capitalize;
        }
        &.dropdown {
          i {
            border-top: solid 5px $ColorWhite;
            margin-left: 0;
          }
        }
        &.active {
          color: $ColorBlack !important;
        }
      }
      .nav-item.dropdown > .navbar-nav {
        background-color: $ColorOrange;
        .nav-item {
          .nav-link {
            padding: 5px 10px;
            border-bottom: 1px solid $ColorGrayHash;
          }
          &:last-child {
            .nav-item {
              border: 0 !important;
            }
          }
        }
      }
    }
    .navbar-toggler-icon {
      background-image: none;
    }
    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler .navbar-toggler-icon::after,
    .navbar-toggler .navbar-toggler-icon::before {
      background-color: $ColorWhite;
      height: 2px;
    }
    .navbar-toggler {
      box-shadow: none;
    }
  }
  .bsnav-mobile {
    z-index: 999;
    .navbar {
      background: $ColorBlack;
      box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.05);
      -ms-box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.05);
      -moz-box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.05);
      -o-box-shadow: 0px 0px 8px 0px rgba(1, 1, 1, 0.05);
      width: 75%;
      padding: 50px 0 15px;
      flex-flow: column;
      top: 0;
      bottom: 0;
      left: 0;
      position: absolute;
      transition: 0.4s ease-in-out;
      -ms-transition: 0.4s ease-in-out;
      -moz-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      overflow: auto;
      .nav-item {
        .nav-link {
          color: $ColorWhite;
        }
      }
    }
    &.in {
      .navbar {
        transition: 2s cubic-bezier(0.86, 0, 0.07, 1);
        -ms-transition: 2s cubic-bezier(0.86, 0, 0.07, 1);
        -moz-transition: 2s cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: 2s cubic-bezier(0.86, 0, 0.07, 1);
      }
    }
  }
  .nav-item .caret {
    border-top: solid 5px $ColorWhite;
  }
  .nav-item.active .caret,
  .nav-item:hover .caret {
    border-top: solid 5px $ColorOrange;
  }
  .inner-nav {
    background-color: #f7f7f7;
    position: relative;
    .navbar-nav {
      .nav-item {
        .nav-link {
          color: $ColorBlack;
          &:hover {
            color: $ColorOrange;
          }
        }
      }
    }
    .navbar-nav .nav-item.dropdown i {
      border-top: 5px solid rgb(0, 0, 0);
    }
    .navbar-nav .nav-item.dropdown > .navbar-nav .nav-item .nav-link {
      color: $ColorWhite;
    }
    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler .navbar-toggler-icon::after,
    .navbar-toggler .navbar-toggler-icon::before {
      background-color: $ColorBlack;
    }
  }
}

/*--------------------------------------------------Banner--------------------------------------------------*/

.banner {
  .swiper-wrapper {
    .swiper-slide {
      height: 100vh;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center;
      display: flex;
      align-items: center;
      position: relative;
      z-index: 5;
      &::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(132 88 47 / 90%);
        z-index: -1;
      }
    }
  }
  .banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    h2 {
      font-size: 46px;
      line-height: 57px;
      font-weight: 600;
      color: $ColorWhite;
      text-align: center;
    }
  }
}

/*--------------------------------------------------About--------------------------------------------------*/

.about {
  padding: 90px 0px;
  background-color: #fff0e1;
  position: relative;
  z-index: 5;
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  .row {
    align-items: center;
  }
  .about-img {
    width: 100%;
  }
  .about-content {
    padding-left: 30px;
    h3 {
      font-size: 40px;
      line-height: 48px;
      font-weight: 600;
      padding-bottom: 15px;
      color: $ColorOrange;
    }
    p {
      font-size: 16px;
      line-height: 27px;
      font-weight: 400;
      padding-bottom: 15px;
      color: $TextColor;
      padding-bottom: 15px;
    }
    a {
      background-color: transparent;
      border: 2px solid $ColorOrange;
      border-radius: 5px;
      color: $ColorOrange;
      font-size: 16px;
      line-height: 26px;
      font-weight: 500;
      padding: 6px 20px;
      transition: all 0.3s linear;
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      display: inline-block;
      &::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        background-color: $ColorOrange;
        transition: all 0.3s ease-in-out;
        z-index: -1;
      }
      &:hover {
        background-color: transparent;
        color: $ColorWhite;
        &::before {
          width: 100%;
          transition: all 0.3s ease-in-out;
          left: 0;
        }
      }
    }
  }
}

/*--------------------------------------------------Recent-Blogs--------------------------------------------------*/

.recent-blogs {
  padding: 90px 0px;
  background-color: #ffe2c7;
  background-image: url(../images/pattern-grudge.png);
  background-repeat: repeat;
  background-position: center;
  .section-title {
    padding-bottom: 40px;
    h2 {
      font-size: 40px;
      line-height: 48px;
      font-weight: 600;
      color: $ColorOrange;
      text-align: center;
    }
    .section-title-underline-style {
      position: relative;
      display: flex;
      justify-content: space-between;
      max-width: 30%;
      margin: 0 auto;
      align-items: center;
    }
    .section-title-underline-style-line {
      width: 46%;
      height: 1px;
      background: #f38118;
      opacity: 0.5;
      margin-bottom: 0;
      position: relative;
    }
    .section-title-underline-style
      > .section-title-underline-style-line:last-child {
      margin-left: auto;
      left: auto;
      right: 0;
    }
    .section-title-underline-style-line:after {
      content: "";
      height: 0;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-style: dashed;
      border-top-width: 1px;
      border-left: 0;
      border-right: 0;
      border-color: transparent;
      border-top-color: #f38118;
    }
    .section-title-underline-style-img {
      position: relative;
      background-image: url(../images/section-circle.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin-bottom: 0;
    }
    p {
      text-align: center;
    }
  }
  .blog-content {
    position: relative;
    z-index: 1;
    &::before {
      position: absolute;
      z-index: -1;
      content: "";
      top: 15px;
      right: 15px;
      width: 100%;
      height: 100%;
      border: 1px solid rgba(165, 130, 81, 0.25);
      transition: all 0.75s ease 0s;
    }
    &::after {
      position: absolute;
      z-index: -1;
      content: "";
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border: 1px solid $ColorOrange;
      transition: all 0.75s ease 0s;
    }
    .blog-context {
      padding: 30px 0px 30px 20px;
      display: flex;
      position: relative;
      background-color: $ColorWhite;
      background-image: url(../images/pattern-grudge.png);
      background-repeat: repeat;
      background-position: center;
      transition: all 0.75s ease 0s;
      .context {
        h5 {
          font-size: 14px;
          line-height: 22px;
          font-weight: 400;
          padding-bottom: 5px;
        }
        h3 {
          font-size: 22px;
          line-height: 34px;
          font-weight: 600;
          color: $ColorOrange;
          padding-bottom: 5px;
        }
        p {
          font-size: 16px;
          line-height: 1.7;
          padding-bottom: 15px;
        }
        a {
          font-size: 16px;
          line-height: 26px;
          color: $ColorOrange;
          display: flex;
          align-items: center;
          justify-content: space-between;
          i {
            opacity: 0;
            font-size: 30px;
            transition: all 0.75s ease 0s;
          }
        }
      }
      .blog-date {
        padding: 15px;
        background-color: #fff0e1;
        height: fit-content;
        background-image: url(../images/pattern-grudge.png);
        background-position: center;
        transition: all 0.75s ease 0s;
        .date {
          font-size: 30px;
          line-height: 38px;
          font-weight: 700;
          color: $ColorOrange;
        }
        .month {
          font-size: 16px;
          text-transform: uppercase;
        }
      }
    }
    &:hover {
      &::before {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
      }
      &::after {
        top: 15px;
        right: 15px;
      }
      .blog-context {
        background-color: #fff0e1;
        .context {
          a {
            i {
              opacity: 1;
            }
          }
        }
      }
      .blog-date {
        background-color: #f5f5f5;
      }
    }
  }
}

/*--------------------------------------------------Why-Lotus-India--------------------------------------------------*/

.why-lotus-india {
  padding: 90px 0px;
  background-color: #fff0e1;
  background-image: url(../images/pattern-bg.png);
  background-repeat: repeat;
  background-position: center;
  .section-title {
    padding-bottom: 40px;
    h2 {
      font-size: 40px;
      line-height: 48px;
      font-weight: 600;
      color: $ColorOrange;
      text-align: center;
    }
    .section-title-underline-style {
      position: relative;
      display: flex;
      justify-content: space-between;
      max-width: 30%;
      margin: 0 auto;
      align-items: center;
    }
    .section-title-underline-style-line {
      width: 46%;
      height: 1px;
      background: #f38118;
      opacity: 0.5;
      margin-bottom: 0;
      position: relative;
    }
    .section-title-underline-style
      > .section-title-underline-style-line:last-child {
      margin-left: auto;
      left: auto;
      right: 0;
    }
    .section-title-underline-style-line:after {
      content: "";
      height: 0;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-style: dashed;
      border-top-width: 1px;
      border-left: 0;
      border-right: 0;
      border-color: transparent;
      border-top-color: #f38118;
    }
    .section-title-underline-style-img {
      position: relative;
      background-image: url(../images/section-circle.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin-bottom: 0;
    }
    p {
      text-align: center;
    }
  }
  .lotus-india-inn {
    display: flex;
    .icon {
      padding-right: 10px;
      img {
        width: 50px;
      }
    }
    .content {
      h3 {
        font-size: 24px;
        line-height: 34px;
        font-weight: 600;
        color: #f38118;
        padding-bottom: 5px;
      }
    }
  }
}

/*--------------------------------------------------Gallery--------------------------------------------------*/

.gallery {
  padding: 90px 0px;
  background-color: #ffe2c7;
  position: relative;
  z-index: 5;
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  .section-title {
    padding-bottom: 40px;
    h2 {
      font-size: 40px;
      line-height: 48px;
      font-weight: 600;
      color: $ColorOrange;
      text-align: center;
    }
    p {
      text-align: center;
    }
    .section-title-underline-style {
      position: relative;
      display: flex;
      justify-content: space-between;
      max-width: 30%;
      margin: 0 auto;
      align-items: center;
    }
    .section-title-underline-style-line {
      width: 46%;
      height: 1px;
      background: #f38118;
      opacity: 0.5;
      margin-bottom: 0;
      position: relative;
    }
    .section-title-underline-style
      > .section-title-underline-style-line:last-child {
      margin-left: auto;
      left: auto;
      right: 0;
    }
    .section-title-underline-style-line:after {
      content: "";
      height: 0;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-style: dashed;
      border-top-width: 1px;
      border-left: 0;
      border-right: 0;
      border-color: transparent;
      border-top-color: #f38118;
    }
    .section-title-underline-style-img {
      position: relative;
      background-image: url(../images/section-circle.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin-bottom: 0;
    }
  }
}

.gallery-inn {
  .item {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative !important;
    cursor: pointer;
    z-index: 5;
    img {
      width: 100%;
      transition: all 1.5s ease-in-out;
    }
    .label {
      position: absolute;
      width: 100%;
      height: 40px;
      bottom: -100%;
      transform: translateY(100%);
      transition: all 0.5s ease-in-out;
      .label-text {
        position: absolute;
        bottom: 15px;
        left: 10px;
        h4 {
          color: $ColorWhite;
          font-size: 24px;
          font-family: "Inter", sans-serif;
          font-weight: 600;
        }
      }
      .label-bg {
        background: linear-gradient(1deg, #f38118 1%, transparent);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        z-index: -1;
      }
    }
    &:hover {
      img {
        transform: scale(1.1);
        transition: all 0.5s;
        border-radius: 5px;
      }
      .label {
        bottom: 0;
        transform: translateY(0);
        height: 100%;
      }
    }
  }
}

/*---------------------------------------------------Custom-Breadcrumb----------------------------------------------------*/

.custom-breadcrumb {
  background-color: #ffd8b5;
  background-image: url(../images/pattern-grudge.png);
  padding: 50px 0px;
  .breadcrumb-title {
    h3 {
      font-size: 36px;
      line-height: 47px;
      padding-bottom: 8px;
      font-weight: 700;
      color: $ColorOrange;
    }
    ul {
      display: flex;
      align-items: center;
      gap: 20px;
      li {
        a {
          color: $ColorOrange;
          position: relative;
          font-family: "Inter", sans-serif;
          font-size: 14px;
          font-weight: 400;
          line-height: 22px;
          &.active {
            color: $ColorBlack;
            &::after {
              display: none;
            }
          }
          &::after {
            position: absolute;
            content: "";
            top: 7px;
            right: -12px;
            width: 5px;
            height: 5px;
            border-radius: 50px;
            background-color: $ColorOrange;
          }
        }
      }
    }
  }
}

/*-----------------------------------------------------Footer----------------------------------------------------*/

footer {
  .testimonial {
    padding: 90px 0px;
    background-color: #ffcd9f;
    background-image: url(../images/pattern-grudge.png);
    background-repeat: repeat;
    background-position: center;
    .section-title {
      padding-bottom: 10px;
      h2 {
        font-size: 40px;
        line-height: 48px;
        font-weight: 600;
        color: $ColorOrange;
        text-align: center;
      }
      .section-title-underline-style {
        position: relative;
        display: flex;
        justify-content: space-between;
        max-width: 30%;
        margin: 0 auto;
        align-items: center;
      }
      .section-title-underline-style-line {
        width: 46%;
        height: 1px;
        background: #f38118;
        opacity: 0.5;
        margin-bottom: 0;
        position: relative;
      }
      .section-title-underline-style
        > .section-title-underline-style-line:last-child {
        margin-left: auto;
        left: auto;
        right: 0;
      }
      .section-title-underline-style-line:after {
        content: "";
        height: 0;
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        border-style: dashed;
        border-top-width: 1px;
        border-left: 0;
        border-right: 0;
        border-color: transparent;
        border-top-color: #f38118;
      }
      .section-title-underline-style-img {
        position: relative;
        background-image: url(../images/section-circle.png);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 80px;
        height: 80px;
        margin-bottom: 0;
      }
    }
    .swiper {
      .swiper-wrapper {
        .swiper-slide {
          .testimonial-content {
            text-align: center;
            img {
              border-radius: 50%;
              width: 100px;
              height: 100px;
            }
            p {
              color: $ColorBlack;
              font-size: 16px;
              line-height: 27px;
              font-weight: 500;
              position: relative;
              padding: 10px;
              i {
                font-size: 24px;
                &.fa-quote-left {
                  padding-right: 15px;
                }
                &.fa-quote-right {
                  padding-left: 15px;
                }
              }
            }
          }
        }
      }
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-size: 24px;
      color: $ColorOrange;
    }
    // [class^="swiper-button-"]{
    // 	top: initial;
    // 	bottom: -10px;
    // }
    // [class^="swiper-button-next"]{
    // 	bottom: -10px;
    // 	left: 40px;
    // }
    .swiper_wrapper {
      position: relative;
    }
    .swiper-slide {
      padding-bottom: 50px;
    }
    .swiper-button-next,
    .swiper-button-prev {
      bottom: 0px !important;
      top: unset !important;
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto !important;
    }

    .swiper-button-prev {
      left: -30px !important;
    }

    .swiper-button-next {
      left: 30px !important;
    }
  }

  .footer-bottom {
    padding: 25px 0px;
    background-color: #ffe2c7;
    p {
      text-align: center;
      color: $TextColor;
      font-size: 16px;
      line-height: 27px;
    }
    .section-title-underline-style {
      position: relative;
      display: flex;
      justify-content: space-between;
      max-width: 30%;
      margin: 0 auto;
      align-items: center;
    }
    .section-title-underline-style-line {
      width: 46%;
      height: 1px;
      background: #f38118;
      opacity: 0.5;
      margin-bottom: 0;
      position: relative;
    }
    .section-title-underline-style
      > .section-title-underline-style-line:last-child {
      margin-left: auto;
      left: auto;
      right: 0;
    }
    .section-title-underline-style-line:after {
      content: "";
      height: 0;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-style: dashed;
      border-top-width: 1px;
      border-left: 0;
      border-right: 0;
      border-color: transparent;
      border-top-color: #f38118;
    }
    .section-title-underline-style-img {
      position: relative;
      background-image: url(../images/section-circle.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin-bottom: 0;
    }
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.equal-section-grid {
  .equal-section-grid-content {
    padding: 50px 50px;
    background-color: #f7f7f7;
    height: 100%;
    display: grid;
    align-content: center;
    h3 {
      font-size: 36px;
      line-height: 44px;
      font-weight: 500;
      padding-bottom: 10px;
      color: $ColorOrange;
      position: relative;
      &::after {
        content: "";
        width: 80px;
        height: 4px;
        position: relative;
        background-color: $ColorOrange;
        display: block;
        margin-top: 5px;
        left: 0;
      }
    }
    h4 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 500;
      padding-bottom: 10px;
      color: $ColorOrange;
    }
    p {
      font-size: 16px;
      line-height: 27px;
      font-weight: 400;
      padding-bottom: 15px;
      color: $TextColor;
      text-align: justify;
      &:last-child {
        padding-bottom: 0 !important;
      }
    }
  }
  .equal-section-grid-image {
    height: 100%;
    object-fit: cover;
    width: 100%;
    img {
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
  }
}

.hyper-link {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  a {
    font-size: 18px;
    line-height: 26px;
    color: $TextColor;
    font-weight: 500;
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.general-inner-section {
  padding: 90px 0px;
  background-color: #e9e9e9;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
  }
  h4 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
  }
  p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 15px;
    color: $TextColor;
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.services-page {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
}

.books-page {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
}

.advisory-council {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #f38118;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: #f38118;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      left: 0;
    }
  }
  p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 30px;
    color: #272727;
    text-align: center;
  }
  .advisory-council-card {
    padding: 30px 30px 30px 20px;
    background-color: #ffffff;
    background-image: url(../images/pattern-grudge.png);
    background-repeat: repeat;
    background-position: center;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
    .image {
      padding-bottom: 30px;
      img {
        margin: 0 auto;
        display: block;
      }
    }
    .card-content {
      text-align: center;
      h4 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
      }
    }
    &:hover {
      transform: translateY(-5px);
    }
  }
}

.accolades-page {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #f38118;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: #f38118;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      left: 0;
    }
  }
  .swiper {
    padding-top: 50px;
    height: 100%;
    .swiper-container {
      overflow: hidden;
      margin-left: 50px;
      margin-right: 50px;
      .swiper-wrapper {
        .swiper-slide {
          height: auto !important;
          .accolades-content {
            padding: 20px;
            background-image: url(../images/pattern-grudge.png);
            background-position: center;
            background-repeat: repeat;
            background-color: #fff;
            height: 100% !important;
            display: flex;
            flex-direction: column;
            img {
              border-radius: 50%;
              margin: 0 auto;
              display: block;
              width: 120px;
            }
            p {
              color: $ColorBlack;
              font-size: 15px;
              line-height: 27px;

              position: relative;
              padding: 10px;
            }
            blockquote {
              font-size: 16px;
              font-weight: 600;
              margin: auto 0 0 0;
            }
          }
        }
      }
      .swiper-button-prev::after {
        font-size: 24px;
        color: #f38118;
      }
      .swiper-button-next::after {
        font-size: 24px;
        color: #f38118;
      }
    }
  }
}

.feedback-form {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
}

.gallery-section-page {
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  padding: 90px 0px;
  background-color: #f7f7f7;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #f38118;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: #f38118;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 5px;
      left: 0;
    }
  }
  .general-gallery-photos-inn {
    padding-top: 40px;
    .item {
      margin-bottom: 30px;
      overflow: hidden;
      position: relative !important;
      cursor: pointer;
      z-index: 5;
      img {
        width: 100%;
        transition: all 1.5s ease-in-out;
      }
      .label {
        position: absolute;
        width: 100%;
        transition: all 0.5s ease-in-out;
        bottom: 0;
        transform: translateY(0);
        height: 100%;
        .label-text {
          position: absolute;
          bottom: 15px;
          left: 10px;
          h4 {
            color: $ColorWhite;
            font-size: 24px;
            font-family: "Inter", sans-serif;
            font-weight: 600;
          }
        }
        .label-bg {
          background: linear-gradient(1deg, #f38118 1%, transparent);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          border-radius: 5px;
          z-index: -1;
        }
      }
      &:hover {
        img {
          transform: scale(1.1);
          transition: all 0.5s;
          border-radius: 5px;
        }
        .label {
          bottom: 0;
          transform: translateY(0);
          height: 100%;
        }
      }
    }
  }
}

.monthly-meetings {
  .general-gallery-photos-inn .item .label .label-bg {
    height: 60px;
    top: unset;
    bottom: 0px;
    background: linear-gradient(20deg, #f38118 1%, transparent);
  }
}

.common-accordion {
  .section-title {
    padding-bottom: 40px;
    h2 {
      font-size: 40px;
      line-height: 48px;
      font-weight: 600;
      color: $ColorOrange;
      text-align: center;
    }
    .section-title-underline-style {
      position: relative;
      display: flex;
      justify-content: space-between;
      max-width: 30%;
      margin: 0 auto;
      align-items: center;
    }
    .section-title-underline-style-line {
      width: 46%;
      height: 1px;
      background: #f38118;
      opacity: 0.5;
      margin-bottom: 0;
      position: relative;
    }
    .section-title-underline-style
      > .section-title-underline-style-line:last-child {
      margin-left: auto;
      left: auto;
      right: 0;
    }
    .section-title-underline-style-line:after {
      content: "";
      height: 0;
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 100%;
      border-style: dashed;
      border-top-width: 1px;
      border-left: 0;
      border-right: 0;
      border-color: transparent;
      border-top-color: #f38118;
    }
    .section-title-underline-style-img {
      position: relative;
      background-image: url(../images/section-circle.png);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin-bottom: 0;
    }
  }
  .accordion {
    .accordion-header {
      .accordion-button {
        background-color: $ColorOrange;
        color: $ColorWhite;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        &:focus {
          outline: none !important;
          box-shadow: none;
        }
        &::after {
          filter: invert(1);
        }
      }
    }
    .accordion-collapse {
      .accordion-body {
        p {
          font-size: 16px;
          line-height: 27px;
          font-weight: 400;
          padding-bottom: 15px;
          color: #272727;
        }
        h3 {
          font-size: 36px;
          line-height: 44px;
          font-weight: 500;
          padding-bottom: 10px;
          color: #f38118;
          position: relative;
          &::after {
            content: "";
            width: 80px;
            height: 4px;
            position: relative;
            background-color: $ColorOrange;
            display: block;
            margin-top: 5px;
            left: 0;
          }
        }
        ul {
          padding-bottom: 15px;
          li {
            padding-bottom: 8px;
            list-style-type: square;
            margin-left: 25px;
            &:last-child {
              padding-bottom: 0;
            }
          }
        }
        blockquote {
          cite {
            font-style: normal;
            font-weight: 600;
          }
        }
      }
    }
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.teachings-page {
  padding: 90px 0px;
  background-color: #f7f7f7;
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: $ColorOrange;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      margin-bottom: 20px;
      left: 0;
    }
  }
  h4 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
  }
  p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 15px;
    color: $TextColor;
  }
  blockquote {
    font-size: 20px;
    font-style: italic;
  }
  .teaching-inner {
    border: 1px solid $ColorOrange;
    padding: 30px;
    background-color: $ColorWhite;
    background-image: url(../images/pattern-grudge.png);
    background-position: center;
    background-repeat: repeat;
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.awards-honours {
  padding: 90px 0px;
  background-color: #f7f7f7;
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: $ColorOrange;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      margin-bottom: 20px;
      left: 0;
    }
  }
  ul {
    li {
      position: relative;
      padding-left: 30px;
      font-size: 16px;
      line-height: 24px;
      padding-bottom: 10px;
      .bi {
        font-size: 20px;
        color: #f38118;
        position: absolute;
        top: 0;
        left: 0;
      }
    }
  }
  .awards-honours-content {
    border: 1px solid $ColorOrange;
    padding: 30px;
    background-color: $ColorWhite;
    background-image: url(../images/pattern-grudge.png);
    background-position: center;
    background-repeat: repeat;
  }
}

/*--------------------------------------------------Doubt--------------------------------------------------*/

.all-fails-yantra {
  padding: 90px 0px;
  background-color: #e9e9e9;
  background-image: url(../images/pattern-bg.png);
  background-position: center;
  background-repeat: repeat;
  h3 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    padding-bottom: 10px;
    color: $ColorOrange;
    position: relative;
    text-align: center;
    &::after {
      content: "";
      width: 80px;
      height: 4px;
      position: relative;
      background-color: $ColorOrange;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      margin-bottom: 20px;
      left: 0;
    }
  }
  p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 15px;
    color: $TextColor;
  }
}

/*--------------------------------------------------Breakpoints--------------------------------------------------*/

@media (max-width: 1536px) {
  .banner {
    .banner-content {
      h2 {
        font-size: 40px;
        line-height: 48px;
      }
    }
  }
  .about {
    padding: 80px 0px;
    .row {
      align-items: center;
    }
    .about-content {
      h3 {
        font-size: 34px;
        line-height: 42px;
        padding-bottom: 10px;
      }
      p {
        font-size: 17px;
        line-height: 28px;
      }
    }
  }
  .recent-blogs {
    padding: 80px 0px;
    .section-title {
      h2 {
        font-size: 34px;
        line-height: 42px;
      }
    }
  }
  .why-lotus-india {
    padding: 80px 0px;
    .section-title {
      h2 {
        font-size: 34px;
        line-height: 42px;
      }
    }
  }
  .gallery {
    padding: 80px 0px;
    .section-title {
      h2 {
        font-size: 34px;
        line-height: 42px;
      }
    }
  }
  .general-inner-section {
    padding: 80px 0px;
  }
  .services-page {
    padding: 80px 0px;
  }
  .books-page {
    padding: 80px 0px;
  }
  .advisory-council {
    padding: 80px 0px;
  }
  .accolades-page {
    padding: 80px 0px;
  }
  .feedback-form {
    padding: 80px 0px;
  }
  .gallery-section-page {
    padding: 80px 0px;
  }
  .common-accordion {
    .section-title {
      h2 {
        font-size: 34px;
        line-height: 42px;
      }
    }
    .accordion .accordion-collapse .accordion-body h3 {
      font-size: 32px;
      line-height: 40px;
    }
  }
  .teachings-page {
    padding: 80px 0px;
    h3 {
      font-size: 30px;
      line-height: 38px;
    }
    h4 {
      font-size: 28px;
      line-height: 36px;
    }
  }
  .awards-honours {
    padding: 80px 0px;
    .awards-honours-content {
      h3 {
        font-size: 30px;
        line-height: 38px;
      }
    }
  }
  footer {
    .testimonial {
      padding: 80px 0px;
      .section-title {
        h2 {
          font-size: 34px;
          line-height: 42px;
        }
      }
    }
  }
}
@media #{$Extra-Large} {
  header {
    .navbar {
      .navbar-nav {
        .nav-item {
          padding-bottom: 5px;
          .nav-link {
            padding-right: 12px;
          }
        }
      }
    }
  }
}
// 992px
@media #{$Large} {
  .custom-order-md-2 {
    order: 2;
  }

  .banner {
    .banner-content {
      h2 {
        font-size: 36px;
        line-height: 44px;
      }
    }
  }
  .recent-blogs {
    padding: 50px 0px;
    .section-title {
      padding-bottom: 30px;
      h2 {
        font-size: 30px;
        line-height: 38px;
      }
    }
    .blog-content {
      margin-bottom: 30px;
    }
  }
  .why-lotus-india {
    padding: 50px 0px;
    .section-title {
      padding-bottom: 30px;
      h2 {
        font-size: 30px;
        line-height: 38px;
      }
    }
  }
  .about {
    padding: 50px 0px;
    .about-img {
      padding-bottom: 20px;
    }
    .about-content {
      padding-left: 0;
      h3 {
        font-size: 30px;
        line-height: 38px;
      }
      p {
        font-size: 16px;
        line-height: 24px;
      }
      a {
        font-size: 16px;
        line-height: 24px;
      }
    }
  }
  .gallery {
    padding: 50px 0px;
    .section-title {
      padding-bottom: 30px;
      h2 {
        font-size: 30px;
        line-height: 38px;
      }
    }
  }
  .equal-section-grid {
    .equal-section-grid-content {
      padding: 30px 50px;
      h3 {
        font-size: 30px;
        line-height: 38px;
      }
      h4 {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 2px;
      }
    }
  }
  .general-inner-section {
    padding: 50px 0px;
    h3 {
      font-size: 28px;
      line-height: 36px;
    }
    h4 {
      font-size: 26px;
      line-height: 34px;
    }
    .custom-image {
      padding-bottom: 20px;
    }
  }
  .services-page {
    padding: 50px 0px;
  }
  .books-page {
    padding: 50px 0px;
  }
  .advisory-council {
    padding: 50px 0px;
    h3 {
      font-size: 30px;
      line-height: 38px;
    }
  }
  .accolades-page {
    padding: 50px 0px;
    h3 {
      font-size: 30px;
      line-height: 38px;
    }
  }
  .feedback-form {
    padding: 50px 0px;
  }
  .gallery-section-page {
    padding: 50px 0px;
    h3 {
      font-size: 30px;
      line-height: 38px;
    }
  }
  .common-accordion {
    .section-title {
      padding-bottom: 30px;
      h2 {
        font-size: 30px;
        line-height: 38px;
      }
    }
    .accordion .accordion-collapse .accordion-body h3 {
      font-size: 32px;
      line-height: 40px;
    }
  }
  .teachings-page {
    padding: 50px 0px;
    h3 {
      font-size: 28px;
      line-height: 36px;
    }
    h4 {
      font-size: 26px;
      line-height: 34px;
    }
    .custom-image {
      padding-bottom: 20px;
    }
  }
  .awards-honours {
    padding: 50px 0px;
    .awards-honours-content {
      h3 {
        font-size: 28px;
        line-height: 36px;
      }
    }
  }
  footer {
    .testimonial {
      padding: 50px 0px;
      .section-title {
        padding-bottom: 30px;
        h2 {
          font-size: 30px;
          line-height: 38px;
        }
      }
    }
  }
}

// 768px
@media #{$Medium} {
  .custom-md-mb-0 {
    margin-bottom: 0 !important;
  }
  .banner {
    .banner-content {
      h2 {
        font-size: 30px;
        line-height: 38px;
      }
    }
    .swiper-wrapper {
      .swiper-slide {
        height: 80vh;
      }
    }
  }
  .about {
    padding: 40px 0px;
  }
  .recent-blogs {
    padding: 40px 0px;
  }
  .why-lotus-india {
    padding: 40px 0px;
    .lotus-india-inn {
      margin-bottom: 30px;
    }
  }
  .gallery {
    padding: 40px 0px;
  }
  .equal-section-grid {
    .equal-section-grid-content {
      padding: 30px 30px;
    }
  }
  .general-inner-section {
    padding: 40px 0px;
  }
  .services-page {
    padding: 40px 0px;
  }
  .books-page {
    padding: 40px 0px;
  }
  .advisory-council {
    padding: 40px 0px;
  }
  .accolades-page {
    padding: 40px 0px;
  }
  .feedback-form {
    padding: 40px 0px;
  }
  .gallery-section-page {
    padding: 40px 0px;
    .general-gallery-photos-inn .item .label .label-text h4 {
      font-size: 20px;
    }
  }
  .common-accordion {
    .accordion .accordion-collapse .accordion-body h3 {
      font-size: 30px;
      line-height: 38px;
    }
  }
  .teachings-page {
    padding: 40px 0px;
    .teaching-inner {
      padding: 20px;
    }
  }
  .awards-honours {
    padding: 40px 0px;
    .awards-honours-content {
      padding: 20px;
    }
  }
  footer {
    .testimonial {
      padding: 40px 0px;
    }
  }
}

// 576px
@media #{$Small} {
  .custom-sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .about {
    padding: 30px 0px;
    .about-content {
      h3 {
        font-size: 26px;
        line-height: 34px;
      }
    }
    .lotus-bg-2 {
      img {
        width: 100px;
      }
    }
  }
  .recent-blogs {
    padding: 30px 0px;
    .section-title {
      padding-bottom: 20px;
      h2 {
        font-size: 26px;
        line-height: 34px;
      }
    }
  }
  .why-lotus-india {
    padding: 30px 0px;
    .section-title {
      padding-bottom: 20px;
      h2 {
        font-size: 26px;
        line-height: 34px;
      }
    }
    .lotus-india-inn {
      .content {
        h3 {
          font-size: 20px;
          line-height: 28px;
          padding-bottom: 0;
        }
      }
    }
  }
  .gallery {
    padding: 30px 0px;
    .section-title {
      padding-bottom: 20px;
      h2 {
        font-size: 26px;
        line-height: 34px;
      }
    }
  }
  .gallery-inn {
    .item {
      margin-bottom: 20px;
    }
  }
  .custom-breadcrumb .breadcrumb-title h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .equal-section-grid {
    .equal-section-grid-content {
      padding: 20px 25px;
      h3 {
        font-size: 26px;
        line-height: 34px;
      }
      h4 {
        font-size: 24px;
        line-height: 32px;
      }
    }
  }
  .general-inner-section {
    padding: 30px 0px;
    h3 {
      font-size: 24px;
      line-height: 32px;
    }
    h4 {
      font-size: 22px;
      line-height: 30px;
    }
  }
  .services-page {
    padding: 30px 0px;
  }
  .books-page {
    padding: 30px 0px;
  }
  .advisory-council {
    padding: 30px 0px;
    .advisory-council-card {
      margin-bottom: 20px;
    }
    h3 {
      font-size: 26px;
      line-height: 34px;
    }
  }
  .accolades-page {
    padding: 30px 0px;
    h3 {
      font-size: 26px;
      line-height: 34px;
    }
    .swiper {
      padding-top: 20px;
    }
  }
  .feedback-form {
    padding: 30px 0px;
  }
  .gallery-section-page {
    padding: 30px 0px;
    .general-gallery-photos-inn {
      padding-top: 20px;
      .item {
        margin-bottom: 20px;
      }
    }
    h3 {
      font-size: 26px;
      line-height: 34px;
    }
  }
  .common-accordion {
    .section-title {
      padding-bottom: 10px;
    }
    .accordion .accordion-collapse .accordion-body h3 {
      font-size: 26px;
      line-height: 34px;
    }
  }
  .teachings-page {
    padding: 30px 0px;
    .teaching-inner {
      padding: 15px;
      blockquote {
        margin-bottom: 0;
      }
    }
    h3 {
      font-size: 24px;
      line-height: 32px;
    }
    h4 {
      font-size: 22px;
      line-height: 30px;
    }
  }
  .awards-honours {
    padding: 30px 0px;
    .awards-honours-content {
      padding: 15px;
      h3 {
        font-size: 24px;
        line-height: 32px;
      }
    }
  }
  footer {
    .testimonial {
      padding: 30px 0px;
      .section-title {
        padding-bottom: 20px;
        h2 {
          font-size: 26px;
          line-height: 34px;
        }
      }
    }
  }
}

.lightbox {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column-reverse;
}

Youez - 2016 - github.com/yon3zu
LinuXploit