.highlight{position:absolute;border:1px solid #ba000d;background-color:#fff;padding:10px;color:#ba000d;white-space:normal;text-align:left;display:flex;align-items:center;min-height:36px;max-height:36px;z-index:9}.auto-complete-text>div{padding:0 !important}.auto-complete-text>div input[type=text]{background-color:#fff !important;box-sizing:inherit;min-height:33px;text-transform:uppercase}.auto-complete-text .MuiAutocomplete-endAdornment,.auto-complete-text fieldset{display:none}.offerdetails-section *{font-size:12px}.offerdetails-section .MuiDataGrid-toolbarContainer{border-bottom:1px solid #efefef;padding:4px 10px;display:flex;justify-content:flex-end}.offerdetails-section .MuiDataGrid-toolbarContainer .MuiBox-root{display:none}.offerdetails-section .status{display:flex;width:100%;height:90%;display:flex;justify-content:center;align-items:center;margin-top:1%;padding:0 10px}.offerdetails-section .Upload{background-color:rgba(52,85,139,.1);color:#34558b}.offerdetails-section .Retasting{background-color:rgba(33,135,33,.1);color:#218721}.offerdetails-section .Full{background-color:rgba(49,49,112,.1);color:#313170}.offerdetails-section .Part{background-color:rgba(107,91,149,.1);color:#6b5b95}.offerdetails-section .Create{background-color:rgba(0,155,119,.1);color:#009b77}.offerdetails-section .Edit{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}.offerdetails-section .Sorted{background-color:rgba(149,82,81,.1);color:#955251}.offerdetails-section .action-icons{margin:auto;margin-top:6px}.offerdetails-section .action-icons *{font-size:20px}.offerdetails-section .MuiDataGrid-cell{color:#000}.offerdetails-section .text-center{text-align:center !important}.manual-allocation-table-header{background-color:#e0e0e0}[data-field=tastingMethod],[data-field=sortedBy],[data-field=retaste],[data-field=pendinglots],[data-field=noOfLots]{justify-content:center !important;display:flex}.status-default{color:#0a95d1;font-weight:400;font-size:12px}.alert-buttons{color:#005938;background-color:#dcf2ea;width:100%}.check-circleIcon{color:#005938}.status-error{color:#f03738;font-weight:400;font-size:12px}.status-success{color:#379220;font-weight:400;font-size:12px}.status-info{color:#e1b000;font-weight:400;font-size:12px}.view-details-section{background-color:#fff}.view-details-section *{font-size:12px;font-family:Lato,sans-serif}.view-details-section .detail-label{font-weight:600;color:#4f4f4f;font-size:.8rem}.view-details-section .detail-value{font-weight:400;font-size:.8rem}.rightside-modules{margin-bottom:6rem;margin-top:.5rem}.offerlist-main{margin-bottom:1rem;display:flex;justify-content:space-between}.offerlist-title{font-size:1.5rem;font-weight:500}.new-offer-btn{padding:.25rem .75rem;width:100%;background-color:#1976d2;border-radius:4px;color:#fff;font-style:normal;font-weight:500;font-size:10px;line-height:20px;display:flex}.plus-icon{height:1rem;width:1rem;color:#fff;display:inline;align-self:center}.offer-options-div{padding:.25rem .5rem;background-color:#fff;color:#000;border:.5px solid #e5e7eb;box-shadow:0 3px 6px -1px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:absolute;z-index:99}.offer-options-div ul{list-style-type:none;margin:0;padding:3px}.offer-options{font-style:normal;font-weight:500;font-size:.9rem;line-height:22px;color:#000;cursor:pointer;margin:5px}.offerlist-table-pagination{padding:.75rem .5rem;padding-top:0rem;background-color:#fff;display:flex;justify-content:space-between}.table-main{margin-left:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.table-styles{width:100%;margin-bottom:3rem;text-align:left;color:#6b7280}.table-header{background-color:teal;font-style:normal;font-weight:500;font-size:10px;align-items:center;color:#fff}.table-datarow{background-color:#fff;border-bottom-width:1px}.offerTable-padding{padding:.5rem;text-align:center}.table-record{font-style:normal;font-weight:400;font-size:12px;align-items:center;letter-spacing:-0.02em;color:#000}@media(min-width: 1024px){.table-main{border-radius:2px}}.success-icon{height:20px;width:20px;content:url('success-circle.ed888c4a18b78e39fd2e.png')}.error-icon{height:20px;width:20px;content:url('alert-circle.d85bb8ea919b050832ff.png')}.actionIcons{font-size:1.25rem !important;cursor:pointer}.actionIcons-disable{font-size:1.25rem !important}.dx-scrollbar-horizontal .dx-scrollbar-hoverable{height:8px !important;background-color:red !important}.dx-scrollbar-horizontal .dx-scrollable-scroll{height:8px !important;background-color:red !important}.dx-scrollbar-horizontal .dx-scrollbar-hoverable{height:8px !important;background-color:red !important}.dx-scrollbar-horizontal .dx-scrollable-scroll{height:8px !important;background-color:red !important}.delete-btn,.delete-btn:hover{margin-left:.5rem;padding:.5rem 1rem;display:inline-flex;justify-content:center;border-radius:.375rem;border-width:1px;border-color:rgba(0,0,0,0);background-color:#dc2626 !important;font-size:1rem;line-height:1.5rem;color:#fff;font-weight:500;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.delete-btn:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width: 2px;box-shadow:0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-shadow)}.addLotsModal{width:60%;padding:25px;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%);background-color:#fff;border-radius:5px;height:97vh;overflow:auto}.create-offer-container{margin:0 auto}.create-offer-title{font-size:1.1rem !important;font-weight:600;text-transform:uppercase;color:#4f4f4f}.steps-margin{margin-left:3rem}.steps-grid,.steps-grid-main{display:grid;grid-template-columns:repeat(3, 1fr);grid-column:3/3;gap:3rem}.steps-grid-main{margin-bottom:.5rem}.create-offer-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-column:3/3;gap:1rem;row-gap:.75rem}.hrSetUp{width:192px;margin-top:-20px;color:#000;border-top-width:2px !important;margin-left:40px}.steps{padding:.5rem .85rem;background-color:#fff;color:#000;font-size:12px;font-weight:500;border-width:1px;border-radius:9999px}.steps-active{padding:.5rem .85rem;background-color:#000;color:#fff;font-size:12px;font-weight:500;border-width:1px;border-radius:9999px}.offer-details-text{margin-bottom:1rem;font-size:1rem;font-weight:600}.create-offer-label{margin-bottom:.25rem;display:block;font-size:11px;font-weight:600;color:rgba(0,0,0,.8);text-align:left}.create-offer-date-picker-field{width:100%;box-shadow:0 1px 6px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#374151;background:rgba(59,130,246,.05);border:1px solid rgba(0,0,0,.19);border-radius:4px}.create-offer-date-picker-field input{padding:5px 14px;font-size:10px}.create-offer-date-picker-field fieldset{border-width:0px}.create-offer-field{width:100%;padding:.4rem .75rem;box-shadow:0 1px 6px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border-width:1px;color:#374151;font-size:10px;background:rgba(59,130,246,.05);border:1px solid rgba(0,0,0,.19);border-radius:4px}.create-offer-field:hover{background:#fff}.validation-error{font-size:10px;color:#ef4444;font-style:italic}.create-offer-field:focus{outline:none}.create-offer-right-btn{width:6rem !important;margin-right:0px;padding:.5rem .75rem !important;margin-left:.5rem;border:1px solid #1976d2 !important;border-radius:5px !important;background-color:#1976d2 !important;color:#fff !important;font-weight:500;font-size:12px !important;text-transform:capitalize !important}.save-bidding-right-btn{width:6rem;padding:.5rem .75rem;border-width:1px;border-radius:5px;background-color:#1976d2 !important;color:#fff !important;font-weight:500;font-size:11px !important;text-transform:capitalize !important}.create-offer-left-btn{width:6rem !important;margin-right:0px;padding:.5rem .75rem !important;border:1px solid #000 !important;border-radius:3px !important;background-color:#fff !important;color:#000 !important;font-weight:500;font-size:12px !important;text-transform:capitalize !important;cursor:pointer !important}.addLots-btn{width:6rem;padding:.5rem 1rem;border-width:1px;border-radius:5px;background-color:#fff;color:#000;font-weight:500;font-size:12px}.vendor-details-grid{display:flex;flex-direction:row;justify-content:space-between}.createoffer-Btns{float:right}.createOffer-displayitems{margin-bottom:.5rem;display:flex;justify-content:space-between}.createOffer-displayitems-edit{margin-top:1rem;display:flex;justify-content:space-between}.logDetails-grid{display:grid;grid-template-columns:repeat(1, 1fr);grid-column:1/1;gap:1rem}.dropdown-offer{float:right}.new-offer-btn{padding:.5rem .75rem !important;border:1px solid #1976d2 !important;border-radius:5px !important;background-color:#1976d2 !important;color:#fff !important;font-weight:500;font-size:.75rem !important;text-transform:capitalize !important}.tablelist-main{margin-bottom:1rem;display:flex;justify-content:space-between}.filters-main{margin-left:.5rem;display:flex}.filter-field{display:block;margin-right:.5rem}.filter-tabs-label{margin-bottom:.25rem;font-style:normal;font-weight:600;font-size:12px;display:flex;align-items:center;color:#585e6a}.filter-tabs-btn-label{margin-bottom:.25rem;font-style:normal;font-weight:600;font-size:12px;display:flex;align-items:center;color:#585e6a;visibility:hidden}.filter-selectbox,.filter-inputbox{padding:.15rem .25rem;width:6rem;height:1.75rem;display:block;background-color:teal;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border:1px solid #dcdfe3;border-radius:.25rem;color:#fff;font-size:10px}.filter-selectbox:focus,.filter-inputbox:focus{outline:none}.filter-selectbox:hover,.filter-inputbox:hover{background-color:#fff;color:#000}.filter-inputbox::placeholder{color:#fff;font-size:10px}.filter-inputbox:hover::placeholder{color:#000;font-size:10px}.go-button{padding:.15rem .25rem;width:6rem;height:1.75rem;display:block;border:1px solid #000;border-radius:.25rem;background-color:#000;color:#fff;font-size:10px;font-weight:600}.displayItems-block{margin-top:8px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editoffer-container{margin-bottom:2rem;background-color:#fff;overflow:auto;margin-top:1rem;padding:15px 15px}.edit-offer-right-btn{width:4.5rem;padding:.5rem .75rem;margin-left:.5rem;border-width:1px;border-radius:5px;background-color:#000;color:#fff;font-weight:500;font-size:10px}.edit-offer-left-btn{width:4.5rem;padding:.5rem .75rem;border-width:1px;border-radius:5px;background-color:#fff;color:#000;font-weight:500;font-size:10px}.offerLots-table{width:100%;padding-bottom:1rem}.StyledButton,.StyledButton:hover,.StyledButton:focus{background-color:#000;color:#fff;min-width:4.5rem;height:33px;font-size:.625rem}.StyledOutlineButton,.StyledOutlineButton:hover,.StyledOutlineButton:focus{background-color:#000;color:#fff;min-width:4.5rem;height:33px;font-size:.625rem;border:1px solid #000}.viewoffer-grid{display:flex;justify-content:space-between}.download-btn{width:11rem;padding:.5rem .75rem;border-width:1px;border-radius:5px;font-weight:500;font-size:10px;background-color:#000;color:#fff;float:right}.view-details-text{font-size:1.1rem;font-weight:600;text-transform:capitalize;color:#4f4f4f}.scr_sub_title{font-size:1rem;font-weight:600;text-transform:capitalize;color:#4f4f4f;margin-top:10px;margin-bottom:10px}.viewoffer-icons{margin:.25rem .5rem;float:right}.icons-view{width:1rem;height:1rem;display:inline-block}.viewoffer-details{background-color:#fff;display:flex}.flexContainer{display:flex;flex-direction:row;align-items:center;margin-top:5px}.tooltipContainer{margin-left:-7px;margin-top:6px}.viewoffer-details-tasting{padding-left:1rem;background-color:#fff;display:flex}.viewoffer-label{font-size:.75rem;line-height:1.75rem;color:#585e6a;font-weight:600}dl{margin:3px 0}.viewoffer-value{margin-left:1rem;font-size:.7rem;line-height:1.75rem;font-weight:normal}.offerdetails-section{margin-bottom:1rem;background-color:#fff;overflow:auto;margin-top:1rem;padding:0}.offerdetails-section-edit{margin-left:-1rem;margin-bottom:2rem;background-color:#fff;overflow:auto}.offerdetails-section-edit-bill{margin-bottom:1rem;margin-top:1rem;padding:1rem;background-color:#fff;overflow:auto}.modal-overlay{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.8}.modal-wrapper{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:3px;max-width:500px;padding:2rem;min-height:450px}.modal-color{z-index:100;background:#fff;position:relative;margin:2.75rem auto !important;border-radius:3px;max-width:770px;padding:2rem;min-height:490px !important;background:-webkit-linear-gradient(left, white 61%, white, rgb(224, 224, 224), #eee 30%) !important}.modal_perform{z-index:100;background:#fff;position:relative;margin:1.75rem auto;border-radius:3px;max-width:378px;padding:2rem;min-height:450px}.modal-header{display:flex;justify-content:flex-end}.modal-close-button{font-size:1.4rem;font-weight:700;line-height:1;color:#000;opacity:.3;cursor:pointer;border:none}.ScheduleTasting{font-size:17px;font-weight:bold}.PendingLots{width:100%;text-align:right}.tasting-part{font-size:12px;padding:4px}.tasting-input{width:13.125rem;border-radius:5px;padding:5px}.tasting-pending{background:rgba(233,230,230,.9607843137);border:1px solid #ccc;border-radius:3px}.tasting-select-option{width:100%;margin:20px 0px 0px;border:1px solid #ccc;padding:5px;font-size:12px;border-radius:.25rem}.required{border:1px solid red}.tasting-model-width-open{width:"100%"}.tasting-model-width-others{width:"60%"}.schedule-lots{margin:0px 0px 10px 20px !important;text-align:center;font-size:16px;font-weight:bold}.schedule-lots-base{max-height:300px !important;min-height:300px !important;overflow:auto !important;width:100% !important;margin:0px 0px 40px 15px !important}.Scheduled-Lots-text{width:50%;float:left}.Scheduled-Lots-value{width:40%;float:left;text-align:left}.Scheduled-Lots-box{height:175px !important;margin:20px 0px 0px 20px}.scr_title{font-size:1.1rem;font-weight:600;text-transform:capitalize;color:#4f4f4f;margin:0}.subTitle{font-size:1rem;padding:10px 15px 10px}.columnHeaderTitle{font-weight:bold}.MuiDataGrid-columnHeaderTitle{font-weight:bold}.css-1jbbcbn-MuiDataGrid-columnHeaderTitle{font-weight:bold !important}.ShowLots{margin:8px 0px 0px 7px !important;font-weight:bold;font-size:12px}.css-de9k3v-MuiDataGrid-selectedRowCount{visibility:hidden !important}.hidden_eye_icon{height:20px;width:20px;content:url('hidden_eye_icon.936f3ed725d955264671.png')}.teacup{height:35px;width:35px;content:url('tea-cup.a40f07f6f6d21a1e6c8b.png');cursor:pointer;align-self:flex-start}.eyeicon{height:20px;width:20px;content:url('eye.4bf80a3c8e840eabd343.png');cursor:pointer}.select-Taster{width:100%;margin:20px 0px 0px;border:1px solid #ccc;padding:5px;font-size:12px;border-radius:.25rem}.select-boxTaster{height:50px}.operatername{margin:13px 0px 10px -15px}.Totallots{margin:0px 0px 0px 12px}.tasting-method{height:60px;margin:0px 0px 0px -8px}.tasting-method-div{margin:13px 0px 10px -7px}.tasting-method-font{margin:10px 0px 0px 0px;font-size:12px}.tasting-method-select{width:100%;margin:8px 0px 0px 0px}.tasting-method-option{width:44%;float:left;margin:0px 0px 0px 12px}.select-lots{margin:10px 0px 0px -12px;font-size:12px}.retasterlots{margin:10px 0px 5px -12px;font-size:12px}.tasting-Box{height:540;width:100%}.schedule-part-div{width:39%;float:left;margin:0px 0px 0px 16px}.schedule-Select-Lots{width:50%;float:left;margin:0px 0px 0px 4px}.schedule-width{width:100%}.offerlist-table-bidding{width:100%}.gate-violation{margin-bottom:.5rem;font-style:normal;font-weight:700;font-size:18px;line-height:20px;color:#000}.we-found{margin-bottom:1.5rem;font-style:normal;font-weight:400;font-size:13px;line-height:19px;color:#000}.enter-justification-btn{padding:10px 25px !important;border-width:1px !important;border-radius:5px !important;background-color:#1968b3 !important;color:#fff !important;font-weight:600 !important;font-size:11px !important;text-transform:capitalize !important}.offer-details-text-bidding{margin-bottom:1rem;margin-top:1rem;margin-left:1rem;font-size:1rem;font-weight:600}.bidding-table-box{padding:20px 32px;width:465px;position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:1px solid #fff;border-radius:10px;text-align:center}.fileIcon{width:20px;height:20px;content:url('fileIcon.c4fe5020ba968b44c921.png');cursor:pointer}.groupfield{display:flex;text-align:center;margin:37px 0px 0px 0px;height:20px !important}.footer_footer-div__k3pTv{z-index:999}.v-divider{border:1px solid #d3d3d3;margin:10px;height:2px}.btn-part{background:#000 !important;color:#fff !important;margin-left:3px}.all-lots{color:#000;font-weight:unset}.enter-all-lots{font-size:12px;font-weight:100}.MuiDataGrid-cell{text-align:center !important}.css-1kh79wl-MuiDataGrid-root .MuiDataGrid-cell--textLeft{justify-content:center !important}.hide_numberarraows::-webkit-outer-spin-button,.hide_numberarraows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input_border{border:"2px solid black" !important;border-radius:2px !important}.allocation-type-btn{background-color:#1976d2 !important}.m-0{margin:0 !important}.p-0{padding:0 !important}.pl-15{padding-left:15px}.pt-15{padding-top:15px}.pb-15{padding-bottom:15px}.white_patch{padding:15px;background-color:#fff}.buying_order_tracker_text_blod{font-weight:600;margin-left:20px}.lots-range-div{width:100%;padding-top:.5rem;display:flex}.add-lot-inputs{width:50%;padding:.25rem}.perform-tasting-btns{padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:flex-end}.float-right{float:right}.buying_order_tracker_btn_grid{display:flex;justify-content:flex-end;min-height:50px !important;margin-top:11px !important}.buying_order_tracker_text_color{color:#000 !important}::-webkit-scrollbar{width:7px !important}::-webkit-scrollbar-track{background:#f1f1f1 !important}::-webkit-scrollbar-thumb{background:#a7a7a7 !important}::-webkit-scrollbar-thumb:hover{background:#555 !important}.editBillModal{padding:20px;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%);background-color:#fff;border-radius:5px;overflow:auto}.offerError{transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius:4px;box-shadow:none;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;font-size:.875rem;line-height:1.43;letter-spacing:.01071em;background-color:#fff4e5;display:flex;padding:6px 16px;color:#663c00}.refresh_btn,.refresh_btn:hover,.refresh_btn:focus{color:#1976d2 !important;border:1px solid #1976d2 !important}.reversal-to-sale-btn-div{padding:1rem;float:right}.reversal-sale-btn{background-color:#1976d2 !important;color:#fff !important;text-transform:capitalize !important;border:1px solid #1976d2 !important}.reversal-sale-btn-disable{box-shadow:none;background-color:rgba(0,0,0,.1215686275) !important;color:rgba(0,0,0,.2588235294) !important;text-transform:capitalize !important;font-weight:600 !important;border:1px solid rgba(0,0,0,.1215686275) !important}.allocation-header{padding:10px;background-color:#fff !important;color:rgba(0,0,0,.87);transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius:4px;box-shadow:0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12);position:relative;overflow-anchor:none}.MuiButtonBase-root.pending-allocation-closeIcon{position:absolute;right:8px;top:12px;color:#9e9e9e}.auto-complete-text>div{padding:0 !important}.auto-complete-text>div input[type=text]{background-color:#fff !important;box-sizing:inherit;min-height:33px;text-transform:uppercase}.auto-complete-text .MuiAutocomplete-endAdornment,.auto-complete-text fieldset{display:none}.normalLineHeight{word-wrap:break-word !important;word-break:break-all !important;min-height:36px !important}.datagrid-cell-data-center>.MuiDataGrid-cellContent{text-align:center !important}
:root {
  --font-family-raleway: 'Raleway', sans-serif;
  --font-family-dm: 'DM Serif Text', serif;
  --black: #191d19;
  --d-black: #1a1919;
  --green: #15a648;
  --blue: #0f2b43;
  --dark-black: #000000;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

body {
  width: 100%;
}

.banner {
  padding-bottom: 150px;
}

.banner img {
  height: 680px;
  object-fit: cover;
}

.banner-image .card {
  padding: 50px 50px 30px;
  width: 536px;
  border-radius: 25px;
}

.banner-image img {
  height: unset;
}

.banner-image {
  position: absolute;
  top: 80px;
  left: 96px;
}

.banner-image p {
  font-size: 16px;
  font-family: var(--font-family-raleway);
  font-weight: 700;
  line-height: 25px;
  color: var(--black);
}

.banner-image h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 49px;
  font-family: var(--font-family-dm);
  color: var(--d-black);
}

.banner-image span,
.gateway span {
  color: var(--green);
}

.banner-image .card-body {
  padding: 0;
}

.banner-image .card-body img {
  padding-bottom: 45px;
}

.tab_section {
  max-width: 900px;
  margin: 0 auto;
}

.tab_section .nav-tabs {
  padding: 24px 0 60px 0;
  border: 0;
  flex-wrap: nowrap;
}

.tab_section .nav-tabs .nav-link:focus,
.tab_section .nav-tabs .nav-link:hover,
.tab_section .nav-tabs .nav-link {
  border: 0;
}

.tab_section .nav-link {
  font-family: var(--font-family-dm);
  font-size: 64px;
  font-weight: 400;
  line-height: 45px;
  color: #e7eaed;
}

.tab_section .nav-link.active {
  background: linear-gradient(218deg, #16a52a 0%, #012b00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 0;
}

.tab_section button {
  padding: 0 45px 2px 0;
}

.tab_section .tab-content li {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: var(--black);
  font-family: var(--font-family-raleway);
  padding-bottom: 16px;
  list-style-type: none;
  position: relative;
}

.tab_section .tab-content h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: var(--font-family-dm);
  line-height: 43px;
  color: var(--blue);
  padding-bottom: 30px;
}

.tab_section .tab-content .col-md-6 {
  padding: 0;
}

.tab_section .tab-content .row {
  margin: 0;
  text-align: left;
}

.tab_section .tab-content .col-md-6:first-child {
  padding-right: 20px;
}

.tab_section .tab-content .col-md-6:last-child {
  padding-left: 20px;
}

.tab_section .tab-content li::before {
  position: absolute;
  content: '';
  top: 5px;
  left: -30px;
  width: 20px;
  height: 20px;
  background-image: url('star.e58f4e79c484ba66e0b4.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.gateway {
  padding: 90px 0;
}

.gateway h1 {
  font-size: 48px;
  font-family: var(--font-family-dm);
  font-weight: 400;
  line-height: 62px;
  color: var(--blue);
  text-align: center;
  width: 100%;
  max-width: 752px;
  margin: 0 auto;
}

.gateway p {
  font-size: 16px;
  font-family: var(--font-family-raleway);
  font-weight: 400;
  line-height: 25px;
  color: var(--black);
  text-align: center;
  max-width: 536px;
  margin: 0 auto;
  border-bottom: 1px solid #e7eaed;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.gateway h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  color: var(--black);
  text-align: center;
  font-family: var(--font-family-raleway);
}

.gateway a {
  color: var(--green);
  font-weight: 700;
  text-decoration: none;
}

.gateway::before,
.gateway::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 338px;
  width: 215px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('leaves.7262fc22253d98503e96.svg');
  transform: scaleX(-1);
}

.gateway::after {
  right: 0;
  left: unset;
  transform: scaleX(1);
}

.tab_section .nav-tabs::-webkit-scrollbar {
  display: none;
}

.only_mobile {
  display: none;
}

.swiper {
  padding-bottom: 50px;
}

.swiper-pagination-bullet-active {
  background: #15a648;
}

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

.body-width {
  width: 96%;
}

/*responsive*/

@media screen and (max-width: 1100px) {

  .gateway::before,
  .gateway::after {
    width: 145px;
    height: 230px;
  }
}

@media screen and (max-width: 992px) {
  .tab_section .nav-tabs {
    overflow-x: scroll;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .gateway h4 {
    z-index: 1;
    position: relative;
  }

  .tab_section .tab-content .col-md-6 {
    padding: 0 16px;
  }

  .gateway h1 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .only_mobile {
    display: block;
  }

  .gateway::before,
  .gateway::after {
    width: 98px;
    height: 120px;
  }

  .banner-image p {
    font-size: 12px;
    line-height: 19px;
  }

  .banner-image h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .banner-image .card {
    padding: 16px;
    width: 328px;
    margin: 0 auto;
  }

  .banner-image {
    top: 75%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }

  .tab_section .nav-link {
    font-size: 40px;
    line-height: 28px;
  }

  .tab_section button {
    padding: 0 24px 0 0;
  }

  .banner {
    padding-bottom: 30px;
  }

  .banner-image img {
    display: none;
  }

  .tab_section .nav-tabs {
    padding: 0 16px 24px;
  }

  .tab_section .tab-content .col-md-6 {
    padding: 0 16px;
  }

  /* .tab_section .tab-content .col-md-6 img{height: 260px !important;} */
  .tab_section .tab-content h3 {
    font-size: 24px;
    line-height: 32px;
    padding: 16px 0;
  }

  .tab_section .tab-content li {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 14px;
  }

  .tab_section .tab-content li::before {
    top: -4px;
  }

  .gateway {
    padding: 70px 0;
  }

  .gateway h1 {
    font-size: 22px;
    line-height: 28px;
    max-width: unset;
    margin: unset;
  }

  .gateway p {
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    max-width: unset;
    margin: unset;
    padding-bottom: 0;
    border: 0;
  }

  .gateway h4 {
    font-size: 16px;
    line-height: 25px;
    max-width: 300px;
    margin: 0 auto;
  }

  .gateway .first {
    border-top: 1px solid #e7eaed;
    padding-top: 24px;
    margin-top: 24px;
  }

  .swiper {
    padding-bottom: 40px;
  }

  .pagination {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 321px) {
  .banner-image .card {
    width: 260px;
  }
}

/* Slider Container */

.slider-container {
  display: flex;
  overflow: hidden;
  position: relative;
  height: 100%;
  transition: all 1s ease-out;
  height: 360px;
  max-height: 380px;
}

/* Individual Slides */

.slide {
  min-width: 100%;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  transition: all 1s ease-out;
}

/* Pagination Dots Container */

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Individual Pagination Dot */

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
}

/* Active Pagination Dot */

.active-dot {
  background-color: #15a648;
}

#ribbon {
  z-index: 999;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100vw;
  transform: translateY(-50%);
  background: pink;
  float: left;
  cursor: pointer;
  z-index: 1;
}

#ribbon .bow {
  z-index: 999;
  left: 50%;
  top: 50%;
  position: absolute;
  width: 20rem;
  height: 10rem;
  background-image: url(https://pics.clipartpng.com/midle/Beautiful_Red_Bow_PNG_Clipart-518.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translate(-50%, -50%);
  z-index: 10;
}

#ribbon .bow.hide {
  z-index: 0;
  transition: transform 2s ease-in-out, opacity 0.1s ease 2s;
  transform: translateY(-2000rem) rotate(360deg);
  opacity: 0;
  transform-origin: top left;
}

#ribbon .ribbon--r,
#ribbon .ribbon--l {
  z-index: 0;
  position: absolute;
  background-color: #a7002c;
  width: 50vw;
  height: 1.5rem;
}

#ribbon .ribbon--r {
  z-index: 0;
  right: 0;
}

#ribbon .ribbon--r.hide {
  z-index: 0;
  transition: transform 5s ease-in-out;
  transform: translateX(1000rem) rotate(90deg);
  transform-origin: botttom right;
}

#ribbon .ribbon--l {
  z-index: 0;
  left: 0;
}

#ribbon .ribbon--l.hide {
  z-index: 0;
  transition: transform 5s ease-in-out;
  transform: translateX(-1000rem) rotate(-90deg);
  transform-origin: bottom left;
}

#imgFollow {
  z-index: 999;
  transform: rotate(-65deg);
  width: 5rem;
  transition: transform 8s ease-in-out;
}

/* debug */

/* Cannon */

.cannon {
  height: 70vh;
  width: 1px;
  position: relative;
  transform-origin: 50% 100%;
  animation: cannon-explosion 1.2s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;
  animation-iteration-count: infinite;
  /* Paths */
  /* Confettis */
}

@keyframes cannon-explosion {
  0% {
    transform: scale(0);
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.cannon__path {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform-origin: 50% 100%;
  padding-bottom: 30%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.cannon__path--lg {
  height: 100%;
}

.cannon__path--md {
  height: 95%;
}

.cannon__path--sm {
  height: 90%;
}

.cannon__path--angle-2 {
  transform: rotate(-15deg);
}

.cannon__path--angle-1 {
  transform: rotate(-7.5deg);
}

.cannon__path--angle1 {
  transform: rotate(7.5deg);
}

.cannon__path--angle2 {
  transform: rotate(15deg);
}

.cannon__confetti {
  flex: 0 1 auto;
  animation-duration: 1.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  /* Types */
  /* Colors */
}

.cannon__confetti:nth-child(even) {
  animation-name: confetti-rotate-l;
}

@keyframes confetti-rotate-l {
  0% {
    transform: rotate(0) scaleY(1);
  }

  50% {
    transform: rotate(2turn) scaleY(1.5);
  }

  100% {
    transform: rotate(2.05turn) scaleY(1);
  }
}

.cannon__confetti:nth-child(odd) {
  animation-name: confetti-rotate-r;
}

@keyframes confetti-rotate-r {
  0% {
    transform: rotate(0) scaleY(1);
  }

  50% {
    transform: rotate(-2turn) scaleY(1.5);
  }

  100% {
    transform: rotate(-2.05turn) scaleY(1);
  }
}

.cannon__confetti--ribbon {
  height: 1em;
  width: 0.5em;
  border-radius: 0.1em;
}

.cannon__confetti--flake {
  height: 0.5em;
  width: 0.5em;
  border-radius: 50%;
}

.cannon__confetti--color-1 {
  background-color: #feb535;
}

.cannon__confetti--color-2 {
  background-color: #bea4ff;
}

.cannon__confetti--color-3 {
  background-color: #ff6e83;
}

.cannon__confetti--color-4 {
  background-color: #58cafe;
}

.party-popper {
  position: absolute;
  left: 50%;
  bottom: 5vh;
  font-size: 2em;
  transform: translateX(-50%) rotate(-45deg);
}

.cannon {
  position: absolute;
  bottom: 5vh;
  left: 50%;
}

/* Responsive */

/* CSS Variables (Custom Properties) */

:root {
  --accent-h: 360;
  --accent-s: 80%;
  --accent-l: 50%;
  --accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
}

/* .rnOuter {
  background: hsl(var(--accent-h), calc(var(--accent-s) - 12%), calc(var(--accent-l) - 12%));
  overflow: hidden;
  position: relative;
  height: 100vh;
} */

.rnInner {
  width: 110%;
  position: absolute;
  top: -10%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform-style: preserve-3d;
  transition: transform 6s ease;
  transform-origin: -120% top;
  z-index: 100;
}

.rnUnit {
  width: 10vw;
  height: 120vh;
  background: repeating-linear-gradient(to left,
      var(--accent) 4vw,
      hsl(var(--accent-h),
        calc(var(--accent-s) - 20%),
        calc(var(--accent-l) - 20%)) 8vw,
      hsl(var(--accent-h),
        calc(var(--accent-s) + 20%),
        calc(var(--accent-l) - 20%)) 10vw);
  background-size: 100% 100%;
  display: inline-block;
  transform-origin: 0 0%;
  transform: rotate(3deg);
  animation: rnUnit 2s ease infinite;
}

@keyframes rnUnit {
  50% {
    transform: rotate(-3deg);
  }
}

.rnUnit:nth-child(1) {
  animation-delay: -0.1s;
}

.rnUnit:nth-child(2) {
  animation-delay: -0.2s;
}

.rnUnit:nth-child(3) {
  animation-delay: -0.3s;
}

.rnUnit:nth-child(4) {
  animation-delay: -0.4s;
}

.rnUnit:nth-child(5) {
  animation-delay: -0.5s;
}

.rnUnit:nth-child(6) {
  animation-delay: -0.6s;
}

.rnUnit:nth-child(7) {
  animation-delay: -0.7s;
}

.rnUnit:nth-child(8) {
  animation-delay: -0.8s;
}

.rnUnit:nth-child(9) {
  animation-delay: -0.9s;
}

.rnUnit:nth-child(10) {
  animation-delay: -1s;
}

.aoTable {
  display: table;
  width: 100%;
  height: 100vh;
  text-align: center;
  z-index: -1;
}

.aoTableCell {
  color: hsl(var(--accent-h),
      calc(var(--accent-s) - 12%),
      calc(var(--accent-l) - 12%));
  display: table-cell;
  vertical-align: middle;
  transition: color 3s ease;
}

/* .rnOuter:hover .rnInner {
  transform-origin: -120% top;
  transform: scaleX(0);
}

.rnOuter:hover .aoTableCell {
  color: white;
}  */

.video {
  object-fit: cover;
  width: 100%;
  margin-top: -15px;
  margin-right: -20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -100;
}

#drawing_canvas {
  position: absolute;
  margin: auto;
  width: 512px;
  height: 350px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* New page css start here  */

/* world cloud code start here */

.word-cloud-container>div {
  text-shadow: 3px 5px 8px rgba(1, 1, 1, 0.3);
}

.word-cloud-container>div {
  font-size: 1.2rem;
  color: #022f40;
}

.word-cloud-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  justify-content: center;
  align-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  grid-template:
    '. . . RealTimeBidding . . . .'
    '. . . RealTimeBidding EffortlessNavigation EffortlessNavigation EffortlessNavigation EffortlessNavigation'
    'SleekBilling SleekBilling SleekBilling RealTimeBidding GameChanging ResponsiveSupport Procurement AdaptableOfferCrafting'
    '. UnlockingPowerfullPlatform Unmediated RealTimeBidding InnovativePlatform ResponsiveSupport Procurement StreamlinedOfferManagement     '
    '. . Unmediated RealTimeBidding InnovativePlatform ResponsiveSupport Procurement StreamlinedOfferManagement'
    '. . Unmediated RealTimeBidding Capitalizing ResponsiveSupport Procurement .'
    '. . . RealTimeBidding . . Procurement .';
}

.word-cloud-container :nth-child(2n) {
  font-size: 2.1rem;
  color: #38aecc;
  font-weight: bold;
}

.word-cloud-container :nth-child(3n) {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  color: #0090c1;
}

.word-cloud-container :nth-child(4n) {
  font-size: 2.8rem;
  color: #183446;
}

.word-cloud-container :nth-child(5n) {
  font-size: 2rem;
  color: #046e8f;
}

.word-cloud-container :nth-child(12n) {
  font-size: 2.3rem;
  color: #022f40;
}

.word-cloud-container :nth-child(7n) {
  font-size: 1.5rem;
  color: #0090c1;
}

#InnovativePlatform {
  grid-area: InnovativePlatform;
}

#Capitalizing {
  grid-area: Capitalizing;
}

#Unmediated {
  grid-area: Unmediated;
}

#EffortlessNavigation {
  grid-area: EffortlessNavigation;
}

#GameChanging {
  grid-area: GameChanging;
}

#RealTimeBidding {
  grid-area: RealTimeBidding;
}

#AdaptableOfferCrafting {
  grid-area: AdaptableOfferCrafting;
}

#SleekBilling {
  grid-area: SleekBilling;
}

#ResponsiveSupport {
  grid-area: ResponsiveSupport;
}

#StreamlinedOfferManagement {
  grid-area: StreamlinedOfferManagement;
}

#UnlockingPowerfullPlatform {
  grid-area: UnlockingPowerfullPlatform;
}

#Procurement {
  grid-area: Procurement;
}

/* Innovative Platform */

.word-cloud-container :nth-child(1) {
  animation: firstChildZoom 4s ease-in-out forwards, zoomEffect 5s ease-in-out infinite;
  animation-delay: 0s, 4s;

}

@keyframes firstChildZoom {
  0% {
    transform: scale(5);
    opacity: 0;
    margin-left: 30%;
  }

  100% {
    transform: scale(1);
    opacity: 1;
    margin-left: 0%
  }
}

@keyframes reverseFirstChildZoom {
  0% {
    transform: scale(1);
    opacity: 1;
    margin-left: 0%
  }

  100% {
    transform: scale(5);
    opacity: 0;
    margin-left: 30%;
  }
}

@keyframes zoomEffect {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }

}

/* Game Changing */

.word-cloud-container :nth-child(5) {
  animation: slideLeftToRight 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 4s;
}

/* Sleek Billing */

.word-cloud-container :nth-child(8) {
  animation: slideLeftToRight 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 4s;
}

/* Streamlined Offer Management */

.word-cloud-container :nth-child(10) {
  animation: slideLeftToRight 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 4s;
}

@keyframes slideLeftToRight {
  0% {
    transform: translateX(-1000%);
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes reverseSlideLeftToRight {
  0% {
    transform: translateX(-0%);
    opacity: 1;
  }

  100% {
    transform: translateX(-1000%);
    opacity: 0;
  }
}

/* Effortless Navigation */

.word-cloud-container :nth-child(4) {
  animation: slideRightToLeft 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 4s;
}

/* Capitalizing */

.word-cloud-container :nth-child(2) {
  animation: slideRightToLeft 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 5s;
}

/*  Unlocking powerfull platform */

.word-cloud-container :nth-child(11) {
  animation: slideRightToLeft 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 6s;
}

/* Adaptable Offer Crafting */

.word-cloud-container :nth-child(7) {
  animation: slideRightToLeft 4s ease-in-out forwards, slideAnimation 10s ease-in-out infinite;
  animation-delay: 0s, 3s;
}

@keyframes slideRightToLeft {
  0% {
    transform: translateX(1000%);
    opacity: 0;
  }

  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes reverseSlideRightToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    transform: translateX(1000%);
    opacity: 0;
  }
}

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

  50% {
    transform: translateX(3%);
  }

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


}

/* Responsive Support */

.word-cloud-container :nth-child(9) {
  animation: slideBottomToTop 4s ease-in-out forwards, verticalSlideAn 10s ease infinite;
  animation-delay: 0s, 5s;
}

/* Real Time Bidding */

.word-cloud-container :nth-child(6) {
  animation: slideBottomToTop 4s ease-in-out forwards, verticalSlideAn 10s ease infinite;
  animation-delay: 0s, 6s;
}

@keyframes slideBottomToTop {
  0% {
    transform: translateY(1000%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes reverseSlideBottomToTop {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(1000%);
    opacity: 0;
  }
}

@keyframes verticalSlideAn {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(3%);
  }

  100% {
    transform: translateY(0%);
  }


}

/* Procurement */

.word-cloud-container :nth-child(12) {
  animation: slideTopToBottom 4s ease-in-out forwards, verticalSlideAn 10s ease infinite;
  animation-delay: 0s, 5s;
}

/* Unmediated */

.word-cloud-container :nth-child(3) {
  animation: slideTopToBottom 4s ease-in-out forwards, verticalSlideAn 10s ease infinite;
  animation-delay: 0s, 5s;
}

@keyframes slideTopToBottom {
  0% {
    transform: translateY(-1000%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes reverseSlideTopToBottom {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(-1000%);
    opacity: 0;
  }
}

/* word cloud code ends here */

/* infiniti slogen code start here */

.slogen-container {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: end;
  overflow: hidden;
  padding: 4rem;
}

.slogen-container>div {
  padding: 4px;
  font-size: 1.8rem;
  color: #046e8f;
  text-shadow: 3px 5px 8px rgba(1, 1, 1, 0.3);
  transform: translateY(1000%);
}

.slogen-container :nth-child(1) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(2) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 4s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(3) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 5s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(4) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 6s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(5) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 7s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(6) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 8s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(7) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 9s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(8) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 10s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(9) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 11s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(10) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 12s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(11) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 13s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(12) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 14s;
  animation-iteration-count: infinite;
}

.slogen-container :nth-child(13) {
  animation: slogenDisplay 8s ease-in-out forwards;
  animation-delay: 15s;
  animation-iteration-count: infinite;
}

@keyframes slogenDisplay {
  0% {
    transform: translateY(1000%);
    opacity: 0;
  }

  20% {
    transform: translateY(-100%);
    opacity: 1;
  }

  80% {
    transform: translateY(-100%);
    opacity: 1;
  }

  100% {
    transform: translateY(1000%);
    opacity: 0;
  }
}

@keyframes hideInfinitySlogen {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }

}

/* infiniti slogen code ends here  */

/* Infinity Logo Code start here  */

.robbon-container {
  animation: dispearRibbonContainer 10s ease-in forwards;
}

@keyframes dispearRibbonContainer {
  0% {
    opacity: 1;
    transform: scale(100%);
  }

  100% {
    opacity: 0;
    transform: scale(10000%);
  }
}

.infinity-logo-container {
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 90vh;
  margin-left: -15px;
  padding: 0px;
  overflow: hidden;
}

.infinity-logo-container>svg {
  scale: 1.8;
  margin: 2.5px;
}

#infinity-logo-svg {
  display: none;
}

@keyframes logoInAnimation {
  0% {
    opacity: 0;
    transform: scale(1000%);
  }

  100% {
    opacity: 1;
    transform: scale(150%);
  }

}

@keyframes logoOutAnimation {
  0% {
    opacity: 1;
    transform: scale(150%);
  }

  100% {
    opacity: 0;
    transform: scale(1000%);
  }

}

@keyframes infinityLogo {
  0% {
    opacity: 1;
    transform: scale(150%);
  }

  50% {
    transform: scale(158%);
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scale(150%);

  }
}

/* Infinity Logo Code start here  */