RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð .......................................===Shadow-Here===........................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------ //////////////////////////////////////////////////////////////////////////////////////////////// GIF89a=( õ' 7IAXKgNgYvYx\%wh…hŽth%ˆs%—x¨}9®Œ©€&©‰%¶†(¹–.¹5·œD¹&Çš)ÇŸ5ǘ;Í£*È¡&Õ²)ׯ7×µ<Ñ»4ï°3ø‘HÖ§KͯT÷¨Yÿšqÿ»qÿÔFØ !ù ' !ÿ NETSCAPE2.0 , =( þÀ“pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§gª«ªE¯°¨¬ª±²Œ¹º¹E¾­”´ÂB¶¯ §Åȸ»ÑD¾¿Á•ÄÅ®° ÝH¾ÒLÀÆDÙ«D¶BÝïðÀ¾DÑÑÔTÌÍíH òGö¨A RÎڐ |¥ ٭&ºìE8œ¹kGÔAÞpx­a¶­ã R2XB®åE8I€Õ6Xî:vT)äžþÀq¦è³¥ì仕F~%xñ  4#ZÔ‰O|-4Bs‘X:= QÉ œš lºÒyXJŠGȦ|s hÏíK–3l7·B|¥$'7Jީܪ‰‡àá”Dæn=Pƒ ¤Òëí‰`䌨ljóá¯Éüv>á–Á¼5 ½.69ûϸd«­ºÀûnlv©‹ªîf{¬ÜãPbŸ  l5‘Ž¯pß ´ ˜3aÅùäI«O’ý·‘áÞ‡˜¾Æ‚ÙÏiÇÿ‹Àƒ #öó)pâš Þ½ ‘Ý{ó)vmÞü%D~ 6f s}ŃƒDØW Eþ`‡þ À…L8xá†ç˜{)x`X/> Ì}mø‚–RØ‘*|`D=‚Ø_ ^ð5 !_…'aä“OÚ—7âcð`D”Cx`ÝÂ¥ä‹éY¹—F¼¤¥Š?¡Õ™ n@`} lď’ÄÉ@4>ñd œ à‘vÒxNÃ×™@žd=ˆgsžG±æ ´²æud &p8Qñ)ˆ«lXD©øÜéAžHìySun jª×k*D¤LH] †¦§C™Jä–´Xb~ʪwStŽ6K,°£qÁœ:9ت:¨þªl¨@¡`‚ûÚ ».Û¬¯t‹ÆSÉ[:°=Š‹„‘Nåû”Ìî{¿ÂA ‡Rà›ÀÙ6úë°Ÿð0Ä_ ½;ÃϱîÉì^ÇÛÇ#Ëë¼ôº!±Ä˜íUîÅÇ;0L1óÁµö«p% AÀºU̬ݵ¼á%霼€‡¯Á~`ÏG¯»À× ­²± =4ªnpð3¾¤³¯­ü¾¦îuÙuµÙ®|%2ÊIÿür¦#0·ÔJ``8È@S@5ê¢ ö×Þ^`8EÜ]ý.뜃Âç 7 ú ȉÞj œ½Dç zý¸iþœÑÙûÄë!ˆÞÀl§Ïw‹*DçI€nEX¯¬¼ &A¬Go¼QföõFç°¯;é¦÷îŽêJ°îúôF5¡ÌQ|îúöXªæ»TÁÏyñêï]ê² o óÎC=öõ›ÒÓPB@ D×½œä(>èCÂxŽ`±«Ÿ–JЀ»Û á¤±p+eE0`ëŽ`A Ú/NE€Ø†À9‚@¤à H½7”à‡%B‰`Àl*ƒó‘–‡8 2ñ%¸ —€:Ù1Á‰E¸àux%nP1ð!‘ðC)¾P81lÑɸF#ˆ€{´âé°ÈB„0>±û °b¡Š´±O‚3È–Ù()yRpbµ¨E.Z‘D8ÊH@% òŒx+%Ù˜Æcü »¸˜fõ¬b·d`Fê™8èXH"ÉÈ-±|1Ô6iI, 2““¬$+](A*jÐ QTÂo‰.ÛU슬Œã„Ž`¯SN¡–¶Äåyše¯ª’­¬‚´b¦Éož œ)åyâ@Ì®3 ÎtT̉°&Ø+žLÀf"Ø-|žçÔ>‡Ðv¦Ðžì\‚ Q1)Ž@Žh#aP72”ˆ™¨$‚ !ù " , =( …7IAXG]KgNgYvYxR"k\%w]'}hŽth%ˆg+ˆs%—r.—m3šx3˜x¨}9®€&©€+¨‡7§‰%¶†(¹–.¹œD¹&ǘ;Í•&ײ)×»4ïÌ6ò§KÍ þ@‘pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g «¬ E ±± ¨­¶°ººE Á´”·®C¬²§Ç¶Œ»ÓDÃÕƷ¯Ê±H½ºM×ÁGÚ¬D¶BËÁ½î½DÓôTÏÛßîG»ôõC×CÌ l&âž:'òtU³6ɹ#·Ø)€'Ü.6±&ëÍÈ» K(8p0N?!æ2"ÛˆNIJX>R¼ÐO‚M '¡¨2¸*Ÿþ>#n↠å@‚<[:¡Iïf’ ¤TÚ˘CdbÜÙ“[«ŽEú5MBo¤×@€`@„€Êt W-3 ¶Ÿ¡BíêäjIÝ…Eò9[T…$íêﯧ„…•s»Óȳ¹€ÅÚdc®UUρ#±Ùïldj?´í¼²`\ŽÁðÞu|3'ÖŒ]ë6 ¶S#²‡˜FKLÈ *N E´‘áäŠ$˜›eÄYD„ºq«.è촁ƒs \-ÔjA 9²õ÷å- üúM[Âx(ís÷ì®x€|í¡Ù’p¦‚ ŽkÛTÇDpE@WÜ ²Ç]kŠ1¨ þ€·Yb ÓÁ‰l°*n0 ç™—žzBdОu¾7ĉBl€â‰-ºx~|UåU‰  h*Hœ|e"#"?vpÄiŠe6^ˆ„+qâŠm8 #VÇá ‘å–ÄV„œ|Šè•m"сœn|@›U¶ÆΞ—Špb¥G¨ED”€±Úê2FÌIç? >Éxå Œ± ¡¤„%‘žjŸ‘ꄯ<Ìaà9ijÐ2˜D¦È&›†Z`‚å]wþ¼Â:ç6àB¤7eFJ|õÒ§Õ,¨äàFÇ®cS·Ê¶+B°,‘Þ˜ºNûãØ>PADÌHD¹æž«ÄÀnÌ¥}­#Ë’ë QÀÉSÌÂÇ2ÌXÀ{æk²lQÁ2«ÊðÀ¯w|2Í h‹ÄÂG€,m¾¶ë3ÐÙ6-´ÅE¬L°ÆIij*K½ÀÇqï`DwVÍQXœÚÔpeœ±¬Ñ q˜§Tœ½µƒ°Œìu Â<¶aØ*At¯lmEØ ü ôÛN[P1ÔÛ¦­±$ÜÆ@`ùåDpy¶yXvCAyåB`ŽD¶ 0QwG#¯ æš[^Äþ $ÀÓÝǦ{„L™[±úKÄgÌ;ï£S~¹ìGX.ôgoT.»åˆ°ùŸûù¡?1zö¦Ÿž:ÅgÁ|ìL¹ „®£œŠ‚à0œ]PÁ^p F<"•ç?!,ñ‡N4—…PÄ Á„ö¨Û:Tè@hÀ‹%táÿ:ø-žI<`þ‹p I….)^ 40D#p@ƒj4–؀:²‰1Øâr˜¼F2oW¼#Z†;$Q q” ‘ ÂK¦ñNl#29 !’F@¥Bh·ᏀL!—XFóLH‘Kh¤.«hE&JòG¨¥<™WN!€ÑÙÚˆY„@†>Œž19J" 2,/ &.GXB%ÌRÈ9B6¹W]’î×ÔW¥’IÎ$ ñ‹ÓŒE8YÆ ¼³™ñA5“à®Q.aŸB€&Ø©³ JÁ—! ¦t)K%tœ-¦JF bòNMxLôþ)ÐR¸Ð™‘ èÝ6‘O!THÌ„HÛ ‰ !ù ) , =( …AXKgNgYvYxR"k\%wh…hŽh%ˆg+ˆs%—r.—x3˜x¨}9®€&©€+¨Œ,©‡7§‰%¶†(¹–.¹5·&Çš)ǘ;Í•&×£*Ȳ)ׯ7×»4ï°3øÌ6ò‘HÖ§KÍ»Hó¯T÷¨Yÿ»qÿÇhÿ þÀ”pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g ª« E$±²¨ª­ · °²½$E$ÂÕ««D· Í ¿¦Ç¶¸ÌŒ¾³CÃÅÆ E ééH½MÛÂGâªD­ çBêêϾD²ÒaÀà€Š1r­ðÓ¤ ÔožzU!L˜C'¾yW½UGtäÇïÙllê0×àÂuGþ)AÀs[þ·xì ÁxO%ƒûX2ó—  P£n›R/¡ÑšHše+êDm?# —‘Ç£6¡8íJ¡ŸâDiäªM¥Ö„ôj“¬¹£5oQ7°- <‡ *´lãÓŒ2r/a!l)dÈ A™ÈE¢ôÔ͆…ð ;Ö˜c ¡%ß‚’Ùˆâ¸b½—pe~C"BíëÚHïeF2§æŠ8qb t_`urŠeü wÅu3êæPv§h•"ß`íÍxçLĹÜÖ3á  ~Öº“®›¸ÏMDfJÙ °„ÛµáWõ%§œ‚à©–‚X Ó؁)@®Ñ›Eþ´wëuÅSxb8y\mÖzœ¥§ZbºE—ÂLªÌw!y(>¡™wú=Ç|ÅÝs¢d €CÁW)HÜcC$€L Ä7„r.á\{)@ð` @ äXÈ$PD” `šaG:§æˆOˆ72EÐamn]ù"ŒcÊxÑŒ° &dR8`g«iÙŸLR!¦P …d’ä¡“¦ðÎTƒ¦ià|À _ ¥ Qi#¦Šg›Æ ›noMµ ›V ã£)p ç£ÎW…š=Âeªk§†j„ ´®1ß²sÉxéW«jšl|0¯B0Û, \jÛ´›6±¬¶C ÛíWþï|ëÙ‹¸ñzĸV {ì;Ýñn¼òVˆm³I¼³.Ðã¤PN¥ ²µ¼„µCã+¹ÍByî£Ñ¾HŸ›ëê 7ìYÆFTk¨SaoaY$Dµœìï¿Ã29RÈkt Çïfñ ÇÒ:ÀÐSp¹3ÇI¨â¥DZÄ ü9Ïýögñ½­uÔ*3)O‘˜Ö[_hv ,àî×Et Ÿé¶BH€ Õ[ü±64M@ÔSÌM7dÐl5-ÄÙU܍´©zߌ3Ô€3ž„ „ ¶ÛPô½5×g› êÚ˜kN„Ý…0Îj4€Ìë°“#{þÕ3S2çKÜ'ợlø¼Ú2K{° {Û¶?žm𸧠ËI¼nEò='êüóºè^üæÃ_Û=°óž‚ì#Oý¿Í'¡½áo..ÏYìnüñCœO±Áa¿¢Kô½o,üÄËbö²çºíï{ËC Ú— "”Ï{ËK ÍÒw„õ±Oz dÕ¨à:$ ƒô—«v»] A#ð «€¿šéz)Rx׿ˆ¥‚d``èw-îyÏf×K!ð€þ­Ð|ìPľ„=Ì`ý(f” 'Pa ¥ÐBJa%Ðâf§„%Š¡}FàáÝ×6>ÉäŠG"éŽè=ø!oŠ°^FP¼Ø©Q„ÀCÙÁ`(Ž\ÄÝ® ©Â$<n@dÄ E#ììUÒI! ‚#lù‹`k¦ÐÇ'Rró’ZýNBÈMF Í[¤+‹ðɈ-áwj¨¥þ8¾rá ,VÂh„"|½œ=×G_¦Ñ™EØ 0i*%̲˜Æda0mV‚k¾)›;„&6 p>ÓjK “¦Ç# âDÂ:ûc?:R Ó¬fÞéI-Ì“•Ã<ä=™Ï7˜3œ¨˜c2ŒW ,ˆ”8(T™P‰F¡Jhç"‚ ; 403WebShell
403Webshell
Server IP : 148.135.140.132  /  Your IP : 3.137.137.2
Web Server : LiteSpeed
System : Linux in-mum-web1116.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64
User : u496275626 ( 496275626)
PHP Version : 8.1.31
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/u496275626/domains/vedichawan.com/public_html/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/u496275626/domains/vedichawan.com/public_html/css/custom.css
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.cursive-fonts{
    font-family: "Great Vibes", cursive;
    font-weight: 400;
    font-style: normal;
}
html
{
    overflow-x: hidden ;
}
p{
    text-align:justify;
}
.left-0
{
    left: 0 !important;
    right: auto !important;
}
.rotate-image
{
    animation: rotate 20s linear forwards infinite;
    aspect-ratio: 1;
    opacity: 0.5;
    object-fit: cover;
}
.overflow-hidden
{
    overflow: hidden !important;
}
@keyframes rotate {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
.about-us-heading
{
    position: relative;
}
.about-us-heading::after
{
    position: absolute;
    content: attr(data-heading);
    top: 50%;
    transform: translateY(-50%);
    color: #fff0;
    text-transform: uppercase;
    font-size: 9vw;
    -webkit-text-stroke: 0.4px #ffffff77;
    left: -84px;
}
.heading_text
{
    position: relative;
    width: auto;
    padding: 0.5rem;
    z-index: 1;
    margin:1px auto;
}
.heading_text::after
{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 280px;
    height: 3px;
    transition: 0.2s;
    background: #ff7b00;
    transition-delay: height 0.4s;
    z-index: -1;
}
.heading_text.left::after
{
    left: 0;
    transform: translateX(0);
}

/* Header CSS */
.uppernav
{
    position: relative;
    background: #000;
}
.uppernav::before
{
    position: absolute;
    top:0;
    right: 0;
    width: 100px;
    height: 60px;
    pointer-events: none;
    background: #1e1f1c;
    content: '';   
}
.top-header-right
{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    gap: 2px;
}
.top-header-right .skew
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem 3rem;
    z-index: 1;
}
.top-header-right .skew::before
{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    transform: skew(60deg);
    z-index: -1;
}
header
{
    position: relative;
}
.top-social-area a
{
    font-size: 1.3rem;
}
.main-nav
{
    position: absolute;
    right: 0;
    width: 75%;
    background:var(--white);
    padding: 1rem;
    z-index: 99;
    bottom: -7%;
}
.main-nav::before
{
    position: absolute;
    top: 0;
    left: -58px;
    content: '';
    width: 115px;
    height: 100%;
    background: inherit;
    transform: skew(60deg);
}
.main-nav > ul
{
    position: relative;
    float: left;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}
.main-nav > ul
{
    position: relative;
}

.main-nav > ul li a
{
    position: relative;
    text-transform: uppercase;
    color: var(--primary);
    font-size: 16px;
}
.main-nav > ul.mobile-menu:not(.dropdown) > li:not(:last-child) a
{
    padding-right: 16px;
    border-right: 1px solid var(--primary);
}
.main-nav > ul li.has-child
{
    position: relative;
}
.main-nav > ul li.has-child::after
{
    content: '\f0d7';
    position: absolute;
    font-family: 'fontAwesome';
    color: var(--primary);
    transition: 0.4s;
    right: 6px;
    top: -2px;
}
.main-nav > ul li.has-child > ul
{
    position: absolute; 
    width: 240px;
    background: var(--white);
    border: 1px solid var(--secondary);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(25px);
}
.main-nav > ul li.has-child:hover > ul
{
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.main-nav > ul li.has-child > ul li{
    width: 100%;
    background: #fff;
    transition: 0.2s;
    border: 1px solid transparent;
}
.main-nav > ul li.has-child > ul li:hover{
    border: 1px solid var(--primary);
    transform:scale(1.04);
}
.main-nav > ul li.has-child > ul li a
{
    padding: 0.5rem 1rem;
    display: block;
    width: 100%;
    transition: 0.1s;
}


/* PUJA CSS */
div:has(.puja-box)
{
    margin-bottom: 1.75rem;
}
.puja-box
{
    position: relative;
    padding: 1rem;
    padding-bottom: calc(1rem + 38px);
    background: linear-gradient(#cc0202, #860000);
    height: 100%;
    transition:0.4s;
    border-radius: 1rem;
}
.puja-box .btns {
    position: absolute;
    bottom: 1rem;
}
.puja-box:hover
{
    transform:translateY(-15px);
}

.puja-box .puja-image-box
{
    
    overflow: hidden;
    margin-bottom: 1rem;
}
.puja-box img
{
    transition: 0.4s;
    width: 100%;
    aspect-ratio: 3/1.75;
    object-fit: contain;
}
.puja-box:hover img
{
    /*transform: scale(1.15) rotate(3deg);*/
}
.puja-box .btn
{
    background: #ff0;
}
.puja-box .btn:hover
{
    color: #ff7b00;
    background: #000;
    font-size: 16px;
}
/*.puja-box .content h1*/
/*{*/
/*    display: -webkit-box;*/
/*    overflow: hidden;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 4;*/
/*    position: relative;*/
/*}*/
.puja-box .content .decscription
{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    position: relative;
}
/* Image Section CSS */
.image-section-grid
{
    position: relative;
    margin: 1.5rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    transition: 0.4s;
    height: 600px;
    gap: 6px;
}
.image-section-grid figure
{
    position: relative;
    margin: 0;
    height: 100%;
    transition: 0.4s;
}
.image-section-grid figure img
{
    object-fit: cover;
}
.image-section-grid:has(figure:hover:nth-child(1))
{
    grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 0.5fr;
}
.image-section-grid:has(figure:hover:nth-child(2))
{
    grid-template-columns: 0.5fr 1fr 0.5fr 0.5fr 0.5fr;
}
.image-section-grid:has(figure:hover:nth-child(3))
{
    grid-template-columns: 0.5fr 0.5fr 1fr 0.5fr 0.5fr;
}
.image-section-grid:has(figure:hover:nth-child(4))
{
    grid-template-columns: 0.5fr 0.5fr 0.5fr 1fr 0.5fr;
}
.image-section-grid:has(figure:hover:nth-child(5))
{
    grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
}


/* How It Wors CSS */
.howitworks
{
    background:linear-gradient(var(--secondary),var(--primary));
}

.howitworksBx
{
    position: relative;
    background: #fff;
    height: 100%;
    border: 1px solid var(--primary);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0.5rem;
    transition: 0.2s ;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
}
.howitworksBx::before
{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 200%;
    aspect-ratio: 1;
    background:#cc02025d;
    transform: rotate(45deg) translateX(-40%)scaleX(0)translateY(-35%);
    transition: 0.75s;
    z-index: -1;
    transform-origin: left;
}
.howitworksBx:hover::before
{
    transform: rotate(45deg) translateX(-40%)scaleX(1)translateY(-35%);
}
.howitworksBx.topright::before
{
    transform: rotate(135deg) translateX(-70%)scaleX(0)translateY(0%);
}
.howitworksBx.topright:hover::before
{
    transform: rotate(135deg) translateX(-70%)scaleX(1)translateY(0%);
}
.howitworksBx.bottomright::before
{
    transform: rotate(225deg) translateX(-40%)scaleX(0)translateY(30%);
}
.howitworksBx.bottomright:hover::before
{
    transform: rotate(225deg) translateX(-40%)scaleX(1)translateY(30%);
}
.howitworksBx.bottomleft::before
{
    transform: rotate(-45deg) translateX(-8%)scaleX(0)translateY(4%);
}
.howitworksBx.bottomleft:hover::before
{
    transform: rotate(-45deg) translateX(-8%)scaleX(1)translateY(4%);
}
.howitworksBx:hover
{
    box-shadow: 0 5px 10px 0px #0005;
}
.howitworksBx:hover :is(h4,p)
{
    color: #262526;
}
.howitworksBx .iconBx
{
    position: relative;
    width: 80px;
    margin: 0 auto 0.5rem;
    border-radius: 50%;
    aspect-ratio: 1;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2rem;

    transition: 0.4s;
}
.howitworksBx:hover .iconBx
{
    transform: rotateY(360deg)translateY(-8px);

}

/* Consultancy */
.consultancy
{
    position: relative;
}
.consultancy::before
{
    position: absolute;
    content: '';
    left: 0;
    top: 20%;
    width: 30%;
    height: 20px;
    background: linear-gradient(#cc0202,#860000);
}
.whatsapp-btn{
    border: none;
    outline: none;
    padding: 0.75rem;
    background: var(--success);
    color: #fff;
    border-radius: 49px;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 auto;
    cursor: pointer;
}
.whatsapp-btn i
{
    font-size: 32px;
}
.whatsapp-btn span{
    position: relative;
    top: 3px;
}

/* Testimonials */
.testimonials
{
    position: relative;
}
.testimonials::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(#cc0202,#860000);
}
.testimonials-carousel-item
{
    position: relative;
}
.testimonials-carousel-item .inner-box
{
    border: 5px solid var(--primary);
}
.testimonials-carousel .owl-prev,
.testimonials-carousel .owl-next{
    position: absolute;
    top: 40%;
    color: #000;
    left: -30px;
    font-size: 4rem;
}
.testimonials-carousel .owl-next{
    left: auto;
    right: -30px;
}
.testimonials-carousel-item .inner-box p
{
    font-size: 12px;
}
.testimonials-heading
{
    font-size: 3rem;
}
.testimonials-sub-heading
{
    position: relative;
    width: 300px;
    margin: 0 auto;
}
.testimonials-sub-heading::before,
.testimonials-sub-heading::after
{
    position: absolute;
    content: '';
    top: -5px;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../img/qoutes.png);
    background-size: contain;
    color: var(--danger);
    font-size: 6rem;
}
.testimonials-sub-heading::after
{
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

/* FAQS */
.faq-heading
{
    margin: 0;
    background: #cc0202;
    color: #FFF;
    font-size: clamp(1rem, 2.5vw, 1.78rem);
    cursor: pointer;
}

/* Enqury Ferm */
.enquiry .box-left,
.enquiry .box-right
{
    padding: 5rem;
    padding-left: 0;
}
.enquiry form{
    padding-top: 1rem;
}
.enquiry form label
{
    position: relative;
    display: block;
    width: calc(100% + 1.5rem);
    /* height: 60px; */
    background: #fff;
    margin: 0 0 1rem -1.5rem;
}
.enquiry form label input
{
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    border: 5px solid var(--primary);
    border-right: none ;
    outline: none;
    padding: 1rem;
}
.enquiry form label input:valid,
.enquiry form label input:focus
{
    border: 5px solid #000;
}
.enquiry form label:has(input[type="submit"]){
    width: 50%;
    margin: 0 0rem 1rem auto;
}
.enquiry form label input[type="submit"]
{
    background: var(--white);
    width: 100%;
    color:var(--primary);
    cursor: pointer;
    border: none;
    transition: 0.4s;
}
.enquiry form label input[type="submit"]:hover
{
    background: var(--yellow);
    color:var(--white);
}

/* Single Product Img */
.single-product-img img
{
    position: relative;
    width: 100%;
    max-width: 600px;
    aspect-ratio: 3/1.75;
    object-fit: fill;
}

.product-gallery
{
    position: relative;
}
.product-gallery :is(.owl-prev,.owl-next)
{
    position: absolute;
    top: 50%;
    width: 24px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    font-size: 22px;
    align-items: center;
    left: 0.25rem;
    transform: translateY(-50%);
    color: var(--white);
}
.product-gallery :is(.owl-next) 
{
    left: auto;
    right: 0.25rem;
}
.product-gallery .owl-dots
{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    height: 30px;
} 
.product-gallery .owl-dots .owl-dot
{
    position: relative;
    min-width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid var(--primary);
} 
.product-gallery .owl-dots .owl-dot.active{
    background: var(--primary);
}

/* Footer AREA CSS */
.footer-area
{
    position: relative;
    background: #000;
}
.footer-area .upper-header
{
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 75%;
    background: linear-gradient(var(--primary),#cc0202);
    padding: 1rem 2rem;
    border: 5px solid #fff;
    border-radius: 0 150px 150px 0;
    border-left: 0;
}
.footer-area .upper-header .iconBx
{
    position: relative;
    min-width: 60px;
    height: 60px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 0.4rem;
    font-size: 2.5rem;
}

/* Responsive CSS */
@media(max-width:992px){
    .uppernav .row.pb-5
    {
        padding-bottom: 0 !important;
    }
    .main-nav{
        position: relative;
        min-height: 60px;
        width: auto;
    }
    .footer-area .upper-header
    {
        width: 95%;
    }
}
@media(max-width:768px){
    .footer-area .upper-header
    {
        position: relative;
        width: 99%;
        transform: translateY(-10%);
    }
    .main-nav > ul li.has-child > ul
    {
        position: relative; 
        width: 100%;
        background: var(--secondary);
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    .main-nav > ul li.has-child:hover > ul
    {
        transform: translateY(0px);

    }
    
    .main-nav > ul li.has-child::after
    {
        position: absolute;
        top: 0 ;
        right: 0;
        content: '\f0d7';
        font-family: 'fontAwesome';
        color: #fff;
        transition: 0.4s;
    }
    .main-nav > ul li.has-child > ul li a
    {
        color:var(--primary);
    }
    .main-nav > ul.mobile-menu:not(.dropdown) > li:not(:last-child) a
    {
        padding-right: 16px;
        border-right: 0px solid var(--primary);
    }
    .mobile-toggle
    {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        color: #fff;
        font-size: 1.75rem;
        width: 48px;
        transform: translateY(-50%);
        aspect-ratio: 1;
        display: flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .mobile-menu
    {
        position: fixed !important;
        width: 100%;
        height: 100dvh;
        background: #ff7b00;
        z-index: 10000;
        top: 0;
        left: -100%;
        transition: 0.5s;
        overflow: auto;
    }
    
    .mobile-menu li,
    .mobile-menu li a
    {
        width: 100%;
        display: block;
    }
    .mobile-menu.active
    {
        left: 0;
        width: 300px;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
        border-right: 10px solid #ff000055;
    }
    .main-nav::before
    {
        display: none;
    }
    .enquiry .box-left
    {
        padding: 3rem;
        padding-left: 0;
    }
    
    .main-nav{
        background: #000;
    }
    .main-nav > ul li a {
        color: #fff;
    }
    .main-nav > ul li.has-child > ul li a {
        
        border-bottom: 1px solid;
    }
}
@media(max-width:576px){
    .footer-area .upper-header
    {
        position: relative;
        width: 99%;
        transform: translateY(-10%);
        border-radius:0 40px 40px 0;
    }
    .mobile-logo
    {
        margin: 12px 0;
    }
    .uppernav::before,
    .main-nav::before
    {
        display: none;
    }
    /*.testimonials-carousel-item .inner-box*/
    /*{*/
    /*    position: absolute;*/
    /*    padding: 0.4rem 1rem;*/
    /*    top: 10%;*/
    /*    left: 0;*/
    /*}*/
    .enquiry .box-left
    {
        padding: 1rem;
    }
    .enquiry form label
    {
        position: relative;
        display: block;
        width: calc(100% + 0rem);
        /* height: 60px; */
        background: #fff;
        margin: 0 0 1rem 0rem;
    }
    .image-section-grid
    {
        position: relative;
        margin: 1.5rem auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        transition: 0.4s;
        height: 150px;
        gap: 3px;
        overflow: hidden;
    }
}

Youez - 2016 - github.com/yon3zu
LinuXploit