hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh

@extends('layouts.app') @section("metaData") <title >Travelsangi</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> <meta name="keywords" content="Car and Coach Rental in India" /> <meta name="description" content="Patra Tours and Travels Offers Car and Coach Rental, Online Taxi Booking, Cab Services, Tempo Traveller, Airport transfers, and Railway Station transfer. Best Travel Agent in India" /> @endsection @section("mainContente") <div class="main-wrapper" style="background:#f6f8fb "> <div style="clear:both;"></div> <section class="mainban" style="height: 50vh;background-image:url({{asset('image/banner/'.$product->banner)}})"> <div class="container vivonto"> <div class="row"> <div class="col-md-12"> </div> </div> </div> </section> {{--dd($product)--}} <div class="main-contant"> <!--Cars Detail Section Start--> <section class="room-list-page"> <div class="container"> <ul class="upgrade-list"> <!-- list item --> <div class="clearfix"></div> <div class="col-md-9 col-sm-12 col-xs-12" style="padding:0;"> <div class="row"> <div class="col-md-12"> <div class="tabbables"> <h2>{{$product->title}}</h2> <div class="d-flexs"> <p class="pricing-percent-difference">{{$product->star_no}} / 5</p> <p class="table_in">({{$product->rating}} Reviews)</p> &nbsp;&nbsp; <p class="table_in"><i class="fa fa-map-marker"></i>&nbsp; {{$subCategory->title}}</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="select-box"> <div class="padeinn"> <h4> {!! $product->title !!} </h4> <details class="readmore" open=""> <summary data-more="Read more" data-less="Read less"> {!! $product->summery !!} </summary> </details> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="select-box"> <div class="padeinn"> <h4> {!! $product->title !!} Overview </h4> <details class="readmore" open=""> <summary data-more="Read more" data-less="Read less"> {!! $product->overiew !!} </summary> </details> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="select-box"> <div class="padeinn"> <h4 style="margin-bottom:10px;"> Facilities </h4> <hr> @if(HotelFacilitiesData($product->facilites)) @foreach(HotelFacilitiesData($product->facilites) as $key=>$value) <div class="activity-image"> <img id="imagesrc" src="{{asset('admin/'.$value->Facility_Icon)}}" > &nbsp; <h5>{{$value->Facility_Name}}</h5> </div> @endforeach @endif <div class="clear"></div> </div> </div> </div> </div> <ul class="nav nav-tabs pkcg-tb"> <li class="active"><a data-toggle="tab" href="#home" aria-expanded="true"> Pakage Option </a></li> <li class="pkcg-sec"><a data-toggle="tab" href="#menu1" aria-expanded="false"> Reviews</a></li> <li class="pkcg-sec"><a data-toggle="tab" href="#menu2" aria-expanded="false"> Policies</a></li> <li class="pkcg-sec"><a data-toggle="tab" href="#menu4" aria-expanded="false"> Faqs</a></li> <!-- <li class="pkcg-sec"><a data-toggle="tab" href="#menu3">Faqs</a></li> --> </ul> <div class="tab-content all-pkcg"> <div id="home" class="tab-pane fade active in"> <!-- list item --> <div class="select-boxes"> <div class="padeinn"> <h4> Select Package Options </h4> <div class="row rowls"> <div class="col-md-6"> <div class="groups"> <h3 class="variant__title"> Tour Package</h3> <p><i class="fa fa-clock-o"></i> {{$product->stockstatus}} Days, {!! $product->quantity !!} Nights</p> </div> </div> <div class="col-md-6"> <div class="line-cut"> <p style="text-decoration:line-through; margin-bottom: 0px;">INR {{moneyFormatIndia($product->mrp)}}</p> <h3>INR {{moneyFormatIndia($product->price)}}</h3> <p>Per Adult</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="price_inc"> {!! $product->options !!} </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="price_inc"> @if($product->airport !="Select Nearest Airport" ) <h6 style="margin-top:10px"> <strong>Nearest Airport</strong> : {{$product->airport ?? ''}}</h6> @endif @if($product->railway !="Select Nearest Railway Station" ) <h6 style="margin-top:10px"> <strong>Nearest Railway Station</strong> : {{$product->railway ?? ''}}</h6> @endif @if($product->loding !="Select Lodging type") <h6 style="margin-top:10px"> <strong>Lodging type</strong> : {{$product->loding ?? ''}}</h6> @endif </div> </div> </div> </div> </div> </div> <div id="menu1" class="tab-pane fade" style="background: #fff;"> <!-- <div class="pkcg-day">Itinerary details :</div> --> <div class="container"> <div class="row"> <div class="col-md-9"> <!--Section Heading Start--> <div class="regular slider"> @php $otherDetails = json_decode($product->other_details,true); @endphp @if(is_array($otherDetails) && count($otherDetails) > 0) @foreach($otherDetails as $key=>$value) <div class="slick-slide-box"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12 pd-non" style="padding-right:0px;"> <div class="col-md-12 col-sm-12 col-xs-12 pd-non" style="padding-right:0px;"> <a href="" target="_blank" style="cursor: pointer;"> <div class="main-test-sec"> <span class="testi"></span> <div class="test-txt"> <div class="col-md-12 col-sm-12 col-xs-12"> <div> <h6>{!! $value['title'] !!}</h6> </div> <div> <p>{!! $value['subtitle'] !!}</p> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 icon-clr"> <i class="fa fa-star" aria-hidden="true" style="color: #FF8A00;"></i> <i class="fa fa-star" aria-hidden="true" style="color: #FF8A00;"></i> <i class="fa fa-star" aria-hidden="true" style="color: #FF8A00;"></i> <i class="fa fa-star" aria-hidden="true" style="color: #FF8A00;"></i> <i class="fa fa-star" aria-hidden="true" style="color: #FF8A00;"></i> </div> <div class="clearfix"></div> <div style="padding: 4px 15px;font-size: 12px;color: #000;margin-top: 5px;">{!! $value['details'] !!}</div> <span class="testi1"></span> </div> <div class="col-md-4 col-sm-12 col-xs-12 why-pos"> <div class="testi-round"> <img src="images/testimonial_img/default.jpg" alt="Feedback Image" /> </div> </div> </div> </a> <!--Section Heading End--> </div> </div> </div> </div> @endforeach @endif </div> </div> </div> </div> </div> <div id="menu4" class="tab-pane fade" style="background: #fff;"> <div class="select-box"> <div class="padeinn" style="border:1px solid lightgray;"> <h2 class="faws">Frequently Asked Questions</h2> <div class="accordion"> {!! $product->faq !!} </div> </div> </div> </div> <div id="menu2" class="tab-pane fade" style="background: #fff;"> <div class="select-box"> <div class="padeinn" style="border:1px solid lightgray;"> <h4> {!! $product->title !!} Policies </h4> <details class="readmore" open=""> <summary> {!! $product->policies !!} </summary> </details> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="col-md-3 col-sm-12 col-xs-12"> <div class="side_bars"> <div class="pricing_wrap"> <p>Starting from <span class="">INR {{moneyFormatIndia($product->mrp)}}</span></p> <div class="d-flexs"> <span class="rupe"> INR {{moneyFormatIndia($product->price)}}</span> <p class="pricing-percent-difference">{{cal_percentage((((int)$product->mrp)-((int)$product->price)),$product->mrp)}}% Off</p> </div> <p>per Adult</p> </div> <div class="form_sec"> <form class="row"> <div class="col-md-12"> <p class="auli">Hotel Package </p> </div> <div class="col-md-12"> <div class="form-group"> <input type="text" placeholder="Your Name" class="form-control" name=""> </div> </div> <div class="col-md-12"> <div class="form-group"> <input type="email" placeholder="Your Email" class="form-control" name=""> </div> </div> <div class="col-md-12"> <div class="form-group"> <input type="number" placeholder="Phone" class="form-control" name=""> </div> </div> <div class="col-md-12"> <div class="form-group"> <input type="date" placeholder="Choose Date Of Travel" class="form-control" name=""> </div> </div> <div class="col-md-12"> <div class="form-group"> <input type="number" placeholder="Travel Count" class="form-control" name=""> </div> </div> <div class="col-md-12"> <div class="form-group"> <textarea class="form-control" rows="3" cols="3" placeholder="Message"></textarea> </div> </div> <div class="col-md-12"> <div class="form-group"> <button class="btn btn-success" style="width:100%">Send Primary</button> </div> </div> </form> </div> <div class="row" style="margin-top: 20px;"> <div class="slider responsive-car ds-slick1"> @if($product->imageA) <div class="col-sm-12 col-xs-12"> <div class="thumb padetum gap "> <div class="zoomeffects"> <div class="zoomEffect_2 lz-siz"> <img src="{{asset('image/product/'.$product->imageA)}}" alt="Car Slab"> </div> </div> </div> </div> @endif @if($product->imageB) <div class="col-sm-12 col-xs-12"> <div class="thumb padetum gap "> <div class="zoomeffects"> <div class="zoomEffect_2 lz-siz"> <img src="{{asset('image/product/'.$product->imageB)}}" alt="Car Slab"> </div> </div> </div> </div> @endif @if($product->imageC) <div class="col-sm-12 col-xs-12"> <div class="thumb padetum gap "> <div class="zoomeffects"> <div class="zoomEffect_2 lz-siz"> <img src="{{asset('image/product/'.$product->imageC)}}" alt="Car Slab"> </div> </div> </div> </div> @endif @if($product->imageD) <div class="col-sm-12 col-xs-12"> <div class="thumb padetum gap "> <div class="zoomeffects"> <div class="zoomEffect_2 lz-siz"> <img src="{{asset('image/product/'.$product->imageD)}}" alt="Car Slab"> </div> </div> </div> </div> @endif </div> </div> </div> </div> </ul> </div> </section> </div> </div> @endsection @section("customCSS") <style type="text/css"> .activity-image { min-height: 90px; width: 16.66%; float:left; text-align:center; } .activity-image h5 { font-size:14px; } .activity-image img { margin-bottom:10px; width:40px; height:40px; } @media (max-width:768px) { .activity-image { min-height: 90px; width: 25%; } } @media (max-width:480px) { .activity-image { min-height: 90px; width: 33%; } .activity-image img { height:25px; width:25px; } .activity-image h5 { font-size:12px; } } details.readmore { padding: 2rem 0rem 3rem; border-radius: 15px; background-color: white; cursor: text; position: relative; } details.readmore summary { display: -webkit-box; pointer-events: none; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } details.readmore summary:after { top: 100%; margin-top: -2.5rem; display: block; cursor: pointer; background: #f68a1e; color: #fff; position: absolute; pointer-events: initial; /* text-decoration: underline; */ padding: 2px 5px; } details.readmore:not([open]) summary:after { content: attr(data-more); } details.readmore[open] summary { -webkit-line-clamp: unset; } details.readmore[open] summary:after { content: attr(data-less); } .honaine ul li { list-style: none; margin-right: 10px; } .honaine ul { display: flex; } .honaine { padding: 10px 0px; } .pkcg-tb>li.active>a, .pkcg-tb>li.active>a:focus, .pkcg-tb>li.active>a:hover { color: #555; cursor: default; background: linear-gradient(#f85406,#e7861d); border: 1px solid #e8841c; color: #fff; } .pkcg-tb> li.active::after { content: ""; position: absolute; left: 45%; opacity: 1; margin: 0 auto; bottom: -29px; border: 15px solid transparent; border-top-color: transparent; border-top-color: transparent; border-top-color: #e8841c; } .pkcg-tb>li>a { position: relative; display: block; background: #286090; padding: 8px 25px; margin: 0; text-transform: uppercase; color: #fff; line-height: 21px; font-size: 13px; letter-spacing: .5px; } .all-pkcg { border: 1px solid #ccc; padding: 24px 20px; border-top: none; margin-bottom: 20px; } .all-pkcg { box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); -webkit-transition: all 200ms ease-in; -webkit-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); -moz-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); } html{overflow-x:hidden;} .bk-enc .banner-search_tab {border: 1px solid #ccc;border-top:none; padding:10px 5px;} .search_one.absolute {top: 0px;} .pickes-siz{width:150px;} .mc-feature{border-top:1px solid #ccc; font-size:14px;} .mc-feature img{width:40px; padding:5px; border-radius:5px;} .mc-feature .iti-box{margin:10px auto; height:80px;} .m-res {padding:0 5px;} .bootstrap-select.btn-group .dropdown-menu { height: 200px!important; } .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 140px!important; } .validate { color: red; font-weight: bold; border: 2px solid #152b57; border-radius: 15px; padding: 5px; } .inup .showtourist { font-size: 14px; position: absolute; top: -12%; left: 83%; } .selectParent select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; cursor: pointer; height: 35px; padding: 5px 5px!important; font-size: 14px; font-weight: 400; color: #333; text-align: left; background-color: #fff; border: 1px solid #adadad; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background: #fff url(../images/dropdown.png) no-repeat Right ; margin: 0; } .slick-prev {left: -40px; } .slick-next { right: -40px; } .srvcnone { display: none;} .destination-text1 { font-size: 15px; padding: 0px 5px; margin-top: -3px; } .desti-small { margin-top: 2px; } .carousel-inner > .item { height:310px; } .tab-content label{font-size:11px; font-family: 'Arial';} .why-box strong { color: inherit;} p a { color: #ff6c26; text-decoration: none; font-weight: 600;} .why-box p a:hover {color:#000;} .all-pkcg { box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); -webkit-transition: all 200ms ease-in; -webkit-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); -moz-box-shadow: 0px 10px 10px rgba(88, 87, 87, 0.8); } .tab-pane { padding:0%; font-size: 14px; border: 0; border-top: 0; margin:0; float:left; width:100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ratechart table th { background: #308fcc; padding: 10px; border: 1px solid #eee; font-size: 12px; color: #fff; text-align: center; vertical-align: middle; font-weight: 500; } .ratechart table strong { text-transform: uppercase; color: #fff; } .ratechart table th:first-child { background: #308fcc; color: #fff; text-transform: capitalize; font-size: 14px; text-align: center; padding: 0; vertical-align: middle; } .ratechart table td.tblhead { font-size: 18px; padding: 6px 6px; background: linear-gradient(to right, #ff266d, #f99f49); border: 0; color: #fff; letter-spacing: 1px; text-align: center; font-weight: 600; } .ratechart table td { background: #fff; padding: 1px 6px; font-weight: 500; color: #000; text-align: center; font-size: 14px; vertical-align: middle; } .ratechart table td:first-child img { width:150px; display: block; margin: 10px auto; padding: 6px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 4px 3px 4px #ccc; } .ratechart table strong { text-transform: uppercase; } .prc-locl{font-weight:600; font-size:14px;} .lol-txt { font-size: 15px; position: relative; top: 30px; font-weight: 600; color: #1184bb; text-align: left; } .round-wdh{padding-right:0;} .round-wdh2{padding-right:0;} .round-wdh3{padding-right:0;} .round-wdh4{padding-right:0;} .round-wdh5{padding-right:0;} .round-wdh6{padding-right:0;} .input-field .form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="email"], input[type="tel"], input[type="color"], .uneditable-input{ padding-left: 5px; padding-right: 5px; } table > thead:first-child > tr:first-child > th { border: 1px solid #ccc; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width:1px; } /*rwd table css start here*/ .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:before { content: attr(data-th) "" !important; float: left; font-size: 12px; margin-bottom: 10px; position: relative !important; top: 0 !important; left: 0 !important; width: auto !important; display: inline-block; color: #000; clear: both; text-align: left; } .rwd-table { color: #333; overflow: hidden; } .rwd-table th, .rwd-table td { padding: 5px 5px; } @media screen and (max-width: 768px) { .round-wdh{padding-right:15px;} .round-wdh2{padding-right:15px;} .round-wdh3{padding-right:15px;} .round-wdh4{padding-right:15px;} .round-wdh5{padding-right:15px;} .round-wdh6{padding-right:15px;} .ratechart table th {padding:10px 9px;} .rwd-table tr:nth-child(2) { border-top: none !important; } .rw-brd{border-bottom:1px solid #999;} .prc-locl {text-align:right;} .sec-ri8 {text-align:right; font-weight:600;} .ratechart table td { background: #fff; padding: 1px 14px; font-weight: 500; color: #000; text-align: center; font-size: 14px; vertical-align: middle; width: 100%; padding: 5px; } .ratechart table td.tblhead { font-size: 18px; padding: 6px 6px; font-weight: 600; } .lol-txt{ top:0 !important; text-align: center; margin-bottom: 10px; } } @media screen and (min-width: 768px) { .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } /*rwd table css start here*/ @media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables td, #no-more-tables tr { display: block; float: left; width: 100%; background:none; height:auto; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: none; white-space: normal; text-align:left; width:100%; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } } </style> <link href="{{asset('front/')}}/css/dropdowns-skin-discrete.css"> <style> .dropdowns a {text-decoration: none; color:#fff;} .dropdowns a:hover {text-decoration: none; color:#fff;} .toggleMenu { display: none; } .nav { list-style: none; *zoom: 1; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav ul { list-style: none; } .nav a { padding:13px 7px; font-size: 13px; } .nav li { position: relative; } .nav > li { float: left; } .nav > li > .parent { background-repeat: no-repeat; background-position: right; } .nav > li > a { display: block; } .nav > li > a:hover { background: #152b57; color: #fff; font-weight: normal; border-color: #fff; margin:0px; clear: both; } .nav li ul { top: 39px; position: absolute; left: -9999px;z-index: 1000; background-color:#fff; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .nav > li.hover > ul { left: 0; } .nav li li.hover ul { left: 100%; top: 0; } .nav li li a { display: block; position: relative; z-index:100; color:#000 } .nav li li a:hover { background: #152b57; color: #fff; font-weight: normal; border-color: #fff; margin:0px; } .nav li li li a { z-index:200; } @media screen and (max-width: 768px) { .active { display: block; } .nav > li { float: none; } .nav > li > .parent { background-position: 95% 50%; } .nav li li .parent { background-repeat: no-repeat; background-position: 95% 50%; } .nav ul { display: block; width: 100%; } .nav > li.hover > ul , .nav li li.hover ul { position: static; } } .wappicon{ background: #2bcc47; background-image: linear-gradient(to top,#2bcc47,#3ae258); color: #fff; font-size: 15px!important; padding: 6px 10px; margin: 12px 0 0 0; border-radius: 4px; display: none; } </style> <style> .raiting-holder .counter { margin-left: 10px; } .pop-card { position: relative; display: inline-block; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .tour-card .image-holder { background-size: cover; background-position: center; position: relative; height: 54%; z-index: 1; } .tour-card .image-holder .tour-card-image { height: 100%; width: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; object-fit: cover; } .lazy-image:before { content: ""; background-image: url(https://ui-assets-gc.thrillophilia.com/assets/placeholder-6a8d720….jpg); background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; z-index: -1; display: block; } .tour-card .image-holder .additional-list-info { position: absolute; bottom: 0; height: 56px; background-image: linear-gradient(to top, #000, rgba(84,84,84,0)); width: 100%; display: flex; align-items: flex-end; padding-left: 17px; margin: 0px; } .additional-list-info li { display: flex; align-items: center; margin-bottom: 7px; color: #fff; } .trip-duration i { margin-right: 10px; } .tour-card .image-holder .additional-list-info [class^="icon-"] { color: #fff; } .icon-watch:before { content: ""; } .tour-card .card-content { background-color: #fff; padding: 10px 13px 7px 17px; } .tour-card .raiting-holder { align-items: baseline; } .raiting-holder { color: #505050; font-size: 1.4rem; display: flex; align-items: center; } .raiting-list { margin: 0px; display: flex; padding-left: 0px; } .raiting-list li { color: #ffb100; font-size: 1.3rem; margin-right: 3px; } .raiting-list .nulli { color: #d3d3d3 !important; } .raiting-list .fa-star { color: #ffb100; } .tour-card .title { color: #202020; line-height: 1.4; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; font-weight: bold; margin-bottom: 0.5em; } .tour-card .col:nth-child(1) { padding-right: 5px; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 40%; width: 100%; } .old-price { position: relative; display: block; opacity: 0.56; color: #505050; font-size: 1.2rem; line-height: 0.6; margin-bottom: 11px; white-space: nowrap; display: flex; } .old-price:before { content: ""; position: absolute; top: 48%; left: -3px; right: -3px; background-color: #505050; height: 1px; } .current-price { display: block; color: #202020; font-size: 1.6rem; line-height: 10px; font-weight: 600; letter-spacing: -0.32px; white-space: nowrap; display: flex; align-items: baseline; } .tour-card .current-price .current-price-inventory-name { font-weight: 400; font-size: 12px; color: #8e8e8e; margin-left: 4px; } .tour-card .btn-holder { display: flex; flex-grow: 1; justify-content: flex-start; align-items: center; width: 100%; } .tour-card .btn-holder .btn { width: 100%; background: #f68a1e; color: #fff; margin-top: 10px; } .pacbox { margin-top: 30px; } .heps { display: flex; font-size: 19px; justify-content: space-between; text-transform: capitalize; } .mainna { color: #000; } .padeinn { background: #fff; padding: 30px; box-shadow: 0 0 50px 0 rgba(0,0,0,0.02); } .clro { color: #f68a1e; } .padeinn h4 { border-left: 4px solid #f68a1e; padding-left: 10px; } .bs-example-gap{padding:1.5em;} .lgn-txt { font-weight: 900; font-size: 24px; color: #333; margin-bottom: 15px; float:left; width:100%; } .form-group label{clear:both;} .parator-divide{float:left; width:100%; text-align:center; font-size:12px; color:#727070; margin:10px auto;} .modal-dialog1{width:500px; margin:30px auto;} .sign-tab { list-style: none; padding: 5px; margin: 20px 0 20px 0; border-radius:50px; background:#fff; -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,.3); box-shadow: 0 1px 7px 0 rgba(0,0,0,.3); } .sign-tab:after { content: ""; display: table; clear: both; } .sign-tab li a { display: block; text-decoration: none; padding: 7px; background: transparent; text-transform:uppercase; color: #333; font-size: 15px; float: left; width: 50%; border-radius: 50px; text-align: center; cursor: pointer; transition: .5s ease; font-weight: 600; } .sign-tab .active a { background: #1ab188; color: #ffffff; background: linear-gradient(to right,#53b2fe,#065af3); color: #ffffff; font-weight: 600; cursor:pointer; } .sign-tab-content > div:last-child { display: none; } .mdl-log-btn { padding: 0 20px; width: 100%; height: 40px; font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; border-radius: 5px; background: radial-gradient(circle at top right, #fab35c,#f83600); color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .pushRight{ background: radial-gradient(circle at top right, #31708f,#3c763d); position: absolute; right: 30px; top: 147px; z-index: 20; transition: right 1s cubic-bezier(.18,.89,.32,1.28); text-decoration: underline; cursor: pointer; color: #fff; text-decoration: none; padding: 3px 14px; border-radius: 50px; font-weight:600; } .pushRight:hover{color:#fff;} .backsec{ margin-bottom: 20px; } .backbtn{ font-weight: 900; text-transform: uppercase; color: #008cff; cursor: pointer; } .errorcls{ color: red; } #otpsecs{color:#f00; font-weight:600; cursor:default;} #showotpsec { display: none; } #errorsec { display: none; } .loaderimg { position: absolute; right: 6%; bottom: 38%; display: none; } @media screen and (max-width:768px) { .modal-dialog{width:100%; margin:0 auto;} .modal-dialog1{width:100%;}.bs-example-gap{padding:0 1em;}.sign-tab li a{font-size:12px;}} </style> <style> .padetum img { height: 200px;; width:100%; } </style> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script> @endsection @section("customJS") <script> $(document).ready(function() { $('.responsive-car').slick({ infinite: true, speed: 300, slidesToShow: 1, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, autoplay: false, } }, { breakpoint: 800, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, autoplay: false, } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, autoplay: false, } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, //dots: true, infinite: true, autoplay: true, autoplaySpeed: 2000, } }] }); }); </script> @endsection